@font-face{
	src: url(src/fonts/RobotoCondensed-Bold.ttf);
	font-family: Roboto Condensed;
	font-weight: 700;
}
@font-face{
	src: url(src/fonts/RobotoCondensed-Light.ttf);
	font-family: Roboto Condensed;
	font-weight: 300;
}

/*
#F2F2F2
#8C8C8C
#595959
#262626
#0D0D0D
*/

/*
#FDDA0D -- yellow
*/




html, body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:#282828;
	cursor: auto;
}

p,h1,h2,h3,img{
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

p{
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}
video{
	position:absolute;
	z-index:0;
}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: #282828;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px #595959;
}

.titles{
	position:absolute;
	z-index:1;
	color:#F5F5F5;
	margin:0;
	
}



#main_canvas{
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	left:0px;
	z-index:1;
}
#debug_canvas{
	position:absolute;
	display:none;
	z-index:33;
}
#cas_canvas{
	position:absolute;
	display:none;
	z-index:11;
}

.title_container{
	display:block;
	position:absolute;
	z-index:2;
	left:15px;
	top:10px;
}

.main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	margin:0;
	color:#282828;
	z-index:2;
	line-height: 80%;
}

.moto{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin:0;
	color:#282828;
	z-index:2;
}

/* ..........................LINKS*/
.link_on_black{
	color:#add8e6;
}

/* ..........................*/

.tit_1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	
	z-index:12;
	margin:auto;
	margin-top:20px;
	display:block;
}
.tit_2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	font-weight:300;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	
	z-index:12;
	margin:auto;
	display:block;
}

.tit_3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	display:block;
}
.simple_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-bottom:10px;
	display:block;
}
.plots_ownership_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-bottom:5px;
	display:block;
}
.plot_with_units_cont_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-bottom:5px;
	display:block;
}
#plot_spawn_random_txt{
	display:none;
}
#plots_in_ownership_txt{
	display:none;
}

#plot_start_title{
	display:none;
	margin-bottom:10px;
}

.plot_input{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:auto;
	margin-top:20px;
	color:#282828;
	background-color:#F5F5F5;
	width:120px;
	font-size: 20px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	z-index:12;
	display:block;
	
}

.id_but{
	margin:auto;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration: none;
	
	border-radius:5px;
	border: 3px solid #262626;
	background-color:white;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #262626;
	font-size: 24px;
	z-index:12;
	display:none;
}

#play_but{
	display:block;
}

.plot_id_cont_on_screen{
	position:absolute;
	z-index:2;
	bottom:40px;
	right:20px;
	text-align:right;
}
.plot_id{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;
	margin:0;
	color:white;
}
#plot_owner{
	font-size: 18px;
}


.sign_but{
	margin:auto;
	margin-top:30px;
	
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	
	padding:5px;
	
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 22px;
	z-index:12;
	display:none;
}

.sign_in_debug{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	margin:0;
	color:#F2F2F2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-top:10px;
	display:none;
}

.compas{
	width:75px;
	bottom:70px;
	right:40px;
	position:absolute;
	z-index:2;
	opacity:.75;
}


.side_note{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;
	margin:0;
	color:white;
	margin-left:15px;
	bottom:10px;
	left:10px;
	position:absolute;
	z-index:2;
}

.side_note_wasd{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;
	margin:0;
	color:white;
	margin-left:15px;
	bottom:40px;
	left:10px;
	position:absolute;
	z-index:2;
}



.start_screen{
	background-color:#282828;
	display:block;
	width:100%;
	height:100%;
	z-index:55;
	position: absolute;
	text-align:center;
	overflow-y:auto;
}

.start_big_cont{
	width:90%;
	margin:auto;
	margin-top:40px;
	margin-bottom:100px;
	vertical-align: top;
	display:none;
}
.left_start_menu_block{
	width:300px;
	margin:auto;
	display:inline-block;
	vertical-align: top;
	
	padding:5px;
	border: 1px solid #595959;
	border-radius: 10px;
	
	margin-right:10px;
	margin-bottom:40px;
}
.right_start_menu_block{
	width:500px;
	margin:auto;
	display:inline-block;
	vertical-align: top;
	
	padding:5px;
	border: 1px solid #595959;
	border-radius: 10px;
	
	margin-left:10px;
	margin-bottom:40px;
}

/*///////////////////................CROSSHAIR*/
#crosshair_cont{
	position: absolute;
	z-index:10;
	width:100%;
	height:100%;
	text-align:center;
	display:none;
	opacity:.5;
}
/*
#crosshair_image{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin:auto;
	width:50px;
	height:50px;
}
*/
#crosshair_image_2{
	
}

