@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

#007f74 -- buy bluegreen
*/



html, body {
    padding: 0;
	margin: 0;
	overflow: hidden;
	background-color:#262626;
	cursor: auto;
	
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
p{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}
select {
  border: none; /* Removes the default border */
}
select:focus {
  outline: none /* Removes the border when the input is clicked */
}
.selector_input{
	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: 18px;
	display:inline-block;
	
}

/*.............................TOP CONTAINER*/

.top_cont{
	display:block;
	width:100%;
	padding-top:10px;
	padding-left:15px;
	margin-bottom:5px;
}

.title_container{
	display:block;
}
.main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 40px;
	margin:0;
	margin-bottom:3px;
	color:#F2F2F2;
	line-height: 80%;
}
.moto{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	color:#F2F2F2;

}


/*..........CHAIN PICK*/

.chain_pick_cont{
	display:inline-block;
	vertical-align: top;
}
.chain_pick_inner_cont{
	display:block;
}
.chain_pick_block{
	display:inline-block;
	width:fit-content;
	padding-left:5px;
	padding-right:5px;
	/*background-color:#595959;*/
	margin:0;
	cursor:pointer;
}
.chain_pick_text{
	font-size: 20px;
	margin:auto;
	color:#F2F2F2;
}

/*............................LEFT MAIN*/

.left_main_cont{
	position:absolute;
	display:inline-block;
	width:250px;
	margin:0;
	border-right: 1px solid #8C8C8C;
	/*height:100%;*/
	left:0px;
	top:85px;
	bottom:0px;
}
.main_menu_cont{
	display:block;
	width:100%;
	margin-bottom:10px;
}
.menu_pick_block{
	display:inline-block;
	width:49%;
	/*
	padding-left:5px;
	padding-right:5px;
	*/
	/*background-color:#595959;*/
	margin:0;
	cursor:pointer;
	text-align:center;
}
.menu_pick_text{
	font-weight: 700;
	font-size: 18px;
	margin:auto;
	color:#F2F2F2;
}

.market_cont{
	display:block;
	width:100%;
}
.collections_cont{
	display:block;
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.collection_logo{
	width:50px;
	cursor:pointer;
	margin:5px;
	opacity:.7;
}

.filter_cont{
	display:block;
	width:fit-content;
	margin:auto;
	margin-bottom:10px;
}
.filter_line_cont{
	margin-bottom:5px;
}

.chbox_clss{
	width: 18px;
	height: 18px;
	accent-color: #282828;
	margin:0;
	margin-right:5px;
	vertical-align:top;
}
.chbox_lbl{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	color:#f2f2f2;
	vertical-align:top;
}

/*............................RIGHT MAIN*/

.right_main_cont{
	position:absolute;
	left:250px;
	padding-left:20px;
	display:inline-block;
	vertical-align: top;
	/*height:100%;*/
	right:0px;
	top:85px;
	bottom:0px;
}
.market_data_cont{
	width:100%;
	margin-bottom:10px;
}
.market_data_cont_in_left{
	display:inline-block;
	width:49%
}
#refresh_button{
	cursor:pointer;
	width:25px;
	display:inline-blockl;
	vertical-align:middle;
	margin:0px;
	margin-right:10px;
	padding:0px;
}
#num_of_assets{
	font-size: 18px;
	margin:0px;
	color:#F2F2F2;
	display:inline-block;
	vertical-align:middle;
}
.market_data_cont_in_right{
	display:inline-block;
	text-align:right;
	width:50%;
}
.market_data_sorting_cont{
	margin-right:20px;
}
.market_inner_cont{
	height:100%;
	overflow-y:auto;
	
}
.market_inner_bottom{
	display:block;
	height:200px;
	width:200px;
}
.market_thumb_cont{
	padding:5px;
	
	display:inline-block;
	margin:5px;
	margin-top:0px;
	margin-bottom:10px;
	border-radius:5px;
	border: 1px solid #8C8C8C;
	cursor:pointer;
}
.market_thumb_data_cont{
	display:inline-block;
	height:128px;
	vertical-align:top;
	margin-left:10px;
	width:128px;
	white-space: nowrap;
	overflow: hidden;
}
.market_thumb_data_cont_icons{
	display:inline-block;
	height:128px;
	vertical-align:top;
	margin-left:10px;
}
.market_thumb{
	width:128px;
	margin:0px;

	border-radius:5px;
	display:inline-block;
}
.market_attr_icon{
	width:32px;
	margin:0px;
	margin-bottom:5px;
	border-radius:5px;
	display:block;
}
.thumb_text{
	font-size: 16px;
	margin:0;
	color:#F2F2F2;
	line-height: 18px;
}
.thumb_text_yellow{
	font-size: 16px;
	margin:0;
	color:#FDDA0D;
	line-height: 18px;
}
.thumb_text_ib{
	font-size: 16px;
	margin:0;
	color:#F2F2F2;
	line-height: 18px;
	display:inline-block;
}
.thumb_text_ib_grey{
	font-size: 16px;
	margin:0;
	color:#8C8C8C;
	line-height: 18px;
	display:inline-block;
}
.thumb_text_ib_yellow{
	font-size: 16px;
	margin:0;
	margin-left:5px;
	color:#FDDA0D;
	line-height: 18px;
	display:inline-block;
}
.bar_cont{
	display:inline-block;
	margin-right:5px;
}
.bar_cont_out{
	height:10px;
	margin:0px;
	border: 1px solid #8C8C8C;
	border-radius: 2px;
	z-index:2;
}
.bar_cont_in{
	height:10px;
	margin:0px;
	border-radius: 2px;
	z-index:1;
	background-color:#F2F2F2;
}
/*.......build thumbs*/
.market_thumb_build_cont{
	padding:5px;
	display:inline-block;
	margin:5px;
	margin-top:0px;
	margin-bottom:10px;
	border-radius:5px;
	border: 1px solid #8C8C8C;
	cursor:pointer;
}
.market_build_thumb{
	width:64px;
	margin:0px;
	margin-right:5px;
	border-radius:5px;
	display:inline-block;
	
}
.market_thumb_build_data_cont{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}

