/*body, html{ height: 100%;  overflow: hidden; }*/
body, html{ height:100vh; width: 100%; overflow: hidden; position: relative; margin: 0; }
body.isSubPage, html.isSubPage { height:100%; width: 100%; overflow: hidden; position: relative; margin: 0; }
a{ text-decoration: none; }

h1{ width: 60%; margin-top: 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.search-order-box{ float: left; width: 40%; position: relative; font-size: 16px; margin-top: 2px; text-align: center; }
.search-order-box .fasort{ float: right; position: relative; width: 55%; text-align: right; }
.search-order-box a{ display: block; }
.fasearch{ float: right;  width: 21%; text-align: right; }
.fastar{ float: right; width: 23%; text-align: right; }

.hide-select{ opacity: 0; position: absolute; top: 0; right: 0; display: block; width: 36px; height: 36px; overflow: hidden; }
.hide-select select{ position: relative; left: -75px; }
.js-moveFav{ display: none; cursor: pointer; }
.app-submenu .js-moveFav{ display: block; }
.hide-search{ display: none; }
.app-submenu h1{ width: 60%; }
.app-submenu .search-order-box{ width: 40%; }
.app-submenu .fastar{ width: 50%; }
.app-submenu .fasearch{ width: 50%; }

body.open-search h1{ display: none; }
body.open-search .fasort{ display: none; }
body.open-search .fastar{ display: none; }
body.open-search .js-hideSearchOpen{ display: none; }
body.open-search .search-order-box{ width: 100%; position: relative; }
body.open-search .hide-search{ display: block; width: 100% !important; }
body.open-search .fasearch{ width: 100% !important; }
body.open-search ._filterCont #ajax-contact-form{ width: 100% !important; }
body.open-search ._filterCont .js-closeSearch{ width: 5% !important; float: left; margin: 3px 0 0 10px; font-size: 1.5em; }

body.open-search.radioListV2.isSubPage.is-app ._filterCont #ajax-contact-form input{ width: 90% !important; float: left; margin: 0; padding: 15px !important; margin-bottom: 2px; }
body.open-search.radioListV2.isMainPage.is-app ._filterCont #ajax-contact-form input{ width: 90% !important; float: left; margin: 0; padding: 15px !important; margin-bottom: 2px; }
body.radioListV2.isMainPage.is-app ._orderCont{ margin: 0; width: 60px; }
.is-app.radioListV2 ._filterCont #ajax-contact-form{ width: 100% !important; }

._radioFilter{ height: 20px; }
.js-hideSearchOpen,.js-closeSearch{ cursor: pointer; }
.beforeH1{ height: 10px; }
.fixed-container, #main, #inner, .container, .row, .span10, .box0, .box2{ height: 100%; }
.fixed-container, #main, #inner, .row, .span10, .box0, .box2{ overflow: hidden; }
.fixed-container{  padding: 0 10px; height: 100%; box-sizing: border-box; width: 100%; }
.radiosListLink{ width: 100%; margin: 0px 0px 3px 0px; box-sizing: border-box; }
.song-cover-cont{ width: 100%; height: 275px; margin: 10px auto; text-align: center; max-height: 100%; overflow: hidden;  }
.radioOrderLabel{ width: 120px !important; }
.radioServerSelect{ width: 180px; }
.play-page-footer{ position: relative; bottom: 0; }
.fx-header{ height: 40px; }
.fx-footer{ height: 40px; }

.scrolled-content{ overflow-y: scroll; overflow-x: hidden; height: calc(100% - 60px); width: 100%; }

.radio-page-cont{ height: calc(100% - 120px); max-height: calc(100% - 120px); width: 100%; display: table; }
.extra-server .radio-page-cont{ height: calc(100% - 170px); max-height: calc(100% - 170px); width: 100%; }

.app-submenu .radio-page-cont{ height: calc(100% - 140px); max-height: calc(100% - 140px); }
.app-submenu .extra-server .radio-page-cont{ height: calc(100% - 205px); max-height: calc(100% - 205px); }

.radio-page-cont #Grid{ max-height: 100%; height: auto; }
.radio-page-cont .play-page-center{ max-height: 100%; height: 100%; }
.radio-page-cont .slimScrollDivSongList1{overflow-y: scroll; overflow-x: hidden; height: calc(100% - 31px); max-height: calc(100% - 31px);}

.radio-page-cont #Grid2{ max-height: 100%; height: 100%; display: none; }
#Grid2 .songTitles{ margin: 0; height: 100%; }
#Grid2 .js-songCalendarIcon{ float: none; margin-left: 10px; }

._actSongCont{ float: none; width: 100%; text-align: center; }
._actSongCont .clear{ clear: both !important; float: none; }
.rpc-cell{ display: table-cell; vertical-align: middle; }
.rpc-cell .btnShare{ float: none; display: inline-block; }
.actSong .pluginButton{ float: none !important; display: none; }
._actSongCont div{ float: none; display: inline-block; }
.actSong{ max-width: none; }
.song-cover-cont{ position: relative; }
.song-cover-cont img{ cursor: pointer; }
.song-cover-cont .play-cont-app{ position: absolute; left: 50%; }
.song-cover-cont .fa-play-circle-o{ cursor: pointer; font-size: 140px; color: white; position: relative; left: -50%; top: 50px; animation: border-pulsate 2s infinite; }
.js-appAdv{ display: none; margin: 0 auto; width: 300px; height: 250px; text-align: center; }
.js-appAdv .helper{ display: inline-block; }
.js-appAdv .div-adsns-ad{ display: inline-block; }
.app-sub-menu{ width: 100%; height: 20px; }
.app-sub-menu a{ width: 25%; height: 20px; display: block; float: left; text-align: center; text-decoration: none; cursor: pointer; font-weight: bold; border-bottom: solid 1px #dcdcdc; font-size: 16px; }
.app-submenu .radio-page-cont.scrollabled{ height: calc(100% - 110px); max-height: calc(100% - 110px); display: block; }
.radio-page-cont.scrollabled .rpc-cell{ display: block; max-height: 100%; height: 100%; }
#main{ min-height: 0; }
.noUpPadding{ margin-right: 0; }
.addRadioPage_AppCont{ display: block; top: -3px; margin-bottom: 8px; text-decoration: none; cursor: pointer; position: relative; }
.addRadioPage_AppCont:hover{ text-decoration: underline; }
.clear_title{ margin-bottom: 5px; }
.radioListV2 .box2{ margin: 0; padding: 0; }
.js-webcamContOpen{ position: relative; }
.app-sub-menu a .txt{ display: none; }
.app-sub-menu a.active .txt{ display: inline-block; }

.row .span2{ display: none; }
.radioListV2.isSubPage ._filterCont{ width: 100% !important; }
#ajax-contact-form input{ height: 0; }
.app-sub-menu.length1{ display: none; }
.app-sub-menu.length2 a{ width: 50%; }
.app-sub-menu.length4 a{ width: 16%; }

.app-sub-menu a.active{ width: 50%; border-bottom: solid 1px #2f94e8; color: #2f94e8; }
.kv1{ display: none; }
#Grid3, #Grid3 js-pGuide,#Grid3 .slimScrollDiv{ height: 100%; }
#Grid3 .js-pGuide{ overflow-y: scroll; height: calc(100% - 35px); }
#Grid3 h3{ padding: 0 0 5px 0; height: 26px; }
#Grid3 h3 ._calendarIcon{ left: -18px; top: 6px; }

@media (min-width: 1199px) {
	.row, .box2{ margin: 0; }
	[class*="span"]{ margin-left: 0; }
	.container { width: 980px; }
	.radioListV2 .span10 { width: 960px; }
	.autoWidth .radiosListLink{ width: 180px; }
}

@media(min-width:980px) and (max-width: 1199px) {
	.row{ margin: 0; }
	.container{ width: 780px; }
	[class*="span"]{ margin-left: 0; }
	.autoWidth .radiosListLink{ width: 180px; }
}

@media(min-width:768px) and (max-width:979px) {
	.row{ margin: 0; }
	.container{ width: 600px; }
	[class*="span"]{ margin-left: 0; }
	.autoWidth .radiosListLink{ width: 180px; }
}

@media screen and ( max-height: 465px ){
	.song-cover-cont { height: 175px; }
	.song-cover-cont img{ max-width: 150px; }
	.song-cover-cont .fa-play-circle-o{ top:0; }
}