.crosshair_icons{
	position: absolute;
	width:50px;
	height:50px;
}

/*//////////////////................PAUSE*/

#pause_cont{
	
	position: absolute;
	z-index:10;
	width:100%;
	height:100%;
	text-align:right;
}

#pause_screen{
	display:none;
	z-index:10;
	width:40%;
	min-width: 400px;
	margin:auto;
	margin-right:20px;
	background-color:#282828;
	opacity: 0.8;
	border-radius: 10px;
	padding:10px;
	max-height: 80%;
	overflow-y:auto;
}

.pause_header_cont{
	width:100%;
	text-align:right;
	margin-bottom:10px;
	margin-top:10px;
}

.pause_big{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color:white;
	text-align:center;
	font-weight: 700;
	z-index:12;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	display:block;
}

.pause_small{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color:#282828;
	text-align:center;
	z-index:12;
	margin:auto;
	display:block;
	opacity: 0.7;
}

.pause_controls_cont{
	text-align:left;
	/*margin-bottom:20px;*/
	margin-left:10px;
}
.pause_controls_divider{
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	height:1px;
	width:70%;
	background-color:#8C8C8C;
}
.pause_footer{
	height:80px;
}
.controls_title{
	font-size: 22px;
	margin-bottom:5px;
	color:#F2F2F2;
}

.marg_down_abit_cont{
	margin-bottom:10px;
}
.pause_small_txt{
	font-size: 16px;
	color:#F2F2F2;
}

.ti18{
	font-size: 16px;
	color:#F2F2F2;
	display:inline-block;
}
.ti18y{
	font-size: 16px;
	color:#FDDA0D;
	display:inline-block;
	margin-left:5px;
}

/* The slider itself */
.pause_slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 200px; /* Full-width */
	height: 15px; /* Specified height */
	background: #0D0D0D; /* Grey background  #d3d3d3*/
	outline: none; /* Remove outline */
	opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	display:inline-block;
	margin-right:5px;
}

/* Mouse-over effects */
.pause_slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.pause_slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: #FDDA0D; /* Green background */
	cursor: pointer; /* Cursor on hover */
}

.pause_slider::-moz-range-thumb {
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: #FDDA0D; /* Green background */
	cursor: pointer; /* Cursor on hover */
}

.side_notes{
	z-index:2;
	width:500px;
	bottom:0px;
	left:0px;
	position:absolute;
	left:20px;
	bottom:40px;
}

.side_note_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin:0;
	color:white;
	left:10px;
	z-index:2;
}

.frame_rate{
	position:absolute;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 40px;
	margin:0;
	color:white;
	top:10px;
	right:10px;
	z-index:2;
}

.connection_bar{
	width:500px;
	height:100%;
	z-index:2;
	top:0px;
	right:0px;
	position:absolute;
	padding:10px;
	text-align:right;
}

.connection_text_cont{
	
	margin:auto;
	margin-right:0px;
	padding:5px;
	width: fit-content;
	block-size: fit-content;
	
	border-radius: 5px;
	border: 1px solid #8C8C8C;
	
	display:block;
	text-align:right;
	margin-bottom:10px;
}

#onscreen_alert_cont{
	display:none;
}


.wallet_cont{
	margin:auto;
	margin-right:0px;
	padding:5px;
	width: fit-content;
	block-size: fit-content;
	display:block;
	text-align:right;
	border-radius: 5px;
	border: 1px solid #8C8C8C;
	margin-bottom:10px;
}
.fixed_balances{
	display:block;
	text-align:right;
	margin-bottom:10px;
}

.connection_bar_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	color:white;
	right:10px;
	z-index:2;
	display:block;
	
}

#all_health_bars{
	text-align:right;
}

.health_bar_cont{
	width:200px;
	height:15px;
	background-color:white;
	margin-right:0px;
	margin-left:auto;
	margin-bottom:10px;
	margin-top:5px;
	opacity:.5;
	padding:4px;
	border-radius: 4px;
	text-align:right;
	display:block;
}
#bonus_health_bar_cont{
	display:none;
}

.health_bar{
	height:100%;
	width:100%;
	display:block;
	margin:auto;
	margin-right:0px;
	padding:0px;
	background-color:#ACE1AF;
	border-radius: 4px;
	text-align:right;
}

#health_bar_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color:black;
}

