/*Extension videojs*/
.vjs-mouse-display-corte {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
/*Fin Extension videojs*/


#banner, #banner_panel_usuario {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	background-color: #eee;
	z-index:100;
}

#banner_panel_usuario, #acceso_clientes {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.emisora h2 {
	color: orange;
	text-align: center;
	font-size: 1.4em;
}

.emisora p {
	text-align: center;
	/*width:100%;*/
}

#div_emisora {
	position:absolute;
	left:0px;
	top: 290px;
	width: 100%;
	/*bottom: 151px;*/
	padding-bottom: 120px;
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: right top;
	background-origin: padding-box;
	background-blend-mode: lighten;
}

.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

#div_emisora_podcast {
	position:absolute;
	left:0px;
	top: 117px;
	width: 100%;
	/*bottom: 151px;*/
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center bottom;
	background-origin: padding-box;
	background-blend-mode: lighten;
	overflow-y: auto;
	overflow-x: none;
/* 	min-height: 500px; */
}

#div_publicar, #div_editar {
	position:absolute;
	left:0px;
	top: 0px;
	width: 100%;
	min-height: 100%;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	/*opacity: 0.90;*/
	z-index:1000;

}

.b_rec {
	margin-left:2px;
	margin-right:2px;
}

#b_p_publicar, #b_p_actualizar {
	float:right;
	font-size: 0.8em !important; 
}

#publicar, #editar {
	min-width: 400px;
	min-height: 400px;
	background-color: lightgray;
	padding: 10px;
	border-radius: 10px;
    box-shadow: 0 2px 6px #999;
    cursor: move;
}

#publicar table, #editar table {
	font-size: 0.8em !important; 
}

#publicar td, #editar td {
	padding: 2px !important; 
}

#publicar caption, #editar caption {
	caption-side: top;
	font-size: 1.2em;
	color: red;
}

#b_salir_publicar, #b_salir_editar {
	float: right;
	font-size: 0.8em;
}

iframe[id^="f_"] {
	padding: 7px;
	position:absolute;
	left:0px;
	top: 140px;
	width: 100%;
	height: auto;
	min-height: calc(100% - 170px);
	background-position: right top;
	background-origin: padding-box;
	background-blend-mode: lighten;
	background-color: #fff;
	z-index: 2;
	display: none;
}

#iframe_programacion_emisora_fecha {
	width: 100%;
	height: auto;
	min-height: 600px;
	background-color: #fff;
	padding: 7px;
	border: none;
}

#div_contenedor_form_acceso {
	position:absolute;
	left:0px;
	top: 190px;
	width: 100%;
	/*bottom: 151px;*/
	padding-bottom: 120px;
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: right top;
	background-origin: padding-box;
	background-blend-mode: lighten;
	display: flex;
	justify-content: center;
    align-items: center;
}

#div_form_acceso {
	width: 400 px;
}

#div_emisora_invitacion {
	position:absolute;
	left:0px;
	top: 100px;
	width: 100%;
	display: flex;
	align-items:center;
	justify-content: center;
	}

#div_emisoras {
	position: fixed;
	top: 80px;
	left: auto;
	width: auto;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index:101;
	background-color: #fff;
}

/* *********************  */
#menu_panel_usuario {
	position: fixed;
	top: 80px;
	left: auto;
	width: 100%;
	height: 60px;
	z-index:200;
	background-color: #fff;
}

#div_menu_panel_usuario {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
}
/* *********************  */

#menu_panel_usuario::after {
    display: block;
    clear: both;
    content: "";
}

#logo {
	float: left;
}

#bienvenida {
	color: gray;
	text-align: center; 
}

#fecha {
	float: right;
}

#emisoras {
	display: flex;
	align-items:center;
	justify-content: initial;
	flex-flow: wrap;
	min-height: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.emisora {
	/*height: 200px;*/
	height: 105px;
	width: 200px;
	border:thin;
	margin-top: 5px;
}

.logo_emisora, .grabado, .live, .conectado, .manifiesto, .compartir  {
	cursor: pointer;
}

#div_reproductor {
	width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 120px; 
    border: 1px solid #ccc;
    border-radius: 25px 25px 0px 0px;
    background-color: #eee;
    opacity: .8;
}

#div_reproductor_podcasts {
	width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 240px; 
    border: 1px solid #ccc;
    border-radius: 25px 25px 0px 0px;
    background-color: #eee;
    opacity: .8;
}

#div_footer {
	width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 0px 0px 0px 0px;
    background-color: #eee;
    opacity: .8;
}

#div_player {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
}

#recargar {
	cursor: pointer;
}

player {
	width: 100%;
	padding-top: 5px;
}

#div_redes {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: white;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index:400;
	opacity: .90;
}

#div_click_redes {
	width: 260px;
	height: 260px;
	border: 1px orange;
	background-color: #eee;
}

#b_salir_div_redes, #b_salir_reproductor {
	float: right;
	margin: -5px 10px 0px 0px;
	font-size: 1.6em;
	font-weight: bolder;
	color: gray;
	cursor: pointer;
}

