@charset "utf-8";
body{ width:100%; height:100%; padding:0px; margin:0px; color:#ffffff; background:transparent; overflow:hidden;} 
a:link { text-decoration:none; }
#contenedor-general { width:100%; height:100%; background:transparent;}
#contenedor-inicial { width: calc(100% - 4px); height: calc(100vh - 4px); background:#00000083; border:2px solid blue; border-radius: 4px; position:relative;  }
.Contenido_Stats_Nombreradio { width:100%; height:18px; background: transparent; position:relative; text-align:center; font-family: comic sanz, Arial, serif, cursive;font-size:14px;color:#ffffff; margin: 3px 0 5px 0; }
.Contenedor_Iz_Dr { width:100%; height: calc(100vh - 75px); background: transparent; position: relative; overflow: hidden; flex-wrap: wrap; display: -webkit-flex;  margin: 0 0 5px 0; }
.ContenidoDr      { width:calc( 100% - 0px); height: calc(100vh - 63px); position:relative; background: transparent;  margin: 0 0 0 0; }
.Contenido_Play_Horarios_Actualizar { width:100%; height: calc(100vh - 66px); background: transparent; position: relative; overflow: hidden; flex-wrap: wrap; display: -webkit-flex; margin: 0 0 0 0; display: flex; align-items: center; }
.Actualizar { width:20%; height:100%; background: transparent; position: relative; display: flex; justify-content: flex-start; }
.Horarios   { width:20%; height:100%; background: transparent; position: relative; display: flex; justify-content: flex-end; }
.boton_actualizar { width:25px; height:25px; display: flex; justify-content: center; align-items: center; border: 2px solid blue; border-radius: 100%; margin:6px 0 0 6px;}
.boton_horario    { width:25px; height:25px; display: flex; justify-content: center; align-items: center; border: 2px solid blue; border-radius: 100%; margin:6px 6px 0 0;}
.Contenido_Play_Pause { width: calc(60% - 0px); height:100%; background: transparent; position: relative; display: flex; justify-content: center; align-items: center; top:-4px;}
#jp_container_1 { height:calc(98vh - 85px); width:calc(98vh - 85px); position:relative; margin: 0 auto;  top: 0; border-radius: 100%; }
.play_pause { font-size:14pt; border:3px solid blue; border-radius: .75rem; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.play_pause { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; transition: .5s; }
.jp-play:before { content: "PLAY >>"; }
.jp-pause:before { content: "PAUSE II";}
.Contenido_controles_volumen { width:98%; height:16px; background: transparent; position: relative; margin: 0 1% 5px 1%; }
.jp-no-solution { color: #FF6363; margin-left: 5px;}
.Contenido_Stats_Titulos { width:98%; height:18px; background: transparent; position: relative; text-align:center; font-family: comic sanz, Arial, serif, cursive;font-size:14px;color:#ffffff; margin: 0 1% 0 1%; }

/* CONFIGURACION VOLUMEN */

#volumecount { display:none;}
.slider { width: 100%; background: transparent; position:absolute;}
#slider { background: transparent; position:absolute; height: 16px;}
.slider-volume { width: calc(100% - 16px); margin-left:12px !important; margin-top:0px; position:absolute !important; padding:0px; !important; height: 16px; background: transparent;}
.ui-slider-handle { position: absolute; z-index: 2; width: 25px; height: 25px; cursor: pointer; background-image: radial-gradient(#ff8737, #adadad, #525252);
    border-radius:50%; font-weight: bold; color: #1C94C4; outline: none; top: -7px; margin-left: -0px; margin-top:0px;}
.ui-slider-range {
	 background: #f7fd05; /* Old browsers */
	 background: -moz-linear-gradient(top,  #f7fd05 0%, #d4e626 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fd05), color-stop(100%,#d4e626)); /* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(top,  #f7fd05 0%,#d4e626 100%); /* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(top,  #f7fd05 0%,#d4e626 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(top,  #f7fd05 0%,#d4e626 100%); /* IE10+ */
	 background: linear-gradient(top,  #f7fd05 0%,#d4e626 100%); /* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fd05', endColorstr='#d4e626',GradientType=0 ); /* IE6-9 */
	 position: absolute; border: 0; top: 0; height: 100%; border-radius: 25px;}
.slider > .dragger {
     background: #8DCA09;
     background: -webkit-linear-gradient(top, #8DCA09, #ff6600);
     background: -moz-linear-gradient(top, #8DCA09, #72A307);
     background: linear-gradient(top, #8DCA09, #72A307);
     -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
     box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px; border: 1px solid #496805; width: 16px; height: 16px;}
.slider > .dragger:hover { background: -webkit-linear-gradient(top, #8DCA09, #8DCA09);}
.slider > .track, .slider > .highlight-track {
     background: #ccc;
     background: -webkit-linear-gradient(top, #bbb, #ddd);
     background: -moz-linear-gradient(top, #bbb, #ddd);
     background: linear-gradient(top, #bbb, #ddd);
     -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
     box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px; border: 1px solid #aaa; height: 4px;}
.slider > .highlight-track {
	 background-color: #8DCA09;
	 background: -webkit-linear-gradient(top, #8DCA09, #72A307);
	 background: -moz-linear-gradient(top, #8DCA09, #72A307);
	 background: linear-gradient(top, #8DCA09, #72A307);
	 border-color: #496805; }
.output{
	 padding:3px; position: absolute; display: none !important; top: -25px; color: #fff; text-align: center; font: 10pt Tahoma, Arial, sans-serif ; border-radius: 3px; border: 1px solid #333;
     -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
     box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 background: -moz-linear-gradient(top,  rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	 background: linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.slider-volume > .dragger {
    background-image: radial-gradient(blue, #adadad, #525252); width: 16px; height: 16px; margin: auto; border-radius:50%; position:relative !important;
    background-repeat:no-repeat !important; margin-top:-13px !important; margin-left:-12px !important;} /* punto volumen color azul */
.slider-volume > .track, .slider-volume > .highlight-track {
	 background: #151515;
	 background: -moz-linear-gradient(top, #080808, #1a1a1a);
     background: -webkit-linear-gradient(top, #080808, #1a1a1a);
     background: linear-gradient(top, #080808, #1a1a1a);
	 border-bottom:1px solid #484848;
	 border-right:1px solid #484848;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     height: 8px; border-radius: 5px; position:relative !important;}
.slider-volume > .highlight-track {
	 position:relative !important; margin-top:-9px !important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-left:0px !important;
	 background-color: #fea300;
	 background-color: #fff;
     background: -moz-linear-gradient(top, #fff, #fff);
     background: -webkit-linear-gradient(top, #fff, #fff);
     background: linear-gradient(top, #fff, #fff);}