.video_settings{
	margin:auto;
	margin-bottom:40px;
}

.tit_4{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	margin:0;
	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-top:40px;
	margin-bottom:20px;
	display:block;
}

.checkboxes{
	width: 20px;
	height: 20px;
	accent-color: #282828;
}

.checkboxes_label{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	margin:0;
	color:#f2f2f2;

	font-weight: 300;
	z-index:12;
	margin:auto;
	
}

.checkbox_cont{
	margin:auto;
	width:fit-content;
	text-align:left;
}

.checkbox_selector{
	padding:0px;
	margin:0;
	margin-left:5px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F2F2F2;
	background-color:#595959; 
	font-size: 20px;
	display:inline-block;
}

/* ----------------------------------- NFT POPUP*/

.popup_screenlock_back{
	position:fixed;
	width:100%;
	height:100%;
	display:none;
	z-index:76;
	background-color:white;
	opacity:.1;
}

.nft_selection_popup{
	position:fixed;
	width:80%;
	height:80%;
	overflow-y:auto;
	background-color:#282828;
	margin:10%;
	border: 1px solid #595959;
	border-radius: 10px;
	z-index:77;
	text-align:center;
}

#nft_selection_popup{
	display:none;
}

.nft_selection_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	position:absolute;
	left:20px;
	top:20px;
	margin:0px;
}

.escape_nft_popup{
	width:35px;
	cursor:pointer;
	right:20px;
	top:20px;
	position:absolute;
}
.back_nft_but{
	width:35px;
	cursor:pointer;
	right:70px;
	top:20px;
	position:absolute;
	display:none;
}

.nft_collection_cont{
	margin:auto;
	margin-top:80px;
	width:90%;
	text-align:center;
	display:none;
}

.all_nft_tokens{
	margin:auto;
	margin-top:80px;
	width:90%;
	text-align:center;
	display:none;
}

#nft_load_buffer{
	margin:auto;
	margin-top:100px;
	width:30px;
	display:none;
}


.title_nft_face{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;

	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-bottom:10px;

	display:inline-block;
}

.escape_nft_menu{
	width:30px;
	display:inline-block;
	cursor:pointer;
}



#nft_face_wait_for_it{
	display:none;
}

#no_nfts_found{
	display:none;
}

#nft_face_loaded{
	display:none;
}


.nft_face_cont{
	margin:auto;
	margin-top:20px;	
}

.nft_face_but{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	padding:5px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 20px;
	z-index:12;
	display:block;
}

.all_plots_buttons{
	margin:5px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	padding:5px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 18px;
	z-index:12;
	display:none;
}

.plot_with_units_cont{

	
	padding:5px;
	border: 1px solid #595959;
	border-radius: 5px;
	display:block;
	margin-bottom:15px;
	background: repeating-linear-gradient(
	  -45deg,
	  #595959,
	  #595959 1px,
	  #282828 1px,
	  #282828 15px
	);
}

.nft_collection_but{
	margin:3px;
	
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	
	padding:5px;
	
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 20px;
	z-index:12;
	display:inline;
}

.nft_token_cont{
	margin:auto;
	margin-top:20px;
	display:none;
}

.selected_nft_face_image{
	width:90px;
	height:90px;
	margin:0;
	display:none;
}
#current_nft_face{
	display:none;
}
#current_nft_avatar{
	display:none;
}

.nft_face_image{
	width:90px;
	height:90px;
	margin:0;
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
}

.plot_id_cont{
	margin:auto;
	margin-bottom:40px;
}

.player_plots_container{
	margin:auto;
	margin-bottom:20px;
	display:none;
}

.personal_data_cont{
	margin-bottom:40px;
	display:none;
}



#avatar_select_cont{
	margin-bottom:20px;
}

.gender_but{
	margin:auto;
	
	cursor:pointer;
	text-decoration: none;
	border: none;
	background-color:#282828;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 20px;
	z-index:12;
	display:inline;
}

.gender_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;

	color:#282828;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-bottom:10px;

	display:block;
}



.record_bar_cont{
	width:300px;
	height:30px;
	z-index:12;

	margin:auto;
	margin-top:300px;

	background-color:white;
	opacity: 0.7;
	border-radius: 15px;
	padding:5px;
	display:none;
}

.record_bar_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;

	color:#282828;
	font-weight: 300;
	z-index:13;
	margin:auto;
	
	display:block;

}

.record_bar_title_cont{
	padding:auto;
	padding-left:5px;
	height:100%;
	display:inline-block;
	z-index:14;
	position: relative;
}


