body{
		position: relative;
        max-height:1080px; 
		max-width: 1920px;
		overflow: auto;
        margin-left:auto;
        margin-right:auto;	
		background-color: #1d2327;
		font-family: -apple-system,BlinkMacSystemFont,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
		user-select: none;
    }
.test { position: absolute; left: 0px; top: 0px; z-index: 100;} 
.tes2 { position: absolute; left: 0px; top: 0px; z-index: 100;} 

.container { height: 1080px; width: 1920px; }

	#container_new_game_background { position: absolute; left: 0px; top: 0px; height: 1080px; width: 1920px; background-color: #1A1A19; z-index: 0; }
	#container_new_game_titan { position: absolute; left: 0px; top: 0px; height: 1080px; width: 1920px; background-image: url("data/assets/new_titan.png"); z-index: 1; display: none; }
	#container_new_game_hunter { position: absolute; left: 0px; top: 0px; height: 1080px; width: 1920px; background-image: url("data/assets/new_hunter.png"); z-index: 1; display: none; }
	#container_new_game_warlock { position: absolute; left: 0px; top: 0px; height: 1080px; width: 1920px; background-image: url("data/assets/new_warlock.png"); z-index: 1; display: none; }
	.select_new_character { position: absolute; left: 1350px; top: 250px; height: 60px; width: 418px; color: white; text-align: center; letter-spacing: 10px; font-size: 40px; line-height: 60px; border-top:1px solid white; border-bottom:1px solid white; z-index: 2; }
	.new_select_name { position: absolute; left: 125px; top: 10px; height: 60px; width: 405px; color: white; letter-spacing: 10px; font-size: 40px; line-height: 60px;}
	.new_select_info { position: absolute; left: 125px; bottom: 15px; height: 30px; width: 450px; color: grey; letter-spacing: 2px; font-size: 20px; line-height: 30px;}
	.new_select_level { position: absolute; left: 125px; bottom: 15px; height: 30px; width: 450px; color: white; letter-spacing: 2px; font-size: 20px; line-height: 30px; text-align: right; }	
		#new_select_titan { position: absolute; cursor: pointer; left: 1256px; top: 500px; height: 100px; width: 600px; border:1px solid white; background-color: #212121; z-index: 2; }
			#new_select_titan:hover~#container_new_game_titan { display: block; }
			#new_select_titan:hover { outline: 2px solid white; }
			#new_select_titan img { position: absolute; left: 15px; top: 5px; height: 90px; width: 90px; }
		#new_select_hunter { position: absolute; cursor: pointer; left: 1256px; top: 625px; height: 100px; width: 600px; border:1px solid white; background-color: #212121; z-index: 2; }
			#new_select_hunter:hover~#container_new_game_hunter { display: block; }
			#new_select_hunter:hover { outline: 2px solid white; }
			#new_select_hunter img { position: absolute; left: 15px; top: 5px; height: 90px; width: 90px; }
		#new_select_warlock { position: absolute; cursor: pointer; left: 1256px; top: 750px; height: 100px; width: 600px; border:1px solid white; background-color: #212121; z-index: 2; }
			#new_select_warlock:hover~#container_new_game_warlock { display: block;  }
			#new_select_warlock:hover { outline: 2px solid white; }
			#new_select_warlock img { position: absolute; left: 15px; top: 5px; height: 90px; width: 90px; }
		#lock_titan_start { position: absolute; left: 1256px; top: 500px; height: 100px; width: 600px; border:1px solid white; background-color: rgba(255, 255, 255, .1); z-index: 10; display: none; }
			#lock_titan_start:hover~#container_new_game_titan { display: block; }
			.start_lock_pic { position: absolute; left: 285px; top: 30px; height: 40px; width: 30px; background-image: url("data/assets/lock.png"); background-size: contain; }
		#lock_hunter_start { position: absolute; left: 1256px; top: 625px; height: 100px; width: 600px; border:1px solid white; background-color: rgba(255, 255, 255, .1); z-index: 10; display: none; }
			#lock_hunter_start:hover~#container_new_game_hunter { display: block; }
			.start_lock_pic { position: absolute; left: 285px; top: 30px; height: 40px; width: 30px; background-image: url("data/assets/lock.png"); background-size: contain; }
		#lock_warlock_start { position: absolute;  left: 1256px; top: 750px; height: 100px; width: 600px; border:1px solid white; background-color: rgba(255, 255, 255, .1); z-index: 10; display: none; }
			#lock_warlock_start:hover~#container_new_game_warlock { display: block; }
			.start_lock_pic { position: absolute; left: 285px; top: 30px; height: 40px; width: 30px; background-image: url("data/assets/lock.png"); background-size: contain; }
			
