/*---------------------------------------------------HEADER---------------------------------------------------------*/
#search_icon{
	display: inline-block;
	cursor: pointer;
	margin: auto;
	position: absolute;
	right: 5px;
	top: 6px;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
}
#header_menu{
	cursor: pointer;
	font-size: 18px;
	margin:0 11px 0 3px;
	color: rgba(255, 255, 255, 0.5)
}
#header_menu:hover, #search_icon:hover, #header_logout:hover{color: white;}

.login_opendlg{
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	background-position:-55px -3px;
	color: rgba(255, 255, 255, 0.5);
}
.login_opendlg:hover{color: white;}
#header_logout{
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}
#search_cont{
	position: relative;
	width: calc(100% - 27px);
	margin-right: 8px;
	background: rgba(255,255,255,0.05);
}
#search{
	width: calc(100% - 50px);
	height: 30px;
	color: #666633;
	outline: none;
	background: none;
	font-size: 15px;
	font-weight: 500;
	padding: 0 18px;
	box-sizing: border-box;
	border: none;
	border-radius: 2px;
}
#top_header{
	background: #1d1d1b;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	height: var(--mhheight);
	z-index: 20;
	box-shadow: 0 0 16px -3px rgba(0,0,0,0.7);
}
#top_header a{
	text-decoration: none;
}
#header_logo, .header_menu_item{color: white;}
#header_logo, #drawer_btn{display: inline-block;}
#drawer_btn{
	cursor: pointer;
	width: 46px;
	height: 46px;
	margin-left: -12px;
	position: relative;
}
#drawer_btn .ic {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	top: 50%;
	margin-top: -12px;
}
#drawer_btn .ic .line {
	position: absolute;
	left: 3px;
	right: 3px;
	height: 2px;
	background: white;
	outline: 1px solid transparent;
}
#drawer_btn .ic .line.one {
	top: 6px;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
}
#drawer_btn .ic .line.two {
	top: 11px;
}
#drawer_btn .ic .line.thr {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	top: 16px;
}
#top_header #header_logo{
	font-size: 22px;
	color: var(--maincolor);
	vertical-align: top;
	height: 100%;
	line-height:46px;
}
.header_menu_item{
	margin-right: 24px;
	cursor: pointer;
}
#header_toolbar{
	position: absolute;
	top: 50%;
	width: 891px;
	min-width: 360px;
	transform: translateY(-50%);
	right: 15px;
	white-space: nowrap;
}
#header_toolbar.logged #search_cont{width: calc(100% - 65px);}
#header_toolbar > *, #header > *{
	display: inline-block;
	vertical-align: middle;
}
.white_button{
	background: white;
	text-decoration: none;
	color: black;
	padding: 4px 26px;
	cursor: pointer;
	box-sizing: border-box;
	width: fit-content;
	border-radius: 25px;
}
/*-------------------------------------------------- DIALOGS ---------------------------------------------------------*/
#bc-list_dlg .station{	height: 47px;}
#bc-list_dlg .station .title{line-height: 50px;}
.dlg_wrapper{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	background: rgba(255,255,255,0.85);
	z-index: 600;
}
.dlg_window{
	display: block;
	z-index: 600;
	border-radius: 3px;
	background: white;
	box-shadow: 0px 1px 50px 0px rgba(3, 1, 1, 0.22);
	position: fixed;
	padding: 30px 33px;
	width: 550px;
	min-height: 274px;
	max-height:100%;
	overflow: auto;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
}
.header_dlg input{height: 40px;}
.modal input, .modal textarea{
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 15px;
	border-radius: 3px;
	margin-bottom:14px;
	box-shadow: 0px 1px 3.84px 0.16px rgba(3, 1, 1, 0.18);
	border: none;
}
.header_image_format, .header_image_desc{
	display: inline-block;
}
.header_image_desc{
	width: calc(100% - 230px);
	font-size: 14px;
	line-height: 21px;
}
.header_image_format{
	width: 210px;
}
.header_image_format input{
	box-shadow: none;
    height: 24px;
    width: 24px;
	margin: 0 8px 0 0;
	position: relative;	
}
.header_image_format input[type='radio']::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background-color: #e5e5e5;
}
.header_image_format input[type='radio']:checked::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--errorcolor);
}
.header_image_format input[type='radio']:checked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: white;
	transform: translate(-50%, -50%);
	visibility: visible;
  }