.record_bar{
	height:100%;
	width:80%;
	float:right;


	margin:auto;
	display:inline-block;
	z-index:14;
	position: relative;
}

.record_bar_bar{
	height:100%;
	width:0%;

	background-color:#ACE1AF;
	border-radius: 15px;
	margin:auto;
	display:inline-block;
	z-index:14;
position: relative;
}


.death_screen{
	width:100%;
	height:100%;
	position:absolute;
	z-index:56;
	background-color:#282828;
	text-align: center;
	display:none;
}

.death_screen_center{
	width:50%;
	height:200px;
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index:23;
	text-align: center;
}

.death_message{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	margin:auto;
	color:white;
}

.death_description{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 24px;
	margin:auto;
	color:white;
}


.death_catchphrase_cont{
	margin:auto;
	margin-top:20px;
}
.personal_settings_cont{
	margin:auto;
	margin-top:40px;
}
.personal_settings_but{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	padding:5px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 20px;
	z-index:12;
	display:block;
}

.death_catchphrase_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	margin-bottom:5px;

	display:block;
}

.personal_inputs{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:auto;
	color:#282828;
	background-color:#F5F5F5;
	width:250px;
	font-size: 20px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	z-index:12;
	display:block;
}

#nft_search_input{
	margin-bottom:20px;
}


.loading_screen{
	width:100%;
	height:100%;
	position:absolute;
	z-index:22;
	background-color:#282828;
	text-align: center;
	display:block;
}

.loading_screen_center{
	width:50%;
	height:200px;
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index:23;
	text-align: center;
}

.loading_screen_message{
	
	font-family: OCR A Std, monospace;
	font-size: 50px;
	margin:auto;
	color:white;
}

.loading_screen_description{
	font-family: OCR A Std, monospace;
	font-weight: 300;
	font-size: 24px;
	margin:auto;
	color:white;
}

/* ---------------------------------enteract screen -------------------------*/

.enteract_screen{
	z-index:10;
	width:fit-content;
	display:none;
	margin:auto;
	margin-top:200px;
	background-color:#282828;
	opacity: 0.5;
	border-radius: 10px;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
}

.enteract_message{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color:white;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;


	display:block;
}


/* ---------------------------- faucet enteract menu ---------------------------- */

.faucet_enteract_menu{
	display:none;
	z-index:10;
	width:600px;
	
	margin:auto;
	margin-top:200px;
	background-color:#282828;
	opacity: 0.8;
	border-radius: 20px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}

.faucet_enteract_menu_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color:white;
	text-align:center;
	font-weight: 700;
	z-index:12;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	display:block;
}

.claim_but_container{
	margin:auto;
	width:80%;
	margin-bottom:20px;
	text-align:center;
	
	border-radius:5px;
	border: 1px solid white;
}

.faucet_status_cont{
	margin-bottom:20px;
}

.all_faucet_notes{
	width:95%;
	margin:auto;
	margin-bottom:30px;
}

.faucet_notice_cont{
	margin-bottom:10px;
}

.escape_logo_cont{
	position:relative;
}

.escape_logo{
	position:absolute;
	width:40px;
	height:40px;
	right:10px;
	top:10px;
	cursor:pointer;
}

.swap_container{
	margin:auto;
	width:80%;
	margin-bottom:20px;
	text-align:center;
	
	border-radius:5px;
	border: 1px solid #262626;
}

.swap_buttons_small_cont{
	margin-bottom:20px;
}

.faucet_buttons{
	
	margin:auto;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration: none;
	
	border-radius:5px;
	border: 3px solid white;
	background-color:#282828;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: white;
	font-size: 24px;
	z-index:12;

	display:none;
}

.faucet_status_cont{
	margin-bottom:20px;
}

#faucet_back_to_play_but{
	display:block;
}

.faucet_texts{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:white;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:block;
}

.faucet_texts_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:white;
	text-align:center;
	font-weight: 700;
	z-index:12;
	margin:0px;
	display:block;
	margin-top:5px;
	margin-bottom:10px;
}

#swap_note{
	display:none;
	margin-bottom:20px;
}

.enteract_button_cont{
	margin-top:20px;
}

.enteract_menu_buttons{
	margin:auto;
	margin-left:3px;
	margin-right:3px;
	
	cursor:pointer;
	text-decoration: none;
	border: none;
	background-color:#282828;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 30px;
	z-index:12;
	display:inline;
}


