@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;
}

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

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



#main_canvas{
	position:absolute;
	display:block;
	height:100%;
	width:75%;
	left:0px;
}

.description{
	position:absolute;
	z-index:2;
	background-color:#282828;
	margin:0;
	right: 0px;	
	text-align:center;
	height:100%;
	width:25%;
	overflow-y: auto;
}

#top_left_cont{
	position:absolute;
	padding-left:15px;
	z-index:2;
}

#main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	margin:0;
	color:#DCDCDC;
}

#moto{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin:0;
	color:#DCDCDC;
}



.wait_cont{
	
	position: absolute;
	left: 30%;
	top: 50%;
	
}

.wait_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	font-size: 25px;
	display:block;
	display:inline;
}

.buffer_image{
	width:25px;
	height:25px;
	display:inline;
	margin-right:10px;
}

.screen_functions{
	
	z-index:6;
}



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

#bid_button2{
	
	
	padding:5px;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration: none;
	border: none;
	background-color:#606060;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 15px;
	
}

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

.user_buttons{
	cursor:pointer;
	text-decoration: none;
	border: none;
	background-color:#606060;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	font-size: 18px;
	display:inline;
	margin-left:10px;
}



.menus{
	width:100%;
	display:block;
	margin-bottom:20px;
}

.menus_box{
	
	margin:0;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
	text-align:center;
	height:100%;
	
}

.menu_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 20px;
	margin:10px;
	cursor:pointer;
	
	
	border: none;
  background-color: inherit;
}

.menu_logos{
	width:30px;
	height:30px;
	cursor:pointer;
	border: none;
	background-color: inherit;
	margin-right:10px;
	margin-left:10px;
	
}

.description_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-top:10px;

}

.description_tab_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-bottom:5px;
}

.description_tab_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-bottom:5px;
	font-size: 22px;
}

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

.description_scrool_cont{
	width:90%;
	height:600px;
	overflow-y:auto;
	border: 1px solid #303030;
	border-radius: 5px;
	margin:auto;
	padding-bottom:100px;
}

.roadmap_description_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-top:5px;
}

.user_tab_wallet{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;

	color:#7CB9E8;
	font-size: 18px;
	text-decoration:none;
	display:block;
}

.user_name_cont{
	margin-bottom:10px;
}

.user_details_big_cont{
	margin-bottom:30px;
}

.user_tab_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;
	
	color:#F5F5F5;
	font-size: 18px;
	text-decoration:none;
	display:none;
}

#user_tab_link{
	color:#7CB9E8;
}

.user_tab_inputs{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;
	color:#282828;
	background-color:#F5F5F5;
	width:120px;
	font-size: 18px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	display:none;
}


.all_owners_append_cont{
	
	text-align:center;
	margin:auto;
}

.all_plot_owners_cont{
	margin-bottom:10px;
	display:block;
}



.all_plot_owners_desc{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;
	cursor:pointer;
	color:#7CB9E8;
	display:inline;
	font-size: 18px;

}

.all_plot_owners_desc2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	cursor:pointer;
	color:#7CB9E8;
	font-size: 18px;
	text-align:left;

}

.all_plot_owners_desc_num2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	text-align:left;
	padding-left:10px;
}

table{
	border-collapse: collapse;
}

th{
	padding:10px;
}

.all_plot_owners_desc_img{
	display:inline;
	width:18px;
	height:18px;
	margin-right:10px;
}

.all_owners_next_but{
	width:25px;
	height:25px;
	margin-left:10px;
	cursor:pointer;
	display:none;
	margin-top:20px;
}

.all_plot_owners_desc_num{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-bottom:10px;
	margin-left:20px;
	display:inline;
}

.all_owners_statistic_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-top:10px;
	font-size: 16px;
}


.description_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	font-size: 22px;
}

.roadmap_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#7CB9E8;
	margin:0;
	margin-top:10px;

}

