@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
*/


html, body {
	margin: 0px;
	padding:0px;
	overflow: hidden;
	/*background-color:#282828;*/
	background-color:grey;
	cursor: auto;
	
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

h1,h2,h3,h4,a,p,input,select,label{
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0px;
	padding:0px;
}

::-webkit-scrollbar { 
    width: 0;
    height: 0;
}

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

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

#screen_controls_cont{
	position:absolute;
	height:100%;
	width:70%;
	right:0px;
	text-align:right;
}

.side_menu{
	position:absolute;
	display:block;
	height:100%;
	width:30%;
	left:0px;
	background-color:#282828;
	z-index:2;
	overflow-y:auto;
}

#side_footer{
	height:150px;
	
}

/* ............................. TITLE */

.title_container{
	display:block;
	margin-left:10px;
	top:10px;
	margin-bottom:30px;
}
.main_title{
	font-size: 30px;
	color:#F2F2F2;
	font-weight: 700;
}

/* ..................... NAVIGATION */

.navigation_cont{
	margin-left:10px;

	
}

.menu_title{
	font-size:22px;
	color:#8C8C8C;
	margin-bottom:20px;
	font-weight: 700;
}

#exit_but_cont{
	margin:0px;
	width:100%;
	text-align:right;
	
}

#exit_but{
	width:30px;
	cursor:pointer;
	margin-right:10px;
}

.all_buts{
	margin:0px;
	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;
	display:block;
}

.all_buts_green{
	margin:0px;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration: none;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	display:block;
	
	background-color:#32de84;
	color:#323232;
	border: none;
}
/*
#mint_blueprint_but{
	background-color:#32de84;
	color:#323232;
	border: none;
}
*/
.all_buts_trans{
	margin:0px;
	margin-top:10px;
	margin-right: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;
	display:inline-block;
	opacity:.5;
}

#load_local_label{
	width:fit-content;
	padding-left:3px;
	padding-right:3px;
}

/* ......................RULES */

.right_popup{
	position:absolute;
	display:block;
	height:100%;
	width:50%;
	top:0px;
	right:0px;
	background-color:#282828;
	z-index:5;
}

.popup_title{
	font-size:22px;
	color:#8C8C8C;
	margin:10px;
	margin-bottom:30px;
	font-weight: 700;
	position:absolute;
}

.popup_exit_but{
	width:30px;
	cursor:pointer;
	position:absolute;
	right:0px;
	margin:10px;
}

.popup_inner_cont{
	position:absolute;
	top:40px;
}

.rules_txt_block{
	font-size:18px;
	color:#F2F2F2;
	margin-bottom:20px;
	font-weight: 300;
	margin:10px;
}

/* ....................... UV*/

#uv_window{
	position:absolute;
	display:block;
	height:100%;
	width:530px;
	top:0px;
	right:0px;
	background-color:#282828;
	z-index:5;
	overflow-y:auto;
}

#uvs_inner_cont{
	position:absolute;
	width:100%;
	top:40px;
}
.one_uv_cont{
	margin-bottom:20px;
	text-align:center;
}
.one_uv_title{
	font-size:20px;
	color:#F2F2F2;
	font-weight: 300;
	margin-bottom:10px;
}
.popup_footer{
	height:100px;
}
.uv_canvas{
	
}

/* ....................... ERRORS*/

.error_text{
	font-weight: 300;
	color:#ff6347;
	font-size: 18px;
	margin-bottom:10px;
}

.status_text{
	font-weight: 300;
	color:#00ff00;
	font-size: 18px;
	margin-bottom:10px;
}

/* ....................... STATS*/

.nav_cont{
	margin-bottom:30px;
}

.nav_title{
	font-size:22px;
	color:#8C8C8C;
	margin-bottom:5px;
	font-weight: 700;
}

.line_text_cont{
	
}

.text_line_18_white{
	font-size: 18px;
	color:#F2F2F2;
	font-weight: 300;
	display:inline;
}

.text_line_18_yellow{
	font-size: 18px;
	color:#FDDA0D;
	font-weight: 300;
	display:inline;
	margin-left:5px;
}

.text_line_18_green{
	font-size: 18px;
	color:#00FF00;
	font-weight: 300;
	display:inline;
	margin-left:5px;
}
/* ....................... MESHES*/

.one_mesh_cont{
	margin-left:5px;
	padding:10px;
	padding-right:0px;
	width:90%;
	border-radius: 5px;
	border: 1px solid #8C8C8C;
	margin-bottom:10px;
}

.one_mesh_buts_cont{
	width:fit-content;
	display: inline-block;
	vertical-align:top;
	margin-bottom:10px;
}