.enteract_menu_explainre_cont{
	margin-top:30px;
	margin-bottom:20px;
	
}

.enteract_menu_note{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#282828;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:auto;
	display:block;
	margin-bottom:10px;
}

.compas_cont{
	width:100%;
	height:40px;
	position:absolute;
	bottom:0px;
	z-index:3;
}
.compas_small_cont{
	position:absolute;
	height:40px;
	bottom:0px;
}
.compas_news_small_cont{
	position:absolute;
	height:25px;
	bottom:0px;
}
.compas_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin:0;
	color:white;
	z-index:2;
}
.compas_dist_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 12px;
	margin:0;
	color:white;
	z-index:2;
}
.compas_text_big{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin:0;
	color:white;
	z-index:2;

}


.opensea_container{
	
	margin:auto;
	margin-right:0px;

	width: 200px;

	border-radius: 5px;
	/*border: 1px solid white;*/
	/*background-color:#2081e2;*/
	background-color:#EDD400;
	opacity:.7;
	display:block;
	text-align:right;
	margin-bottom:10px;
	padding:10px;
	/*padding-right:5px;*/
	display:none;
}

.opensea_descr_cont{
	margin:auto;
	text-align:right;
	margin-bottom:10px;
	margin-top:5px;
}

.opensea_cont_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin:0;
	color:#020000;
	right:10px;
	z-index:2;
	display:block;
}

#market_col_description{
	font-size: 16px;
	font-weight: 300;
}

input {
  border: none; /* Removes the default border */
}

input:focus {
  outline: none /* Removes the border when the input is clicked */
}

select {
  border: none; /* Removes the default border */
}

select:focus {
  outline: none /* Removes the border when the input is clicked */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#spawn_by_plot_id_cont{
	display:none;
}

#plot_id_input{
	padding:0px;
	margin-bottom:10px;
	width:100px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 20px;
}

#spawn_by_plot_id_but{
	display:block;
	margin:auto;
}

.error_message{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight:300;
	color:#DC143C;
	text-align:center;
	z-index:90;
	margin:auto;
	display:none;
}

/* .................. GLB PREVIEW AVATAR*/

#glb_avatar_preview_popup{
	display:none;
	overflow:hidden;
}

#glb_preview_canvas{
	margin:0px;
	width:70%;
	height:100%;
	left:0px;
	position:absolute;

}
.rigt_glb_data_cont{
	position:absolute;
	width:30%;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:#282828;
	z-index:78;
	padding-top:20px;
	overflow-y:auto;
}

.block_comment{
	margin:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	font-size: 18px;
	display:block;
	margin-bottom:10px;
}

.block_buttons{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	padding:5px;
	padding-bottom:2px;
	padding-top:2px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 20px;
	display:block;
}
.glb_prev_block_cont{
	margin-bottom:30px;
}

.glb_prev_confirm_cont{
	margin-bottom:40px;
}


.glb_prev_stats_title{
	margin:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	font-size: 20px;
	display:block;
	margin-bottom:10px;
}
.glb_prev_stats_txt{
	margin:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	font-size: 18px;
	display:block;
}
#glb_prev_stats_verdict{
	margin:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	font-size: 20px;
	display:block;
	margin-top:10px;
}

.glb_prev_inner_cont{
	padding-left:15px;
	padding-right:15px;
}

/* ................... GENERATIVE POPUP */

.generative_popup_cont{
	display:none;
	z-index:10;
	width:600px;
	margin:auto;
	margin-top:200px;
	margin-right:20px;
	/*background-color:white;*/
	background-color:#282828;
	opacity: 0.8;
	border-radius: 20px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}

#generative_fillup_cont{
	text-align:center;
}

.generative_marg_20_cont{
	margin-bottom:20px;
}
.generative_marg_10_cont{
	margin-bottom:10px;
}

.generative_popup_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	/*color:#282828;*/
	color:white;
	text-align:center;
	font-weight: 700;
	z-index:12;
	margin:auto;
	display:block;
}

.generative_notes_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:white;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:block;
}
.generative_detail_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:white;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	margin-right:5px;
	display:inline-block;
}
.generative_detail_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#FDDA0D;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
}

.generative_inline_input_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:white;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline;
}

.generative_popup_buttons{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	border-radius:5px;
	border: 2px solid white;
	background-color:#282828;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: white;
	font-size: 24px;
	z-index:12;
}

