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

body{
	margin: 0;
	cursor: auto;
	margin: auto;
	width:600px;
	
	/*
	-webkit-user-select: none;     
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	*/
}

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

.header{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
	z-index:2;
}

.main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 40px;
	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;
}

.moto_link{
	color:#add8e6;
	text-decoration:none;
}

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

.main_cont{
	width:100%;
	text-align:left;
}

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

#post_connect_cont{
	/*invisible pere connect*/
}



.block_but{
	margin:0px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	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;
	display:block;
}

.inline_but{
	margin:0px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	padding:5px;
	padding-top:0px;
	padding-bottom:0px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 20px;
	display:inline;
	margin-left:5px;
}

.inner_block_cont{
	margin:0px;
	display:block;
	margin-bottom:20px;
}
.marge_bottom_10{
	margin-bottom:10px;
}

.white_20_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
}
.inline_18_white_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:inline;
}
.inline_20_white_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:inline;
}
.inline_20_yellow_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:inline;
}

#error_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	display:block;
}

/*...............................................INPUTS*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

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


/*...............................................OLD*/

.main_stats_cont{
	margin:auto;
	margin-bottom:20px;
	width:fit-content;
}


/*.......................MENUS CONT*/

.menu_buts_cont{
	margin:auto;
	margin-bottom:30px;
	width:fit-content;
}

.main_menu_buts{
	margin:auto;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	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: 22px;
	z-index:12;
	display:linear-block;
}

.info_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-bottom:15px;
}

.proposal_cont{
	margin-bottom:20px;
}
.proposal_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-bottom:20px;
}
.proposal_text_fat{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin:0;
	color:#F2F2F2;
	display:block;
}
.proposal_text_small{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#C0C0C0;
	display:block;
}
.proposal_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:block;
}
.proposal_text_inline{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:inline;
}
.proposal_text_block_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:block;
}
.proposal_text_inline_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:inline;
}
.proposal_text_inline_yellow_s{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:inline;
}
.proposal_text_link{
	color:#add8e6;
	text-decoration:none;
}
.margin_bottom_cont{
	margin-bottom:15px;
}
.margin_bottom_cont_right{
	margin-bottom:15px;
	text-align:right;
}

.proposal_read_more_but_cont{
	width:100%;
	text-align:right;
}
.active_props_action_cont{
	width:100%;
	text-align:right;
}

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

.proposal_read_more_cont{
	display:none;
}

/*.......................NEW PROPOSAL */

.input_cont{
	margin:auto;
	text-align:center;
	margin-bottom:20px;
	width:100%;
}


.inline_input_tag{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0px;
	color:#F2F2F2;
}
.input_tag_example{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0px;
	color:#8C8C8C;
}


.text_area_inputs{
	padding:0px;
	margin:0px;
	width:80%;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 20px;

	background-color:#DCDCDC;
	outline: none;
	resize: none;
}
.amount_input{
	padding:0px;
	margin:0px;
	margin-right:10px;
	width:100px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#282828;
	font-size: 20px;
	background-color:#DCDCDC;
	outline: none;
	display:inline;
}
.amount_excange_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:0px;
	color:#FDDA0D;
	display:inline;
}

.block_but{
	margin:auto;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	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;
	display:block;
	
}

.inner_footer{
	height:40px;
}

.error_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:auto;
	color:#FF4500;
	display:block;
	width:fit-content;
}
.success_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin:auto;
	color:#7FFF00;
	display:block;
	width:fit-content;
}
#add_proposal_error{
	margin-bottom:10px;
}

.inline_load_buffer{
	width:25px;
	margin:0px;
	margin-right:10px;
	display:none;
}

/* .........................VOTE */
#active_vote_numbers_cont{
	width:100%;
	text-align:left;
}
.vote_bar_cont{
	margin-bottom:20px;
}
.fillup_bar_out{
	width:360px;
	height:20px;
	margin:0px;
	background-color:#404040;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	z-index:12;

}
.fillup_bar_in{
	width:10px;
	height:20px;
	margin:0px;
	border-radius: 5px;
	z-index:13;
}
#vote_good_bar{
	background-color:#71BC78;
}
#vote_bad_bar{
	background-color:#fd5c63;
}
.vote_inline_cont{
	display:inline-block;
	margin-right:10px;
}
.vote_but{
	margin:0px;
	cursor:pointer;
	text-decoration: none;
	background-color:#323232;
	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: 18px;
	z-index:12;
	display:inline-block;
	width:150px;
	
}



.voting_power_inline_particion{
	width:30%;
	display:inline-block;
}

.vote_power_bar_cont{
	margin-bottom:10px;
}

.vote_power_bar_out{
	width:140px;
	height:20px;
	margin:0px;
	background-color:#404040;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	z-index:12;
}
.vote_power_bar_in{
	height:20px;
	width:20px;
	margin:0px;
	background-color:#71BC78;

	border-radius: 5px;
	z-index:13;
}

.line_split{
	width:100%;
	height:1px;
	background-color:#8C8C8C;
	margin-bottom:30px;
	margin-top:30px;
}

#voting_power_cont{
	display:none;
}
#vote_power_split_line{
	display:none;
}
#vote_connect_but{
	display:none;
}

#add_funds_input{
	width:100px;
}

#set_password_cont{
	margin-top:40px;
}