.header_image_format span{
	height: 24px;
	vertical-align: super;
	font-size: 14px;
}
.header_image_format .header_image_format_w{
	width: 102px;
	display: inline-block;
}
.header_dlg input:focus, .header_dlg textarea:focus{outline-color:#0080ca;}
.dlg_btn{
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: white;
	font-family: "Manrope";
	border-radius: 18px;
	background: var(--maincolor);
	line-height: 37px;
	padding: 0 24px;
	height: 36px;
	box-sizing: border-box;
	cursor: pointer;
	float: right;
}
.dlg_btn.inactive{
	background: var(--mainbgcolor);
	color: var(--mainincolor);
	border: none;
	user-select: none;
	cursor: default;
	pointer-events: none;
}
.dlg_cont{
	width: 500px;
	height: 420px;
	margin: 0 auto;
	display: block;
}
.dlg_header{
	font-size: 30px;
	font-weight: 500;
	color: #000;
	max-width:calc(100% - 25px);
	margin-bottom: 25px;
}
.dlg_btn_ok{
	background: #3333cc;
	color: white;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	margin: 0 auto;
	background: #3333cc url("images/icons/checkmark2.png") no-repeat center;
}
.dlg_cross{
	width: 20px;
	height: 20px;
	position: absolute;
	right: -20px;
	top: -20px;
	cursor: pointer;
}
.list_window h1{
	text-align: left;
	margin: 10px 57px;
}
#confirm_dlg_window button{margin-right: 10px;}
#dlg_title {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#dlg_text{  text-align: center;  }
#dlg_btns_cont {  text-align: center;  margin-top: 30px;  }
#or_divider_cont {
	padding-left: 8px;
	height: 30px;
}
#or_divider_cont * {
	display: inline-block;
	vertical-align: middle;
}
.or_divider_hr {
	height: 1px;
	width: calc(50% - 20px);
	margin: 0;
	border-bottom: 1px solid;
}
.or_divider_or {
	width: 20px;
}
.dlg_row{
	margin: 10px 0;
	text-align: center
}
.dlg_lable{
	color: #666666;
	font-size: 14px;
}
.checkbox{
	background: url('pages/images/checkbox.png') no-repeat center -24px;
	height: 19px;
	width: 20px;
	display: inline-block;
	vertical-align: sub;
}
#login_remember{font-size: 14px;margin-top: 14px;}
.cb_remember{width: fit-content; display: inline-block;}
#remember_span{color: #666666;}
#login_remember a{  color: #009999;  float: right;  }
.radio_m_form_upload_progress__cont{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	margin: 0;
}
.radio_m_form_upload_progress{
	position: absolute;
	height: 100%;
	width: 0;
	background: var(--maincolor);
}
#mystations_dlg_img_title{margin-bottom:0;}
.header_toast{
	position: fixed;
	top:64px;
	z-index: 1050;
	right:5px;
	width:360px;
	transition: right 0.5s;
}
.header_toast button.close{	position: absolute;top:10px;right:10px;}