.generative_inline_input{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:auto;
	margin-top:20px;
	color:#282828;
	background-color:#DCDCDC;
	width:120px;
	font-size: 18px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	z-index:12;
	display:inline;
}
.generative_popup_bar_cont{
	display:inline-block;
	margin-left:10px;
}
.generative_popup_bar_out_cont{
	height:10px;
	margin:0px;
	background-color:#2828282;
	border: 1px solid #8C8C8C;
	border-radius: 2px;
	z-index:12;
}
.generative_popup_bar_inner_cont{
	height:10px;
	margin:0px;
	border-radius: 2px;
	z-index:13;
}
.generative_text_right_cont{
	text-align:right;
	width:fit-content;
	margin:auto;
	margin-bottom:20px;
}

/*..............................INVENTORY  */
.inventory_popup_out{
	position:fixed;
	width:100%;
	height:100%;
	z-index:11;
	display:none;
}
.inventory_popup{
	width:950px;
	height:90%;
	background-color:#282828;
	margin:auto;
	margin-top:5%;
	border: 1px solid #595959;
	border-radius: 10px;
	z-index:11;
	text-align:center;
	
	opacity:.9;
}
.inventory_header{
	width:100%;
	
	padding-bottom:10px;
	padding-top:10px;
}
.inventory_header_in_left{
	display:inline-block;
	margin:0px;
	text-align:left;
	width:59%;
}
.inventory_header_in_right{
	display:inline-block;
	margin:0px;
	text-align:right;
	width:40%;
}
.inventory_popup_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline;
	vertical-align:top;
}
.escape_inventory_popup{
	width:35px;
	cursor:pointer;
	display:inline;
	margin-left:10px;
	margin-right:10px;
	vertical-align:top;
}
.inventory_body{
	width:100%;
	vertical-align:top;
	height:90%;
}

.inventory_left_cont{
	display:inline-block;
	height:95%;
	margin:auto;
	width:250px;
	vertical-align:top;
	overflow-y:auto;
}
.inventory_left_cont_in{
	
}
.inventory_center_cont{
	display:inline-block;
	height:95%;
	margin:auto;
	width:250px;
	vertical-align:top;
	text-align:right;
	overflow-y:auto;
}
.inventory_center_cont_in{
	text-align:right;
}
.inventory_right_cont{
	display:inline-block;
	height:95%;
	margin:auto;
	width:440px;
	vertical-align:top;
	overflow-y:auto;
}

.inv_body_inner_block{
	margin-bottom:20px;
}

#inventory_body_cont{
	width:400px;
	margin:auto;
}
.inventory_body_slot_container{
	margin:0px;
	width:100px;
	margin-bottom:10px;
	display:inline-block;
}
.inventory_body_slot_image{
	width:90px;
	height:90px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	
	border-radius:5px;
	border: 1px solid #F2F2F2;
	cursor:pointer;
}
.inventory_body_slot_name{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
}
.inventory_inner_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color:#f2f2f2;
	text-align:center;
	font-weight: 300;
	z-index:12;
	margin:0px;
	margin-bottom:10px;
}

.locker_right_filters_cont{
	margin-bottom:10px;
	width:90%;
	text-align:right;
}

.locker_filter_but{
	display:inline-block;
	height:30px;
	margin-left:5px;
	opacity:1;
	cursor:pointer;
}

.inventory_asset_image{
	width:90px;
	margin:5px;
	display:inline-block;
	vertical-align:top;
	border-radius:5px;
	border: 1px solid #F2F2F2;
	cursor:pointer;
}

.inventory_asset_title_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#f2f2f2;
	text-align:right;
	font-weight: 700;
	z-index:12;
	margin:0px;
}
.inventory_action_buttons_cont{
	text-align:right;
	width:100%;
	margin:0px;
	margin-top:20px;
}
.inventory_action_button{
	margin:auto;
	margin-right:0px;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration: none;
	
	border-radius:5px;
	border: 1px solid #f2f2f2;
	background-color:#282828;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #f2f2f2;
	font-size: 20px;
	z-index:12;
	display:block;

}

.inventory_state_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#f2f2f2;
	text-align:right;
	font-weight: 300;
	z-index:12;
	margin:0px;
}

