@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{
	background: repeating-linear-gradient(
	  -45deg,
	  #595959,
	  #595959 1px,
	  #282828 1px,
	  #282828 15px
	);
}

 body {
	margin: 0;
	/*background-color:#282828;*/
	cursor: auto;
	margin: auto;
	width:500px;
	
	
}

.header{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	z-index:2;
	/*
	margin-top:2vw;
	margin-bottom:6vw;
	*/
}
.main_logo{
	width:100px;
	height:100px;
	display:inline-block;
}
.header_right_cont{
	display:inline-block;
	width:fit-content;
	text-align:left;
}
.main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 48px;
	margin:0;
	color:#F2F2F2;
	z-index:2;
}
.main_sub_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 25px;
	margin:0;
	margin-bottom:10px;
	color:#F2F2F2;
	z-index:2;
}



.moto{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 22px;
	margin:0;
	color:#F2F2F2;
	z-index:2;
}
.moto_link{
	color:#add8e6;
	text-decoration:none;
}

/*.......................BODY*/

.link_cont{
	width:100%;
	text-align:center;
}

.footer{
	width:100%;
	height:100px;
}


/*WIKI*/



.info_cont{
	display:block;
	width: 350px ;
	margin:auto;
	margin-bottom:15px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	padding:15px;
	padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	background-color:#323232;
}

.note_cont{
	display:block;
	width: 350px ;
	margin:auto;
	margin-bottom:30px;
	text-align:left;
}

.but_container{
	width:100%;
	margin:auto;
	text-align:center;
	margin-bottom:15px;
	display:none;
}
.status_mess_cont{
	width:100%;
	margin:auto;	
	margin-bottom:5px;
}
.alert_mess_cont{
	width:100%;
	margin:auto;
	display:none;
}


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



.info_text_line{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:inline-block;
	margin-right:10px;
}

.info_text_line_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:inline-block;
}

.linear_info_cont{
	display:inline-block;
	margin-bottom:5px;
	margin-right:20px;
	
}



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

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

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

.all_inputs{
	padding:0px;
	margin:auto;
	margin-right:5px;
	width:125px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 20px;
	display:inline-block;
}




#trx_buffer{
	width:20px;
	margin-right:5px;
	display:none;
}

/*CONVERT*/
.swap_big_container{
	margin-top:20px;
	margin-bottom:20px;
	display:none;
}
.from_cont{
	width:fit-content;
	margin:auto;
	text-align:left;
	margin-bottom:5px;
}
.lft_title_cont{
	margin:auto;
	width:49%;
	display:inline-block;
	text-align:left;
}
.right_title_cont{
	margin:auto;
width:49%;
	display:inline-block;
	text-align:right;
}
.arrow_swap_cont{
	width:fit-content;
	margin:auto;
}

.swap_small_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	margin-bottom:0px;
	color:#F2F2F2;
	z-index:2;
	display:block;
}
.swap_small_title_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	margin-bottom:0px;
	color:#FDDA0D;
	z-index:2;
	display:block;
}
.swap_inline{
	display:block;
}

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

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

#swap_but{
	display:none;
}

.error_messege{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#EE4B2B;
}
.status_messege{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
}

.swap_balance_cont{
	width:100%;
	margin:auto;
	text-align:right;
	display:none;
}
.swap_balance_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	margin-left:1px;
	color:#F2F2F2;
	z-index:2;
	display:inline-block;
}

#swap_balance_eth{
	color:#FDDA0D;
}
#swap_balance_etc{
	color:#FDDA0D;
}

#load_buffer{
	margin:auto;
	width:20px;
	display:none;
}

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

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