@charset "utf-8";
html{ 
	font-size:100%; 	
	/*font-family:Verdana, Geneva, sans-serif;*/
	
}
body{
	margin: 0; 	
	padding: 0;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-color: #FFF;
	min-width: 1060px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-family:"Courier New", Courier, monospace;*/
}
/* Reset the container */
.container {
  max-width: none !important;
  width:100%;
}

h1{
	color:#000000;
	font-size: 2em;
	line-height:2em;
}
h1.titulo_pagina {
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	font-size: 1.5em;
	line-height:1.2em;
	margin-top: 0px;
	margin-bottom: 10px;
}

h1.titulo_index {
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.5em;
	line-height:1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2{
	color:#000000;
	font-size: 1.3em;
	line-height:1.2em;
}
h2.titulo_pagina {
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	font-size: 1.3em;
	line-height:1.2em;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2.titulo_capas {
	font-weight:bold;
	color:#909;
	font-size: 1.3em;
	line-height:1.2em;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 .fa{
	font-size: 0.9em;
}
h2 a{
	font-weight:bold;
}
h3{
	color:#000;
	font-size: 0.95em;
	line-height:1.2em;
}
h4{
	color:#909;
	font-size: 0.95em;
	line-height:1.2em;
}

.margin_0{margin-left:0px; margin-right:0px;}
.margin_right_2{margin-right:2%;}


.padding_top_bootom_25{
	padding-top:25px;
	padding-bottom:25px;
}
.padding_bootom_10{
	padding-bottom:10px;
}
.poadding_top_10{
	padding-top:10px;
}
.margin_top_5{margin-top:5px;}
.margin_top_10{margin-top:10px;}
.margin_top_25{margin-top:25px;}
.margin_top_30{margin-top:30px;}
.margin_top_50{margin-top:50px;}
.margin_top_150{margin-top:150px;}
.margin_bottom_5{margin-bottom:5px;}
.margin_bottom_10{margin-bottom:10px;}
.margin_bottom_25{margin-bottom:25px;}
.margin_left_video_admin{margin-left:240px;}

dl, ol, ul {
	margin-top: 0;
	margin-bottom: 0.5rem;
  }

.contenedor_header{
	background: url('../images/fondo_oscuro.png') repeat scroll 25% 0px #e0e0e0;
}
.contenedor_footer{
	background: url('../images/fondo_oscuro.png') repeat scroll 25% 0px #e0e0e0;
}

 .cuadro {
    padding-top: 15px;
    padding-bottom: 50px;
    color: #333;
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 10px;
   /* box-shadow: 0px 0px 10px #C7BFB3;*/
		min-height:500px;

}


/***************** menu ***************************/
.enlace_menu_sub {
	font-size:1em;
	display: block;	
	
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 5px;
	margin-bottom: 5px;;

}

.enlace_menu_sub.active{
	font-weight: 700;
	color:#000;		
}



.titulo_menu {
	font-weight:bold;

    background-color: #909;
	color: #FFF;
	padding: 5px;
	margin-bottom: 5px;;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.separador_examen{
	border:#CCC 1px solid;
}
/***************** Contenido ***************************/
p{
	margin-top:0px;
}

div.fila_titulo{
	 font-size:1.2em;
	 color:#909;
	 font-weight:bold;
	 background-color:#FFF;
	 padding:10px;
	 padding-bottom:0px;	 
	 margin-bottom:15px;	 
	 border-radius: 5px;
	 border-bottom: 1px solid #909;
}
div.fila_respuesta{
	
	 border-bottom: 1px solid #CCC;
	 margin-bottom:0px;
	 margin-top:0px;
}
.over_sombra{
	background-color:#FFF;
	border-bottom: #EFEFEF 1px solid;
}
.over_sombra:hover{
	background-color:#F6F6F6;
}
.capa_padding{
	padding-top:5px;
	padding-bottom:5px;	
	
}
/*Tabla*/
.radio-inline, .checkbox-inline {
    padding-left: 5px;
}

.tabla_argumentos > th{
	padding-top:15px;
	margin-top:15px;	
	
	
}
.table-striped.tabla_argumentos > tbody > tr > td{
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}
.table-striped.tabla_argumentos > tbody > tr > th{
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}
.tabla_argumentos{

}
td.estado_ko, tr.estado_ko{
	background-color:#FCF;
	color: #fff;
	background-color: #dc3545;
	
}
td.estado_ok, tr.estado_ok{
	background-color:#CFF;
	color: #fff;
	background-color: #28a745;
}

td.estado_pte, tr.estado_pte{
	background-color: #fad7a0 ;
	color: #000;
	background-color: #F90;
	
}

td.estado_ko a, tr.estado_ko a{
	color: #fff;
	display: block;
}
td.estado_ok a, tr.estado_ok a{
	color: #fff;
	display: block;
}

td.estado_pte a, tr.estado_pte a{
	color: #000;
	display: block;
}

td.estado_azul, tr.estado_azul{
	background-color: #007bff ;
	
}
.table-hover > tbody > tr:hover > td.estado_ko, .table-hover > tr.estado_ko:hover{
	background-color:#FCF;
	background-color: #dc3545;
}

.table-hover > tbody > tr:hover > td.estado_ok, tr.estado_ok:hover{
	background-color:#CFF;
	background-color: #28a745;
}
.tr_rojo{
	background-color:lightpink;

}


td.estado_dark, tr.estado_dark{
	background-color:#CCC;
	color: #fff;
background-color: #343a40;
	
}

.table-hover > tbody > tr:hover > td.estado_dark, .table-hover > tr.estado_dark:hover{
	background-color:#CCC;
	color: #fff;
background-color: #6c757d;
}

.table > tbody > tr > td.border_left{
	border-left: #000 2px solid !important;
}
.table > tbody > tr > td.border_right{
	border-right: #000 2px solid !important;
}


.contenedor_nueva_foto{/*************************************************************/
	text-align:center;
	float:left;
	width:18%;
	margin-left:1%;
	border:0px; 
	border:1px solid #ccc; 
	font-size:15px; 
	color:#A1A2A4; 
	margin-top:5px;
	padding-top:5px;
}

img.thumb_contenedor_nueva_foto{/*************************************************************/
	height:70px;
	max-width:200px;
	margin-right:5px;
}
img.thumb_listado{/*logos en miniatura*/
	height:40px;
	max-width:150px;
	margin-right:5px;
}
img.thumb_listado_foto{/*fotos subidas*/
	height:40px;
	max-width:100px;
	margin-right:5px;
}
img.logo_mini{
	height:60px;
	/*max-width:50px;*/
	width:auto;
	margin-right:5px;
	vertical-align:middle;
}
img.ruta_normal{
	height:120px;
	/*max-width:50px;*/
	width:auto;
	margin-right:5px;
	vertical-align:middle;
}
img.logo_footer{
	max-width:200px;
	height:auto;
	
}
img.logo_cms{
	max-width:250px;
	height:auto;
	
}
#ayuda{
	font-size:0.9em;
	color:#666;
}
#no_publicado{
   color:#F00;
   font-weight:bold;
}
#publicado{
   color:#693;
   font-weight:bold;
}
#mensajes{
  color:#F00;
  font-weight:bold;
}
#mensajes_verde{
  color:#693;
}