/*..............................MAP */
.map_popup_out{
	position:fixed;
	width:100%;
	height:100%;
	z-index:11;
	display:none;
}
.map_popup{
	position:absolute;
	width:512px;
	height:512px;
	background-color:#262626;
	right:20px;
	top:20px;
	border-radius: 10px;
	z-index:11;
	text-align:center;
	opacity:.7;
}
.map_header{
	position:absolute;
	width:100%;
	top:10px;
	text-align:right;
	z-index:13;
}
.map_body{
	position:absolute;
	width:100%;
	height:100%;
	z-index:12;
	text-align:left;
}
#map_canvas{
	position:absolute;
	width:100%;
	height:100%;
	z-index:12;
	border-radius: 10px;
}
.map_plot_names{
	position:absolute;
	margin:0;
	padding:0;
	color:#F2F2F2;
	z-index:14;
	font-size:14px;
	
}


/*..............................GRAFITI */
#grafiti_ui_cont{
	position:absolute;
	width:60px;
	height:fit-content;
	z-index:12;
	left:10px;
	top:100px;
	
	background-color:#282828;
	opacity: 0.8;
	border-radius: 5px;
	padding:5px;
	padding-left:10px;
	display:none;
}
.grafiti_color_cont{
	margin-bottom:5px;
}
.grafiti_color{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display:block;
}
.grafiti_capacity_txt{
	color:#FDDA0D;
	font-size:14px;
	display:block;
}
#grafiti_eraser{
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
#grafiti_text{
	color:#F2F2F2;
	font-size:18px;
	margin-bottom:10px;
}

/*..............................CHAT */
.chat_cont{
	position:absolute;
	width:fit-content;
	height:fit-content;
	z-index:11;
	left:10px;
	bottom:50px;
	background-color:#262626;
	border-radius: 10px;
	opacity:.7;
	padding-right:10px;
}

.chat_header{
	display:block;
	margin-bottom:10px;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
}
#chat_title{
	color:#F2F2F2;
	z-index:14;
	font-size:18px;
}

.chat_body{
	margin-left:10px;
	height:90%;
	overflow-y:auto;
	display:none;
}
.chat_message_cont{
	margin-bottom:5px;
}
.chat_message_sender{
	color:#FDDA0D;
	z-index:14;
	font-size:16px;
	display:inline;
	margin-right:5px;
}
.chat_message_txt{
	color:#F2F2F2;
	z-index:14;
	font-size:16px;
	display:inline;
}
.chat_message_date{
	color:#add8e6;
	z-index:14;
	font-size:16px;
	display:inline-block;
	margin-left:5px;
}

#chat_type_message_cont{
	position:absolute;
	width:400px;
	height:fit-content;
	z-index:11;
	left:28%;
	bottom:50px;
	background-color:#262626;
	border-radius: 10px;
	opacity:.7;
	padding:10px;
	display:none;
}
#chat_type_input{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:auto;
	margin-bottom:5px;
	/*color:#282828;
	background-color:#F5F5F5;*/
	color:#F2F2F2;
	background-color:#262626;
	width:100%;
	font-size: 18px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	z-index:12;
	resize: none;
}
.chat_type_input_helper{
	color:#F2F2F2;
	z-index:14;
	font-size:18px;
}

/*..............................LOCKERS  */

.locker_left_cont{
	display:inline-block;
	height:95%;
	margin:auto;
	width:250px;
	vertical-align:top;
	overflow-y:auto;
}
.locker_center_cont{
	display:inline-block;
	height:95%;
	margin:auto;
	width:250px;
	vertical-align:top;
	text-align:right;
	overflow-y:auto;
}
.locker_right_cont{
	display:inline-block;
	height:95%;
	margin:auto;
	width:440px;
	vertical-align:top;
	overflow-y:auto;
}
/*..............................GENERICS  */

.marge_bottom_10{
	margin-bottom:10px;
}

.inline_cont_marg_right_10{
	display:inline-block;
	margin-right:10px;
}
.inline_cont_marg_left_10{
	display:inline-block;
	margin-left:10px;
}
.text_18_white_inline{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#f2f2f2;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
}
.text_18_yellow_inline{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#FDDA0D;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
}
.text_18_blue_inline{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#add8e6;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
}
.text_18_white_b{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#f2f2f2;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:block;
}
#canvas_textures_cont{
	position:absolute;
	display:none;
}

.text_18_white_block{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#f2f2f2;
	font-weight: 300;
	z-index:12;
	margin:0px;
}
.text_18_yellow_block{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#FDDA0D;
	font-weight: 300;
	z-index:12;
	margin:0px;
}
.text_18_blue_block{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#add8e6;
	font-weight: 300;
	z-index:12;
	margin:0px;
}



/* ............................POPUP BUTS */

.escape_popup_but{
	width:35px;
	cursor:pointer;
	right:20px;
	top:20px;
	position:absolute;
}
.left_popup_but{
	width:35px;
	cursor:pointer;
	right:70px;
	top:20px;
	position:absolute;
}