.inventory_background { position: absolute; left: 0px; top: 0px; height:1080px ; max-width: 1920px; width: 100%; }

.character_select_titan_line { position: absolute; left: 95px; top: 0px; height: 105px; width: 1730px; border-bottom:1px solid white; visibility: hidden;}	
    .character_select_titan_line::after {
      content: "";
      position: absolute;
      top: 105px;
      left: 50%;
      width: 750px; /* adjust for glow width */
      height: 1%;
      transform: translate(-50%, -50%);
      background: #BA3334;
      box-shadow: 0 0 10px 5px #BA3334;
      border-radius: 50%;
      opacity: 0.9;
    }
.character_select_hunter_line { position: absolute; left: 95px; top: 0px; height: 105px; width: 1730px; border-bottom:1px solid white; visibility: hidden;}	
    .character_select_hunter_line::after {
      content: "";
      position: absolute;
      top: 105px;
      left: 50%;
      width: 750px; /* adjust for glow width */
      height: 1%;
      transform: translate(-50%, -50%);
      background: #455D83;
      box-shadow: 0 0 10px 5px #455D83;
      border-radius: 50%;
      opacity: 0.9;
    }
.character_select_warlock_line { position: absolute; left: 95px; top: 0px; height: 105px; width: 1730px; border-bottom:1px solid white; visibility: hidden;}	
    .character_select_warlock_line::after {
      content: "";
      position: absolute;
      top: 105px;
      left: 50%;
      width: 750px; /* adjust for glow width */
      height: 1%;
      transform: translate(-50%, -50%);
      background: #A89C30;
      box-shadow: 0 0 10px 5px #A89C30;
      border-radius: 50%;
      opacity: 0.9;
    }
	
