
@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:600px;
	
	
}

.header{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
	z-index:2;
	/*
	margin-top:2vw;
	margin-bottom:6vw;
	*/
}

.main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 80px;
	margin:0;
	color:#F2F2F2;
	z-index:2;
}
.main_sub_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 35px;
	margin:0;
	margin-bottom:10px;
	color:#F2F2F2;
	z-index:2;
}

.main_title_link{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 80px;
	margin:0;
	color:#F2F2F2;
	text-decoration:none;
	z-index:2;
}

.moto{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 22px;
	margin:0;
	color:#F2F2F2;
	z-index:2;
}

/*.......................BODY*/

.link_cont{
	width:100%;
	text-align:center;
}

.link_button{
	display:block;
	width: 80%;
	margin:auto;
	margin-bottom:25px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	cursor:pointer;
	padding:15px;
	text-align:left;
	background-color:#323232;
	text-decoration:none;
}


.link_icons{
	width:50px;
	display:inline;
	vertical-align: middle;
	margin-left:10px;
	margin-right:10px;
}

.link_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	margin:0;
	color:#F2F2F2;
	display:inline;
	vertical-align: middle;
}

.link_title_centered{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	margin:0px;
	margin:auto;
	margin-bottom:10px;
	color:#F2F2F2;
	display:block;
	text-align:center;
}

#not_clickable_button{
	cursor:auto;
	text-align:center
}

.button_content{
	display:block;
	width: 100% ;
	margin:auto;
	text-align:center;
	text-decoration:none;
}

.button_content_small{
	display:block;
	width: 60% ;
	margin:auto;
	text-align:center;
	text-decoration:none;
}


.extra_links_blue{
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:10px;
	color:#add8e6;
	text-decoration:none;
}

.extra_links_blue_modules{
	display:inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:5px;
	color:#add8e6;
	text-decoration:none;
}

.text_simple_center{
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:10px;
	color:#FDDA0D;
}

.api_method_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:block;
	margin-bottom:10px;
}

.footer{
	width:100%;
	height:100px;
}


/*WIKI*/

.moto_link{
	color:#add8e6;
	text-decoration:none;
}

.info_cont{
	display:block;
	width: 90% ;
	margin:auto;
	margin-bottom:30px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	padding:15px;
	text-align:left;
	background-color:#323232;
}

.info_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-bottom:15px;
}

.small_info_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	font-weight: 700;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}

.info_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-bottom:5px;
}



.info_linkkk{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#add8e6;
	display:block;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration:none;
}
#sign_in_cont{
	width:100%;
	margin:auto;
	text-align:center;
	margin-bottom:30px;
}

.sign_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:#F2F2F2;
	font-size: 22px;
	z-index:12;
}

#personal_data_cont{
	display:none;
}


.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{
	margin-bottom:5px;
}
#claim_big_cont{
	display:none;
}
.claim_cont{
	width:100%;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
	
}
.claim_but{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	background-color:#5F9EA0;
	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;

}

.lock_buts_cont{
	margin-top:20px;
	margin-bottom:10px;
}

.lock_buts{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	background-color:#5F9EA0;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 22px;
	z-index:12;
	margin-right:10px;
	display:none;
}



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:100px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 20px;
	
}

#lock_input{
	display:none;
}

.lock_alert{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#EE4B2B;
	display:inline-block;
}
#lock_alert{
	display:none;
}

#trx_buffer{
	width:20px;
	margin-right:5px;
	display:none;
}