/* ............................SOUND MANAGER */

#personal_sounds_manager_popup{
	position:fixed;
	left:0px;right:0px;
	width:400px;
	height:80%;
	overflow-y:auto;
	background-color:#282828;
	margin:auto;
	margin-top:10%;
	border: 1px solid #595959;
	border-radius: 10px;
	z-index:77;
	text-align:center;
	display:none;
}

.sound_manager_inner_cont{
	margin:auto;
	margin-left:20px;
	margin-right:20px;
	margin-top:80px;
	text-align:left;
	display:block;
	
}
.one_personal_sound_cont{
	border: 1px solid #595959;
	border-radius: 5px;
	margin-bottom:10px;
	width:fit-content;
	background: repeating-linear-gradient(
	  -45deg,
	  #595959,
	  #595959 1px,
	  #282828 1px,
	  #282828 10px
	);
}
.personal_sound_key_cont{
	background-color:#F2F2F2;
	display:inline-block;
	text-align:center;
	width:30px;
	height:30px;
	border-radius: 5px;
	margin:10px;
}
.personal_sound_key_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color:#0D0D0D;
	font-weight: 700;
	z-index:12;
	margin:auto;
}
.personal_sound_name{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#FDDA0D;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
}

.personal_sounds_controls_cont{
	display:inline-block;
	margin:10px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:0px;
}

.personal_sounds_control_buts{
	width:25px;
	height:25px;
	cursor:pointer;
	margin-left:5px;
}

#personal_sounds_add_but_cont{
	width:100%;
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
	display:none;
}

#personal_sounds_add_but{
	width:40px;
	height:40px;
	cursor:pointer;
}

#personal_sounds_error_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight:300;
	color:#DC143C;
	text-align:left;
	z-index:90;
	margin:auto;
	margin-left:20px;
	display:none;
}

/* ......................... KEY ASSIGN POPUP */

#assign_key_popup{
	position:fixed;
	left:0px;right:0px;
	width:50%;
	height:200px;
	overflow-y:auto;
	background-color:#282828;
	margin:auto;
	margin-top:20%;
	border: 1px solid #595959;
	border-radius: 10px;
	z-index:78;
	text-align:center;
	background: repeating-linear-gradient(
	  45deg,
	  #595959,
	  #595959 1px,
	  #282828 1px,
	  #282828 15px
	);
	display:none;
}


.assign_key_inner_cont{
	text-align:center;
	margin-top:80px;
}

#assign_key_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	color:#F2F2F2;
	font-weight: 700;
	z-index:88;
	margin:0px;
}

/* ......................... RADIO */
#radio_controls_cont{
	margin-top:5px;
	z-index:100;
	display:none;
}
#pause_radio_name_cont{
	display:none;
}
.radio_controls_buts{
	width:25px;
	cursor:pointer;
	margin-right:5px;
	display:inline-block;
}

/* ......................... ONSCREEN MOVING STUFF */

.onscreen_moving_stuff_container{
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
}

.onscreen_moving_logos{
	position:absolute;
	width:30px;
	height:30px;
}

.grafiti_canvases{
	position:absolute;
	z-index:5;
	display:none;
}

#uv_debug_canvas{
	position:absolute;
	z-index:5;
	display:none;
	top:256px;
}

#VR_UI_clone_canvas{
	position:absolute;
	z-index:11;
	pointer-events:none;
}

#cloud_canvas{
	position:absolute;
	z-index:25;
	display:none;
}

#grafiti_boundry_cont{
	position:absolute;
	z-index:5;
	background-color:#000000;
	opacity:.5;
	width:50%;
	height:100%;
	display:none;
}


/* ......................... PASSWORD */

#signin_password_cont{
	display:block;
	text-align:left;
	width:400px;
	margin:auto;
	margin-top:30px;
}

.password_input{
	padding:0px;
	margin:0px;
	width:200px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 18px;
	background-color:#DCDCDC;
	outline: none;
	display:inline;
}

.submit_password_but{
	margin:0px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	padding:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 20px;
	display:inline;
	margin-left:5px;
}

/* .............INV bonuses */

#inv_bonuses_in_names{
	display:inline-block;
	width:150px;
	text-align:left;
}
#inv_bonuses_in_vals{
	display:inline-block;
	width:50px;
	text-align:left;
}
#inv_bonuses_in_hours{
	display:inline-block;
	width:50px;
	text-align:left;
}