.estado_ko{
   color:#F00;
   font-weight:bold;
}
.estado_ok, .fa.estado_ok {
	color: #693;
	fill: #693;
	font-weight: 700;
  }
.estado_pte{
   color:#F90;
   font-weight:bold;
}
.estado_dark{
	color:#000;
	font-weight:bold;
 }
 .estado_azul{
	color: #FFFFFF ;
	font-weight:bold;
}
.estado_violeta{
	color: #909 ;
	font-weight:bold;
}
.estado_cielo{
	color: #17a2b8 ;
	font-weight:bold;
}
.badge-violeta{
	background-color: #909 ;
	font-weight:bold;
	color: #FFF;
}
/********************* Contenedor imagenes *********************/
.contenedor_imagen_10{width:10%;}
.contenedor_imagen_15{width:15%;}
.contenedor_imagen_20{width:20%;}
.contenedor_imagen_25{width:25%;}
.contenedor_imagen_30{width:30%;}
.contenedor_imagen_35{width:35%;}
.contenedor_imagen_40{width:40%;}
.contenedor_imagen_50{width:50%;}
.contenedor_imagen_60{width:60%;}
.contenedor_imagen_70{width:70%;}
.contenedor_imagen_80{width:80%;}
.contenedor_imagen_90{width:90%;}
.contenedor_imagen_100{width:100%;}


/*++++++++++++++++++++enlaces++++++++++++++++++++++++*/
a {
	color:#066dad;
	text-decoration: none;
}
a:hover{
	color:#000;
}