.one_mesh_data_cont{
	
	display: inline-block;
	width:fit-content;
	vertical-align:top;
	margin-left:20px;
	margin-bottom:10px;
}

.one_mesh_inputs_cont{
	margin-bottom:10px;
}

.checkbox_cont{
	margin-bottom:10px;
	/*margin-left:20px;*/
}
.checkboxes{
	width: 20px;
	height: 20px;
	accent-color: #282828;
	vertical-align:top;
	margin-right:5px;
}

.checkboxes_label{
	font-size: 18px;
	margin:0;
	color:#f2f2f2;
	font-weight: 300;
	vertical-align:top;

}

.selector_label{
	font-weight: 300;
	font-size: 18px;
	margin:0;
	color:#f2f2f2;
	vertical-align:top;
}

.selector_input{
	padding:0px;
	margin:0;
	margin-left:5px;
	border-radius: 2px;
	font-weight: 300;
	color:#F2F2F2;
	background-color:#595959; 
	font-size: 18px;
	display:inline-block;
}

#mint_screenshot_img{
	width:90%;
	max-width:512px;
	margin-bottom:10px;
	margin-top:10px;
}

.mint_input_block_cont{
	margin-bottom:20px;
}

.input_inline_cont{
	margin:0px;
	margin-bottom:10px;
	width:100%;
}

.input_inline_tag{
	font-weight: 300;
	color:#F5F5F5;
	font-size: 18px;
	display:inline-block;
}

.text_inputs{
	width:200px;
	border-radius: 2px;
	font-weight: 300;
	color:#282828;
	font-size: 20px;
	display:inline-block;
	background-color:#DCDCDC;
	outline: none;
}

#mint_amount_input{
	width:100px;
}

#mint_final_blueprint_but{
	margin-top:40px;
}

.slider_input_cont{
	margin-bottom:5px;
	margin-right:10px;
}

.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 150px; /* Full-width */
  height: 20px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  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;
  margin-left:5px;
}

/* Mouse-over effects */
.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) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 20px; /* Set a specific slider handle width */
  height: 20px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

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

/*
#wallet_cont{
	width:60%;
}
*/

.one_BP_preview_img{
	width:150px;
	margin:0px;
	margin-right:10px;
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
}

.wallet_details_inline_block{
	width:fit-content;
	margin-left:20px;
	margin-bottom:30px;
	display:inline-block;
	vertical-align:top;
}

.wallet_details_in_block{
	width:fit-content;
	margin-left:20px;
	margin-bottom:30px;
	display:block;
}

#blueprint_owners{
	display:block;
}


.wallet_details_title{
	font-size:20px;
	color:#F2F2F2;
	font-weight: 300;
	margin-bottom:10px;
}

#transfer_to_input{
	width:300px;
}
#transfer_amount_input{
	width:100px;
}
#burn_amount_input{
	width:100px;
}

.wiki_links_cont{
	margin-bottom:20px;
}
.blue_links{
	display:block;
	font-weight: 300;
	font-size: 18px;	
	color:#add8e6;
	text-decoration:none;
	margin-bottom:5px;
}

.inline_helper{
	width:18px;
	margin-left:5px;
	display:inline-block;
	cursor:pointer;
	opacity:.5;
}

#helper_popup{
	position:absolute;
	left:31%;
	width:30%;
	height:fit-content;
	background-color:#282828;
	opacity:0.5;
}
#helper_popup_text{
	margin:10px;
	margin-bottom:20px;
	font-weight: 300;
	font-size: 18px;
	color:#F2F2F2;
}

.border_cont{
	border-radius: 5px;
	border: 1px solid #8C8C8C;
	width:fit-content;
	padding-left:10px;
	padding-top:5px;
	margin-right:20px;
	margin-bottom:20px;
}

.small_title_marg_10{
	margin-bottom:10px;
	font-weight: 300;
	font-size: 18px;
	color:#F2F2F2;
}

.decimate_status_text{
	font-weight: 300;
	color:#F2F2F2;
	font-size: 18px;
}

/*  ...................TEXTURE MANAGER  */

#texture_manager_popup{
	position:absolute;
	display:block;
	height:100%;
	width:450px;
	top:0px;
	right:0px;
	background-color:#282828;
	z-index:5;
	overflow-y:auto;
}

#all_textures_cont{
	position:absolute;
	width:100%;
	top:60px;
	display:block;
}

.one_texture_cont{
	margin-bottom:40px;
}

.texture_image{
	width:256px;
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
}

.texture_data_cont{
	width:35%;
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
}

.texture_actions_cont{
	margin-top:20px;
}