/*----------------------------------------DIALOG PANEL------------------------*/
.vol_dlg_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 50;
	background: rgba(0,0,0,.8);
}
.vol_dlg{
	background: #fff;
	width: 716px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	max-height: 100%;
	overflow: auto;
	padding: 15px 0 0;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	font-family: "Manrope";
}
.vol_cross{
	position: absolute;
	height:18px;
	width:18px;
	right: 28px;
	top: 25px;
	font-size: 20px;
	cursor: pointer;
}
.modal-content .vol_cross{top:25px;}
.vol_dlg_header{
	color: #000;
	font-family: "Manrope";
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 30px;
}
.dlg_btn.gray_btn{
	background: #dedede;
	color: black;
}
.vol_dlg_input{
	font-family: "Manrope";
	font-weight: 500;
	font-size: 15px;
	color: #000;
	padding: 18px 0 18px 16px;
	margin-bottom: 18px;
	border: 1px solid rgb(225, 225, 233);
	border-radius: 3px;
}
.vol_dlg_station > .vol_dlg_station__info_top{display: none;}
.vol_dlg_station > .vol_dlg_station__info_top{display: none;}
.vol_dlg_station a:hover{text-decoration:none;}
.vol_dlg_station__info_bcbtn:hover{color:#fff;}
.vol_dlg_station__info_chbtn:hover{color:#0080ca;}
.vol_dlg_station__info_bottom{position: relative;height:102px;bottom:3px;}
.vol_dlg_input:focus{outline-color: #0080ca;}
.vol_dlg_input_wrapper .vol_dlg_input{margin:0;}
.modal label, .dlg_window label{
	font-family: "Manrope";
	font-size: 14px;
	color: #000;
	line-height: 22px;
	margin-bottom:9px;
}
.dlg_required:after{content:"*";font-size:14px;display:inline;vertical-align:super;color:red;}
.vol_dlg_input_wrapper{margin-bottom:14px;}
.dlg_input_error{
	font-family: "Manrope";
	font-size: 13px;
	font-weight: 500;
	color: var(--errorcolor);
	display: inline;
}
.vol_dlg_count{float:right;}
.vol_dlg_imgpreview{
	border-radius: 3px;
	background-color: rgb(245, 245, 247);
	box-shadow: 0px 1px 3.84px 0.16px rgba(3, 1, 1, 0.18);
	width: 225px;
	height: 225px;
	padding: 46px 18px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	background-position: center;
	background-size: cover;
	position: relative;
}
.vol_dlg_imgpreview > div{
	font-family: "Manrope";
	font-weight: 500;
	font-size: 15px;
	color: #000;
	margin:17px auto 0;
	line-height: 22px;
	width: 190px;
	max-width:100%;
}
.vol_dlg_imgpreview .vol_dlg_imgpreview__header{
	font-size:14px;
	margin:16px auto 0;
}
.vol_dlg_imgpreview .vol_dlg_imgpreview__text{
	font-weight:400;
	margin:0 auto;
	color: rgba(0,0,0,0.6);
	font-size:14px;
}
#fast_dlg_news1 .vselect_wrapper, #radio_news_edit_bg .vselect_wrapper{margin-bottom:23px;width:100%;}
.vol_dlg_news_media_cont{margin-top:27px;}
.vol_dlg_news_media_caption{
	font-size: 14px;
	line-height: 20px;
	color: rgba(0,0,0,0.6);
	max-width: 240px;
	display:inline-block;
}
.vol_dlg_news_media__ctrls{float: right;}
.vol_dlg_news_media__ctrls > *{display:inline-block;margin-right:40px;}
.vol_dlg_news_media__ctrls > *:last-child{margin:0;}
.vol_dlg_news_media__ctrl{cursor:pointer;
	font-size: 18px;
	position: relative;
}
.vol_dlg_news_media__ctrl:hover div:after{
	transform: scale(1.5);
}
.inactive.vol_dlg_news_media__ctrl:hover div:after{
	transform: none;
}
.vol_dlg_news_media__ctrl.inactive{opacity:0.5;	cursor: default; }
#fast_dlg_create_st1 .vol_dlg_upload{margin-top:10px;}
.vol_dlg_upload{position: relative;}
#fast_dlg_create_img__add{position:absolute;bottom: 0;right:0;}
#vhzuh .modal-dialog{width:716px;max-width:none;}
#vhzuh .modal-content{
	padding: 20px 24px;
}
#vzhuh_header{
	padding: 0 24px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 14px;
}
#vhzuh #vzhuh_title{
	font-size: 30px;
	font-weight: 500;
	color: black;
	margin: 0;
	display: inline-block;
}
#fast_dlg_news1 .vselect_current{
	border:1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	box-shadow:none;
}
#fast_dlg_news1 .vselect_current{
	height: auto;
	line-height: 1;
	font-weight: 400;
	font-size: 15px;
	color:#000;
	padding:19px 10px 17px;
}
#addMoney .modal-dialog{
	max-width: 500px;
}
#addMoney .center-container {
	margin: auto;
    width: min-content;
    white-space: nowrap;
}
#addMoney .modal-content{
	width: 100%;
    padding: 26px 0 0;
}
#addMoney #title_dlg{
	font-weight: bold;
    font-size: 24px;
    line-height: normal;
    color: #211954;
	margin-bottom: 24px;
	padding: 0 39px;
}
#addMoney #title_dlg_info{
	width: auto;
    font-size: 14px;
    line-height: 21px;
    color: #211953;
    margin-bottom: 16px;
	padding: 0 39px;
}
#addMoney .modal-body {
    padding: 21px 39px 32px;
	background: #F3F4FA;
}
#payment_systems {
    font-size: 0;
}
#payment_systems > .payment_system_global {
    width: 135px;
    height: 90px;
    background: rgba(194,209,227,0.25);
    border-radius: 3px;
    margin-right: 8px;
    cursor: pointer;
}
.payment_system_global.inter{
	padding: 12px;
}
#payment_inter_global, #payment_paypal_global {
    display: none;
}
#add_money_block{
    margin-top: 16px;
}
#add_money_uah_block, #add_money_usd_block{
	width: 134px;
	display: inline-block;
}
#add_money_uah_block{
	margin-right: 8px;
}
#add_money_uah, #add_money_usd{
    padding: 3px;
    text-align: right;
	width: 94px;
	margin: 0;
}
#add_money_uah{
	box-shadow: none;
    border: 1px solid rgba(3,1,1,0.18);
}
#add_money_usd{
    display: inline-block;
    height: 27px;
    vertical-align: unset;
}
#cur_uah, #cur_usd{
	display: inline-block;
    width: 40px;
    text-align: right;
}
#error_sum{
	display: none;
	color: red;
	position: absolute;
    margin-top: -5px;
}