.description_link{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#7CB9E8;
	margin:0;
	margin-top:10px;
	font-size: 16px;
}

#plot_owner{
	display:none;
	margin-bottom: 10px;
	color:#7CB9E8;	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-decoration:none;
}

#long_descr{
	margin-bottom:40px;
}

#view_contract{
	font-size: 14px;
	color:#7CB9E8;
}

#nft_image{
	margin:0;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5%;
	width:85%;
}

.user_plots_cont_big{
	width:80%;
	padding-bottom:40px;
	padding-top:20px;
	height:500px;
	overflow-y:auto;
	border: 1px solid #303030;
	border-radius: 5px;
	margin:auto;
}

::-webkit-scrollbar {
	display: none;
}

.user_plots_cont_small{
	width:60%;
	display:block;
	margin:auto;
	margin-bottom:20px;
	text-align:center;

}


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

.user_nft_image{
	border-radius: 5%;
	width:100%;
	display:block;
	margin:auto;
	margin-bottom:5px;
}

#email{
	font-size: 14px;
}

.inside_menus{
	display:none;
	margin-bottom:100px;
}



#info_desc{
	margin:30px;
}

.phase_cont{
	margin-bottom:30px;
}

#roadmap_desc{
	margin:30px;
}

#plots_desc{
	display:block;
}

p{
	position:absolute;
	margin:0;
	pointer-events:none;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */

	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;

	white-space: nowrap;
}

.all_owners_big_cont_2{	
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

.all_owners_title_row{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;
	cursor:pointer;
	color:#F5F5F5;
	font-size: 18px;
}


.all_owners_name_2{
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;
	cursor:pointer;
	color:#7CB9E8;
	font-size: 18px;
	
}

#plot_owners_popup{
	z-index:5;
}

.plot_owner_exit_icon{
	width:25px;
	height:25px;
	cursor:pointer;
	display:block;
	margin-bottom:20px;
	
	margin-left:auto;
	margin-right:20px;
	margin-top:10px;
}

.user_tab_pop_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0;
	margin-bottom:10px;
	color:#7CB9E8;
	font-size: 18px;
	text-decoration:none;
	display:block;
}


.filter_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:auto;
	font-size: 18px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	width:fit-content;
	z-index:22;

}

.filter_cont{
	margin-bottom:20px;
}

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

.filter_buttons_inline{
	padding:2px;
	margin:auto;
	margin-bottom:10px;
	margin-right:5px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 18px;
	z-index:12;
	display:inline-block;
	min-width:40px;
}

.filter_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:auto;
	font-size: 20px;
	margin-bottom:5px;
}

.resource_color_helper_cont{
	display:none;
}

.resource_color_helper_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:auto;
	font-size: 16px;
}


#res_locked_col{
	color:#577590
}
#res_1_col{
	color:#43aa8b
}
#res_2_col{
	color:#90be6d
}
#res_3_col{
	color:#f9c74f
}
#res_4_col{
	color:#f8961e
}
#res_5_col{
	color:#f3722c
}

#res_claimed_col{
	color:#DC143C
}
#res_available_col{
	color:#FFD700
}
#res_molested_col{
	color:#FF00F0
}

/* ...................SEACRH*/

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;
}

.plot_serach_cont{
	text-align:center;
}

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

#plot_search_but{
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	margin:0px;
	cursor:pointer;
	text-decoration: none;
	border: none;
	background-color:#606060;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F5F5F5;
	font-size: 18px;
}

#search_drop_down_cont{
	display:block;
	width:90%;
	margin:0px;
}

.plot_search_drop_down_but{
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
	margin-top:2px;
	border: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 18px;
	background-color:#DCDCDC;
	outline: none;
	cursor:pointer;
	text-decoration: none;
	text-align:left;
}

/* LEGEND */ 
#legend_cont{
	display:block;
	margin-top:20px;
	position:relative;
}

.legend_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F5F5F5;
	margin:0;
	font-size: 18px;
	display:block;
	position:relative;
}