#div_redes_sociales {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

#div_info_programa {
	margin: 3px 0px 3px 0px;
	display: flex;
    justify-content: center;
    align-items: center;
}

#iconos_redes_sociales {
	width: 300px;
	display: flex;
    justify-content: space-around;
    align-items: center;
}

#nombre_programa_radio {
	color: gray;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

#logo_emisora_activa {
	padding-right:15px;
	height: 32px;
}

#logo_emisora_activa_programas {
	position: fixed;
	top: 340px;
	height: 150px;
	left: 40%; /*calc(47% - 575px)*/
	opacity: .2;
}

.red_social {
	cursor: pointer;
}

.parte_programa {
	font-style: italic;
	font-size: 0.9em;
	margin-left: 15px;
	color: gray;
}

::-webkit-scrollbar {
    width: 5px;
    /*background-color: lime;*/
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.boton_player {
	opacity: .7;
	padding-left: 4px;
	padding-right: 4px;
}

.boton_player:hover {
	opacity: 1;
}

#logo_emisora {
	float: right;
	margin-top: 6px;
	margin-right: 20px;
}

#reloj, #reloj_banner  {
	float:right;
	margin-top: 25px;
	margin-right: 20px;
	border: none;
	background-color: transparent;
	font-family: 'Orbitron', sans-serif;
	font-size: 1.2em;
	color: #ccc;
	
}

#reloj_inicio, #reloj_fin {
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	background-color: black;
	text-align: center;
	font-family: 'Orbitron', sans-serif;
	font-size: 1.2em;
	color: green;
}

#reloj_linea_tiempo {
	border: none;
	background-color: black;
	text-align: center;
	font-family: 'Orbitron', sans-serif;
	font-size: 1.2em;
	color: red;
}

#reloj_linea_tiempo_2 {
	margin-left: 25px;
	border: none;
	background-color: black;
	text-align: center;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: red;
	border-radius: 25px 25px 25px 25px;
}

.span_reloj {
	/*background-color: gray;*/
}

#reloj_banner {
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	border-radius: 15px 15px 15px 15px;
}

.tabla_footer {
	margin-left: 0px;
}

.tabla_footer td {
	padding-left: 5px;
	padding-right: 5px;
	color: black;
	font-weight: bolder;
}

.tabla_footer th {
	padding-left: 15px;
	color: green;
}

.tabla_footer th:first-of-type {
	color: #bbb;
	padding-right: 50px;
}

/*Div para mostrar inforamcion de la emisora*/
div.info_emisora {
     position: absolute;
     text-align: left;
     padding: 5px; /*.5rem*/
     background: #fff;
     color: #000;
     border: 1px solid #313639;
     border-radius: 8px;
     pointer-events: none;
     font-size: 0.8rem;
}

.tabla_info_emisora {border-collapse: collapse; border:none !important;}

.tabla_info_emisora table {border-collapse: collapse; border:none !important;}

.tabla_info_emisora tr, .tabla_ info_emisora td{
	border: 0px;
}

.tabla_info_emisora th {
	border: 0px;
	border-bottom: 3px solid #000;
	vertical-align: middle;
	/*padding: 0.3em;
   	color: #fff;
   	background: #000;*/
}

.tabla_info_emisora caption {
   padding: 0.3em;
   color: #fff;
   background: #000;
}

 .tabla_info_emisora td {
  border-bottom: 1px solid #ddd;
  padding: 2px;
}

.svg_programa {
	cursor: pointer;
}


#podcasts {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	
}

.podcast {
	font-size: 0.9em;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.img_podcast {
  width: 286px;  /*width of parent container*/
  height: 80px; /*height of parent container*/
  object-fit: contain;
  position: relative;
  top: 50%;
  /*transform: translateY(-50%);*/
}

.descripcion {
	min-height: 100px;
	font-size: 0.8em;
	color: #0b5ed7;
	font-style: italic;
}

.papelera38, .edit38, .download38 {
	float: right;
	cursor: pointer;
}

#b_actualizar {
	cursor: pointer;
}

#procesando {
	position: absolute;
	background-color: white;
	opacity: .70;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    z-index: 200;
}

.slider {
  width: 150px;
  height: 20px;
  padding: 0;
}

#div_etiquetas ,#recargar {
	display: inline-table;
}

#div_etiquetas {
	height:34;
	vertical-align: middle;
}

.etiqueta {
	margin-left: 10px;
 	background-color: orange;
	padding-left: 2px;
	padding-right: 2px;
	border: thin solid black;
	border-radius: 0px 20px 20px 0px;
    cursor: pointer;
    color: black;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    text-align: left;
    display: inline-block;
}

.etiqueta > svg {
	margin-right: 3px;
}

.etiqueta_svg:hover, .papelera_svg:hover, .play_svg:hover {
	fill: green;
}

.ribbon {
	margin-left: 10px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    border-top: 15px solid #d9534f;
    border-bottom: 15px solid #d9534f;
    border-left: 15px solid transparent;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
}

.noselect {
    /*cursor: default;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}