.header_dlg .vselect_current .vselect_current__span{color:#000;}
.header_dlg input[type='text'], .header_dlg textarea {
	font-size: 15px;
	color:#000;
	border:1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	box-shadow:none;
	padding: 15px 10px;
	width:100%;
}
.header_dlg input[type='text']{height:50px;}
#fast_dlg_news_title, #fast_dlg_edit_news_title
#fast_dlg_news_text, #fast_dlg_edit_news_text{margin-bottom:23px;}
#fast_dlg_news_source, #fast_dlg_edit_news_source{margin:0;}
.vol_dlg_btnwrapper{	float: right;}
.vol_dlg_btn{
	width: 156px;
	height: 32px;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	text-align: center;
	line-height: 32px;
	font-weight: 500;
	color: #000;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
}
.vol_dlg_stations{overflow: auto;max-height:616px;}
.vol_dlg_station{
	padding: 34px 24px;
	border-bottom: 1px solid #d9d9d9;
}
.vol_dlg_station:last-child{border-bottom: none;}
.vol_dlg_station > *{display: inline-block;vertical-align:top;}
.vol_dlg_station__logo{
	border-radius: 3px;
	width:134px;
	height:134px;
	margin-right:16px;
	float:left;
}
.vol_dlg_station_info__wrapper{display: flex;}
.vol_dlg_station__info_top{margin:0 12px 8px 0;}
.vol_dlg_station__info_top a, .vol_dlg_station__info_top > span{vertical-align: super;margin-left:10px;}
.vol_dlg_station_settings_btn.inactive,.vol_dlg_station__info_chbtn.inactive{opacity:0.6;  cursor: default;}
.vol_dlg_station_title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	overflow: hidden;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 30px);
}
.vol_dlg_station_title a{margin:0;color:#000;vertical-align:middle;}
.vol_dlg_station_title a:hover{text-decoration:none;}
.vol_dlg_station_settings_btn{cursor: pointer;
	color: black;
	vertical-align: middle;}
.vol_dlg_station_tariff{
	font-size: 14px;
	color: #000;
	line-height: 17px;
}
.vol_dlg_station__info{	position: relative;margin-right: 20px;height:136px;width:272px;}
.vol_dlg_station__info_btns{position: absolute;bottom: 3px;}
.vol_dlg_station__info_btns > *{
	display: inline-block;
	height:30px;
	width:130px;
	border-radius: 3px;
	text-align:center;
	vertical-align: middle;
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
}
.vol_dlg_station__info_bcbtn{background: var(--maincolor);color: #fff;margin-right: 4px;}
.vol_dlg_station__info_bcbtn img{position: relative;right: 4px;}
.vol_dlg_station__info_chbtn{color: #0080ca;font-weight:500;font-size:14px;border:1px solid #0080ca;}
.vol_dlg_station__manage{vertical-align:bottom;align-self:flex-end;}
.vol_dlg_station__manage_item{margin-bottom:17px;cursor: pointer;height:23px;}
.vol_dlg_station__manage_item.inactive{opacity:0.6;cursor: default;}
.vol_dlg_station__manage_item:last-child{margin-bottom:0;}
.vol_dlg_station__manage_icon{
	width: 30px;
	height: 100%;
	display: inline-block;
	position: relative;
	font-size: 20px;
}
.vol_dlg_station__manage_icon span:after, .user_channels_info__manage__item span:after, .vol_dlg_news_media__ctrl div:after{
	content: '\e956';
	position: absolute;
	color: white;
	width: 12px;
	height: 12px;
	background: var(--maincolor);
	border-radius: 50%;
	font-size: 12px;
	text-align: center;
	right: 82%;
	bottom: 64%;
	transition: transform 0.1s;
}
.vol_dlg_station__manage_item:not(.inactive):hover .vol_dlg_station__manage_icon span:after{
	transform : scale(1.5);
}
.vol_dlg_station__manage_text{font-size:14px;vertical-align:bottom;}
#mystations_dlgs_img1 .modal-content,#mystations_dlgs_vid1 .modal-content{padding: 40px 33px 50px;}
.modal-dialog .vol_dlg_imgpreview{width: 100%;margin-bottom:30px;}
#fast_dlg_create_st1 .vol_dlg_imgpreview{width: 225px;margin-bottom: 20px;}
#mystations_dlgs_img1 .vol_dlg_imgpreview {height:225px;margin-bottom:30px;}
#fast_dlg_news1 .modal-content{padding-bottom:50px;}
#mystations_dlgs_vid1 .modal-content{max-width:500px; width:100vw;}

/*--------------------------------------------------------------------------*/
/*							MY STATIONS DIALOGS								*/
/*--------------------------------------------------------------------------*/
#mystations_dlgs_img1 .modal-dialog{width:100%;max-width:500px;}
#mystations_dlg_img_desc{
	resize: none;
	margin-top: 30px;
}
#fast_dlg_news_text,#fast_dlg_edit_news_text{
	resize: none;
	height: 340px;
	line-height: 24px;
	max-height: 340px;
}
.fast_dlg_news_addimg{
	height: 20px;
	width: 24px;
	display: inline-block;
	margin-right: 16px;
	cursor: pointer;
	background: url('pages/my_stations/images/camera.png') no-repeat;
}
.vzhuh_cr_st_dlg .modal-content{padding:39px 66px 46px;}
.vzhuh_cr_st_dlg .modal-dialog{max-width:728px;}

/*News gallery preview
*/
#vol_dlg_news_media_photos{margin-top:34px;}
.vol_dlg_news_media_photo {
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	position: relative;
	width: 80px;
	height: 80px;
	display: inline-block;
	margin: 0 21px 20px 0;
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}
.vol_dlg_news_media_photo:nth-child(5n){margin-right:0;}
.radio_m_form_upload_progress__cont{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
}
.vol_dlg_news_media_photo_del{
	position: absolute;
	display: none;
	right: -11px;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 22px;
}
.vol_dlg_news_media_photo:hover .vol_dlg_news_media_photo_del{display:block;}

/*Music item*/
.vol_dlg_news_media_add_music{margin:15px 0 30px;box-shadow: 0px 2px 59px 0px rgba(3, 1, 1, 0.1);}
.vol_dlg_news_media_music{
	width:100%;
	font-size:14px;
	border-bottom:1px solid #d9dee3;
	position: relative;
	padding:16px 20px;
}
.vol_dlg_news_media_music .std_ListItemTitle{
	vertical-align: middle;
    display: inline-block;
    width: calc(100% - 87px);
	margin-left:10px;
}
.vol_dlg_news_media_music .std_media_play.icon-play:before, .vol_dlg_news_media_music .std_media_play.icon-pause:before{
	margin-left: 7px;
}
.vol_dlg_news_media_music:last-child{border:none;}
.vol_dlg_news_media_music:hover{background: #f2f7fd;}
.vol_dlg_news_media_music__title{
	font-weight:bold;
	margin:6px 1px 0 0;
}
.vol_dlg_news_media_music__title, .vol_dlg_news_media_music__artist {
    max-width: calc(50% - 3px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vol_dlg_news_media_music_del{
	position: absolute;
	display: none;
	right: -11px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 22px;
}
.vol_dlg_news_media_music:hover .vol_dlg_news_media_music_del{display:block;}
.std_media_play{
	display: inline-block;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	border: 1px solid rgba(0,0,0,0.25);
}
.std_media_play:before{
	font-size: 10px;
	margin-left: -28px;
	position: absolute;
	margin-top: 7px;
}
.icon-pause.std_media_play:before{
	margin-left: -30px;
}
.std_media_waiting{
	background: url('/view/pages/broadcast/images/loading_24.gif') no-repeat center;
	background-size: 40%;
}
.std_media_duration{
	position: absolute;
	right: 8px;
	top: 0;
	width: 60px;
}
.vol_dlg_news_media_music .std_media_duration{top:23px;text-align: right;right:20px;width: 52px;}
#java_player,
.bc_player {
	display: block;
	height: 0;
	overflow: hidden;
	width: 100%;
	min-width: 210px;
}
.vol_dlg_news_media_music #java_player{margin-top:10px;}
#java_player > *,.bc_player > *{display: inline-block;}
#java_player .ui-slider-handle,
.bc_player .ui-slider-handle {
	border-radius: 50%;
	width: 0.8em;
	height: 0.8em;
}
#jp_time,.bcp_time { height: 20px;line-height: 20px;}
#jp_position,
.bcp_position {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 6px;
	cursor: pointer;
	width: calc(100% - 250px);
	height: 6px;
	background: #EEE;
	border-radius: 4px;
	border-color: #908F8F;
}
#jp_volume_cont,.bcp_volume_cont {margin-top: -14px;}
#jp_volume,.bcp_volume {
	float: left;
	margin-right: 12px;
	margin-top: 6px;
	width: 60px;
	cursor: pointer;
	height: 6px;
	background: #EEE;
	border-radius: 4px;
	border-color: #908F8F;
}

/*----------------------ADD VIDEO DIALOG------------*/
.radio_m_form_img {
	width: 100%;
	margin-bottom: 14px;
	border-radius: 3px;
	background-color: rgb(245, 245, 247);
	box-shadow: 0px 1px 3.84px 0.16px rgba(3, 1, 1, 0.18);
	height: 225px;
	padding: 74px 18px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	background-position: center;
	background-size: cover;
	display: inline-block;
	position: relative;
}
.radio_m_video_add_bg .radio_m_form_img{cursor:default;}
.radio_m_form label{
	font-size: 16px;
	color: #000;
	line-height: 1;
	font-weight: 500;
	font-family: "Manrope";
	display: block;
	margin-bottom: 10px;
}
.radio_m_form label.radio_m_form_required:after{
	content: "*";
	vertical-align: super;
	color: red;
	font-size: 14px;
}
.radio_m_form_input{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 5px 12px;
	box-sizing: border-box;
	border: none;
	outline-color: #0080ca;
	border-radius: 3px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 1px 3.84px 0.16px rgba(3, 1, 1, 0.18);
	position: relative;
}
.radio_m_form_input.error{border: 1px solid var(--errorcolor);outline: none;}
textarea.radio_m_form_input{	height: auto;line-height: normal;}
.radio_m_form_input_cont{margin-bottom: 14px;}
.radio_m_form_input_cont:last-child{margin-bottom:0;}
.radio_m_form_select__list{
	width: 100%;
	display: none;
	bottom: 0;
	overflow: auto;
	z-index: 1;
	padding: 5px 12px;
	top: 42px;
	box-sizing: border-box;
	position: absolute;
	line-height: 20px;
	font-size: 14px;
	background: #fff;
	box-shadow: 0px 1px 3.84px 0.16px rgba(3, 1, 1, 0.18);
}
.radio_m_form_select{position: relative;cursor:pointer;}
.radio_m_form_select__arrow{
	position: absolute;
	height: 10px;
	width: 16px;
	right: 13px;
	top: 18px;
	transition: transform 0.3s;
}
.radio_m_form_select__current{
	font-family: "Manrope";
	font-size: 14px;
	line-height:34px;
}
.radio_m_form_select.open .radio_m_form_select__arrow{	transform: rotate(180deg);}
.radio_m_form_select.open .radio_m_form_select__list{display: block;}


/*--------------------------------ADD NEWS DIALOG---------------------*/
.fast_dlg_news_video_cont, .fast_dlg_news_video_preview{display:none;}
.fast_dlg_news_video_cont{margin-bottom:30px;}
.header_dlg .modal-dialog{max-width:100%;width:fit-content;}
#fast_dlg_news1 .modal-content, #radio_news_edit_bg .modal-content{padding:35px 55px 50px;}
#fast_dlg_news1 .modal-dialog, #radio_news_edit_bg .modal-dialog{max-width:612px;width:100%;}
#fast_dlg_news1 .vol_dlg_imgpreview{
	height: 273px;
	background-color:transparent;
	border:1px solid rgba(0,0,0,0.15);
	box-shadow: none;
	padding-top:79px;
}
#fast_dlg_news1 .vol_dlg_imgpreview__header:after,
#radio_news_edit_bg .vol_dlg_imgpreview__header:after{
	content:"*";
	font-weight:500;
	font-size:12px;
	color: var(--maincolor);
	vertical-align:super;
	display:inline;
}
.fast_dlg_news_video_preview__cont{width:100%;position: relative;display:none;margin:14px 0;}
.fast_dlg_news_video_preview{
	width:100%;
	height:278px;
}
.vol_dlg_news_media_add_photos{margin-top:34px;}
.fast_dlg_news_video_preview__delete{
	font-size: 22px;
	display:none;
	position: absolute;
	top: -11px;
	right:-11px;
	cursor: pointer;
}
.fast_dlg_news_video_preview__cont:hover .fast_dlg_news_video_preview__delete{display:block}
#fast_dlg_create_news__add{margin-top: 25px;}


/*------------------------ADD NEW MEDIA ITEM ICON-----------------------------*/
.new_media_item{
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: #ccccff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.new_media_item:before{
	content:"+";
	position: absolute;
	font-size: 40px;
	color: white;
	font-weight: bold;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*--------------BREADCRUMBS----------------------*/
.breadcrumbs {
	color: #878892;
  }
  
  .breadcrumbs .content {
	display: flex;
	align-items: center;
	max-width: 1670px;
  }
  
  .breadcrumbs .item {
	color: inherit;
	font-size: 12px;
	line-height: 16.4px;
  }
  
  .breadcrumbs i {
	margin: 0 14px;
	font-size: 6px;
  }
  
  

/*####################################################################################################################*/
/*################################################## TABLET ##########################################################*/
/*####################################################################################################################*/
@media screen and (min-width:768px){
	/*.vol_cross{display: none;}*/
	.vol_dlg_mobile{display: none !important;}
}
@media screen and (max-width:1199px){
	#header_toolbar{width:772px;}
}
@media screen and (max-width:991px){
	#header_mobile_logo{display: block;}
	#header_toolbar{width:486px;}
}
/*####################################################################################################################*/
/*################################################### PHONE ##########################################################*/
/*####################################################################################################################*/
@media screen and (max-width:767px){
	#search_cont{margin: 0;width:calc(100% - 33px);margin-right:3px;}
	#header_toolbar{width:calc(100% - 210px);}
	#header_toolbar.logged #search_cont{width:calc(100% - 60px);}
	#vhzuh .modal-content{padding: 22px 0; width:100%;}
	#vhzuh .modal-dialog{width:420px;}

	.vol_dlg_btnwrapper{display: block;float:none;margin-top:27px;}
	.vol_dlg_btn{width:calc(50% - 3px);}
	.vol_dlg_station__manage_text{display: none;}
	.vol_dlg_station__logo{float: right;margin:0;}
	.vol_dlg_station__info{width: 170px;height: 114px;}
	.vol_dlg_station__manage_item{display: inline-block;margin:0;}
	.vol_dlg_station__info_top{display: none;}
	.vol_dlg_station > .vol_dlg_station__info_top{display: block;width:100%;margin-bottom:22px;}
	.vol_dlg_station_info__wrapper{flex-direction:column;width: 164px;}
	.vol_dlg_station__manage{order:-1;display:flex;justify-content:space-between;width:100%;}
	.vzhuh_cr_st_dlg .modal-dialog{max-width:500px;}
	.vzhuh_cr_st_dlg .modal-dialog{max-width:none;}
	.vol_dlg_station__info_top a#a_settings{float:right;}
	.vol_dlg_station_tariff{font-size:12px;line-height:17px;}
	.vol_dlg_station__info_btns{position: static;margin-top:18px;}
	.vol_dlg_station__info_bottom{position: absolute;bottom:2px;display:flex;flex-direction:column;justify-content:flex-end;}
	.vol_dlg_station__info_btns > *{height:32px;}
	.vol_dlg_station__info_chbtn{width:66px;}
	.vol_dlg_station__info_bcbtn{width:96px;font-size:12px;}
	.vol_dlg_station__info_chbtn{font-size:12px;}
	.vol_dlg_station__info_bcbtn img{display: none;}
	#vhzuh #vzhuh_title{font-size:24px;}
	.vol_dlg_station_title{font-size:20px;max-width:calc(100% - 54px);height:24px;}
	.vol_dlg_station{padding-top:25px;}
	.dlg_header{font-size:20px;}
	.vol_dlg_imgpreview{height:150px;}
	#fast_dlg_create_st1 .vol_dlg_imgpreview{width: 150px;}
	.vol_dlg_full{display: none !important;}
	.vol_dlg_mobile{display: block;}
	.vol_dlg_imgpreview > div{margin-top:10px;}
	#fast_dlg_news1 .modal-content{width:100%;padding:41px 20px 54px;}
	#mystations_dlgs_vid1 .modal-content{ max-width:none;width: 100%;}
	.vol_dlg_imgpreview__header, .vol_dlg_imgpreview__text{font-size:13px;}
	#fast_dlg_news1 .vol_dlg_imgpreview{height:168px;margin-bottom:13px;padding-top:26px;}
	.modal label{margin-bottom:10px;}
	#fast_dlg_news1 .vselect_wrapper,
	#radio_news_edit_bg .vselect_wrapper,
	#fast_dlg_news_title, #fast_dlg_news_text{margin-bottom:14px;}
	#fast_dlg_news1 input[type='text'], #fast_dlg_news1 textarea{font-size:14px;}
	#fast_dlg_news1 input[type='text']{height:40px;}
	.vol_dlg_news_media_cont{margin-top:22px;}
	.vol_dlg_news_media_add_photos{margin-top:14px;white-space:nowrap;overflow-x:auto;padding-top:10px;}
	.vol_dlg_news_media_caption{max-width:132px;}
	#fast_dlg_create_news__add{margin:44px auto 0;height:30px;float:none;width:fit-content;line-height:30px;}
	#fast_dlg_news1 .vselect_current{padding: 12px 10px 11px;}
	.vol_dlg_news_media_photo{margin-bottom:0;}
	.fast_dlg_news_video_preview{height:178px;}
	.vol_dlg_imgpreview .vol_dlg_imgpreview__header, .vol_dlg_imgpreview .vol_dlg_imgpreview__text{font-size:13px;}
	.vol_dlg_news_media_music__title, .vol_dlg_news_media_music__artist{display:block;max-width:calc(100% - 10px);}	
	.vol_dlg_news_media_music__title{margin-top:0;}
}
@media screen and (max-width:575px){
	.modal{padding:0 !important;}
	.modal-dialog{width: 100% !important;margin:0;}
	.vzhuh_cr_st_dlg .modal-content{padding:23px 20px;}
	.header_menu_item{margin-right: 7px;font-size:14px;}
	#header_toolbar{width:calc(100% - 207px);min-width:165px;}
	#search_cont{width:calc(100% - 42px);height: 30px;}
	.header_image_format, .header_image_desc{display:block;width:100%;}
	.header_image_desc{
		margin-top: 10px;}
	#top_header.mobile #header_logo{display: none;}
	#top_header.mobile #header_toolbar{width: calc(100% - 68px);}
	#top_header.mobile #search{display: inline-block;}
	#header_toolbar.logged #search_cont{width:calc(100% - 74px);background: none;}
	#top_header.mobile #search_cont{background: rgba(255,255,255,0.05);}
	#header_logout{margin-left: 12px;}
	#header_menu{margin-left: 7px;}
	#search{display:none;}
}
@media screen and (max-width:380px){

}