.build_market_button{

	margin-bottom:5px;
	cursor:pointer;
	text-decoration: none;
	background-color:#007f74;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
	/*
	border: 1px solid #8C8C8C;
	*/
	border: none;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 18px;

}
.build_market_buttons_cont{
	text-align:right;
}

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

.popup_screenlock_back{
	position:fixed;
	width:100%;
	height:100%;
	z-index:5;
	background-color:black;
	opacity:.5;
	top:0px;
	display:none;
}
.grid_popup_cont{
	position:fixed;
	width:fit-content;
	background-color:#262626;
	left:0px;
	right:0px;
	top:85px;
	margin:auto;
	border: 1px solid #8C8C8C;
	border-radius: 10px;
	z-index:6;
	padding:10px;
	display:none;
}
.popup_main_data_cont{
	min-width:400px;
	display:inline-block;
	width:fit-content;
	vertical-align:top;
}
.popup_header{
	width:60px;
	text-align:right;
	display:inline-block;
	vertical-align:top;
}
#escape_popup_but{
	width:35px;
	cursor:pointer;
	display:inline;
	vertical-align:top;
}

#popup_craft_img{
	width:256px;
	border-radius: 5px;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}
#popup_build_img{
	width:64px;
	border-radius: 5px;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}
.popup_data_cont_in{
	display:inline-block;
	vertical-align:top;
}
.popup_title_text{
	font-size: 20px;
	font-weight:700;
	margin:0;
	color:#F2F2F2;
	margin-bottom:5px;
}
.popup_txt_inn_title{
	font-size: 18px;
	font-weight:700;
	margin:0;
	color:#8C8C8C;
}
.popup_text{
	font-size: 16px;
	margin:0;
	color:#F2F2F2;
}
.popup_text_ib{
	font-size: 16px;
	margin:0;
	color:#F2F2F2;
	display:inline-block;
}
.popup_text_ib_yellow{
	font-size: 16px;
	margin:0;
	margin-left:5px;
	color:#FDDA0D;
	display:inline-block;
}
#popup_buttons_cont{
	width:100%;
	text-align:left;
	margin-top:20px;
}
.popup_buttons_local_cont{
	margin:auto;
	margin-bottom:10px;
}
.popup_buttons{
	cursor:pointer;
	text-decoration: none;
	background-color:#007f74;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
	border: none;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 18px;
	width:fit-content;
	margin:0px;
	display:inline-block;
	vertical-align:top;
}
.button_inputs_label{
	font-size: 18px;
	margin:0;
	margin-left:5px;
	color:#8C8C8C;
	display:inline-block;
	vertical-align:top;
}
.button_inputs_address{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0px;
	color:#282828;
	background-color:#8C8C8C;
	width:200px;
	font-size: 16px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	display:inline-block;
	vertical-align:top;
}
.button_inputs_short{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:0px;
	color:#282828;
	background-color:#8C8C8C;
	width:40px;
	font-size: 16px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	display:inline-block;
	vertical-align:top;
}
#button_error_cont{
	display:none;
	margin:0;
	margin-top:10px;
}
#button_action_buffer{
	width:30px;
	display:inline-block;
	vertical-align:middle;
}
#buttons_error_txt{
	font-size: 16px;
	margin:0;
	color:#8C8C8C;
	display:inline-block;
	max-width:400px;
	vertical-align:middle;
}
/*.............................GENERICS*/

.title_18_marg_down{
	font-size: 18px;
	margin:0;
	margin-bottom:5px;
	color:#F2F2F2;
}
.title_18_marg_down_grey{
	font-size: 18px;
	margin:0;
	margin-bottom:5px;
	color:#8C8C8C;
}
.button_text_18{
	font-size: 18px;
	margin:0;
	color:#F2F2F2;
	cursor:pointer;
}
.simple_18_text{
	font-size: 18px;
	margin:0;
	color:#F2F2F2;
}
.simple_18_text_inline{
	font-size: 18px;
	margin:0;
	color:#F2F2F2;
	display:inline-block;
}
.line_break_full{
	width:100%;
	height:1px;
	background-color:#8C8C8C;
	margin-bottom:20px;
}
.line_break_90{
	width:90%;
	height:1px;
	background-color:#8C8C8C;
	margin:auto;
	margin-bottom:10px;
}

.div_18_height{
	height:18px;
}