/*++++++++++++++++++++FORMULARIOS++++++++++++++++++++++++*/
.form-control {
    width: 100%;
	    padding: 2px 7px;
		height:auto;
		font-size:0.9em;
}
.form-control-auto {
    width: 50%;
	padding: 2px 7px;
	height:auto;
	font-size:0.9em;
	margin-top:5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select[multiple], select[size] {
	height: 100px;
	margin-bottom: 5px;
}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
input.inicio{
	padding:8px; 
	width:210px; 
	background-color:#EFEFEF; 
	color:#666; 
	border:0px; 
	margin-bottom:7px; 
	
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	
	
}

textarea.texto{
	height:200px;
}
textarea.texto_editable{
	height:300px;
	
}

input.boton_general:hover{
	color:#000; 
}

input.error{
	border-color: red;
}
textarea.error{
	border-color: red;
}
.requisites{
	padding: 0 2px 0 2px;
	color: #fff;
	visibility:hidden;
}
.requisites.error{
	color: red;
	visibility:visible;
	font-weight:normal;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline,.control-label {
    padding: 2px 7px;
	background-color:#F6F6F6;	
    border-radius: 5px;
	border-bottom: 1px solid #FFF;
	height: max-content;
}

.form-horizontal .sin-fondo{
	background-color:#FFF;
	border-bottom: 0px solid #000;
	
}

.form_hidden{
	float:left;
	
}

.contenedor_breadcrumbs .btn {
	color: #a0c7e6;
	background: linear-gradient(60deg,#0d303b ,#000 );
	color: #FFF; 
	border: #000 0.1px solid; 
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	padding: 5px;
  }
.contenedor_breadcrumbs .btn:hover {
	background: linear-gradient(60deg,#666 ,#333 );
	
}
.contenedor_breadcrumbs .btn i{
	font-size: 1rem;
}
.btn-default {
    padding: 3px;
    background-color: #F6F6F6;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    font-size: 0.9em;
}
.btn-success {
    color: #FFF;
    background-color: #F90;
    border-color: #2e6da4;
	font-weight:bold;
}

.btn-primary {
    color: #FFF;
    background-color: #60a81e;
    border-color: #2e6da4;
	font-weight:bold;
}

.chip {
    display: inline-block;
    height: 28px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
}

.chip .fa {
    
font-size: 1.2em;    
}

.sin-fondo{
	background-color:#FFF;
	border: 0px solid #ff6f0c;
}
.container-fondo-corporativo{
	border-top:#EEE 1px solid;
	background-color:#909;
	color:#FFF;
	padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 5px;
	border-bottom:#909 0px solid;
    /*box-shadow: 0px 0px 10px #C7BFB3;*/
}
.container-fondo-corporativo a{
	color:#FFF;
}
.container-fondo-corporativo a .fa{
	/*color:#666;
	color:#FFF;*/
	font-size: 1.5em;
	margin: 0 3px;
	text-shadow: none;
	
}
.container-fondo-corporativo a:hover div{
	text-decoration: underline;
}
.container-fondo-corporativo a div{
	
}

.container-sin-fondo{
	background-color:#FFF;
	border: 0px solid #ff6f0c;
	padding-top: 5px;
    padding-bottom: 5px;
    color: #666;
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 5px;
    /*box-shadow: 0px 0px 10px #C7BFB3;*/
}
.container-fichaje{
	background-color:#EFEFEF;
	border: 0px solid #ff6f0c;
	padding-top: 2px;
    padding-bottom: 2px;
    color: #666;

    border-radius: 5px;
    /*box-shadow: 0px 0px 10px #C7BFB3;*/
}
.container_menuweb{
	background-color:#F6F6F6;
	padding-top:15px;

border-radius: 5px;
border-bottom: 2px solid #999;
border-top:#EEE 1px solid;
height: max-content;
	
}
.form-horizontal .label-sin-fondo{
	background-color:#FFF;
	border: 0px solid #ff6f0c;
	border-bottom: 0px solid #999;

	padding-top: 5px;
    padding-bottom: 5px;
    color: #666;
    background: none repeat scroll 0% 0% #FFF;
    border-radius:5px;

}
.table > tbody > tr.sin_borde > td{
	border-top:0px ;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: 0px;
	margin-right:5px;
}

.tr_dragable{
	cursor:move;
}

tr.info {
    background-color: #999;
}


.checkbox_checked{
	color:#66ab37;
}

.checkbox_titulo{
	color:black;
	font-size:1.2em;
	border-bottom:#999 1px solid;
}
.check_difuminado{
	color:#ccc;
	
}
.ancho_25{/*seleccion de fechas y horas */
	width:20%;
	display:inline;
	
}
.ancho_15{/*seleccion de fechas y horas */
	width:10%;
	display:inline;
	
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 1px;
    line-height: 1.3em;
    vertical-align: top;
    border-top: 1px solid #DDD;
	padding-left:2px;
	padding-right:2px;
	font-size:0.95em;
	vertical-align: baseline;
}
.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #EFEFEF;
}
/*Fontawesome*/
.fa, .fas{
	font-size:1.5em;
	margin:0 3px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	
}
.contenedor_iconos_opinion .fa, .contenedor_iconos_opinion .fas{
	display: inline;
	
}
button .fa{
	font-size:1em;
	margin:0 3px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}
a.fa-active{
	margin:0 3px;
	color:#000;
	font-weight:700 ;
}
a.fa-active .fa{
	color:#000;
}
a.fa-active .fa-aviso{
	color:#F00;
}

a.fa-active .fa-naranja{
	color:#F90;
	
}

a.fa-active-header{
	color:#FF0;
}
a.menu-active{
	font-weight:bold;

}
.fa-rojo{
	color:#F00;
	
}
.fa-aviso{
	color:#F00;
	
}
.fa-verde{
	color:#66ab37;
	
}
.fa-difuminado{
	color:#EEE;
	
}
.fa-difuminado .fa{
	color:#EEE;
	
}
.fa-difuminado.fa-corporativo .fa{
	color:#909;
	
}
.fa-star{
	color: #212529;
}
.fa-star.fa-difuminado{
	color:#EEE;
}
.fa-corporativo{
	color:#909;
	
}
.fa-naranja{
	color:#F90;
	
}
.fa-negro{
	color:#000;
	
}
.fa-verde:hover, .fa-rojo:hover{
	color:#000;
	
}
footer{
	color:#FFF;
	
}

.aviso_contacto_error{
	background-color:#FCC;
	color:#000;
	font-size:1em;
	padding:15px;
	display:none;
	border:#F00 1px solid;
}
.aviso_contacto_ok{
	background-color:#CFC;
	color:#000;
	font-size:1em;
	padding:15px;	
	display:none;	
	border:#66ab37 1px solid;	
}


.has-error {
    color: #F00;
}

li{
	list-style-position:inside;
	/*list-style:none;*/
	
}
.fa.ordenar_arriba, .fa.ordenar_arriba_pregunta,  .fa.ordenar_abajo, .fa.ordenar_abajo_pregunta, .fa-chevron-circle-down, .fa-chevron-circle-up{
	font-size:1.5em;
	margin-left:7px;
		color:#ff6f0c;

}
.ordenar_arriba:hover, .ordenar_arriba_pregunta:hover, .ordenar_abajo:hover, .ordenar_abajo_pregunta:hover, .fa-chevron-circle-down:hover, .fa-chevron-circle-up:hover{
	cursor:pointer;
	color:#000;
	
}

.panel-footer {
    background-color: #FFF;
	border-top: 0px solid #ddd;
}
.panel-default {
    border-color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	border:  1px solid #000;
	padding: 15px;
}

a.enlace_boton, button.enlace_boton {
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    padding: 6px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    z-index: 0;
	color: #FFF;
	background-color: #FF9900;
	border:#2e6da4 1px solid;
	font-weight: bold;
}

a.enlace_boton:hover, button.enlace_boton:hover {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e;
	text-transform:none;
	text-decoration:none;
}

a.enlace_subrayado{
	color: #000;
	text-decoration: underline;
	font-size: 1.2em;;
	
}

button.boton_ok {
	background-color: #690;
}

button.boton_ko {
	background-color: #F00;
}
a.boton_ok {
	background-color: #690;
}

a.boton_ko {
	background-color: #F00;
}
a.certificado_definitivo{
	color:#066dad;
}

a.certificado_provisional{
	color:#909;
}
a.certificado_realizacion{
	color:#FC0;
	
}

a.certificado_realizacion:hover, 
a.certificado_provisional:hover,
a.certificado_definitivo:hover
{
	color:#000;
}

.container_resumen{
	background-color:#F6F6F6;
	padding:15px;
	border-radius: 5px;
	margin-top:15px;
	
}

.container_resumen_intento{
	background-color:#EFEFEF ;
	padding:15px;
	border-radius: 5px;
	margin-top:15px;
	margin-bottom:15px;
	
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.form-group {
    margin-bottom: 0px;
}

.control-label {
    text-align: right;
	
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {

  margin-top:2px;
    margin-bottom: 2px;
}
label {
    margin-bottom: 3px;
	font-size:0.9em;
	font-weight: 600;
}
.label-satisfaccion {
    margin-bottom: 3px;
	font-size:1.1em;
}
.custom-control-label{
	font-weight: 100;
	color: #666;
}

input[type="radio"], input[type="checkbox"] {
    margin:2px ;
    margin-top: 1px;
    line-height: normal;
}
input.podcast[type="radio"], input.podcast[type="checkbox"] {
    margin-left: -1.25rem;
    margin-top: 1px;
    line-height: normal;
}
.progress {
    margin-bottom:5px;
    margin-top:5px;
	height:10px;
}

.col-xs-0{
	width:0%;
	display:none;

	
}
.contenedor_inputs {
    border-bottom: #EEE 1px solid;
    margin-bottom: 25px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    border-radius: 0px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #F00;
}
.has-error .form-control {
    border-color: #F00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.contenedor_respuesta_foro{
	background-color:#F0F0F0;
	margin-top:15px;
	padding:15px;
}


.titulo_foro{
	font-weight:bold;
	font-size:1.2em;
}
.autor_foro{
	font-weight:normal;
	font-size:1em;
}
.fecha_foro{
	font-weight:normal;
	font-size:1em;
	color:#999;
}

.fecha_foro{
	font-weight:normal;
	font-size:1em;
	color:#999;
}
i.suscripcion:hover{
	cursor:pointer;
	
	
}

.container_temario {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
}
.container_temario .temario {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* to set the height and width of the select */
.resizable {  resize: vertical;  }




ul.ul_localizador_envio {
    list-style-type: none;
    margin: 3px 0;
}

li.item_localizador_envio {
    list-style-type: none;
    background: none;
    
}

ul.ul_sublocalizador_envio {
    list-style-type: none;
}

li.item_sublocalizador_envio, .item_sublocalizador_envio_error {
    padding-left:0px;
    border-bottom:#EEE 1px solid ;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-left: 15px;
    margin-bottom: 0px;
}
li.item_sublocalizador_envio_error  {
    background: url(../images/list_red.png) no-repeat left 8px;
    background-size: 7px auto;
    list-style: none;
    line-height: 1.4em;
}
#accordion_localizador .panel-heading{
    padding-top: 25px;
	padding-bottom: 25px;
	background-color: #FFF;;
	
}
#accordion_localizador .panel-body{
    background-color: #F6F6F6;
}
#accordion_localizador .panel {
   
    border: none;
    border-bottom: #ddd 1px solid;
    
}
#accordion_localizador .fa {
	font-size: 1em;;
    
}
.fa.estado_ok {
    color: #693;
    font-weight: 700;
}
.fa.estado_ko {
    color: #F00;
    font-weight: 700;
}
#accordion_localizador a h4{
    color: #000;
	text-decoration: none;
	font-size: 1.2em;
font-weight: 700
}

.alert h2{
	margin-top: 0px;
margin-bottom: 10px;
}

.alert-light{
	color: #000000;
}
.alert-secondary{
	background-color: #EFEFEF;
}
.panel-body.alert{
	padding: 0;
	border: 0;
}
.apartado-header {
	position: -webkit-sticky;
    position: sticky;
	top: 0;
	z-index: 9999;
	
	
}

.apartado-footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0px;
	z-index: 10;
	background: #F6F6F6;
	-webkit-box-shadow: #363a41 0 0 10px;
	box-shadow: #363a41 0 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 25px;;
}