.character_select_header { position: absolute; left: 95px; top: 0px; height: 105px; width: 1730px; }
	#inventory_exit { position: absolute; cursor: pointer; left: 20px; top:30px; height: 45px; width: 45px; }
	.geon_inventory { position: absolute; right: 20px; top:40px; height: 35px; width: 150px; line-height: 35px; color: white; font-size: 25px; }
	.geon_inventory img { position: absolute; right: 0px; width: 35px; height: 35px; }
	.geon_battle_window { position: absolute; right: 175px; top:15px; height: 35px; width: 150px; line-height: 35px; color: white; font-size: 20px; z-index: 21;}
	.geon_battle_window img { position: absolute; right: 0px; width: 35px; height: 35px; }
	#geon_inventory { position: absolute; right: 50px; }
	#geon_battle_window { position: absolute; right: 50px; }
	#shop_ammo_btn { cursor: pointer; position: absolute; top: 15px; right: 60px; height: 35px; width: 56px; background-image: url("data/assets/shop_ammo.png"); background-size: contain; z-index: 10; }
	#shop_potion_btn { cursor: pointer; position: absolute; top: 15px; right: 115px; height: 35px; width: 56px; background-image: url("data/assets/shop_potion.png"); background-size: contain;  z-index: 10; }
	.character_select_header_2 { cursor: pointer; position: absolute; left: 715px; top: 15px; height: 75px; width: 300px; color: white; font-size: 35px; font-weight: 600; border:1px solid white; background-color: #141E2B; }
	.character_select_header_1 { cursor: pointer; position: absolute; left: 450px; top: 20px; height: 65px; width: 250px; color: white; font-size: 25px; font-weight: 600; border:1px solid white; background-color: #141E2B; opacity: 0.5; }
	.character_select_header_3 { cursor: pointer; position: absolute; left: 1030px; top: 20px; height: 65px; width: 250px; color: white; font-size: 25px; font-weight: 600; border:1px solid white; background-color: #141E2B; opacity: 0.5; }

	#lock_header_1 { cursor: default; position: absolute; left: 450px;  top: 20px;  height: 65px;  width: 250px; border:1px solid white; background-color: rgba(255, 255, 255, .1); z-index: 10; display: none; }
	#lock_header_3 { cursor: default; position: absolute; left: 1030px; top: 20px; height: 65px; width: 250px; border:1px solid white; background-color: rgba(255, 255, 255, .1); z-index: 10; display: none; }
	.lock_header_pic { position: absolute; left: 114px; top: 17.5px; height: 30px; width: 22.5px; background-image: url("data/assets/lock.png"); background-size: contain; }

	.inventory_item_info { position: absolute; left:0px; top: 0px; visibility: hidden;}
	.inventory_item_info_box { position: absolute; left:385px; top: 115px; min-height:455px ; width: 400px; border: 2px solid #292929; background-image: linear-gradient(#292929, #0D0D0D); z-index: 2; overflow: scroll; }
	.inventory_item_info_top_box { position: absolute; left: 0px; top: 0px; height: 175px; width: 400px; background-color: #0D0D0D; }
	.inventory_item_info_top_box_pic { position: absolute; right: 15px; top: 65px; height: 96px; width: 96px; outline: 2px solid grey;}
	.inventory_item_info_top_box_name { position: absolute; left: 15px; top: 15px; font-size: 25px; font-weight: 600; color: white; }
	.inventory_item_info_top_box_grade { position: absolute; left: 15px; top: 45px; font-size: 20px; font-weight: 500; color: grey; }
	.inventory_item_info_top_box_dmg_name { position: absolute; left: 15px; top: 105px; font-size: 20px; font-weight: 500; color: grey; }
	.inventory_item_info_top_box_dmg { position: absolute; left: 15px; top: 125px; font-size: 35px; font-weight: 600; color: white; }
	.inventory_item_info_box_rarity { position: absolute; right: 15px; top: 185px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_type_bound { position: absolute; left: 15px; top: 185px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_limitation { position: absolute; left: 15px; top: 210px; font-size: 20px; font-weight: 500; color: grey; }
	.inventory_item_info_box_line { position: absolute; left: 15px; top: 230px; width: 370px; border: 1px solid grey; }
	.inventory_item_info_box_1_name { position: absolute; left: 20px; top: 250px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_2_name { position: absolute; left: 20px; top: 285px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_3_name { position: absolute; left: 20px; top: 320px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_4_name { position: absolute; left: 20px; top: 355px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_5_name { position: absolute; left: 20px; top: 390px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_6_name { position: absolute; left: 20px; top: 425px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_7_name { position: absolute; left: 20px; top: 460px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_8_name { position: absolute; left: 20px; top: 495px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_1 { position: absolute; right: 25px; top: 250px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_2 { position: absolute; right: 25px; top: 285px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_3 { position: absolute; right: 25px; top: 320px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_4 { position: absolute; right: 25px; top: 355px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_5 { position: absolute; right: 25px; top: 390px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_6 { position: absolute; right: 25px; top: 425px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_7 { position: absolute; right: 25px; top: 460px; font-size: 20px; font-weight: 500; color: white; }
	.inventory_item_info_box_8 { position: absolute; right: 25px; top: 495px; font-size: 20px; font-weight: 500; color: white; }
	
	.inventory_item_info_equip { position: absolute; left:780px; top: 145px; height: 65px; width: 200px; cursor: pointer; text-align: center; vertical-align: middle; line-height: 65px; font-size: 30px; font-weight: 600; color: white; border: 2px solid #3F3F3F; background-color: #1C1C1C; z-index: 1; }
	.inventory_item_info_forge { position: absolute; left:780px; top: 220px; height: 65px; width: 200px; cursor: pointer; text-align: center; vertical-align: middle; line-height: 65px; font-size: 30px; font-weight: 600; color: white; border: 2px solid #3F3F3F; background-color: #1C1C1C; z-index: 1; }
	.inventory_item_info_exit { position: absolute; left:780px; top: 295px; height: 65px; width: 200px; cursor: pointer; text-align: center; vertical-align: middle; line-height: 65px; font-size: 30px; font-weight: 600; color: white; border: 2px solid #3F3F3F; background-color: #1C1C1C; z-index: 1; }
	.inventory_item_info_sell { position: absolute; left:780px; top: 370px; height: 65px; width: 200px; cursor: pointer; text-align: center; vertical-align: middle; line-height: 65px; font-size: 30px; font-weight: 600; color: white; border: 2px solid #3F3F3F; background-color: #1C1C1C; z-index: 1; }
	
	.inventory_characters { position: absolute; left:95px; top: 105px; height:480px ; width: 1730px; border-bottom: 1px solid white; overflow:hidden; }
	
		.inventory_titan { position: absolute; left: 0px; top:0px; height:480px ; width: 1730px; }
			.inventory_titan_info { position : absolute; left: 0px; top: 10px; height: 455px; width: 275px; border:2px solid #292929; background-image: linear-gradient(#292929, #0D0D0D);}
			.inventory_titan_info_stats_name_box { position: absolute; left: 0px; top: 0px; height: 65px; width: 275px; background-color: #0D0D0D;}
			.inventory_titan_info_stats_name { position: absolute; left: 30px; top: 12px; font-size: 35px; font-weight: 600; color: white; }
			.inventory_titan_info_stats_line { position: absolute; left: 18px; top: 20px; font-size: 25px; font-weight: 500; color: white; outline: 1px solid white; height: 22px; width: 134px; opacity: 0.25;}
			.inventory_titan_info_stats_lvl { position: absolute; left: 20px; top: 80px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_dmg { position: absolute; left: 20px; top: 135px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_hp { position: absolute; left: 20px; top: 170px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_str { position: absolute; left: 20px; top: 205px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_agi { position: absolute; left: 20px; top: 240px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_wis { position: absolute; left: 20px; top: 275px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_otp { position: absolute; left: 20px; top: 310px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_eva { position: absolute; left: 20px; top: 345px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_def { position: absolute; left: 20px; top: 380px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_titan_info_stats_crit { position: absolute; left: 20px; top: 415px; font-size: 20px; font-weight: 500; color: white; }
			
			#inventory_titan_info_stats_lvl_content { position: absolute; right: 20px; top: 80px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_dmg_content { position: absolute; right: 20px; top: 135px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_hp_content { position: absolute; right: 20px; top: 170px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_str_content { position: absolute; right: 20px; top: 205px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_agi_content { position: absolute; right: 20px; top: 240px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_wis_content { position: absolute; right: 20px; top: 275px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_otp_content { position: absolute; right: 20px; top: 310px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_eva_content { position: absolute; right: 20px; top: 345px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_def_content { position: absolute; right: 20px; top: 380px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_titan_info_stats_crit_content { position: absolute; right: 20px; top: 415px; font-size: 20px; font-weight: 500; color: white; }
			
			.inventory_titan_info_stats_pic { position: absolute; right: 0px; top: 0px; }
			.inventory_titan_info_stats_pic img { height: 65px;}
			
			.inventory_titan_pic { position: absolute; left: 1140px; top:-180px; height: 900px; }
			.inventory_titan_primary_weapon { position: absolute; left: 935px;  top: 20px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_special_weapon { position: absolute; left: 935px;  top: 136px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_heavy_weapon { position: absolute; left: 935px;  top: 252px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_ghost { position: absolute; left: 935px;  top: 368px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_helm { position: absolute; left: 1629px;  top: 20px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_gloves { position: absolute; left: 1629px;  top: 136px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_body { position: absolute; left: 1629px;  top: 252px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_titan_boots { position: absolute; left: 1629px;  top: 368px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
		
		.inventory_hunter { position: absolute; left: 0px; top:0px; height:480px ; width: 1730px; }
			.inventory_hunter_info { position : absolute; left: 0px; top: 10px; height: 455px; width: 275px; border:2px solid #292929; background-image: linear-gradient(#292929, #0D0D0D);}
			.inventory_hunter_info_stats_name_box { position: absolute; left: 0px; top: 0px; height: 65px; width: 275px; background-color: #0D0D0D;}
			.inventory_hunter_info_stats_name { position: absolute; left: 30px; top: 12px; font-size: 35px; font-weight: 600; color: white; }
			.inventory_hunter_info_stats_line { position: absolute; left: 20px; top: 20px; font-size: 25px; font-weight: 500; color: white; outline: 1px solid white; height: 22px; width: 132px; opacity: 0.25;}
			.inventory_hunter_info_stats_lvl { position: absolute; left: 20px; top: 80px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_dmg { position: absolute; left: 20px; top: 135px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_hp { position: absolute; left: 20px; top: 170px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_str { position: absolute; left: 20px; top: 205px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_agi { position: absolute; left: 20px; top: 240px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_wis { position: absolute; left: 20px; top: 275px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_otp { position: absolute; left: 20px; top: 310px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_eva { position: absolute; left: 20px; top: 345px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_def { position: absolute; left: 20px; top: 380px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_hunter_info_stats_crit { position: absolute; left: 20px; top: 415px; font-size: 20px; font-weight: 500; color: white; }
			
			#inventory_hunter_info_stats_lvl_content { position: absolute; right: 20px; top: 80px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_dmg_content { position: absolute; right: 20px; top: 135px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_hp_content { position: absolute; right: 20px; top: 170px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_str_content { position: absolute; right: 20px; top: 205px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_agi_content { position: absolute; right: 20px; top: 240px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_wis_content { position: absolute; right: 20px; top: 275px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_otp_content { position: absolute; right: 20px; top: 310px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_eva_content { position: absolute; right: 20px; top: 345px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_def_content { position: absolute; right: 20px; top: 380px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_hunter_info_stats_crit_content { position: absolute; right: 20px; top: 415px; font-size: 20px; font-weight: 500; color: white; }
			
			.inventory_hunter_info_stats_pic { position: absolute; right: 0px; top: 0px; }
			.inventory_hunter_info_stats_pic img { height: 65px;}
			
			.inventory_hunter_pic { position: absolute; left: 950px; top:-60px; height: 800px; }
			.inventory_hunter_primary_weapon { position: absolute; left: 935px;  top: 20px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_special_weapon { position: absolute; left: 935px;  top: 136px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_heavy_weapon { position: absolute; left: 935px;  top: 252px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_ghost { position: absolute; left: 935px;  top: 368px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_helm { position: absolute; left: 1629px;  top: 20px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_gloves { position: absolute; left: 1629px;  top: 136px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_body { position: absolute; left: 1629px;  top: 252px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_hunter_boots { position: absolute; left: 1629px;  top: 368px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			
			.inventory_warlock { position: absolute; left: 0px; top:0px; height:480px ; width: 1730px; }
			.inventory_warlock_info { position : absolute; left: 0px; top: 10px; height: 455px; width: 275px; border:2px solid #292929; background-image: linear-gradient(#292929, #0D0D0D);}
			.inventory_warlock_info_stats_name_box { position: absolute; left: 0px; top: 0px; height: 65px; width: 275px; background-color: #0D0D0D;}
			.inventory_warlock_info_stats_name { position: absolute; left: 30px; top: 12px; font-size: 35px; font-weight: 600; color: white; }
			.inventory_warlock_info_stats_line { position: absolute; left: 20px; top: 20px; font-size: 25px; font-weight: 500; color: white; outline: 1px solid white; height: 22px; width: 132px; opacity: 0.25;}
			.inventory_warlock_info_stats_lvl { position: absolute; left: 20px; top: 80px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_dmg { position: absolute; left: 20px; top: 135px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_hp { position: absolute; left: 20px; top: 170px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_str { position: absolute; left: 20px; top: 205px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_agi { position: absolute; left: 20px; top: 240px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_wis { position: absolute; left: 20px; top: 275px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_otp { position: absolute; left: 20px; top: 310px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_eva { position: absolute; left: 20px; top: 345px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_def { position: absolute; left: 20px; top: 380px; font-size: 20px; font-weight: 500; color: white; }
			.inventory_warlock_info_stats_crit { position: absolute; left: 20px; top: 415px; font-size: 20px; font-weight: 500; color: white; }
			
			#inventory_warlock_info_stats_lvl_content { position: absolute; right: 20px; top: 80px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_dmg_content { position: absolute; right: 20px; top: 135px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_hp_content { position: absolute; right: 20px; top: 170px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_str_content { position: absolute; right: 20px; top: 205px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_agi_content { position: absolute; right: 20px; top: 240px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_wis_content { position: absolute; right: 20px; top: 275px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_otp_content { position: absolute; right: 20px; top: 310px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_eva_content { position: absolute; right: 20px; top: 345px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_def_content { position: absolute; right: 20px; top: 380px; font-size: 20px; font-weight: 500; color: white; }
			#inventory_warlock_info_stats_crit_content { position: absolute; right: 20px; top: 415px; font-size: 20px; font-weight: 500; color: white; }
			
			.inventory_warlock_info_stats_pic { position: absolute; right: 0px; top: 0px; }
			.inventory_warlock_info_stats_pic img { height: 65px;}
			
			.inventory_warlock_pic { position: absolute; left: 1080px; top:-180px; height: 900px; }
			.inventory_warlock_primary_weapon { position: absolute; left: 935px;  top: 20px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_special_weapon { position: absolute; left: 935px;  top: 136px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_heavy_weapon { position: absolute; left: 935px;  top: 252px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_ghost { position: absolute; left: 935px;  top: 368px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_helm { position: absolute; left: 1629px;  top: 20px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_gloves { position: absolute; left: 1629px;  top: 136px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_body { position: absolute; left: 1629px;  top: 252px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			.inventory_warlock_boots { position: absolute; left: 1629px;  top: 368px;  height: 96px; width: 96px; outline:1px solid white; background-color: #1d2327; }
			
			.inventory_info_stats_line { position: absolute; left: 15px; top: 110px; width: 245px; border: 1px solid grey; }
			
.inventory_info { position: absolute; left:95px; bottom: 380px; height:100px; width: 1730px; border-bottom: 1px solid white;}
	.inventory_name { position: absolute; left: 15px; bottom: 40px; font-size: 60px; font-weight: 600; color: white; }
	.inventory_name_line { position: absolute; left: -15px; top: 18px; font-size: 50px; font-weight: 500; color: white; outline: 1px solid white; height: 32px; width: 375px; opacity: 0.25;}
	.inventory_page { position: absolute; left: 0px; bottom: 10px; font-size: 25px; font-weight: 500; color: white; }
	.inventory_sort { cursor: pointer; position: absolute; height: 50px; width: 125px; right: 110px; top: -5px; font-size: 30px; font-weight: 500; color: white; border: 1px solid white; display: flex;  justify-content: center;  align-items: center; opacity: 0.5;}
	.inventory_previous { cursor: pointer; position: absolute; height: 50px; width: 50px; right: 55px; top: -5px; border: 1px solid white; display: flex;  justify-content: center;  align-items: center; }
		.arrow_left { width: 0;	height: 0; border-top: 10px solid transparent; border-right: 20px solid white; border-bottom: 10px solid transparent; }
	.inventory_next { cursor: pointer; position: absolute; height: 50px; width: 50px; right: 0px; top: -5px; border: 1px solid white; display: flex;  justify-content: center;  align-items: center; opacity: 0.5; }
		.arrow_right { width: 0; height: 0;	border-top: 10px solid transparent;	border-left: 20px solid white; border-bottom: 10px solid transparent; }
	.inventory_count { position: absolute; right: 0px; bottom: 8px; font-size: 30px; font-weight: 500; color: white; }

.inventory_window { position: absolute; left: 0px; bottom: 20px; height:348px ; max-width: 1920px; width: 100%; }
.inventory_1 { position: absolute; left:90px; bottom: 0px; height:348px; max-width: 1740px;}
.inventory_2 { position: absolute; left:90px; bottom: 0px; height:348px; max-width: 1740px; visibility: hidden; }
.inventory_3 { position: absolute; left:90px; bottom: 0px; height:348px; max-width: 1740px; visibility: hidden; }
.inventory_4 { position: absolute; left:90px; bottom: 0px; height:348px; max-width: 1740px; visibility: hidden; }
.inventory_5 { position: absolute; left:90px; bottom: 0px; height:348px; max-width: 1740px; visibility: hidden; }

.itemslot_1  { position: absolute; left: 100px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_2  { position: absolute; left: 216px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_3  { position: absolute; left: 332px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_4  { position: absolute; left: 448px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_5  { position: absolute; left: 564px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_6  { position: absolute; left: 680px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_7  { position: absolute; left: 796px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_8  { position: absolute; left: 912px;  top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_9  { position: absolute; left: 1028px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_10 { position: absolute; left: 1144px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_11 { position: absolute; left: 1260px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_12 { position: absolute; left: 1376px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_13 { position: absolute; left: 1492px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_14 { position: absolute; left: 1608px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_15 { position: absolute; left: 1724px; top: 10px;  height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_16 { position: absolute; left: 100px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_17 { position: absolute; left: 216px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_18 { position: absolute; left: 332px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_19 { position: absolute; left: 448px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_20 { position: absolute; left: 564px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_21 { position: absolute; left: 680px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_22 { position: absolute; left: 796px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_23 { position: absolute; left: 912px;  top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_24 { position: absolute; left: 1028px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_25 { position: absolute; left: 1144px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_26 { position: absolute; left: 1260px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_27 { position: absolute; left: 1376px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_28 { position: absolute; left: 1492px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_29 { position: absolute; left: 1608px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_30 { position: absolute; left: 1724px; top: 126px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_31 { position: absolute; left: 100px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_32 { position: absolute; left: 216px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_33 { position: absolute; left: 332px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_34 { position: absolute; left: 448px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_35 { position: absolute; left: 564px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_36 { position: absolute; left: 680px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_37 { position: absolute; left: 796px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_38 { position: absolute; left: 912px;  top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_39 { position: absolute; left: 1028px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_40 { position: absolute; left: 1144px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_41 { position: absolute; left: 1260px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_42 { position: absolute; left: 1376px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_43 { position: absolute; left: 1492px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_44 { position: absolute; left: 1608px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}
.itemslot_45 { position: absolute; left: 1724px; top: 242px; height: 96px; width: 96px; outline:4px solid white; background-color: grey;}

.inventory_item { width: 96px; height: 96px; float: left; margin: 10px; padding: 0px; }

#container_alert_window { position: absolute; left: 0px; top: 0px; height: 1080px; width: 1920px; background-color:rgba(0, 0, 0, 0.8); z-index: 100; display: none; }
	#alert_window_sell { position: absolute; left: 560px; top: 400px; height: 26px; width: 750px; border: 1px solid white; color: white; font-size: 25px; line-height: 25px; padding: 25px;}
		#alert_window_sell_yes { position: absolute; cursor: pointer; right: 100px; top: 12.5px; height: 50px; width: 75px; border: 2px solid #2CEE2D; background-color: rgba(44, 238, 45, 0.3)}
		#alert_window_sell_yes img { position: absolute; width: 45px; height: 45px; top: 2.5px; left: 15px; }
		#alert_window_sell_no { position: absolute; cursor: pointer; right: 12.5px; top: 12.5px; height: 50px; width: 75px; border: 2px solid red; background-color: rgba(255, 0, 0, 0.3)}
		#alert_window_sell_no img { position: absolute; width: 45px; height: 45px; top: 2.5px; left: 15px; }
		#alert_window_sell_info img { width: 25px; height: 25px; vertical-align: bottom; }