@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:100%;
	
	/*
	-webkit-user-select: none;     
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	*/
}

.footer{
	width:100%;
	height:100px;
	text-align:center;
	
}

.info_line_out_cont{
	width:100%;
	height:100px;
	text-align:center;
	
}

#information_line_cont{
	width:90%;
	margin:auto;
	margin-top:10px;
	text-align:right;
}

#error_txt{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin:0;
	color:#FF4500;
	display:inline-block;
	background-color:black;
}
#buffer{
	margin:0;
	margin-left:20px;
	width:30px;
	display:none;
}

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

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

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

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

.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;
}
#connect_but{
	display:none;
}

#post_login_cont{
	display:none;
}

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

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


#manage_stations_cont{
	display:none;
}
#manage_ads_cont{
	display:none;
}

.radio_station_pick_cont{
	text-align:center;
	margin-bottom:30px;
}

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

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

.inner_cont_buts{
	margin:auto;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
	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: 300;
	color:#F2F2F2;
	font-size: 20px;
	z-index:12;
	display:linear-block;
}

.all_ads_cont{
	width:100%;
	text-align:left;
	display:none;
}

#all_manage_inner_conts{
	display:none;
}

.content_per_station_cont{
	width:49%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	margin-bottom:40px;

}

#tracks_cont{
	border-right: 1px solid #8C8C8C;
}

.global_track_controls_cont_in_title{
	margin-left:20px;
	display:inline-block;
}

.global_track_controls_cont{
	width:100%;
	text-align:left;
	margin-top:30px;
	margin-bottom:40px;
}

.global_track_controls_buts{
	width:30px;
	height:30px;
	cursor:pointer;
	margin-right:5px;
	display:inline-block;
}

.manage_title_cont{
	margin-bottom:20px;
	margin-top:20px;
}
.marg_20_up_and_down{
	margin-bottom:20px;
	margin-top:20px;
}


/*........///....TRACKS....*/

.playlist_cont{
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	margin-bottom:20px;
	width:fit-content;
	padding-left:20px;
	padding-right:10px;
	
	background: repeating-linear-gradient(
	  -45deg,
	  #595959,
	  #595959 1px,
	  #282828 1px,
	  #282828 15px
	);
}
.playlist_title_cont{
	margin-bottom:20px;
	margin-top:5px;
}

.one_track_cont{
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	margin-bottom:10px;
	width:fit-content;
	padding-left:10px;
	
	background-color:#323232;
}
.one_track_txt_white{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#F2F2F2;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
	margin-left:10px;
}
.one_track_txt_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#FDDA0D;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
	margin-left:10px;
}
.one_track_txt_yellow_multiline{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#FDDA0D;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
	margin-left:10px;
	word-wrap: break-word;
	width: 300px;
}
.one_track_txt_blue{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color:#add8e6;
	font-weight: 300;
	z-index:12;
	margin:0px;
	display:inline-block;
	margin-left:10px;
}
.one_track_controls_cont{
	display:inline-block;
	margin:10px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:0px;
}
.one_track_control_buts{
	width:25px;
	height:25px;
	cursor:pointer;
	margin-left:5px;
}

/*................................. PUSH AD POPUP */

#list_of_existing_ads{
	margin-bottom:40px;
}

#push_add_cont{
	
	display:none;
}

.line_input_cont{
	display:block;
	margin-bottom:10px;
	text-align:left;
}

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

.line_input{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin:auto;
	color:#282828;
	background-color:#F5F5F5;
	width:250px;
	font-size: 18px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	display:inline-block;
}


/* The slider itself */
.input_slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 200px; /* Full-width */
	height: 15px; /* Specified height */
	background: #0D0D0D; /* Grey background  #d3d3d3*/
	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;
	display:inline-block;
	margin-right:5px;
}

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

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

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

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

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

.ad_confirm_cont{
	text-align:right;
}

#SS_ad_price_input{
	width:100px;
}