.apartado-footer .btn{
	margin-top: 5px;;

}

.apartado-footer .fa, .apartado-footer .fas {
	font-size: 1.5em;
	margin: 0 3px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
  }

.tabla_informe{
	font-size: 0.8rem;;

}
.tabla_informe th{
	vertical-align: middle !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.tabla_informe_pedidos td{
	vertical-align: middle !important;
}
.tabla_informe_pedidos .form-control{
	/* border: none; */

}
.tabla_informe_pedidos td.celda_vacia{

	background: #FFFFFF;
	
}



.fondo_biblioteca{
	height:125px;
}
.fondo_biblioteca_tabla{
	max-height:50px;
}
.contenedor_botones_archivo_biblioteca {
	position:absolute;
	bottom:0px;
	text-align:center;
	left:0;
	background-color: rgba(255, 255, 255, 0.8);
	width:100%;

	
}


input[type="checkbox"].check_multiple_biblioteca, input[type="checkbox"].check_multiple_biblioteca_podcast{display:none;}
input[type="checkbox"]+img{border:0px transparent solid;cursor:pointer;}
input[type="checkbox"]:checked+img{border:3px #000 solid;}

input[type="checkbox"]+div.fondo_biblioteca{border:0px transparent solid;cursor:pointer;}
input[type="checkbox"]:checked+div.fondo_biblioteca{border:3px #000 solid;}

input[type="radio"].check_multiple_biblioteca, input[type="radio"].check_multiple_biblioteca_podcast{display:none;}
input[type="radio"]+img{border:3px transparent solid;cursor:pointer;}
input[type="radio"]:checked+img{border:3px #000 solid;}

input[type="radio"]+div{border:3px transparent solid;cursor:pointer;}
input[type="radio"]:checked+div{border:3px #000 solid;}


.dropzone, .dropzone * {
	box-sizing: border-box; }
  
  .dropzone {
	min-height: 150px;
	border: 2px solid rgba(0, 0, 0, 0.3);
	background: white;
	padding: 15px; }
	.dropzone.dz-clickable {
	  cursor: pointer; }
	  .dropzone.dz-clickable * {
		cursor: default; }
	  .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
		cursor: pointer; }
	.dropzone.dz-started .dz-message {
	  display: none; }
	.dropzone.dz-drag-hover {
	  border-style: solid; }
	  .dropzone.dz-drag-hover .dz-message {
		opacity: 0.5; }
	.dropzone .dz-message {
	  text-align: center;
	  margin: 2em 0; }
	.dropzone .dz-preview {
	  position: relative;
	  display: inline-block;
	  vertical-align: top;
	  margin: 16px;
	  min-height: 100px; }
	  .dropzone .dz-preview:hover {
		z-index: 1000; }
		.dropzone .dz-preview:hover .dz-details {
		  opacity: 1; }
	  .dropzone .dz-preview.dz-file-preview .dz-image {
		border-radius: 20px;
		background: #999;
		background: linear-gradient(to bottom, #eee, #ddd); }
	  .dropzone .dz-preview.dz-file-preview .dz-details {
		opacity: 1; }
	  .dropzone .dz-preview.dz-image-preview {
		background: white; 
	display: none;}
		.dropzone .dz-preview.dz-image-preview .dz-details {
		  -webkit-transition: opacity 0.2s linear;
		  -moz-transition: opacity 0.2s linear;
		  -ms-transition: opacity 0.2s linear;
		  -o-transition: opacity 0.2s linear;
		  transition: opacity 0.2s linear; }
	  .dropzone .dz-preview .dz-remove {
		font-size: 14px;
		text-align: center;
		display: block;
		cursor: pointer;
		border: none; }
		.dropzone .dz-preview .dz-remove:hover {
		  text-decoration: underline; }
	  .dropzone .dz-preview:hover .dz-details {
		opacity: 1; }
	  .dropzone .dz-preview .dz-details {
		z-index: 20;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		font-size: 13px;
		min-width: 100%;
		max-width: 100%;
		padding: 2em 1em;
		text-align: center;
		color: rgba(0, 0, 0, 0.9);
		line-height: 150%; }
		.dropzone .dz-preview .dz-details .dz-size {
		  margin-bottom: 1em;
		  font-size: 16px; }
		.dropzone .dz-preview .dz-details .dz-filename {
		  white-space: nowrap; }
		  .dropzone .dz-preview .dz-details .dz-filename:hover span {
			border: 1px solid rgba(200, 200, 200, 0.8);
			background-color: rgba(255, 255, 255, 0.8); }
		  .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
			overflow: hidden;
			text-overflow: ellipsis; }
			.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
			  border: 1px solid transparent; }
		.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
		  background-color: rgba(255, 255, 255, 0.4);
		  padding: 0 0.4em;
		  border-radius: 3px; }
	  .dropzone .dz-preview:hover .dz-image img {
		-webkit-transform: scale(1.05, 1.05);
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
		-webkit-filter: blur(8px);
		filter: blur(8px); }
	  .dropzone .dz-preview .dz-image {
		border-radius: 20px;
		overflow: hidden;
		width: 120px;
		height: 120px;
		position: relative;
		display: block;
		z-index: 10; }
		.dropzone .dz-preview .dz-image img {
		  display: block; }
	  .dropzone .dz-preview.dz-success .dz-success-mark {
		-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
	  .dropzone .dz-preview.dz-error .dz-error-mark {
		opacity: 1;
		-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
	  .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
		pointer-events: none;
		opacity: 0;
		z-index: 500;
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin-left: -27px;
		margin-top: -27px; }
		.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
		  display: block;
		  width: 54px;
		  height: 54px; }
	  .dropzone .dz-preview.dz-processing .dz-progress {
		opacity: 1;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear; }
	  .dropzone .dz-preview.dz-complete .dz-progress {
		opacity: 0;
		-webkit-transition: opacity 0.4s ease-in;
		-moz-transition: opacity 0.4s ease-in;
		-ms-transition: opacity 0.4s ease-in;
		-o-transition: opacity 0.4s ease-in;
		transition: opacity 0.4s ease-in; }
	  .dropzone .dz-preview:not(.dz-processing) .dz-progress {
		-webkit-animation: pulse 6s ease infinite;
		-moz-animation: pulse 6s ease infinite;
		-ms-animation: pulse 6s ease infinite;
		-o-animation: pulse 6s ease infinite;
		animation: pulse 6s ease infinite; }
	  .dropzone .dz-preview .dz-progress {
		opacity: 1;
		z-index: 1000;
		pointer-events: none;
		position: absolute;
		height: 16px;
		left: 50%;
		top: 50%;
		margin-top: -8px;
		width: 80px;
		margin-left: -40px;
		background: rgba(255, 255, 255, 0.9);
		-webkit-transform: scale(1);
		border-radius: 8px;
		overflow: hidden; }
		.dropzone .dz-preview .dz-progress .dz-upload {
		  background: #333;
		  background: linear-gradient(to bottom, #666, #444);
		  position: absolute;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  width: 0;
		  -webkit-transition: width 300ms ease-in-out;
		  -moz-transition: width 300ms ease-in-out;
		  -ms-transition: width 300ms ease-in-out;
		  -o-transition: width 300ms ease-in-out;
		  transition: width 300ms ease-in-out; }
	  .dropzone .dz-preview.dz-error .dz-error-message {
		display: block; }
	  .dropzone .dz-preview.dz-error:hover .dz-error-message {
		opacity: 1;
		pointer-events: auto; }
	  .dropzone .dz-preview .dz-error-message {
		pointer-events: none;
		z-index: 1000;
		position: absolute;
		display: block;
		display: none;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		border-radius: 8px;
		font-size: 13px;
		top: 130px;
		left: -10px;
		width: 140px;
		background: #be2626;
		background: linear-gradient(to bottom, #be2626, #a92222);
		padding: 0.5em 1.2em;
		color: white; }
		.dropzone .dz-preview .dz-error-message:after {
		  content: '';
		  position: absolute;
		  top: -6px;
		  left: 64px;
		  width: 0;
		  height: 0;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		  border-bottom: 6px solid #be2626; }
  
  
  #dropzone {
	margin-bottom: 3rem; }
  
  .dropzone {
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white; }
	.dropzone .dz-message {
	  font-weight: 400; }
	  .dropzone .dz-message .note {
		font-size: 0.8em;
		font-weight: 200;
		display: block;
		margin-top: 1.4rem; }		



h2 .badge {
	font-size: 0.7rem;
	
}

.iframe_directo{width: 50%; height: 370px;;}
.iframe_directo_instagram{width: 50%; height: 800px;;}




/*PODCAST*/

.app-cover {
	/* position: absolute; */
	/* top: 50%;
	right: 0;
	left: 0; */
	position: relative;
	width: 100%;
	height: 100px;
	/* margin: -4px auto; */
  }
  

  
  /* #bg-layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.51;
	z-index: 2;
  } */
  
  #player {
	position: relative;
	height: 100%;
	z-index: 3;
  }
  
  #player-track {
	position: absolute;
	top: 100;
	right: 15px;
	left: 184px;
	padding: 5px 0px 0px 04px;
	/* background-color: #FFF; */
	border-radius: 15px 15px 0 0;
	transition: 0.3s ease top;
	z-index: 4;
  }
  
  #player-track.active {
	top: 0px;
  }
  
  #album-name {
	color: #000000;
	font-size: 0.9rem;
	font-weight: normal;
  }
  
  #track-name {
	color: #acaebd;
	font-size: 13px;
	margin: 2px 0 13px 0;
  }
  
  #track-time {
	height: 15px;
	margin-bottom: 3px;
	overflow: hidden;
  }
  
  #current-time {
	float: left;
  }
  
  #track-length {
	float: right;
  }
  
  #current-time,
  #track-length {
	color: #000;
	font-size: 11px;
	background-color: #ffe8ee;
	border-radius: 10px;
	transition: 0.3s ease all;
  }
  
  #track-time.active #current-time,
  #track-time.active #track-length {
	color: #5a9835;
	background-color: transparent;
  }
  
  #s-area,
  #seek-bar {
	position: relative;
	height: 15px;
	border-radius: 4px;
  }
  
  #s-area {
	background-color: #EFEFEF;
	cursor: pointer;
  }
  
  #ins-time {
	position: absolute;
	top: -29px;
	color: #fff;
	font-size: 12px;
	white-space: pre;
	padding: 5px 6px;
	border-radius: 4px;
	display: none;
  }
  
  #s-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0.2;
	z-index: 2;
  }
  
  #ins-time,
  #s-hover {
	background-color: #3b3d50;
  }
  
  #seek-bar {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background-color: #5a9835;
	transition: 0.2s ease width;
	z-index: 1;
  }
  
  #player-content {
	position: relative;
	height: 100%;
	/* background-color: #fff; */
	/* box-shadow: 0 30px 80px #656565; */
	border: 1px solid #DDD;
	border-radius: 15px;
	z-index: 2;
  }
  
  #album-art {
	position: absolute;
	top: 25px;
	width: 50px;
	height: 50px;
	margin-left: 15px;
	transform: rotateZ(0);
	transition: 0.3s ease all;
	box-shadow: 0 0 0 10px #fff;
	border-radius: 50%;
	overflow: hidden;
  }
  
  #album-art.active {
	/* top: 0px; */
	box-shadow: 0 0 0 4px #fff7f7, 0 30px 50px -15px #afb7c1;
  }
  
  #album-art:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: -10px auto 0 auto;
	background-color: #d6dee7;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #fff;
	z-index: 2;
  }
  
  #album-art img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
  }
  
  #album-art img.active {
	opacity: 1;
	z-index: 1;
  }
  
  #album-art.active img.active {
	z-index: 1;
	animation: rotateAlbumArt 3s linear 0s infinite forwards;
  }
  
  @keyframes rotateAlbumArt {
	0% {
	  transform: rotateZ(0);
	}
	100% {
	  transform: rotateZ(360deg);
	}
  }
  
  #buffer-box {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 13px;
	color: #1f1f1f;
	font-size: 13px;
	font-family: Helvetica;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	padding: 6px;
	margin: -12px auto 0 auto;
	background-color: rgba(255, 255, 255, 0.19);
	opacity: 0;
	z-index: 2;
  }
  
  #album-art img,
  #buffer-box {
	transition: 0.1s linear all;
  }
  
  #album-art.buffering img {
	opacity: 0.25;
  }
  
  #album-art.buffering img.active {
	opacity: 0.8;
	filter: blur(2px);
	-webkit-filter: blur(2px);
  }
  
  #album-art.buffering #buffer-box {
	opacity: 1;
  }
  
  #player-controls {
	width: 150px;
	height: 100%;
	margin: 0px 0px 0 80px;
	float: left;
	overflow: hidden;
  }
  
  .control {
	width: 60.333%;
	float: left;
	padding: 12px 0;
  }
  
  .button {
	/* width: 26px;
	height: 26px; */
	padding: 25px;
	background-color: #fff;
	border-radius: 6px;
	cursor: pointer;
  }
  
  .button i {
	display: block;
	color: #000000;
	font-size: 26px;
	text-align: center;
	line-height: 1;
  }
  
  .button,
  .button i {
	transition: 0.2s ease all;
  }
  
  .button:hover {
	background-color: #d6d6de;
  }
  
  .button:hover i {
	color: #fff;
  }
  audio{
	vertical-align: middle;
  }


  .dataTables_wrapper .dataTables_paginate .paginate_button {
	
	padding: 0;
	
  }
  .card{
	border: 0;
  }
  .card-header{
	background:none;
	margin-top:0px; 
	margin-bottom:10px;; 
	border: 0px solid #999;
	padding: 0;
  }

  .card-header h2{
	font-size: 1.3em;
	color: #909;
	font-weight: bold;
  
 	 padding: 10px;
    padding-bottom: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-radius: 5px;
	border-bottom: 0px solid #909;
  }
  .card-header i{
	font-size: 1.3em;
	
  }
  .card .card-header{
	/* background-color:#EFEFEF;
	margin-top:0px; 
	margin-bottom:1px;; 
	border: 1px solid #999 */
  }
  .card-header-noheigth{
	border-bottom: 1px solid #909;
  }

  .card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0rem;
  }
  #video_comun{
	width:560px;
	height:315px;
}
.video_arbol{
	width:250px;
	height:150px;
}
.video_comun{
	width:400px;
	height:225px;
	margin-left:16.666667%;
}

