@charset 'UTF-8';
@import url('rtve.radio.player.basics.css');



.botlayer .audioBox {padding:0.8rem;padding-bottom:0.6rem;box-shadow:0 -2.8rem 2.4rem rgba(0,0,0,0.25);/*height:10.8rem;*/
	background-color:#f1f0ef;background-color:rgba(242,240,238,0.96);
	display:flex;align-items:center;border-radius:1.2rem 1.2rem 0 0;}

/*capa mas opciones*/
.audioBox .toolBox,.audioBox .toolBox .blindBox {border-radius:0.6rem;}
.audioBox .toolBox {display:none;right:1.2rem;bottom:9.2rem;border:0.2rem solid #999;}
.audioBox .toolBox.be_on {display:block;box-shadow:0 0.4rem 1.2rem 0 rgba(0,0,0,0.25);}

/*puntero-inferior*/
.audioBox .toolBox:after,
.audioBox .toolBox:before {position:absolute;left:calc(100% - 4rem);bottom:0;border:0 solid transparent;content:'';height:0;width:0;}
.audioBox .toolBox:before {border-top-color:#999;border-width:1.6rem 1.6rem 0 1.6rem;bottom:-1.6rem;margin-left:-1.6rem;}
.audioBox .toolBox:after {border-top-color:#fff;border-width:1.4rem 1.4rem 0 1.4rem;bottom:-1.4rem;margin-left:-1.4rem;}



/*.botlayer .audioBox {height:6.8rem;}*/
/*.play_audio .vjs-control-bar,.play_direc .vjs-control-bar {height:6.4rem;}viene de basics*/
/*.vjs-play-control {width:6.4rem;height:6.4rem;}viene de basics*/


/** DIAL DIRECTOS *******************************/
/************************************************/
.liveBox button.label {background:none;opacity:0.67;cursor:pointer;}
.liveBox button.label:hover {background:#fff;opacity:1;}
    
.audioBox .displayContent {height:100%;display:flex;align-items:center;z-index:2;}
	.displayContent .ima {width:9.2rem;padding-top:9.2rem;float:left;flex:none;}
	.mediaBox:not(.play_direc) .displayContent .ima {display:none;} 
	.displayContent .txtBox {padding:1.2rem;}
	.displayContent .txtBox,.displayContent .txtBox strong {display:flex;flex-direction:column;}
	.displayContent .txtBox .pretitle {text-transform:uppercase;font-weight:400;}
	.displayContent .txtBox .pretitle:only-child {text-transform:none;}
	.displayContent .txtBox strong,.displayContent .txtBox .pretitle:only-child {font-size:1.5rem;line-height:2rem;font-weight:500;padding-bottom:0.4rem;}
	.displayContent .character,.displayContent .txtBox .pretitle {line-height:1.6rem;}
	.displayContent .txtBox .pretitle {font-size:1.2rem;} 
	.displayContent .character {font-size:1.3rem;font-weight:300;}

/*controles audios*/
.vjs-volume-panel-horizontal {position:absolute;right:8rem;}/*mute posicion derecha*/

.play_audio .mediaPlayer,.play_direc .mediaPlayer {height:0;border-top:0.1rem solid green;width:100%;position:absolute;bottom:0;left:0;}
.play_audio .vjs-progress-control,.play_direc .vjs-progress-control {bottom:10.2rem;padding:0 2.4rem;}
.play_audio .vjs-progress-control .vjs-progress-holder,
.play_direc .vjs-progress-control .vjs-progress-holder {background:#fff;box-shadow:0 0 0.4rem rgba(0,0,0,0.25);}

.play_audio .vjs-play-progress.vjs-slider-bar {
	background:rgb(255,160,0);
	background:-moz-linear-gradient(left,rgba(255,160,0,1) 0%, rgba(255,120,0,1) 100%);
	background:-webkit-linear-gradient(left,rgba(255,160,0,1) 0%,rgba(255,120,0,1) 100%);
	background:linear-gradient(to right,rgba(255,160,0,1) 0%,rgba(255,120,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ff7800',GradientType=1 );
	}
.play_direc .vjs-play-progress.vjs-slider-bar {
	background:#a30950;
	background:-moz-linear-gradient(-30deg, #a30950 0%, #ff4200 100%);
	background:-webkit-linear-gradient(-30deg, #a30950 0%, #ff4200 100%);
	background:linear-gradient(125deg, #a30950 0%, #ff4200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30950', endColorstr='#ff4200',GradientType=1 );
	}
.play_audio .vjs-load-progress {background:rgb(255,120,0);}

/*controles genericos*/
.vjs-load-progress {opacity:0.33;}
.vjs-button > .vjs-icon-placeholder {opacity:0.67;}
.vjs-button:hover > .vjs-icon-placeholder {opacity:1;}

/*cursores*/
.icon-label.vjs-play-control,.dialBox span[role="button"],.dialBox .cellBox .canal {cursor:pointer;}



/** PLAYER VIDEO ********************************/
/************************************************/
.audioBox[class*='play_video'] {border:0 none;background:transparent;padding:0;width:100%;height:100%;}
.audioBox[class*='play_video']:before {content:'';position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:inline-block;background:rgba(0,0,0,0.85);}
[class*='play_video'] .mediaPlayer {width:100%;height:100%;z-index:2;position:absolute;}
[class*='play_video'] .video-js {position:absolute;height:100%;width:100%;top:0;left:0;}

/*botones en la parte superior*/
[class*='play_video'] .icon-label.close strong {color:#fff;}

.play_video .vjs-progress-control {bottom:4.8rem;}

/*control volumen*/
.vjs-volume-control .vjs-volume-level:after {opacity:0;}
.vjs-volume-control .vjs-slider-horizontal {width:0;}
.vjs-mute-control:hover + .vjs-volume-control .vjs-slider-horizontal,
.vjs-volume-control:hover .vjs-slider-horizontal {width:12rem;}
.vjs-mute-control:hover + .vjs-volume-control .vjs-volume-level:after,
.vjs-volume-control:hover .vjs-volume-level:after {opacity:1;}
.vjs-vol-0 + .vjs-volume-control .vjs-volume-level:after {background:transparent;}
.vjs-slider-horizontal {
-webkit-transition: width 1.5s;
   -moz-transition: width 1.5s;
     -o-transition: width 1.5s;
        transition: width 1.5s;
        }
.vjs-volume-level:after {
-webkit-transition: opacity 0.5s;
   -moz-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
        }



@media only screen and (min-width:480px) and (max-width: 677px){
	.audioBox .displayContent {display:none;}
}
@media only screen and (min-width:668px){
	.audioBox .displayContent {width:25%;}
}
@media only screen and (min-width:1024px){
	.audioBox .displayContent {width:35%;}
	.mediaBox:not([class*='play_video']) .vjs-control-bar {padding:0 10.4rem 0 calc(25% + 12.4rem + 0.8rem);} 
}
@media only screen and (min-width:1280px){
	.displayContent .ima {display:block;}
}
@media only screen and (min-width:1440px){
}
@media only screen and (min-width:1920px){
}