#SS_confirm_but{
	display:none;
}

#station_settings_cont{
	margin-bottom:40px;
}

#whielist_address_input{
	width:350px;
	font-size:16px
}

.line_break{
	width:100%;
	height:1px;
	background-color:#8C8C8C;
	margin-bottom:10px;
}

.fixed_info_line_cont{
	position:fixed;
	width:100%;
	text-align:right;
	bottom:0px;
}

#RP_image{
	height:20px;
	margin-right:10px;
}
.RP_mute_buts{
	height:20px;
	margin-right:10px;
	cursor:pointer;
	display:inline-block;
}

.radio_inject{
	height:35px;
}

/* SELECT */
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:10px;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F2F2F2;
	background-color:#595959; 
	font-size: 18px;
	display:inline-block;
	
}

#add_playlist_settings_cont{
	margin-bottom:20px;
}

/* .............STREAMS */

#all_my_streams_cont{
	margin:0px;
	padding:0px;
	/*width:50%;
	display:inline-block;*/
}

#apply_settings_cont{
	margin:0px;
	padding:0px;
	margin-bottom:30px;
	/*width:50%;
	display:inline-block;*/
}

.in_cont_title{
	margin:0px;
	margin-bottom:15px;

	padding:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#8C8C8C;
	font-size: 20px;
	display:block;
}


#stream_actions_cont{
	margin:0px;
	padding:0px;
	width:45%;
	display:inline;
}

.one_plot_builds_cont{
	margin:0px;
	padding:0px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	margin-bottom:10px;
}

.one_build_cont{
	margin-left:20px;
	margin-right:40px;
	margin-bottom:10px;
	padding:0px;
	
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	
	padding-bottom:5px;
	padding-top:5px;
}

.one_build_cont_ads{
	margin-left:20px;
	margin-right:40px;
	margin-bottom:5px;
	padding:0px;

}

.one_mesh_cont{
	margin-left:20px;
	
	padding:0px;
}

.plot_text_cont{
	margin:0px;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:5px;
}

.plot_cont_tile{
	padding:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color:#F2F2F2;
	font-size: 18px;
	display:inline;
}

.build_text_cont{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	margin-left:10px;
}

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

.mesh_name_inline{
	margin:0px;
	padding:0px;
	margin-left:5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F2F2F2;
	font-size: 16px;
	display:inline;
}

.stream_type_inline{
	margin:0px;
	padding:0px;
	margin-left:20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#F2F2F2;
	font-size: 16px;
	display:inline;
}

.stream_src_inline{
	margin:0px;
	padding:0px;
	margin-left:5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#add8e6;
	font-size: 16px;
	display:inline;
}


.inline_checkboxes{
	margin:0px;
	padding:0px;
	width: 16px;
	height: 16px;
	accent-color: #71BC78;
	display:inline;
}

.one_setting_cont{
	margin-bottom:5px;
}

.settings_line_input{
	margin:0px;
	padding:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin-left:10px;
	color:#282828;
	background-color:#F5F5F5;
	width:40%;
	font-size: 16px;
	outline: none;
	box-shadow : none;  
	-webkit-appearance: none; 
	border:none;
	display:inline-block;
}

.settings_buts{
	margin:0;

	margin-left:10px;
	
	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: 300;
	color:#F2F2F2;
	font-size: 18px;
	z-index:12;
	display:linear-block;
}

.settings_buts_no_marg{
	margin:0;
	margin-left:5px;
	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: 300;
	color:#F2F2F2;
	font-size: 18px;
	z-index:12;
	display:linear-block;
}

.plot_price_cont{
	display:inline;
	margin-left:10px;
}

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

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

.push_ads_but{
	width:20px;
	height:20px;
	cursor:pointer;
	margin-left:5px;
	display:inline-block;
}

#manage_streams_cont{
	display:none;
}

#manage_stream_ads_cont{
	display:none;
}

#ads_coming_soon_cont{
	display:none;
}