.nav > li {
  padding-left: 15px;
}


.btn-success {
	
	padding: 10px 15px;
	
  }

.nav > li:hover {
	background-color: #909;
	color: #fff;
}

/* .card .card-header.card-header-noheigth {
	border-radius: 0px;
	margin-top: -20px;
	padding: 15px;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,0,0,.14);
	background: linear-gradient(60deg,#0d303b ,#000 );
	background: linear-gradient(60deg,#0d303b ,#000 );
	box-shadow: none;
	margin-top: 0px;
	background: #eef9fa;
	background: #FFF;
	border-bottom: #EFEFEF 1px solid;
	background: #0d303b;
	background: linear-gradient(60deg,#0d303b ,#000 );
  }
 .card .card-header h4 {
	border: none;
	font-weight: bold;
	color: #FFF;
  } */
  .navbar .navbar-nav {
	display: flex;
	vertical-align: top;
	width: 100%;
  }
  .fichaje_button {
	margin-left: 15px;;
}
.fichaje_button_ok {
	background-color: #60a81e;
	color: #FFF;
}

.fichaje_button_ko {
	background-color: #F00;
	color: #FFF;
}

.fichaje_button_pte {
	background-color: #F60;
	color: #FFF;
}

.fichaje_button_corporativo {
	background-color: #2e6da4;
	color: #FFF;
}
#observaciones_fichaje{
	width: 500px;
}
.badge_state_fichaje{
	font-size: 0.9rem;;
}
.container_respuestas_fichaje .alert{
	margin-bottom: 0px;

}