/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
@font-face {
  font-family: 'Somatic-Rounded';
  src: url('fonts/Gidole-Regular.ttf')  format('truetype');
  font-style: normal;
  font-weight: normal;
}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,
    footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,
    sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table, table td {padding:0;border:none;border-collapse:collapse;}
img {vertical-align:top;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
audio{display: none;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; height: 100%;padding:0; margin:0;}
body {
/*     background: #444444 url("../images/pattern.png"); */
    background: #ffffff;
    color: #736F6F;
    font: 14px/25px Arial, Helvetica, sans-serif;
    min-height: 100%;
    clear: both;
    font-family: Somatic-Rounded;
}

a{color: #949494;text-decoration: none;}
a:hover {color: #4AA9C3; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff; display: inline-block;padding: 6px 12px 6px 12px; font-size: 18px; background: #4AA9C3; font-family: Impact,Charcoal,sans-serif; font-weight: normal; text-transform: uppercase;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.personal{float: left;width: 100%;margin: 0;}
.contractual{float: left;width: 100%;margin: 0;display: none;}
.recursos{float: left;width: 100%;margin: 0;display: none;}
.directorio{float: left;width: 100%;margin: 0;display: none;}
.seguridad{float: left;width: 100%;margin: 0;display: none;}
.hardware{float: left;width: 100%;margin: 0;display: none;}
.experiencia{float: left;width: 100%;margin: 0;display: none;}
.formacion{float: left;width: 100%;margin: 0;display: none;}
.certificados{float: left;width: 100%;margin: 0;display: none;}
.idiomas{float: left;width: 100%;margin: 0;display: none;}
.ResumenCV{float: left;width: 100%;margin: 0;display: none;}
.centrocoste{float: left;width: 100%;margin: 0;display: none;}
.descendientes{float: left;width: 100%;margin: 0;display: none;}
.ascendientes{float: left;width: 100%;margin: 0;display: none;}
.vacaciones{float: left;width: 100%;margin: 0;display: none;}
.fichajes{float: left;width: 100%;margin: 0;display: none;}



.gallery img {width: 500%;height: auto;border-radius: 5px;cursor: pointer;transition: .3s;}
.emergencias{float: left;width: 100%;margin: 0;display: none;}

.roles_general{float: left;width: 100%;margin: 0;}
.roles_menu{float: left;width: 100%;margin: 0;}
.roles_gestion{float: left;width: 100%;margin: 0;}

.tramos{float: left;width: 100%;margin: 0;}
.diario{float: left;width: 100%;margin: 0;display: none;}
.semanal{float: left;width: 100%;margin: 0;display: none;}
.anual{float: left;width: 100%;margin: 0;display: none;}

.fichaje{float: left;width: auto;margin: 40px 0 40px 20px;}
.incidencia{float: left;width: 70%;margin:5px 0 40px 20px;display: none;}
.trabajos_fuera_de_jornada{float: left;width: 70%;margin:5px 0 40px 20px;display: none;}

.solicitadas{float: left;width: 100%;margin: 0;}
.disponibles{float: left;width: 100%;margin: 0;display: none;}

.enviados{float: left;width: 100%;margin: 0;}
.recibidos{float: left;width: 100%;margin: 0;display: none;}

.puntuar{float: left;width: 100%;margin: 0;}
.validar{float: left;width: 100%;margin: 0;display: none;}
.tesoro{float: left;width: 100%;margin: 0;display: none;}
.premios{float: left;width: 100%;margin: 0;display: none;}

.empleos{float: left;width: 100%;margin: 0;display: none;}
.experiencia{float: left;width: 100%;margin: 0;display: none;}
.estudios{float: left;width: 100%;margin: 0;display: none;}
.ofertas{float: left;width: 100%;margin: 0;display: none;}

.empresas{float: left;width: 100%;margin: 0;}
.trabajadores{float: left;width: 100%;margin: 0;display: none;}
.autonomos{float: left;width: 100%;margin: 0;display: none;}

.general{float: left;width: 100%;margin: 0;}
.facturado{float: left;width: 100%;margin: 0;display: none;}
.documentos{float: left;width: 100%;margin: 0;display: none;}
.gdpr{float: left;width: 100%;margin: 0;display: none;}
.ip{float: left;width: 100%;margin: 0;display: none;}

.grupoempresa{float: left;width: 100%;margin: 0;}
.botones{float: left;width: 100%;margin: 0;display: none;}

.fechas{float: left;width: 100%;margin: 0;}
.semanal{float: left;width: 100%;margin: 0;display: none;}
.mensual{float: left;width: 100%;margin: 0;display: none;}
.anual{float: left;width: 100%;margin: 0;display: none;}

.salta_linea{clear: both;}

.temperatura_elevada{color: red;}
.bolsa{color: red;}
.asignado{color: red;}
.entregado{color: blue;}
.fichaje_entrada,.fichaje_entrada .fichajes{color: #00ad54; padding: 2px 10px; background-color: #C0F2D8; border-radius: 100px; border: 1px solid #00ad54;}
.fichaje_salida,.fichaje_salida .fichajes { color: #E05260;padding: 2px 10px; background-color: #F7D4D7; border-radius: 100px; border: 1px solid #E05260;}
.incidencia_presencia { color: orange;padding: 2px 10px; background-color: #fffbf4; border-radius: 100px; border: 1px solid orange;}
td.fichaje_salida  { background-color: transparent ; border:none; border-radius: 0;
}
td.fichaje_entrada  { background-color: transparent ; border:none; border-radius: 0;
}

.fichaje_eliminado{color: #848484;font-weight: bold;background-color: #84848430;}
.bolsa_a_vencer{color: #000000;font-weight: bold;background-color: #ffff00;}
.permiso{color: blue;padding: 2px 10px; background-color: rgb(214 214 253); border-radius: 100px; border: 1px solid blue;}

.enlace{cursor: pointer;}

.oculta_1366{}
.oculta_1280{}
.oculta_620{}
.oculta_480{}

.motivo{display: none;}

span.estado_correcto{float: left;border: solid 1px #00FF00;height: 22px;width: 22px;margin: 2px 10px;border-radius: 50%;background-color: #00FF00;}
span.estado_incorrecto{float: left;border: solid 1px #FF0000;height: 22px;width: 22px;margin: 3px 10px;border-radius: 50%;background-color: #FF0000;}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background-color: #5889d6;}
header .wrap-header{margin: 0;min-height: 120px;height: auto;}

header #logo_vpd {float: left; margin:0;width: 15%;height: 100%;}
header #logo_vpd_out {float: left; margin:0;width: 20%;height: 100%;}
header #logo_vpd img{float: left; margin: 25px 20px;height: 70px;cursor: pointer;}
header #logo_vpd_out img{float: left; margin: 25px 20px;height: 70px;cursor: pointer;}
header #cabecera_movil{display: none;}


header nav{float: left;margin: 5px 0 0;width: 60%;}
header nav .wrap-nav{height: 110px;background: transparent; border: none;}
header .menu{float: left; width: 100%;border-bottom: none;}
header .menu ul {list-style: none;margin: 0;padding: 0;}
header .menu  ul li{float: left;padding: 5px;width: 100px;height: 100px;color: white;cursor: pointer;border: 1px solid transparent;}
header .menu ul li.first{margin-left: 30px;}
header .menu ul li.last{border-right: 1px solid #e3e5e5;}
header .menu  ul li:hover{border: 1px solid #fff;background-color: transparent;}
header .menu  ul li.activo {border: 1px solid #fff;background-color: transparent;}
header .menu ul li img{float: left;height: 26px;width: auto;margin: 20px 38px 5px;}
header .menu  ul li p {float: left;height: 40px;margin: 5px 0;width: 100%;text-align: center;}

header nav .caja_quick{float: left;margin-left: 30%;height: 100%;width: 100%;}
header nav .caja_quick .reloj_quick{float: left;margin-left: 1%;height: 100%;width: auto;}
header nav .caja_quick .titulo_quick{float: left;margin-left: 10%;height: 100%;color: white;}
header nav .caja_quick .titulo_quick label{float: left;height: 100%;font-size: 50px;line-height: 120px;}

header #search {float:right;margin: 0;width: 25%;}
header #search .bienvenido{float: right;color: #fff;width: 100%; border-radius: 5px; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.40);}
header #search .bienvenido span{float: right;margin: 5px 0;}
header #search .bienvenido span.datos_usuario{}
header .notificaciones {display: none;}
/*header #search .bienvenido span.notificaciones{float: right;width: 28px;height: 28px;margin: 5px;border: 1px solid white;text-align:center;font-size: 24px;line-height: 28px;border-radius: 50%;cursor: pointer;display: none;} */
header #search .bienvenido .perfil{font-weight: bolder;cursor: pointer;}
header #search .selector_idiomas{float: right;width: 100%;}
header #search .selector_idiomas select{float: right;margin: 5px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
header #search .selector_empresas{float: right;width: 100%;}
header #search .selector_empresas select{float: right;margin: 5px 20px;}
header #search .visor_puestos{float: right;width: 100%;}
header #search .visor_puestos > span{color: #fff;margin: 2%;float: right;}

header #search .selector_centros_puestos{float: right;width:200px;}
header #search .selector_centros_puestos select{float: right;margin: 5px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-right: 30px;}
    
header #search .button-search{position: absolute; top: 32px;right: 25px; z-index: 15; width: 32px;height: 32px;cursor: pointer;}
header #search input{float: right;margin: 5px 30px;background: #FFF url('../images/button-search.png') center right no-repeat;padding: 1px 33px 1px 5px;width: 182px;height: 32px;border: 1px solid #CCCCCC;    -webkit-border-radius: 3px;    -moz-border-radius: 3px; -khtml-border-radius: 3px;    border-radius: 3px;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin: 0;}
nav .wrap-nav{height: auto;min-height: 108px;background: #fff; border: none;}
.submenu{float: left; width: 100%;border-bottom: solid 1px black;}
.submenu ul {list-style: none;margin: 0;padding: 0;}
.submenu  ul li{float: left;padding: 5px;width: 100px;height: 100px;border-left: 1px solid #e3e5e5;cursor: pointer;}
.submenu ul li.first{margin-left: 30px;}
.submenu ul li.last{border-right: 1px solid #e3e5e5;}
.submenu  ul li:hover, .current {background-color: #e3e5e5;}
.submenu ul li img{float: left;height: 26px;width: auto;margin: 20px 38px 5px;}
.submenu  ul li p {float: left;height: 40px;margin: 5px 0;width: 100%;text-align: center;}

.minimenu{display:none;}
.minimenu{position: relative;margin: 0px;background:#333333; border: 1px solid #CCC;}
.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);    cursor: pointer;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {/*margin-bottom: 60px;*/}
#content .wrap-content{}

#contenido {background-color: #fff;clear: inherit;margin: 0;min-height: 360px;padding: 5px;font-family: "Segoe UI","Helvetica","Trebuchet MS","Lucida Grande","verdana","arial","sans-serif";}
#contenido .parrafoimagen {float: left;margin-left: 3px;margin-right: 15px;margin-top: 10px;}

#loading{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(100,100,100,0.5);z-index: 9999999;display: none;}
#loading img{position: absolute; top: 25%;left: 55%;margin: -21px 0 0 -191px;width: 10%;}

.block01 {float: left;width: 40%;margin: 200px 30%;}
.block01 h1{float: left; width: 100%;margin: 0;font-size: 30px; line-height:40px; color:red;font-weight: bolder;text-align: center;margin-bottom: 60px;display: none;}
.block01 h2{float: left; width: 70%;margin: 0 15%;font-size: 20px; line-height:25px; color:#5889d6;font-weight: bolder;text-align: center;}
.block01 h3{float: left; width: 80%;margin: 1% 10%;font-size: 30px; line-height:32px; color:black;font-weight: bolder;text-align: center;}
.block01 form{float: left; width: 70%;margin: 2% 15%;}
.block01 form label{float: left;width: 26%;margin: 2%;line-height:25px;}
.block01 form input{float: left;width: 60%;margin: 2%;border: solid 1px black;line-height:25px;padding: 0 1%;}
.block01 form input[type="button"]{float: right;width: 45%;margin: 5% 4% 5% 1%;border: solid 1px #bbb;line-height:25px;cursor: pointer;color: #303030;background: rgb(221,221,221);font-size: 100%;}
.block01 .grabando{width: 100px;height:18px;display: none;margin-left: 60%}
.block01 button{float: right;width: 45%;margin: 5% 4% 5% 1%;border: solid 1px #bbb;line-height:25px;cursor: pointer;color: #303030;background: rgb(221,221,221);font-size: 100%;}
.block01 .caja_gris{}
.block01 .entrar{}
.block01 .recordar{}
.block01 .language{}

.block02 {margin:10px 10px; text-align: left;}
.block02 h2{float: left;width: 100%;font-size:24px; line-height:30px; color:#5889d6; font-weight: normal;}
.block02 .botonera{float: left; width: 100%;height: 40px;line-height: 40px;border: 1px solid #bbb;margin-top: 10px;}
.block02 .botonera .boton{float: left;margin: 5px 0;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .botonera .boton_activo{color: #fff;background: rgb(121,121,121);}
.block02 .botonera .first{margin-left: 20px;}
.block02 .botonera .tab{}
.block02 .botonera .tab.first{margin-left: 50px;}
.block02 .botonera .busqueda_elemento{float: left;margin: 5px 10px;padding: 0px 5px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 28px; font-size: 12px;}
.block02 .botonera .busqueda_elemento label{float: left;margin: 0px 5px;}
.block02 .botonera .busqueda_elemento input{float: left;margin: 3px 5px;line-height: 22px;padding: 0px 5px;text-align: center;}
.block02 .seleccionar{float: left; width: 100%;min-height: 40px;line-height: 40px;border: none;margin: 0;/*background: #f5f5f5;*/} 
.block02 .seleccionar .titulo_seleccionar{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .seleccionar .accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #5889d6;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .seleccionar .accion_seleccionar select{float: left;display: inline-block;width: 250px;}
.block02 .seleccionar .accion_seleccionar select.select_corto{width: 120px;}
.block02 .seleccionar .accion_seleccionar select.select_medio{width: 170px;}
.block02 .seleccionar .accion_seleccionar .pq-select-button{line-height: 24px;padding: 0 5px;}
.block02 .seleccionar .accion_seleccionar .pq-select-item{line-height: 17px;}
.block02 .seleccionar .accion_seleccionar input{float: left; margin: 0px; padding: 0px 5px; line-height: 24px;}
.block02 .seleccionar .accion_seleccionar .boton{float: left;margin: 0px 20px;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 20px; font-size: 12px;cursor: pointer;}
.block02 .seleccionar .accion_seleccionar label{float: left;margin: 0px 5px 0px 20px;padding: 2px 0;line-height: 24px;color: #949494;font-size: 14px;}
.block02 .seleccionar .accion_seleccionar select.select_ancho{width: 200px;height: 25px;margin: 0px 20px;}
.block02 .seleccionar .accion_seleccionar .acronimos{float: left;}
.block02 .seleccionar .accion_seleccionar .acronimos .acronimo{float: left;margin: 7px -15px 5px 20px;padding: 2px 0;line-height: 24px;color: #949494;font-size: 14px;}
.block02 .tabla{float: left; width: 100%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 0;background: transparent;}
.block02 .tabla table{float: left; width: 98%;margin: 1%;}
.block02 .tabla_2-3{float: left; width: 60%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 1%;background: transparent;}
.block02 .tabla_2-3 table{float: left; width: 98%;margin: 1%;}
.block02 .tabla_2-3 .seleccionar{float: left; width: 100%;min-height: 40px;line-height: 40px;border: none;margin: 0;background: #f5f5f5;}
.block02 .tabla_2-3 .seleccionar .titulo_seleccionar{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .tabla_2-3 .seleccionar .accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #5889d6;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .tabla_1-3{float: left; width: 34%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 1%;background: transparent;}
.block02 .tabla_1-3 table{float: left; width: 98%;margin: 1%;}
.block02 .tabla_1-3 .seleccionar{float: left; width: 100%;min-height: 40px;line-height: 40px;border: none;margin: 0;background: #f5f5f5;}
.block02 .tabla_1-3 .seleccionar .titulo_seleccionar{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .tabla_1-3 .seleccionar .accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #5889d6;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .tabla #map-canvas{float: left;width: 100%;height: 500px;margin: 0px;padding: 0px;transform: translateZ(0); }
.block02 .tabla #map-canvas img{max-width: none;}
.block02 .tabla .calendario{float: left;width: 73%;margin: 1%;}
.block02 .tabla .calendario .year{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .tabla .calendario .year .left_year{font-size: 14px;text-align: right;margin-right:2%;cursor: pointer;}
.block02 .tabla .calendario .year .right_year{font-size: 14px;text-align: left;margin-left:2%;cursor: pointer;}
.block02 .tabla .calendario .cajames{float: left;width: 23%;margin: 1%;height:140px;}
.block02 .tabla .calendario .cajames .mes{float: left;width: 100%;margin: 0px;line-height: 16px;font-size: 14px;text-align: left;text-transform: capitalize;color: #5889d6;}
.block02 .tabla .calendario .cajames .dias_nombre{float: left;width: 100%;margin: 1% 0px;line-height: 16px;font-size: 12px;text-align: center;text-transform: uppercase;color: #5889d6;border-bottom: 1px solid #5889d6;}
.block02 .tabla .calendario .cajames .dias_nombre tbody tr td{padding: 0;width: 14%;}
.block02 .tabla .calendario .cajames .dias_mes{float: left;width: 100%;margin: 0px;line-height: 18px;font-size: 12px;text-align: center;height: 100px;}
.block02 .tabla .calendario .cajames .dias_mes tbody tr td{padding: 0;color: #C0C0C0;width: 14%;}
.block02 .tabla .calendario .cajames .dias_mes .activo{font-weight: bold;color: #949494;}
.block02 .tabla .calendario .cajames .dias_mes .plan{border-radius: 10px;padding: 0 12%;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.block02 .tabla .calendario_educacion{float: left;width: 73%;margin: 1%;}
.block02 .tabla .calendario_educacion .week{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .tabla .calendario_educacion .week .previous{font-size: 14px;text-align: right;margin-right:10%;cursor: pointer;}
.block02 .tabla .calendario_educacion .week .next{font-size: 14px;text-align: left;margin-left:10%;cursor: pointer;}
.block02 .tabla .calendario_educacion .semana{float: left;width: 98%;margin: 1%;height:auto;min-height: 380px;}
.block02 .tabla .calendario_educacion .semana .tabla_semana{float: left;width: 100%;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.block02 .tabla .calendario_educacion .semana .tabla_semana thead tr th{float: left;width: 10%;height:40px;text-align: center;padding: 10px; font-size: 11px; background: #5889d6; color: #FFF;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.block02 .tabla .calendario_educacion .semana .tabla_semana tbody tr td{float:left;width: 9.80%;height:40px;line-height:40px;text-align: center;padding: 10px;font-size: 11px;margin: 0px;border-spacing: 5px;border-collapse: separate;}
/**  fila par **/
.fila_par{background-color:#ddd;  border: 1px solid #FFFFFF;}


/*.block02 .tabla .calendario_educacion .semana .tabla_semana tbody tr:nth-child(even){background: #ddd; width: 11%}
.block02 .tabla .calendario_educacion .semana .tabla_semana tbody tr:nth-child(odd){background: #fff;}*/

/***  electivas y no electivas***/

.block02 .tabla .calendario_educacion .jornada{float: left;width: 100%;margin: 0%;height:auto;min-height: 380px;}
.block02 .tabla .calendario_educacion .jornada .tabla_jornada thead tr th{float: left;width: 11%;height:40px;text-align: center;padding: 7px; font-size: 11px; background: #5889d6; color: #FFF;}
.block02 .tabla .calendario_educacion .jornada .tabla_jornada tbody td{float: left;width: 11%;height:40px;line-height:40px;text-align: center;padding: 8.2px;font-size: 11px;}





/****  css de horarios educacion ***/
.block05 {margin:10px; text-align: left;}
.block05 .tabla{float: left; width: 100%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 0;background: transparent;}
.block05 .tabla .horarios_educacion{float: left;width: 100%;margin: 1%;text-align: center;}
.block05 .tabla .horarios_educacion .boton_first{float: left;margin: 5px 10px;padding: 3px 15px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}
.block05 .tabla .horarios_educacion .boton_first{margin-left: 20px;}
.block05 .tabla .horarios_educacion .busqueda_elementos {margin-left: 100px;}
.block05 .tabla .horarios_educacion .busqueda_elementos{float: left; margin: 5px 10px;padding: 0px 5px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 28px; font-size: 12px;}
.block05 .tabla .horarios_educacion .busqueda_elementos label{float: left;margin: 0px 5px;}
.block05 .tabla .horarios_educacion .busqueda_elementos input{float: left;margin: 3px 5px;line-height: 22px;padding: 0px 5px;text-align: center;}
.block05 .tabla .horarios_educacion .semana{float: left;width: 98%;margin: 1%;height:auto;min-height: 380px;}
.block05 .tabla .horarios_educacion .semana .tabla_semana{float: left;width: 100%;margin: 1px;border-spacing: 5px;border-collapse: separate; padding: 10px}
.block05 .tabla .horarios_educacion .semana .tabla_semana thead tr th{float: left;width: 11%;height:40px;text-align: center;padding: 0px; font-size: 12px; background: #5889d6; color: #FFF;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.block05 .tabla .horarios_educacion .semana .tabla_semana tbody tr:nth-child(even){background: #ddd; }
.block05 .tabla .horarios_educacion .semana .tabla_semana tbody tr:nth-child(odd){background: #fff;}
.block05 .tabla .horarios_educacion .semana .tabla_semana tbody td{float:left;width: 10.9%;height:55px;line-height:27px;text-align: left;padding: 1px;font-size: 12px;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.block05 .tabla .horarios_educacion .semana .tabla_semana input, textarea {border: 1px solid #bbb; padding:1px; margin: 1px 0px 1px 10%; text-align: center; line-height: 2px;}
.block05 .tabla .horarios_educacion .semana .tabla_semana .celda_educacion .sub_celda_educacion{float: left; width: 100%; margin: 0px; line-height: 25px;} 

.block05 .tabla .horarios_educacion form .item_elemento {float: left;line-height: 50px; min-height: 60px;}
.block05 .tabla .horarios_educacion form .item_elemento label {float: left;margin: 1px 5px 5px 10px;padding: 2px 0;line-height: 24px;}
.block05 .tabla .horarios_educacion form .item_elemento  .pq-select-button{line-height: 24px;padding: 0px 5px;margin: 5px; max-width:250px;}
.block05 .tabla .horarios_educacion form .item_elemento  .pq-select-item{line-height: 17px; max-width:250px;}
.block05 .tabla .horarios_educacion form .item_elemento  .force{font-weight: bolder; margin: 5px 5px 5px 10px;}
.block05 .tabla .horarios_educacion form .item_elemento .seleccionar .accion_seleccionar .pq-select-button{line-height: 24px;padding: 0 5px;max-width:250px;}
.block05 .tabla .horarios_educacion form .item_elemento .seleccionar .accion_seleccionar .pq-select-item{line-height: 17px;max-width:250px;}

/*.block05 .tabla .horarios_educacion .week{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block05 .tabla .horarios_educacion .week .previous{font-size: 14px;text-align: right;margin-right:10%;cursor: pointer;}
.block05 .tabla .horarios_educacion .week .next{font-size: 14px;text-align: left;margin-left:10%;cursor: pointer;}
.block05 .tabla .horarios_educacion .busqueda_elemento {float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}*/

/****  estilo de switch****/

.b {
  display: block;
}

.toggle-1 {
  position: absolute;
  top: 43.5%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-2 {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-3 {
  position: absolute;
  top: 57%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-4 {
  position: absolute;
  top: 63.5%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-5 {
  position: absolute;
  top: 70.5%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-6 {
  position: absolute;
  top: 77.5%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-7 {
  position: absolute;
  top: 84%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.toggle-8 {
  position: absolute;
  top: 90.7%;
  width: 40px;
  height: 20px;
  border-radius: 100px;
  background-color: #babdb6;
  margin: -22px 110px;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}
.check {  
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}
   .check:checked ~ .track {
    box-shadow: inset 0 0 0 20px #5889d6;
  }
  .check:checked ~ .switch {
    right: 2px;
    left: 22px;
    transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-property: left, right;
    transition-delay: .05s, 0s;
  }
.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 22px;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
  border-radius: 40px;
}


/********switch de contratos**********/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 47px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/**** RECORRIDOS ****/

.block02 .tabla-rec {float: left; width: 100%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 0;background: transparent;}
.block02 .tabla-rec table{float: left; width: 98%;margin: 1%;}
.block02 .tabla-rec #map-information {float: left;width: 20%;height: 500px; max-height: 500px; margin: 0px;padding: 0px;transform: translateZ(0); overflow: auto;}
.block02 .tabla-rec #map-canvas{float: left;width: 80%;height: 500px;margin: 0px;padding: 0px;transform: translateZ(0); }
.block02 .tabla-rec #map-canvas img{max-width: none;}

.block02 .botonera .accion_intervalo_texto_inicio{float: left;margin-left: 135px; margin-top: 5px;padding: 3px 0;color: #5889d6;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .botonera .accion_intervalo{float: left;margin-left: 10px; margin-top: 5px;padding: 3px 0;color: #5889d6;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .botonera .accion_intervalo input{float: left; margin: 0px; padding: 0px 5px; line-height: 24px; border: 1px solid #999999;}

.onoffswitch {float: left; width: 70px; margin-top: 8px; margin-left: 10px;    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 16px;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box;}
.onoffswitch-inner:before {content: "ON"; padding-left: 10px; background-color: #5889d6; color: #FFFFFF;}
.onoffswitch-inner:after {content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right;}
.onoffswitch-switch {display: block; width: 18px; min-height: 15px; margin-left: 38px; margin-top: 1px; background: #FFFFFF; position: relative; top: 5; bottom: 0; right: 36px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}




.festivo{border-radius: 10px;padding: 0 12%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border: 1px solid black;}

.block02 .tabla .calendarios_laborales{float: left;width: 73%;margin: 1%;}
.block02 .tabla .calendarios_laborales .year{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .tabla .calendarios_laborales .year .left_year{font-size: 14px;text-align: right;margin-right:2%;cursor: pointer;}
.block02 .tabla .calendarios_laborales .year .right_year{font-size: 14px;text-align: left;margin-left:2%;cursor: pointer;}
.block02 .tabla .calendarios_laborales .cajames{float: left;width: 23%;margin: 1%;height:140px;}
.block02 .tabla .calendarios_laborales .cajames .mes{float: left;width: 100%;margin: 0px;line-height: 16px;font-size: 14px;text-align: left;text-transform: capitalize;color: #5889d6;}
.block02 .tabla .calendarios_laborales .cajames .dias_nombre{float: left;width: 100%;margin: 1% 0px;line-height: 16px;font-size: 12px;text-align: center;text-transform: uppercase;color: #5889d6;border-bottom: 1px solid #5889d6;}
.block02 .tabla .calendarios_laborales .cajames .dias_nombre tbody tr td{padding: 0;width: 14%;}
.block02 .tabla .calendarios_laborales .cajames .dias_mes{float: left;width: 100%;margin: 0px;line-height: 18px;font-size: 12px;text-align: center;height: 100px;}
.block02 .tabla .calendarios_laborales .cajames .dias_mes tbody tr td{padding: 0;color: #C0C0C0;width: 14%;}
.block02 .tabla .calendarios_laborales .cajames .dias_mes .activo{font-weight: bold;color: #949494;}
.block02 .tabla .calendarios_laborales .cajames .dias_mes .plan{border-radius: 10px;padding: 0 12%;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.block02 .tabla .leyenda{float: left;width: 22%;margin: 1%;border-right: solid 1px;height: auto;}
.block02 .tabla .leyenda .titulo{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .tabla .leyenda .lista_horarios{float: left;width: 90%;margin: 5%;text-align: center;line-height: 24px;font-size: 20px;height: auto;}
.block02 .tabla .leyenda .lista_horarios .horario{float: left;width: 100%;font-size: 14px; text-align: left;}
.block02 .tabla .leyenda .lista_horarios .horario .plan{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .tabla .leyenda .lista_horarios .plancalendario{float: left;width: 100%;font-size: 18px; text-align: left;line-height: 40px;font-weight: bold;}
.block02 .tabla .leyenda .lista_festivos{float: left;width: 90%;margin: 5%;text-align: center;line-height: 24px;font-size: 20px;height: 450px;}
.block02 .tabla .leyenda .lista_festivos .horario{float: left;width: 100%;font-size: 14px; text-align: left;}
.block02 .tabla .leyenda .lista_festivos .horario .plan{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .tabla .leyenda_configuracion{float: left;width: 22%;margin: 1%;border-left: solid 1px;height: auto;}
.block02 .tabla .leyenda_configuracion .titulo{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .tabla .leyenda_configuracion .lista_horarios{float: left;width: 90%;margin: 5%;text-align: center;line-height: 24px;font-size: 20px;height: auto;}
.block02 .tabla .leyenda_configuracion .lista_horarios .horario{float: left;width: 100%;font-size: 14px; text-align: left;}
.block02 .tabla .leyenda_configuracion .lista_horarios .horario .plan{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .tabla .leyenda_configuracion .lista_festivos{float: left;width: 90%;margin: 5%;text-align: center;line-height: 24px;font-size: 20px;height: 450px;}
.block02 .tabla .leyenda_configuracion .lista_festivos .horario{float: left;width: 100%;font-size: 14px; text-align: left;}
.block02 .tabla .leyenda_configuracion .lista_festivos .horario .plan{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .formulario{float: left; padding-top: 10px; width: 100%;min-height: 40px;line-height: 40px;/*border: 1px solid #bbb;*/margin: 0%;background: transparent;}
.block02 .formulario form{float: left; width: 98%;margin: 1%;}
.block02 .formulario form .fila_items{float: left;width: 100%;height: auto;margin: 10px 0;}
.block02 .formulario form .item_elemento{float: left;margin-right: 30px;line-height: 50px;min-height: 60px;}
.block02 .formulario form .item_elemento select.chequeo {width: 64px;}
.block02 .formulario form .oculto{display:none;}
.block02 .formulario form .ancho{width: 100%;margin: 0;}
.block02 .formulario form .medio_ancho{width: 50%;}
.block02 .formulario form .item_elemento progress{float: left;width: 200%;margin: 0px 0px 0px 20px;border: solid 1pt black}
/* For Firefox */
.block02 .formulario form .item_elemento progress::-moz-progress-bar {background-color: blue;}
/* For Chrome or Safari */
.block02 .formulario form .item_elemento progress::-webkit-progress-bar {background: white;}
.block02 .formulario form .item_elemento progress::-webkit-progress-value {background: blue;}
.block02 .formulario form .item_elemento label{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .item_elemento label.moneda{float: left;margin: 5px 0px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .item_elemento p{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .item_elemento input{float: left;margin: 5px;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;}
.block02 .formulario form .item_elemento input.hasDatepicker{text-align: center;}
.block02 .formulario form .item_elemento input[type="button"]{float: left;width: 50%;margin: 0px 0px 0px 20px;border: solid 1px #bbb;line-height:10px;cursor: pointer;color: #303030;background: rgb(221,221,221);font-size: 100%;}
.block02 .formulario form .item_elemento .grabando{width: 80px;height:18px; display:none}
.block02 .formulario form .item_elemento .info_voz{width: 18px;height:18px;cursor: pointer;margin: 0.8em}
.block02 .formulario form .item_elemento input[type="checkbox"]{margin-top: 10px;}
.block02 .formulario form .item_elemento input[type="file"]{border: none;}
.block02 .formulario form .item_elemento input[type="time"]{text-align: center;}
.block02 .formulario form .item_elemento input[type="number"]{width: 100px;text-align: right;}
.block02 .formulario form .item_elemento textarea{float: left;width:350px;height: 150px;margin: 5px;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;text-align: left;}
.block02 .formulario form .item_elemento textarea.grande{width: 98%;}
.block02 .formulario form .item_elemento textarea.medio{width: 45%;}
.block02 .formulario form .item_elemento select{float: left;margin: 5px;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;width: 250px;}
.block02 .formulario form .item_elemento select.select_xlargo{width: 300px;}
.block02 .formulario form .item_elemento select.select_corto{width: 120px;}
.block02 .formulario form .item_elemento select.select_medio{width: 170px;}
.block02 .formulario form .item_elemento .pq-select-button{line-height: 24px;padding: 0px 5px;margin: 5px;}
.block02 .formulario form .item_elemento .pq-select-item{line-height: 17px;}
.block02 .formulario form .item_elemento .force{font-weight: bolder;}
.block02 .formulario form .item_elemento img{float: left;max-height: 100px;margin: 0 20px;}
.block02 .formulario form .item_elemento .caracteristicas{float: left;line-height: 25px;height: 150px;width: 100px;}
.block02 .formulario form .item_elemento .caracteristicas label{float: left;line-height: 25px;height: 25px;margin-left: 20px;}
.block02 .formulario form .item_elemento .caracteristicas input{float: left;line-height: 25px;height: 25px;margin-left: 15px;}
.block02 .formulario form .item_elemento .caracteristicas input[type="checkbox"]{margin-top: 8px;}
.block02 .formulario form .item_elemento .categorias{float: left;line-height: 25px;height: 150px;width: 115px;}
.block02 .formulario form .item_elemento .categorias label{float: left;line-height: 25px;height: 25px;margin-left: 20px;}
.block02 .formulario form .item_elemento .categorias input{float: left;line-height: 25px;height: 25px;margin-left: 15px;}
.block02 .formulario form .item_elemento .categorias input[type="checkbox"]{margin-top: 8px;}
.block02 .formulario form .item_elemento .boton{float: left;margin: 5px 20px;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 20px; font-size: 12px;cursor: pointer;}
.block02 .formulario form .listado{width: 98%;margin: 0 1%;}
.block02 .formulario form .infoadicional{display: none;}
.block02 .formulario form .ubicacion{display: none;}
.block02 .formulario form .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .item_elemento span.accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #5889d6;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .formulario form .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .item_elemento .fila_head .celda_head{float: left;width: 14%;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_head .celda_head_first{float: left;width: 30px;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_head .celda_head_devolucion{float: left;width: 10%;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_head .celda_head_pregunta{float: left;width: 90%;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_head .celda_head_pregunta_larga{float: left;width: 70%;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_head .celda_head_respuesta{float: left;width: 15%;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_head .celda_head_radio{float: left;width: 100%;margin: 0px;display: table-cell;}
.block02 .formulario form .item_elemento .fila_body{float: left;width: 100%;margin: 1px 0px;padding: 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .item_elemento .fila_body .celda_body{float: left;width: 14%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .item_elemento .fila_body .celda_body input[type="number"]{margin: 0px 5px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_first{float: left;width: 30px;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_pregunta{float: left;width: 90%;margin: 0px;font-weight: 700 ;display: table-cell;line-height: 25px;font-size:13px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_pregunta_larga{float: left;width: 69%;margin: 0px;display: table-cell;line-height: 25px;font-size:13px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_titulo_largo{float: left;width: 69%;margin: 0px;display: table-cell;line-height: 25px;font-weight: bold;}
.block02 .formulario form .item_elemento .fila_body .celda_body_radio{float: left;width: 95%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_radio input{margin: 5px 10px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_text{float: left;width: 10%;margin: 0px 15px;display: table-cell;line-height: 25px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_text_respuesta{float: left;width: 15%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_devolucion{float: left;width: 10%;margin: 0px;display: table-cell;line-height: 35px;}
.block02 .formulario form .item_elemento .fila_body .celda_body_devolucion input[type="text"]{width: 90%;margin: 5px 5%;}
.block02 .formulario form .item_elemento .fila_body .celda_body_devolucion select{width: auto;}
.block02 .formulario form .item_elemento .fila_body .celda_body .tabla_accion2{font-size: 12px;padding: 0 5px;color: #cc0000;cursor: pointer;}
.block02 .formulario form .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .item_elemento .boton_documento{float: left;margin: 5px;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .formulario form .recursos .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .recursos .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .recursos .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .recursos .item_elemento .fila_head .celda_head{float: left;width: 10%;margin: 0px;display: table-cell;}
.block02 .formulario form .recursos .item_elemento .fila_body{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .recursos .item_elemento .fila_body .celda_body{float: left;width: 10%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .recursos .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .recursos .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .seguridad .item_elemento select[multiple="multiple"]{float: left;display: inline-block;width: 250px;}
.block02 .formulario form .seguridad .item_elemento .pq-select-button{line-height: 24px;padding: 0 5px;margin: 5px;font-size: 12px;}
.block02 .formulario form .experiencia .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .experiencia .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .experiencia .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .experiencia .item_elemento .fila_head .celda_head{float: left;width: 14%;margin: 0px;display: table-cell;}
.block02 .formulario form .experiencia .item_elemento .fila_body{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .experiencia .item_elemento .fila_body .celda_body{float: left;width: 14%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .experiencia .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .experiencia .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .formacion .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .formacion .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .formacion .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .formacion .item_elemento .fila_head .celda_head{float: left;width: 14%;margin: 0px;display: table-cell;}
.block02 .formulario form .formacion .item_elemento .fila_body{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .formacion .item_elemento .fila_body .celda_body{float: left;width: 14%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .formacion .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .formacion .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .certificados .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .certificados .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .certificados .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .certificados .item_elemento .fila_head .celda_head{float: left;width: 12%;margin: 0px;display: table-cell;}
.block02 .formulario form .certificados .item_elemento .fila_body{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .certificados .item_elemento .fila_body .celda_body{float: left;width: 12%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .certificados .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .certificados .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .idiomas .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .idiomas .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .idiomas .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .idiomas .item_elemento .fila_head .celda_head{float: left;width: 12%;margin: 0px;display: table-cell;}
.block02 .formulario form .idiomas .item_elemento .fila_body{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .idiomas .item_elemento .fila_body .celda_body{float: left;width: 12%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .idiomas .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .idiomas .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .ResumenCV .item_elemento h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario form .ResumenCV .item_elemento .tabla{float: left;margin: 0 1%;width: 98%;display: table;border: none;}
.block02 .formulario form .ResumenCV .item_elemento .fila_head{float: left;width: 100%;margin: 0px;display: table-row;font-weight: bolder;line-height: 20px;border-bottom: 2px solid;}
.block02 .formulario form .ResumenCV .item_elemento .fila_head .celda_head{float: left;width: 25%;margin: 0px;display: table-cell;}
.block02 .formulario form .ResumenCV .item_elemento .fila_body{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;}
.block02 .formulario form .ResumenCV .item_elemento .fila_resumen{float: left;width: 100%;margin: 0px;padding: 0px;display: table-row;}
.block02 .formulario form .ResumenCV .item_elemento .fila_body .celda_body{float: left;width: 15%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .ResumenCV .item_elemento .fila_resumen .celda_resumen{float: left;width: 12%;margin: 0px;display: table-cell;line-height: 25px;}
.block02 .formulario form .ResumenCV .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.block02 .formulario form .ResumenCV .item_elemento .fila_body .celda_body .tabla_separador{font-size: 16px;padding: 0 5px;}
.block02 .formulario form .hardware .item_elemento select[multiple="multiple"]{float: left;display: inline-block;width: 250px;}
.block02 .formulario form .hardware .item_elemento .pq-select-button{line-height: 24px;padding: 0 5px;margin: 5px;font-size: 12px;}
.block02 .formulario form .tramos .item_elemento select[multiple="multiple"]{float: left;display: inline-block;width: 250px;}
.block02 .formulario form .tramos .item_elemento input[type="number"]{text-align: right;}
.block02 .formulario form .tramos .item_elemento .pq-select-button{line-height: 24px;padding: 0 5px;margin: 5px;font-size: 12px;}
.block02 .formulario form .configuracion_horario{float: left;width: 100%;margin: 0px;}
.block02 .formulario form .configuracion_horario label{float: left;width: 98%;margin: 1%;padding: 2px 0;line-height: 24px;font-size: 20px;}
.block02 .formulario form .configuracion_horario .tabla_horario{float: left;width: 100%;margin: 0px;display: table;}
.block02 .formulario form .configuracion_horario .header_horario{float: left;width: 100%;margin: 5px 0px;display: table-row;font-weight: bolder;text-align: center;line-height: 30px;border-bottom: 2px solid;}
.block02 .formulario form .configuracion_horario .header_horario .celda_horario{float: left;width: 9%;margin: 0px;display: table-cell;}
.block02 .formulario form .configuracion_horario .header_horario .celda_horario .linea_1{float: left;width: 100%;}
.block02 .formulario form .configuracion_horario .header_horario .celda_horario .linea_2{float: left;width: 50%;}
.block02 .formulario form .configuracion_horario .fila_horario{float: left;width: 100%;margin: 0px;padding: 5px 0px;display: table-row;border-bottom: 1px solid;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario{float: left;width: 9%;margin: 0px;display: table-cell;line-height: 50px;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario select {margin: 10px;width: 120px;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario input {margin: 10px 30%;text-align: center;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario input[type="checkbox"] {margin: 15px 45%;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario{float: left;width: 100%;margin: 0px;line-height: 25px;display: flex;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input {padding: 1px;margin: 1px 0px 1px 10%;text-align: center;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input[type="checkbox"] {margin: 5px 15% 5px 18%;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario span{float: left;width: 40%;margin: 10px 30%;text-align: center;line-height: 30px;color: black;}
.block02 .formulario form .configuracion_horario .fila_horario .celda_horario span.horas{float: left;width: 40%;margin: 10px 30%;text-align: center;line-height: 30px;color: #949494;}
.block02 .formulario form .roles_menu .item_elemento label{width: 100%;}
.block02 .formulario form .roles_menu .item_elemento .acceso_menu{float: left;line-height: 25px;height: 1230px;width: 200px; margin-bottom: 15%;}
.block02 .formulario form .roles_menu .item_elemento .acceso_menu label{float: left;width: 150px;margin-left: 10px;}
.block02 .formulario form .roles_menu .item_elemento .acceso_menu input{float: left;line-height: 25px;height: 25px;margin-left: 15px;}
.block02 .formulario form .roles_menu .item_elemento .acceso_menu input[type="checkbox"]{margin-top: 5px;}
.block02 .formulario form .roles_gestion .item_elemento label{width: 100%;}
.block02 .formulario form .roles_gestion .item_elemento .configura_gestion{float: left;line-height: 25px;height: auto;width: 250px;}
.block02 .formulario form .roles_gestion .item_elemento .configura_gestion .force{width: 100%;}
.block02 .formulario form .roles_gestion .item_elemento .configura_gestion label{float: left;width: 200px;margin-left: 10px;}
.block02 .formulario form .roles_gestion .item_elemento .configura_gestion input{float: left;line-height: 25px;height: 25px;margin-left: 15px;}
.block02 .formulario form .roles_gestion .item_elemento .configura_gestion input[type="checkbox"]{margin-top: 5px}

.block02 .formulario form .conjuntos_general{float: left;width: 100%;}
.block02 .formulario form .conjuntos_general .item_elemento{float: left;line-height: 25px;height: auto;width: auto;}
.block02 .formulario form .conjuntos_empresa{float: left;width: 100%;}
.block02 .formulario form .conjuntos_empresa .item_elemento{float: left;height: auto;width: 100%;margin: 0;}
.block02 .formulario form .conjuntos_empresa .item_elemento label{width: 98%;}
.block02 .formulario form .conjuntos_empresa .item_elemento .documentos_empresa{float: left;width: auto;display: table;}
.block02 .formulario form .conjuntos_empresa .item_elemento .documentos_empresa .conjuntos_documentos_fila{display: table-row;}
.block02 .formulario form .conjuntos_empresa .item_elemento .documentos_empresa .conjuntos_documentos_fila .conjuntos_documentos_celda{display: table-cell;}
.block02 .formulario form .conjuntos_empresa .item_elemento .fecha{display: none;text-align: center;}
.block02 .formulario form .conjuntos_empresa .item_elemento .titulo{width: 400px;}
.block02 .formulario form .conjuntos_empleados{float: left;width: 100%;}
.block02 .formulario form .conjuntos_empleados .item_elemento{float: left;height: auto;width: 100%;margin: 0;}
.block02 .formulario form .conjuntos_empleados .item_elemento label{width: 98%;}
.block02 .formulario form .conjuntos_empleados .item_elemento .documentos_empleado{float: left;width: auto;display: table;}
.block02 .formulario form .conjuntos_empleados .item_elemento .documentos_empleado .conjuntos_documentos_fila{display: table-row;}
.block02 .formulario form .conjuntos_empleados .item_elemento .documentos_empleado .conjuntos_documentos_fila .conjuntos_documentos_celda{display: table-cell;}
.block02 .formulario form .conjuntos_empleados .item_elemento .fecha{display: none;text-align: center;}
.block02 .formulario form .conjuntos_empleados .item_elemento .titulo{width: 400px;}
.block02 .formulario form .conjuntos_autonomos{float: left;width: 100%;display: none;}
.block02 .formulario form .conjuntos_autonomos .item_elemento{float: left;height: auto;width: 100%;margin: 0;}
.block02 .formulario form .conjuntos_autonomos .item_elemento label{width: 98%;}
.block02 .formulario form .conjuntos_autonomos .item_elemento .documentos_autonomo{float: left;width: auto;display: table;}
.block02 .formulario form .conjuntos_autonomos .item_elemento .documentos_autonomo .conjuntos_documentos_fila{display: table-row;}
.block02 .formulario form .conjuntos_autonomos .item_elemento .documentos_autonomo .conjuntos_documentos_fila .conjuntos_documentos_celda{display: table-cell;}
.block02 .formulario form .conjuntos_autonomos .item_elemento .fecha{display: none;text-align: center;}
.block02 .formulario form .conjuntos_autonomos .item_elemento .titulo{width: 400px;}

.block02 .formulario form .conjuntos_compliance{float: left;width: 100%;}
.block02 .formulario form .conjuntos_compliance .item_elemento{float: left;height: auto;width: 100%;margin: 0;}
.block02 .formulario form .conjuntos_compliance .item_elemento label{width: 98%;}
.block02 .formulario form .conjuntos_compliance .item_elemento .documentos_compliance{float: left;width: auto;display: table;}
.block02 .formulario form .conjuntos_compliance .item_elemento .documentos_compliance .conjuntos_documentos_fila{display: table-row;}
.block02 .formulario form .conjuntos_compliance .item_elemento .documentos_compliance .conjuntos_documentos_fila .conjuntos_documentos_celda{display: table-cell;}
.block02 .formulario form .conjuntos_compliance .item_elemento .documentos_compliance .conjuntos_documentos_fila .conjuntos_documentos_celda input{float: left;margin-left: 30%;}
.block02 .formulario form .conjuntos_compliance .item_elemento .fecha{text-align: center;}
.block02 .formulario form .conjuntos_compliance .item_elemento .titulo{width: auto;text-transform: capitalize;}

.block02 .formulario form .requerido{background-color: #dddddd69;}
.block02 .formulario form .logotipo{clear: both;line-height: 100px;height: 100px;}

.block02 .formulario form .calendarios_laborales{float: left;width: 73%;margin: 1%;}
.block02 .formulario form .calendarios_laborales .year{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .formulario form .calendarios_laborales .year .left_year{font-size: 14px;text-align: right;margin-right:2%;cursor: pointer;}
.block02 .formulario form .calendarios_laborales .year .right_year{font-size: 14px;text-align: left;margin-left:2%;cursor: pointer;}
.block02 .formulario form .calendarios_laborales .cajames{float: left;width: 23%;margin: 1%;height:140px;}
.block02 .formulario form .calendarios_laborales .cajames .mes{float: left;width: 100%;margin: 0px;line-height: 16px;font-size: 14px;text-align: left;text-transform: capitalize;color: #5889d6;}
.block02 .formulario form .calendarios_laborales .cajames .dias_nombre{float: left;width: 100%;margin: 1% 0px;line-height: 16px;font-size: 12px;text-align: center;text-transform: uppercase;color: #5889d6;border-bottom: 1px solid #5889d6;}
.block02 .formulario form .calendarios_laborales .cajames .dias_nombre tbody tr td{padding: 0;width: 14%;}
.block02 .formulario form .calendarios_laborales .cajames .dias_mes{float: left;width: 100%;margin: 0px;line-height: 18px;font-size: 12px;text-align: center;height: 100px;}
.block02 .formulario form .calendarios_laborales .cajames .dias_mes tbody tr td{padding: 0;color: #C0C0C0;width: 14%;}
.block02 .formulario form .calendarios_laborales .cajames .dias_mes .activo{font-weight: bold;color: #949494;cursor: pointer;}
.block02 .formulario form .calendarios_laborales .cajames .dias_mes .plan{border-radius: 10px;padding: 0 12%;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.block02 .formulario form .calendarios_laborales .cajames .dias_mes .sol{border-radius: 10px;padding: 0 12%;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.block02 .formulario form .leyenda{float: left;width: 22%;margin: 1%;border-left: solid 1px;height: auto;}
.block02 .formulario form .leyenda .titulo{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .formulario form .leyenda .item_elemento{float: left;width: 80%;margin: 1% 10%;}
.block02 .formulario form .leyenda .item_elemento select{float: left;margin: 1%;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;width: 98%;}
.block02 .formulario form .leyenda .item_elemento .pq-select-button{line-height: 24px;padding: 0 5px;}
.block02 .formulario form .leyenda .item_elemento .pq-select-item{line-height: 18px;}
.block02 .formulario form .leyenda .lista_festivos{float: left;width: 90%;margin: 5%;text-align: center;line-height: 24px;font-size: 20px;height: 450px;}
.block02 .formulario form .leyenda .lista_festivos .horario{float: left;width: 100%;font-size: 14px; text-align: left;cursor: pointer;}
.block02 .formulario form .leyenda .lista_festivos .horario .plan{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .formulario form .leyenda .lista_festivos .estado{float: left;width: 100%;font-size: 14px; text-align: left;}
.block02 .formulario form .leyenda .lista_festivos .estado .sol{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .formulario form .leyenda .lista_festivos .seleccionado{border: none;}
.block02 .formulario form .planes_trabajo{float: left;width: 73%;margin: 1%;}
.block02 .formulario form .planes_trabajo .year{float: left;width: 100%;margin: 5px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .formulario form .planes_trabajo .year span{cursor: pointer;}
.block02 .formulario form .planes_trabajo .year  .tabla_separador{font-size: 22px ;padding: 0 8px; color:#5889d6;}
.block02 .formulario form .planes_trabajo .year .left_year{font-size: 14px;text-align: right;margin-right:2%;}
.block02 .formulario form .planes_trabajo .year .right_year{font-size: 14px;text-align: left;margin-left:2%;}
.block02 .formulario form .planes_trabajo .cajames{float: left;width: 23%;margin: 1%;height:140px;}
.block02 .formulario form .planes_trabajo .cajames .mes{float: left;width: 100%;margin: 0px;line-height: 16px;font-size: 14px;text-align: left;text-transform: capitalize;color: #5889d6;cursor: pointer;}
.block02 .formulario form .planes_trabajo .cajames .dias_nombre{float: left;width: 100%;margin: 1% 0px;line-height: 16px;font-size: 12px;text-align: center;text-transform: uppercase;color: #5889d6;border-bottom: 1px solid #5889d6;}
.block02 .formulario form .planes_trabajo .cajames .dias_nombre tbody tr td{padding: 0;width: 14%;cursor: pointer;}
.block02 .formulario form .planes_trabajo .cajames .dias_mes{float: left;width: 100%;margin: 0px;line-height: 18px;font-size: 12px;text-align: center;height: 100px;}
.block02 .formulario form .planes_trabajo .cajames .dias_mes tbody tr td{padding: 0;color: #C0C0C0;width: 14%;}
.block02 .formulario form .planes_trabajo .cajames .dias_mes .activo{font-weight: bold;color: #949494;cursor: pointer;}
.block02 .formulario form .planes_trabajo .cajames .dias_mes .plan{border-radius: 10px;padding: 0 12%;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.block02 .formulario form .leyenda .listado_horarios{float: left;width: 90%;margin: 5%;text-align: center;line-height: 24px;font-size: 20px;height: auto;}
.block02 .formulario form .leyenda .listado_horarios label{float: left;width: 100%;font-size: 14px; text-align: left;}
.block02 .formulario form .leyenda .listado_horarios .horario{float: left;width: 100%;font-size: 14px; text-align: left;cursor: pointer;}
.block02 .formulario form .leyenda .listado_horarios .horario .plan{border-radius: 10px;padding: 0px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-right: 5%;}
.block02 .formulario form .leyenda .listado_horarios .seleccionado{border: none;}
.block02 .formulario form #horas_grupos{float: left;width: 100%; margin: 1% 0px;}
.block02 .formulario form .contenedor_reloj{float: left; width: auto;margin: 0 0 50px;}
.block02 .formulario form .contenedor_reloj .flip-clock-wrapper{}
.block02 .formulario form .item_elemento .boton_fichar{float: left;margin: 5px 10px;padding: 10px 20px;color: #949494;background: white;border: 1px solid #5889d6;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 10px;}
.block02 .formulario form .item_elemento .boton_fichar:HOVER{background-color: #5889d6;color: white;}
.block02 .formulario form .inc_botones{float: left;width: 50%;}
.block02 .formulario form .inc_botones .item_elemento{float: left;width: 40%;margin: 0 5%;}
.block02 .formulario form .inc_botones .boton_fichar{float: left;margin: 5px 10px;padding: 10px 20px;color: #949494;background: white;border: 1px solid #5889d6;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 10px;width: 75%;text-align: center}
.block02 .formulario form .inc_botones .boton_fichar:HOVER{background-color: #5889d6;color: white;}
.block02 .formulario form .inc_info{float: left;width: 50%;}
.block02 .formulario form .inc_info .item_elemento{float: left;width: 90%;margin: 0 5%;}
.block02 .formulario form .inc_bot_presencia {border-bottom: 1px solid #5889d6;margin-bottom: 20px;}

.block02 .formulario form #nueva_regla{float: left;width: 100%;margin: 0%;}

.block02 .formulario form .puntuar label{float: left; width: 98%;margin: 1%;font-size: 24px;line-height: 50px;font-weight: bolder;}
.block02 .formulario form .puntuar .conocimiento{float: left; width: 24%; height: 121px; margin: 20px 2%; border: 1px solid #5889d6; border-radius: 32px;}
.block02 .formulario form .puntuar .conocimiento h3{float: left;width: 100%;text-align: center;line-height: 39px;font-size: 35px;}
.block02 .formulario form .puntuar .asignado{color: white;background-color: #5889d6;}
.block02 .formulario form .puntuar .asignado label{float: left;width: 98%; margin: 1%;text-align: center;color: #0f0f0fa6;}
.block02 .formulario form .puntuar .asignar{cursor: pointer;}
.block02 .formulario form .validar .item_elemento{width: 30%;margin: 1% 10%;}
.block02 .formulario form .validar .medio_ancho{width: 50%;margin: 1% 0;}
.block02 .formulario form .validar .accion_moneda{float: left;width: 29.5%;height: 100px;margin: 2% 10%;border: 1px solid #5889d6;border-radius: 25px;cursor: pointer;}
.block02 .formulario form .validar .accion_moneda h3{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 35px;}
.block02 .formulario form .tesoro label{float: left; width: 98%;margin: 1%;font-size: 24px;line-height: 50px;font-weight: bolder;}
.block02 .formulario form .tesoro .bolsa_monedas{float: left;width: 49.5%;margin: 2% 25%;border: 1px solid #5889d6;border-radius: 25px;cursor: pointer;}
.block02 .formulario form .tesoro .bolsa_monedas h3{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 35px;}
.block02 .formulario form .tesoro .bolsa_monedas label{float: left;width: 100%;margin: 2% 0;text-align: center;font-size: 50px;line-height: 60px;}
.block02 .formulario form .premios label{float: left; width: 98%;margin: 1%;font-size: 24px;line-height: 50px;font-weight: bolder;}
.block02 .formulario form .premios .fila_premio{float: left;width: 98%;margin: 10px 1%;}
.block02 .formulario form .premios .fila_premio .premio_imagen{float: left;width:15%;height: 150px;margin: 0 2%;text-align: center;}
.block02 .formulario form .premios .fila_premio .premio_imagen img{height: 100%;}
.block02 .formulario form .premios .fila_premio .premio_texto{float: left;width:45%;height: 150px;margin: 0 2%;}
.block02 .formulario form .premios .fila_premio .premio_texto h3{float: left;width: 100%;text-align: left;line-height: 35px;font-size: 25px;}
.block02 .formulario form .premios .fila_premio .premio_texto p{float: left;width: 100%;text-align: left;line-height: 20px;font-size: 18px;}
.block02 .formulario form .premios .fila_premio .premio_monedas{float: left;width: 7%;height: 150px;margin: 0 1%;border: solid 1px;border-radius: 20%;line-height: 150px;text-align: center;font-size: 22px;}
.block02 .formulario form .premios .fila_premio .premio_monedas p{float: left;width: 100%;height: 50%;line-height: 75px;}
.block02 .formulario form .premios .fila_premio .premio_pvp{float: left;width: 8%;height: 150px;margin: 0 1%;border: solid 1px;border-radius: 20%;line-height: 150px;text-align: center;font-size: 22px;}
.block02 .formulario form .premios .fila_premio .premio_pvp p{float: left;width: 100%;height: 50%;line-height: 75px;}
.block02 .formulario form .premios .fila_premio .premio_boton{float: left;width: 10%;height: 150px;margin: 0 1%;border: solid 1px;border-radius: 20%;line-height: 150px;text-align: center;font-size: 30px;cursor: pointer;}
.block02 .formulario form .premios .fila_premio .premio_boton:HOVER{background-color: #949494;color: white;}

.block02 .formulario form .no_activados{float: left;width: 49%; border: 1px solid;margin-right: 10px;}
.block02 .formulario form .no_activados h3{float:left;width: 94%;margin: 0 3%;}
.block02 .formulario form .no_activados .botonera{width: 98%;margin: 5px 1%;}
.block02 .formulario form .no_activados .tabla_listado{width: 98%;margin: 1%;}
.block02 .formulario form .activados{float: left;width: 49%; border: 1px solid;margin-left: 10px;}
.block02 .formulario form .activados h3{float:left;width: 94%;margin: 0 3%;}
.block02 .formulario form .activados .botonera{width: 98%;margin: 5px 1%;}
.block02 .formulario form .activados .tabla_listado{width: 98%;margin: 1%;}


.block02 .formulario form .no_activado{float: left;width: 39%; border: 1px solid;margin-right: 10px;}
.block02 .formulario form .no_activado h3{float:left;width: 94%;margin: 0 3%;}
.block02 .formulario form .no_activado .botonera{width: 98%;margin: 5px 1%;}
.block02 .formulario form .no_activado .tabla_listado{width: 98%;margin: 1%;}
.block02 .formulario form .activado{float: left;width: 39%; border: 1px solid;margin-left: 10px;}
.block02 .formulario form .activado h3{float:left;width: 94%;margin: 0 3%;}
.block02 .formulario form .activado .botonera{width: 98%;margin: 5px 1%;}
.block02 .formulario form .activado .tabla_listado{width: 98%;margin: 1%;}
.block02 .formulario form .tablabotones{float: left;width: 5%; margin: 50px 10px; text-align: center; align-content: center;}
.block02 .formulario form .tablabotones .botoneraAgregar{width: 98%;margin: 20px 1%;}
.block02 .formulario form .tablabotones .botoneraQuitar{width: 98%;margin: 20px 1%;}
.block02 .formulario form .tablabotones .botoneraQuitar .boton{margin: 5px 0;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .formulario form .tablabotones .botoneraAgregar .boton{margin: 5px 0;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}


.block02 .formulario form .informacion_general{float: left;width: 100%;height: auto;margin: 10px 0;}
.block02 .formulario form .informacion_general .oculto{display:none;}
.block02 .formulario form .informacion_ropa{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form .informacion_tecnologia{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form .informacion_vehiculos{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form .informacion_herramientas{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form .informacion_epis{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form .informacion_mobiliario{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form .informacion_otros{float: left;width: 100%;height: auto;margin: 10px 0;display: none;}
.block02 .formulario form embed{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;width: 99%;height: 600px;}

.block02 .formulario form .centros .tabla_listado tbody tr td .input_tabla{float: left;margin: 4px;text-align: left;line-height: 20px;padding: 0 5px;border: 1px solid #949494 !important;-moz-appearance: textfield;}
.block02 .formulario form .centros .tabla_listado tbody tr td .input_tabla::-webkit-outer-spin-button,
.block02 .formulario form .centros .tabla_listado tbody tr td .input_tabla::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.block02 .formulario form .centros .tabla_listado{float: left;width: 100%;height: auto;margin: 10px 0;}
.block02 .formulario form .centros .tabla_listado tbody tr td input[type="text"]{border: none;display: flex; text-align: left; line-height: 20px;}

#area_seleccion{border: 1px solid;border-color: blue;background: rgba(0, 0, 255, 0.2);position: absolute;}
.block02 .compara_calendarios{float: left; width: 100%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 0;background: transparent;}
.block02 .compara_calendarios .listado_empleados{float: left; width: 15%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 1%;background: transparent;}
.block02 .compara_calendarios .listado_empleados p{float: left;width: 95%;margin: 5px;line-height: 32px;text-align: center; cursor: pointer;}
.block02 .compara_calendarios .listado_empleados p.titulo{line-height: 40px;font-weight: bold;font-size: 14px;margin-left: 10px;width: 94%;}
.block02 .compara_calendarios .listado_empleados_centro{float: left; width: 15%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 1%;background: transparent;}
.block02 .compara_calendarios .listado_empleados_centro p{float: left;width: 95%;margin: 5px;line-height: 61px;text-align: center; cursor: pointer;}
.block02 .compara_calendarios .listado_empleados_centro p.titulo{line-height: 40px;font-weight: bold;font-size: 14px;margin-left: 10px;width: 94%;}
.block02 .compara_calendarios .calendarios{float: left; width: 80%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 1%;background: transparent;}
.block02 .compara_calendarios .calendarios table{float: left;width: 98%;margin: 10px 1%;font-size: 14px;line-height: 20px;user-select: none;}
.block02 .compara_calendarios .calendarios table thead{font-weight: bolder;border-bottom: 1px solid #bbb;}
.block02 .compara_calendarios .calendarios table thead tr th{padding: 5px 10px;text-align: center;min-width: 8%;}
.block02 .compara_calendarios .calendarios table thead tr th.hoy{background-color: #f5f5f5;}
.block02 .compara_calendarios .calendarios table tbody tr{border-bottom: 1px solid #bbb;}
.block02 .compara_calendarios .calendarios table tbody tr td{line-height: 30px;padding: 5px 10px;}
.block02 .compara_calendarios .calendarios table tbody tr td.hoy{background-color: #f5f5f5;}

.block02 .informe{float: left; width: 100%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 0;background: transparent;}
.block02 .informe .grafico{float: left; width: 59%;min-height: 40px;line-height: 40px;margin: 5px;background: transparent;}
.block02 .informe .leyenda{float: left; width: 39%;min-height: 40px;line-height: 40px;margin: 100px 5px;background: transparent;}
.block02 .informe .leyenda .click{cursor: pointer;}
.block02 .informe .leyenda .cuadro{float: left; width: 20px;height: 20px;border: 1px solid #bbb;margin: 9px 10px;background: transparent;}
.block02 .informe .leyenda .nombre{float: left; width: 93%;line-height: 40px;margin: 0;font-size: 14px;}
.block02 .informe h3{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}

.block02 .paginar{float: left; width: auto;min-height: 40px;line-height: 0px;border: 1px solid #bbb;margin: 10px 40%;background: rgb(221,221,221);text-align: center;font-size: 20px;cursor: pointer;}

.block02 .panel_board_col{float: left;width: 33%;height: auto;min-height: 400px;margin: 10px 0;}
.block02 .panel_board_col h3{float: left; width: 90%; margin: 0 5%;}
.block02 .panel_board_col h4{float: left; width: 90%; margin: 0 5%;text-align: center;font-size: 80px; line-height: 90px;margin: 10px 0;}
.block02 .panel_board_col h5{float: left; width: 90%; margin: 0 5%;text-align: center;font-size: 40px; line-height: 50px;margin: 20px 0;}
.block02 .panel_board_col .botonera{float: left;width: 100%;height: 40px;line-height: 40px;margin-top: 10px;border: none;}
.block02 .panel_board_col .botonera .first {margin-left: 5%;}
.block02 .panel_board_col .grafico{float: left; width: 98%; margin: 50px 1%;}
.block02 .panel_board_col .grafico img{cursor: pointer;}
.block02 .separator_right{border-right: 2px #e3e5e5 solid;}
.block02 .separator_left{border-left: 2px #e3e5e5 solid;}

.block02 .panel_board_full{float: left;width: 98%;height: auto;min-height: 400px;margin: 10px 1%;}
.block02 .panel_board_full h3{float: left; width: 90%; margin: 0 5%;font-size: 24px;}
.block02 .panel_board_full .tablon_avisos{float: left; width: 98%; margin: 10px 1%;}
.block02 .panel_board_full .tablon_avisos .fila_aviso{float: left;background-color: transparent;width: 90%; margin: 1px 5%;padding: 5px 1%;cursor: pointer;border: 1px solid #e3e5e5;border-radius: 10px;}
.block02 .panel_board_full .tablon_avisos .fila_aviso:hover{background-color: #e3e5e5;}

.block02 .tablon_noticias_marco{float: left;width: 80%;height: 500px;margin: 10px 10%;}
.block02 .tablon_noticias_marco h3{float: left; width: 100%; margin: 0;font-size: 24px;line-height: 30px;text-align: center;}
.block02 .tablon_noticias_marco .contenedor{float: left;width: 98%;height: 98%;margin: 1%;border: 5px dotted rgb(115, 111, 111);}
.block02 .tablon_noticias_marco .contenedor .noticia{float: left;width: 23%;height: 48%;margin: 1%;}
.block02 .tablon_noticias_marco .contenedor .click{cursor: pointer;}
.block02 .tablon_noticias_marco .contenedor .noticia .imagen{float: left;width: 98%;height: 48%;margin: 1%;text-align: center;}
.block02 .tablon_noticias_marco .contenedor .noticia .imagen img{width: auto;max-width: 100%;height: 100%;}
.block02 .tablon_noticias_marco .contenedor .noticia .titulo{float: left;width: 98%;height: 8%;margin: 1%;}
.block02 .tablon_noticias_marco .contenedor .noticia .titulo h4{float: left; width: 100%; margin: 0;font-size: 18px;line-height: 20px;text-align: left;}
.block02 .tablon_noticias_marco .contenedor .noticia .texto{float: left;width: 98%;height: 38%;margin: 1%;}
.block02 .tablon_noticias_marco .contenedor .noticia .texto p{float: left;width: 98%;height: 98%;margin: 1%;font-size: 14px;line-height: 18px;text-align: left;}

/*css para modulo de galeria en teletrabajo en capturas*/
.block02 .tablon_galeria_img{float: left;width: 80%;height: 500px;margin: 10px 10%;}
.block02 .tablon_galeria_img .contenedor{float: left;border: 1px solid #bbb;margin-top: 10px;width:100%;}
.block02 .tablon_galeria_img .contenedor .noticia{float: left;width: 20%; min-width: 240px;height: 20%;max-height: 170px;margin: 3% 2%;}
.block02 .tablon_galeria_img .contenedor .click{cursor: pointer;}
.block02 .tablon_galeria_img .contenedor .noticia .imagen{float: left;width: 100%;max-width: 240px;height: 100%; max-height: 150px;margin: 1%;text-align: center;}
.block02 .tablon_galeria_img .contenedor .noticia .imagen img{width: auto;max-width: 100%;height: 100%;max-height: 200px;cursor: pointer; min-width: 250px;}
.block02 .tablon_galeria_img .contenedor .noticia .titulo{float: left;width: 98%;height: 8%;margin: 1%;}
.block02 .tablon_galeria_img .contenedor .noticia .titulo h4{float: left; width: 100%; margin: 0;font-size: 18px;line-height: 20px;text-align: left;}
.block02 .tablon_galeria_img .contenedor .noticia .texto{float: left;width: 98%;height: 38%;margin: 1%;}
.block02 .tablon_galeria_img .contenedor .noticia .texto p{float: left;width: 98%;height: 98%;margin: 1%;font-size: 14px;line-height: 18px;text-align: left;}
.block02 .tablon_galeria_img .contenedor .noticia .imagen img:hover{opacity: 0.7;}
/*css para modulo de imagenes en teletrabajo en capturas*/
.block02 .tablon_galeria{float: left;width: 80%;height: 500px;margin: 10px 10%;}
.block02 .tablon_galeria .contenedor{float: left;border: 1px solid #bbb;margin-top: 10px;}
.block02 .tablon_galeria .contenedor .gal{float: left;width: 100%;height: 100%;margin: 1%;}
.block02 .tablon_galeria .contenedor .click{cursor: pointer;}
.block02 .tablon_galeria .contenedor .gal .titulo{float: left;width: 98%;height: 8%;margin: 0.3%;}
.block02 .tablon_galeria .contenedor .gal .titulo h4{float: left; width: 100%; margin: 0;font-size: 18px;line-height: 20px;text-align: left;}
.block02 .tablon_galeria .contenedor .gal .texto{float: left;width: 98%;height: 38%;margin: 0.3%;}
.block02 .tablon_galeria .contenedor .gal .texto p{float: left;width: 98%;height: 98%;margin: 0%;font-size: 14px;line-height: 18px;text-align: left;}
.block02 .tablon_galeria .contenedor .gal .imagen{float: left;width: 95%;height: 48%;margin: 1%;text-align: center;}
.block02 .tablon_galeria .contenedor .gal .imagen img{width: auto;max-width: 100%;height: 100%;}

/* The Modal para capturas de pantallas en teletrabajo(background) */
.modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;top: 0;width: 100%; height: 100%;overflow: auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);}
/* Modal Content (image) */
.modal-content {margin: auto;display: block;width: 80%;max-width: 700px;}
/* Caption of Modal Image */
#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
/* Add Animation */
.modal-content, #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
/* The Close Button */
.closes {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}

.closes:hover,
.closes:focus {color: #bbb;text-decoration: none;cursor: pointer;}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {width: 100%;}
}


.block02 .contenedor_botones{float: left;width: 98%;height: auto;min-height: 400px;margin: 10px 1%;}
.block02 .contenedor_botones .boton_inicio{float: left;width: 100px;height: 100px;margin: 1% 5%;border-radius: 10%;background-color: #5889d6;color: white;padding: 1%;line-height: 50px;text-align: center;font-size: 15px;cursor: pointer;}
.block02 .contenedor_botones .boton_inicio:hover{background-color: #e3e5e5;color: rgb(115, 111, 111);}

.block02 .kpmg_marco{float: left;width: 80%;min-height:500px;height: auto;margin: 1% 10%;}
.block02 .kpmg_marco h3{float: left; width: 100%; margin: 0;font-size: 26px;line-height: 30px;text-align: center;}
.block02 .kpmg_marco .acumulados{float: left;width: 48%;height: auto;margin: 1%;}
.block02 .kpmg_marco .acumulados .titulo{float: left;width: 203%;margin: 1%;font-size: 24px;line-height: 30px;text-align: center;}
.block02 .kpmg_marco .acumulados .texto{float: left;width: 203%;height: auto;margin: 2%;}
.block02 .kpmg_marco .acumulados .texto p{float: left;width: 95%;height: auto;margin: 2%;font-size: 32px;line-height: 40px;text-align: center;}
.block02 .kpmg_marco .acumulados .titulo2{float: left;width: 103%;margin: 1%;font-size: 24px;line-height: 30px;text-align: center;}
.block02 .kpmg_marco .acumulados .texto2{float: left;width: 103%;height: auto;margin: 2%;}
.block02 .kpmg_marco .acumulados .texto2 p{float: left;width: 95%;height: auto;margin: 2%;font-size: 32px;line-height: 40px;text-align: center;}
.block02 .kpmg_marco .contenedor h4{float: left; width: 96%; margin: 1% 2%;font-size: 24px;line-height: 30px;text-align: left;}
.block02 .kpmg_marco .contenedor .tabla_listado thead tr th.tiempo {text-align:right;padding-right: 5%;}
.block02 .kpmg_marco .contenedor .tabla_listado tbody tr td.tiempo {text-align:right; padding-right: 5%;}

.block02 .kpmg{float: left;width: 40%;min-height:300px;height: auto;margin: 1% 10%;margin-left: 30%; }
.block02 .kpmg .contenedor h4{float: left; width: 96%; margin: 1% 2%;font-size: 24px;line-height: 30px;text-align: left;}
.block02 .kpmg .contenedor .tabla_listado thead tr th {text-align: left;}
.block02 .kpmg .contenedor .tabla_listado tbody tr td {text-align:left; padding-right: 17%; border-collapse: collapse;}


.block03 {float: left;width: 50%;margin: 20px 25%;}
.block03 form{float: left; width: 90%;margin: 2% 5%;}
.block03 form input{float: left;width: 32%;margin: 2% 6%;border: solid 1px #4aa0e0;line-height:25px;padding: 0 1%;}
.block03 form input[type="button"]{float: left;background: transparent;color: #4aa0e0;width: 37%;font-weight: bolder;cursor: pointer;}
.block03 form input[type="button"]:hover {color: #ffffff; background: #4aa0e0;}
.block03 form input[name="usuario"]{background-color: transparent;background-image: url('../images/quick/usuario.png');background-position: 5px;background-repeat: no-repeat;padding-left: 30px;}
.block03 form input[name="password"]{background-color: transparent;background-image: url('../images/quick/candado.png');background-position: 5px;background-repeat: no-repeat;padding-left: 30px;}
.block03 form input[name="tarjeta"]{background-color: transparent;background-image: url('../images/quick/tarjeta.png');background-position: 5px;background-repeat: no-repeat;padding-left: 40px;width: 30%}
.block03 .caja_empresa{float:left; width: 80%;margin: 1% 10%;height: 30px;border-bottom: solid 1px black;}
.block03 .caja_empresa .titulo_empresa{float: left;width: 40%;font-size: 24px; line-height: 25px;}
.block03 .caja_empresa .texto_empresa{float: right;width: 60%;font-size: 20px; line-height: 24px;}
.block03 .caja_empleado{float:left; width: 80%;margin: 1% 10%;height: 30px;border-bottom: solid 1px black;}
.block03 .caja_empleado .titulo_empleado{float: left;font-size: 24px; line-height: 25px;}
.block03 .caja_empleado .texto_empleado{float: right;width: 60%;font-size: 20px; line-height: 24px;}
.block03 .formulario{float: left; width: 100%;min-height: 40px;line-height: 40px;border: none;margin: 1% 0;background: transparent;}
.block03 .formulario form{float: left; width: 98%;margin: 1%;}
.block03 .formulario form .contenedor_reloj{float: left; width: auto;margin: 1% 17%;}
.block03 .formulario form .contenedor_reloj .flip-clock-wrapper{margin: 10px 0;}
.block03 .formulario form .presencia{float: left; width: 100%;display: none;}
.block03 .formulario form .presencia input[type="button"]{float: left;background: transparent;color: #4aa0e0;width: 30%;font-weight: bolder;margin: 2% 10%;font-size: 20px;line-height: 40px;cursor: pointer;}
.block03 .formulario form .presencia input[type="button"]:hover {color: #ffffff; background: #4aa0e0;}
.block03 .formulario form .incidencias{float: left; width: 100%;min-height: 50px;border: solid 1px #4aa0e0;margin-top: 5%;display: none;}
.block03 .formulario form .incidencias label{float: left;color: #4aa0e0;width: 30%;font-weight: medium;margin: -3% 35% 2%;font-size: 22px;line-height: 40px;text-align: center;background-color: white;z-index: 10;}
.block03 .formulario form .incidencias input[type="button"]{float: left;background: transparent;color: #4aa0e0;width: 30%;font-weight: bolder;margin: 2% 10%;font-size: 20px;line-height: 40px;border-radius: 10px;cursor: pointer;}
.block03 .formulario form .incidencias input[type="button"]:hover {color: #ffffff; background: #4aa0e0;}

.block04 {margin:10px 10px; text-align: left;}
.block04 .caja_aceptacion{float: left;width: 30%;margin: 50px 35%;}
.block04 .caja_aceptacion h2{float: left;width: 100%;font-size:24px; line-height:50px; color:#5889d6; font-weight: normal;text-align: center;}
.block04 .caja_aceptacion form{float: left; width: 98%;margin: 1%;}
.block04 .caja_aceptacion form input[type=checkbox] {float: left;margin: 5% 4%;transform: scale(2);}
.block04 .caja_aceptacion form .texto_aceptacion{float: left;line-height: 70px;font-size: 18px;}
.block04 .info_recurso{float: left;width: 30%;margin: 10px 35%;}
.block04 .info_recurso .recurso_campo{float:  left;width: 35%;font-weight: bold;font-size: 18px;line-height: 40px;margin: 5px 5% 5px 0;}
.block04 .info_recurso .recurso_valor{float: left;width: 60%;font-weight: normal;font-size: 18px;line-height: 40px;margin: 5px 0;height: 40px;}
.block04 .info_recurso .recurso_comentario{float: left;width: 60%;font-weight: normal;font-size: 18px;line-height: 40px;margin: 5px 0;min-height: 40px;}

.block06 {margin: 10px 10px; text-align: center;color: #01050d;font: 15px/33px Arial, Helvetica, sans-serif; font-size: x-large;}
.block{ margin:10px;}
.block06 .tabla{float: left; width: 100%;min-height: 40px;line-height: 40px;border: 1px solid #bbb;margin: 0;background: transparent;}

#archivo_cambio{display: none;}


/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:#333; position: fixed;bottom: 0px;width: 100%;;z-index: 1;}
.wrap-footer{}

.copyright{text-align:center; background:#333333; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }


/* -------------------------------------------- */
/* ------------------Components-------------------- */
.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}

#pagi{margin: 50px auto; padding: 30px 0px;list-style: none;width: 250px;}
#pagi li {float: left;margin-right: 10px;}
#pagi li a {display: block;    text-decoration: none; color: #717171;font: bold 16px Arial, sans-serif;padding: 10px 13px; background: #ffffff;}
#pagi li a.current, #pagi li a:hover {color: #ffffff;    background: #4AA9C3;}

.textos_cookies{background: rgba(100,100,100,0.5);position: fixed;z-index: 100;width: 100% !important;height: 100px;bottom: 0; left: 0;}
.textos_cookies .texto{float: left;width: 90%;height: 100%; color: white; font-size: 14px;}
.textos_cookies .texto h2{float: left; margin: 10px 0px 0px 200px;font-size: 20px;display: block;}
.textos_cookies .texto p{float: left;margin: 0px 0px 0px 200px;width: 70%;}
.textos_cookies .cerrar_cookies{float: left;width: 10%; height: 100%;}
.textos_cookies .cerrar_cookies img{float: left;margin: 20% 40%;cursor: pointer;}

.tabla_listado{font-size: 14px;line-height: 20px;}
.tabla_listado thead{font-weight: bolder;border-bottom: 1px solid #bbb;}
.tabla_listado tbody tr{border-bottom: 1px solid #bbb;}
.tabla_listado tbody tr.fila_responsable{font-weight: 600;}
.tabla_listado tbody tr td{line-height: 30px;}
.tabla_listado tbody tr td.grupo{font-weight: bold;}
.tabla_listado tbody tr td.click{cursor: pointer;}
.tabla_listado tbody tr td.nombre{width: 40%;}
.tabla_listado tbody tr td.celda_numero{padding: 0px 3%;text-align: right;}
.tabla_listado tbody tr td.celda_fecha{padding: 0px 1%;}
.tabla_listado tbody tr td.alinea_derecha{text-align: right;padding-right: 3%;}
.tabla_listado tbody tr td .ip_fichaje{float: left;height: 20px;cursor: pointer;font-weight: bold;}
.tabla_listado tbody tr td img{float: left; margin: 5px; height: 20px;cursor: pointer;}
.tabla_listado tbody tr td input[type="text"]{float: left;margin: 4px;text-align: center;display: none;line-height: 22px;padding: 0 5px;border: 1px solid #949494;}
.tabla_listado tbody tr td span.fichajes{float: left;width: 70px;text-align: right;display:inline-block;}
.tabla_listado tbody tr:hover{background-color: #eee;}
.tabla_listado .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.tabla_listado .tabla_accion2{font-size: 12px;padding: 0 5px;color: #cc0000;cursor: pointer;}
.tabla_listado .tabla_separador{font-size: 16px;padding: 0 5px;}

.tabla_listado_saldo{font-size: 23px;line-height: 20px;}
.tabla_listado_saldo tbody tr td{line-height: 30px;}

.tablalist tbody tr:hover{background-color: #fff;}
.pq-select-popup-cont {outline:none;}

.modalDialog {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(100,100,100,0.5);z-index: 99999;opacity:0;webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div:NOT(.modal-content) {width: 400px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #fff;/*background: -moz-linear-gradient(#fff, #eee);background: -webkit-linear-gradient(#fff, #eee);background: -o-linear-gradient(#fff, #eee);*/}
.modalDialog  > div a.button{width: 17%;height: 30px;margin: 5% 13%;text-align: center;border-radius: 10px;background: #606061;color: #FFFFFF;padding: 1% 3%;line-height: 30px}
.modalDialog  > div a.button.triple{width: 25%;height: 30px;margin: 5% 1%;text-align: center;border-radius: 10px;background: #606061;color: #FFFFFF;padding: 1% 3%;line-height: 30px;text-transform: none;}
.buttonmodalDialog {margin: 5px 0;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}
.textomodalDialog {width: 15%; margin: 4px;text-align: center;display: inline-block;line-height: 22px;padding: 0 5px;border: 1px solid #949494;}
.close {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;cursor: pointer;}
.close:hover { background: #00d9ff; }

.modalDialog .divActualizaciones {width: 400px;height: 300px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #fff;background: -moz-linear-gradient(#fff, #eee);background: -webkit-linear-gradient(#fff, #eee);background: -o-linear-gradient(#fff, #eee);}
.modalDialog .divActualizaciones .buttonmodalActualizaciones {padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;bottom: 5%;right: 5%;position: absolute;}
.modalDialog .divActualizaciones .textoActualizaciones{overflow: hidden; height: 80px; max-height: 80px; inline-size: 400px; overflow-wrap: break-word;}
.modalDialog .divActualizaciones .divImagen {display: flex; justify-content: center}
.modalDialog .divActualizaciones .imgActualizaciones {top: 0;left: 0;right: 0;bottom: 15%;margin: auto;display: inline-block;width: auto;height: auto;max-width: 350px;max-height: 180px;}
.modalDialog .divActualizaciones .checkboxActualizaciones { vertical-align:middle;bottom: 7%;left: 5%;position: absolute; }
.modalDialog .divActualizaciones .labelActualizaciones { vertical-align:middle;bottom: 5%;left: 10%;position: absolute; }
.modalDialog .divActualizaciones .anterior {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: 430px;top: 50%;text-align: center;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;cursor: pointer;}
.modalDialog .divActualizaciones .siguiente {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;left: 430px;top: 50%;text-align: center;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;cursor: pointer;}


.modalDialogEncuesta {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(100,100,100,0.5);z-index: 99999;opacity:0;webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialogEncuesta > div {padding: 0;}

.ventana_notificaciones {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(100,100,100,0.5);z-index: 99998;opacity:0;webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.ventana_notificaciones:target {opacity:1;pointer-events: auto;}
.ventana_notificaciones > div {width: 800px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #fff;background: -moz-linear-gradient(#fff, #eee);background: -webkit-linear-gradient(#fff, #eee);background: -o-linear-gradient(#fff, #eee);}
.ventana_notificaciones > div h2 {width: 100%;height: 30px;cursor: pointer;}
.ventana_notificaciones > div p {width: 100%;height: 40px;/*cursor: pointer; */}
.ventana_agenda {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(100,100,100,0.5);z-index: 99998;opacity:0;webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.ventana_agenda:target {opacity:1;pointer-events: auto;}
.ventana_agenda > div {width: 900px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #fff;background: -moz-linear-gradient(#fff, #eee);background: -webkit-linear-gradient(#fff, #eee);background: -o-linear-gradient(#fff, #eee);}
.ventana_agenda > div h2 {width: 100%;height: 30px;}
.ventana_agenda > div p {width: auto;height: 40px;}
.ventana_rgpd {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(100,100,100,0.5);z-index: 99998;opacity:0;webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.ventana_rgpd {opacity:1;pointer-events: auto;}
.ventana_rgpd > div {width: 800px;position: relative;margin: 10% auto;border-radius: 10px;background: #fff;/*padding: 5px 20px 13px 20px;background: -moz-linear-gradient(#fff, #eee);background: -webkit-linear-gradient(#fff, #eee);background: -o-linear-gradient(#fff, #eee);*/}
.ventana_rgpd > div h2 {width: 100%;height: 30px;}
.ventana_rgpd > div p {width: auto;height: auto;margin: 1%;}
.ventana_rgpd > div p.resaltar {text-align:center;font-weight: bold;}
.ventana_rgpd > div a.button{width: 10%;height: 30px;margin: 5% 16%;text-align: center;border-radius: 10px;background: #606061;color: #FFFFFF;padding: 1% 3%;line-height: 30px}
.close_not {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;cursor: pointer;}
.close_not:hover { background: #00d9ff; }
.mark_all {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: 50px;text-align: center;top: -10px;width: auto;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;cursor: pointer;padding: 0 5px;}
.mark_all:hover { background: #00d9ff; }
.caja_cal_ev{float: left;width: 20px;height: 20px;border-radius: 50%;margin: 5px 10px;}

/*---------------CSS seguimiento-----------*/
canvas {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
/*.block02  .seguimiento{float: left;width: 73%;margin: 1%;}*/
.block02  .seguimiento{float: left;width: 100%;margin: 1%;}
.block02  .seguimiento .titulo{float: left;width: 100%;margin: 0px;text-align: center;line-height: 64px;font-size: 20px;color: #494949;}
.block02  .seguimiento .week{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;color: #090909;}
.block02  .seguimiento .week .previous{font-size: 14px;text-align: right;margin-right:10%;cursor: pointer;}
.block02  .seguimiento .week .next{font-size: 14px;text-align: left;margin-left:10%;cursor: pointer;}
.block02  .seguimiento .month{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;color: #090909;}
.block02  .seguimiento .month .previous{font-size: 14px;text-align: right;margin-right:10%;cursor: pointer;}
.block02  .seguimiento .month .next{font-size: 14px;text-align: left;margin-left:10%;cursor: pointer;}

.block02  .seguimiento .week .previous_title{font-size: 14px;text-align: right;margin-right:12%;font-weight: bold;}
.block02  .seguimiento .week .next_title{font-size: 14px;text-align: left;margin-left:12%;font-weight: bold;}

/*-- Css highcharts ---*/
.highcharts-figure, .highcharts-data-table table {min-width: 320px; max-width: 800px;margin: 1em auto;}
.highcharts-data-table table {font-family: Verdana, sans-serif;border-collapse: collapse;border: 1px solid #EBEBEB;margin:5px;text-align: center;width: 100%;max-width: 500px;}
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em;color: #555;}
.highcharts-data-table th {font-weight: 600;padding: 0.5em;}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {padding: 0.5em;}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {background: #f8f8f8;}
.highcharts-data-table tr:hover {background: #f1f7ff;}

/*-- Css Tooltip--*/
.tooltip {
  position: relative;
  float:right;
  display: inline-block;
  color: #fff;
  margin: 2px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/**nota: caso especial para los tooltips para planos de reservas de puesto. cambio general*/
#divisor_plano div .tooltip .tooltiptext {
	bottom: 10%;
	width: 170px;
	z-index: 1000;
}

#divisor_plano div .tooltip .tooltiptext::after {
  display:none;
}

.divisor_plano .tooltip .tooltiptext::after {
  display:none !important;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*Calendario de reservas de puesto*/

.calendar_header {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 40%;
}

.calendar_header h1{
  font-size: 1.5em;
  color:#5889d6;
  font-weight:bold;
  width: 100%;
}
.calendar_header h2{
  font-size: 1.0em;
  color:#848484;
  font-weight:bold;
}

.calendar_header h2:hover{
  color:#5889d6;
  cursor: pointer;
}

.calendar_tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #f9f9f9;
  color: #666;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  box-shadow: 1px 2px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  
}

.calendar_tooltip:hover .tooltiptext {
  visibility: visible;
}

#calendar-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#calendar {
  width: 90%;
  height: 90%;
  line-height: 100%;
}

#calendar a {
  color: #f5f5f5;
  text-decoration: none;
}

#calendar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#calendar li {
  display: block;
  float: left;
  width: 14%;
  padding: 5px;
  box-sizing: border-box;
  margin-right: -1px;
  margin-bottom: -1px;
}

#calendar ul.weekdays {
  height: 40px;
  border-bottom: 1px solid #7797cb;
}

#calendar ul.weekdays li {
  text-align: center;
  line-height: 20px;
  border: none !important;

  padding: 10px 6px;
  color:#5889d6;
  font-size: 14px;
}

#calendar .days li {
  height: 145px;
} 

#calendar .days li:hover {
  background:#e0e0e0;
}

#calendar .days li:active{
  background:#999;
}

#calendar .days li[data-status="deselected"]{
  background:#fff!important;
}

/*diponibilidad*/

#calendar .days li[data-availability="empty"]:active,#calendar .days li[data-hour_availability="empty"]:active{
  background:#999;
}

#calendar .days li[data-availability="minimum"]:active,#calendar .days li[data-hour_availability="minimum"]:active{
  background:#fd6389;
}

#calendar .days li[data-availability="half"]:active,#calendar .days li[data-hour_availability="half"]:active{
  background:#ffbc41;
}

#calendar .days li[data-availability="almost_full"]:active,#calendar .days li[data-hour_availability="almost_full"]:active{
  background:#dcdc91;
}

#calendar .days li[data-availability="full"]:active,#calendar .days li[data-hour_availability="full"]:active{
  background:#6fbfa5;
}

#calendar .days li[data-status="selected"][data-availability="full"],#calendar .days li[data-status="selected"][data-hour_availability="full"]{
  background:#cbeae0;
}

#calendar .days li[data-type="initial_selected"][data-availability="full"],#calendar .days li[data-type="initial_selected"][data-hour_availability="full"]{
  background-image: url("../images/flecha_inicial2_verde.png")!important;
}

#calendar .days li[data-type="final_selected"][data-availability="full"],#calendar .days li[data-type="final_selected"][data-hour_availability="full"]{
  background-image: url("../images/flecha_final2_verde.png")!important;
}

#calendar .days li[data-status="selected"][data-availability="almost_full"],#calendar .days li[data-status="selected"][data-hour_availability="almost_full"]{
  background:#f2f2d8;
}

#calendar .days li[data-type="initial_selected"][data-availability="almost_full"],#calendar .days li[data-type="initial_selected"][data-hour_availability="almost_full"]{
  background-image: url("../images/flecha_inicial2_amarrilla.png")!important;
}

#calendar .days li[data-type="final_selected"][data-availability="almost_full"],#calendar .days li[data-type="final_selected"][data-hour_availability="almost_full"]{
  background-image: url("../images/flecha_final2_amarilla.png")!important;
}

#calendar .days li[data-status="selected"][data-availability="half"],#calendar .days li[data-status="selected"][data-hour_availability="half"]{
  background:#ffe4b4;
}

#calendar .days li[data-type="initial_selected"][data-availability="half"],#calendar .days li[data-type="initial_selected"][data-hour_availability="half"]{
  background-image: url("../images/flecha_inicial2_naranja.png")!important;
}

#calendar .days li[data-type="final_selected"][data-availability="half"],#calendar .days li[data-type="final_selected"][data-hour_availability="half"]{
  background-image: url("../images/flecha_final2_naranja.png")!important;
}

#calendar .days li[data-status="selected"][data-availability="minimum"],#calendar .days li[data-status="selected"][data-hour_availability="minimum"]{
  background:#ffdbe4;
}

#calendar .days li[data-type="initial_selected"][data-availability="minimum"],#calendar .days li[data-type="initial_selected"][data-hour_availability="minimum"]{
  background-image: url("../images/flecha_inicial2_roja.png")!important;
}

#calendar .days li[data-type="final_selected"][data-availability="minimum"],#calendar .days li[data-type="final_selected"][data-hour_availability="minimum"]{
  background-image: url("../images/flecha_final2_roja.png")!important;
}

#calendar .days li[data-status="selected"][data-availability="empty"],#calendar .days li[data-status="selected"][data-hour_availability="empty"]{
  background:#ececec;
}

#calendar .days li[data-type="only_day_selected"]{
  border-radius: 60px;
}

#calendar .date {
  text-align: center;
  margin-bottom: 5px;
  padding: 4px;
  background: #24b888;
  color: #fff;
  width: 20px;
  border-radius: 50%;
  float: right;
}

#calendar .date a:visited{
	color: #fff;
}

/*diponibilidad de puestos*/
#calendar .date[data-availability="empty"],#calendar .date[data-hour_availability="empty"]{
  background: #848484;
}

#calendar .date[data-availability="minimum"],#calendar .date[data-hour_availability="minimum"]{
  background: #f71950;
}

#calendar .date[data-availability="half"],#calendar .date[data-hour_availability="half"]{
  background: orange;
}

#calendar .date[data-availability="almost_full"],#calendar .date[data-hour_availability="almost_full"]{
  background: #cece20;
}

#calendar .other-month .date {
  background: #848484;
}

#calendar .event {
  clear: both;
  display: block;
  /*font-size: 13px;*/
  font-size: 12px;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 2px;
  /*line-height: 14px;*/
  line-height: 12px;
  background: #fff;
  border: 1px solid #c1d6f8;
  color: #009aaf;
  text-decoration: none;
}

.calendar .event {
  clear: both;
  display: block;
  font-size: 13px;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 2px;
  line-height: 14px;
  background: #f2f2f2;
  border: 1px solid #c1d6f8;
  color: #009aaf;
  text-decoration: none;
}

.calendar .event-desc {
  color: #666;
  text-decoration: none;
}

#calendar .event-desc {
  color: #666;
  text-decoration: none;
}

#calendar .event-overflow {
  clear: both;
  display: block;
  width: 30px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0px;
  margin: 0px;
  line-height: 12px;
  background: #fafcfc;
  border: 1px solid #c1d6f8;
  color: #009aaf;
  text-decoration: none;
}

#calendar .event-plus-button {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}

#calendar .event-plus-button a{
  color: #666;
}

#calendar .event-plus-button:hover{
  border-radius: 4px;
  background: #f2f2f2;
  cursor: pointer;
  color: #666;
}

#calendar .event-plus-button:active{
  border-radius: 4px;
  background:#fff;
  cursor: pointer;
  color: #666;
}

#calendar .other-month {
  background: #f5f5f5;
  color: #666;
}

/* ============================
       Optimitation
   ============================*/

#calendar .days li[data-type="initial_selected"][data-availability="minimum"],
#calendar .days li[data-type="initial_selected"][data-availability="half"],
#calendar .days li[data-type="initial_selected"][data-availability="almost_full"],
#calendar .days li[data-type="initial_selected"][data-availability="full"]{
  background-repeat: no-repeat;
  background-size: 155px;
}

#calendar .days li[data-type="final_selected"][data-availability="minimum"],
#calendar .days li[data-type="final_selected"][data-availability="half"],
#calendar .days li[data-type="final_selected"][data-availability="almost_full"],
#calendar .days li[data-type="final_selected"][data-availability="full"]{
  background-repeat: no-repeat;
  background-size: 155px;
  background-position-x: right;
}

#calendar .days li[data-type="initial_selected"][data-availability="minimum"] .event,
#calendar .days li[data-type="final_selected"][data-availability="minimum"] .event,
#calendar .days li[data-type="initial_selected"][data-availability="half"] .event,
#calendar .days li[data-type="final_selected"][data-availability="half"] .event,
#calendar .days li[data-type="initial_selected"][data-availability="almost_full"] .event,
#calendar .days li[data-type="final_selected"][data-availability="almost_full"] .event,
#calendar .days li[data-type="initial_selected"][data-availability="full"] .event,
#calendar .days li[data-type="final_selected"][data-availability="full"] .event{
  background:none;
}

/* Extra elements of calendar*/

.click_list_calendar_tr[data-estado="selected"]{
	background: #5889d6!important;
	color: #fff!important;
}

.click_list_calendar_tr:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}

.arrow-before {
    width:0px;
    height:0px;
    border-left: 6px solid transparent;  /* izquierda flecha */
    border-right: 6px solid transparent; /* derecha flecha */
    border-top: 6px solid black; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    top: 0px;
    left: -33px;
    position: relative;
}
.arrow-after {
    width:0px;
    height:0px;
    border-left: 6px solid transparent;  /* izquierda flecha */
    border-right: 6px solid transparent; /* derecha flecha */
    border-top: 6px solid #9e9e9e; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    top: -1px;
    left: -45px;
    position: relative;
    z-index: 100;
}

.modal-update {
    margin-bottom: 0px !important;
}

.modal-update input[type="text"], .modal-update input[type="time"] {
    display: inline-block !important;
    float: none !important;
    text-align: left !important;
    line-height: 22px !important;
    margin: 0 15px 0 0 !important;
}

.modalUpdateH {
    background-color: rgba(0,0,0,.8);
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:-60px;
    opacity:0;
    pointer-events:none;    
}

.ventana-update {
    background-color:#9e9e9e;
    width:772px;
    padding: 15px 25px 25px;
    position: relative;  
    border-radius: 6px;
    color: #FFF;
    height: 70px;
    margin: 0 auto!important;
    top: 50%;
}

/*CSS PARTES*/
.formularioTrab .label_partes{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.formularioTrab .input_partes{float: left;margin: 5px;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;}
.formularioTrab .textarea_partes{line-height: initial;margin: 5px;}
.formularioTrab .boton_fichar{padding: 10px 20px;color: #949494;background: white;border: 1px solid #5889d6;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 10px;}
.formularioTrab .boton_fichar:HOVER{background-color: #5889d6;color: white;}
.formularioTrab .boton_fichar:DISABLED{background-color: grey !important;color: white !important;border: 1px solid}
.instalacion{float: left;width: 100%;margin: 0;}
.detalle_inst{float: left;width: 100%;margin: 0;display: none;}
.prl_inst{float: left;width: 100%;margin: 0;display: none;}
.comentario{float: left;width: 100%;margin: 0;display: none;}
.solucion_inst{float: left;width: 100%;margin: 0;display: none;}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-weight: 600;
  line-height: 30px;
}
.cerrarTrabajo{
	background-color: #F16345;
  color: #FFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  margin: 20px 0 20px 0;
  outline: none;
  font-size: 25px;
  transition: 0.4s;
}
.cerrarTrabajo:hover{
	background-color: #BA371B;
}
.active, .accordion:hover {
  background-color: #ccc!important; 
}
.grupo_evidencia input[type="number"]{
 	width: 50px !important;
}
.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}
.flag_obligatorio{
	width:100px !important;
}
.botonRellena{
	float: left;margin: 10px;padding: 5px 15px;color: #666;background-color: white;border: 1px solid #5889d6;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 3px;
}
.botonRellenaCancelar{
	float: left;margin: 10px;padding: 5px 15px;color: #666;background-color: white;border: 1px solid #F16345;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 3px;
}
.botonRellenaCancelar:hover{
	background-color: #BA371B;
	color: white;
}
.botonRellena:hover{
	background-color: #5889d6;
	color: white;
}
.botonRellena:disabled{
	background: rgb(221,221,221);border: 1px solid #bbb;
	color: black;
}
.botonVerImagen{
	float: left;padding: 5px 15px;margin: 10px;color: #666;background-color: white;border: 1px solid #5889d6;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 3px;

}
.botonVerImagen i{
	padding: 4px;
}
.botonVerImagen:hover{
	background-color: #5889d6;
	color: white;
}
/*canvas firma*/
.firma{
    align-items: center;
    justify-content: center;
    background: #ececec;
    overflow: hidden;
}
.firma .flex-row {
    display: flex;
	padding: 10px;
}
.firma.wrapper {
    border: 1px solid #978B7F;
}
.firma canvas#signature-pad {
    background: #fff;
    width: 100%;
    cursor: crosshair;
    border: 1px solid #978B7F;
}
.firma button#empezar {
    height: 100%;
    background: #02AC66;
    border: 1px solid #5889d6;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    max-width: 50px;
}
.firma button#empezar span {
    transform: rotate(90deg);
    display: block;
}
.firma button#clear {
    height: 100%;
    background: #5889d6;
    border: 1px solid #5889d6;
    color: #fff;
    cursor: pointer;
     max-width: 50px;
}
.firma button#clear:hover{
    background: #3064b2;
}
.firma button#clear span {
    transform: rotate(90deg);
    display: block;
    
}
/*Nuevos css para botones y popUp ayuda*/
/*POPUP IMAGE*/


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
#caption1 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.closePartes {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closePartes:hover,
.closePartes:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.closeIOS{
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closeIOS:hover,
.closeIOS:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.close1 {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close1:hover,
.close1:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/*Nuevo form modal ayuda index*/
.modal_form{height:auto; width: auto !important;background-color:white !important;border-radius:8px;padding:20px 30px;position:relative}
.modal_input{width:100% !important;box-sizing:border-box;background:none;outline:none;resize:none;border: none !important;transition:all .3s;border-bottom:1px solid #bebed2 !important}
.modal_input_IOS{width:100% !important;box-sizing:border-box;background:none;outline:none;resize:none;border: 1px solid #bebed2 !important;}
.modal_btn_contraseña{width: 100%;padding:8px 12px;margin:8px 0 0;background-color: green;border:2px solid #4e9a06;background:0;color:#4e9a06;}
.modal_btn_tarjeta{width: 100%;padding:8px 12px;margin:8px 0 0;background-color: #ef2929;border:2px solid #cc0000;background:0;color:#cc0000;}
.modal_btn_enviar{width: 100%;padding:8px 12px;margin:8px 0 0;background-color: blue;border:2px solid #3465a4;background:0;color:#3465a4;}
.modal_btn_sesion_IOS{width: 50%; padding:12px 8px;margin:8px 0 0;background-color: black;border-radius: 10px; color: white; border: none;font-size: 18px;}

/*modulo asambleas*/
.caja_todo{
	width: 100%;
	height: 100%;
	max-height: 100vh;
	float: left;
}
.item_caja{
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 15px;
}
.asamblea_caja{
	width: 100%;
	height: 10vh;
	max-height: 100vh;
	float: left;}
.personas_caja{
	width: 40%;
	height: 90vh;
	max-height: 100vh;
	float: left;
}
.fisicas_caja{
	width: 100%;
	max-height: 100vh;
	float: left;
	overflow-y: auto;
}
.juridicas_caja{
	width: 100%;
	max-height: 100vh;
	float: left;
	overflow-y: auto;
}
.asistencias_caja{
	width: 60%;
	height: 90vh;
	max-height: 100vh;
	float: left;
	overflow-y: auto;
}
.titulo_def{
	font-weight: 600;
}

.block02 .tabla .calendario_cursos{float: left;width: 100%;margin: 1%;}
.block02 .tabla .calendario_cursos .week{float: left;width: 100%;margin: 0px;text-align: center;line-height: 24px;font-size: 20px;}
.block02 .tabla .calendario_cursos .week .previous{font-size: 24px;text-align: right;margin-right:10%;cursor: pointer;}
.block02 .tabla .calendario_cursos .week .next{font-size: 24px;text-align: left;margin-left:10%;cursor: pointer;}
.block02 .tabla .calendario_cursos .semana{float: left;width: 98%;margin: 1%;height:auto;min-height: 380px;}
.block02 .tabla .calendario_cursos .semana .tabla_semana{float: left;width: 100%;margin: 0px;border-spacing: 5px;border-collapse: separate;border: 1px;}
.block02 .tabla .calendario_cursos .semana .tabla_semana thead tr th{float: left;width: 10%;height:40px;text-align: center;padding: 10px; font-size: 11px; background: #5889d6; color: #FFF;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr td{float:left;width: 9.80%;line-height:40px;text-align: center;padding: 10px;font-size: 11px;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr td input{ float: none;}
/**  fila par **/
.fila_par{background-color:#ddd;  border: 1px solid #FFFFFF;}


/*.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr:nth-child(even){background: #ddd; width: 11%}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr:nth-child(odd){background: #fff;}*/

/***  electivas y no electivas***/

.block02 .tabla .calendario_cursos .semana{float: left;width: 100%;margin: 0%;height:auto;min-height: 380px;}
.block02 .tabla .calendario_cursos .semana .tabla_semana thead tr th{float: left;width: 9%;height:40px;text-align: center;padding: 7px; font-size: 11px; background: #5889d6; color: #FFF;}
.block02 .tabla .calendario_cursos .semana .tabla_semana thead tr .franjas{float: left;width: 13%;height:40px;text-align: center;padding: 7px; font-size: 11px; background: #5889d6; color: #FFF;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr td{float: left;width: 9%;height:40px;text-align: center;padding: 8.2px;font-size: 11px;line-height:40px;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr .franjas{float: left;width: 13%;height:40px;text-align: center;padding: 8.2px;font-size: 11px;line-height:40px;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr .franjas .item_elemento{margin-right: 0;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr .franjas .item_elemento p{font-size: 15px !important;margin: 0;}
.block02 .tabla .calendario_cursos .semana .tabla_semana tbody tr .btn_delete{color: #e53434;font-size: 18px;font-weight: 600;}

.modalDialog .divContacto {width: 400px;height: 300px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #fff;background: -moz-linear-gradient(#fff, #eee);background: -webkit-linear-gradient(#fff, #eee);background: -o-linear-gradient(#fff, #eee);}
.modalDialog .divContacto .buttonmodalActualizaciones {padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;bottom: 5%;right: 5%;position: absolute;}
.modalDialog .divContacto .textoActualizaciones{overflow: hidden; height: 80px; max-height: 80px; inline-size: 400px; overflow-wrap: break-word;}
.modalDialog .divContacto .divImagen {display: flex; justify-content: center}
.modalDialog .divContacto .imgActualizaciones {top: 0;left: 0;right: 0;bottom: 15%;margin: auto;display: inline-block;width: auto;height: auto;max-width: 350px;max-height: 180px;}
.modalDialog .divContacto .checkboxActualizaciones { vertical-align:middle;bottom: 7%;left: 5%;position: absolute; }
.modalDialog .divContacto h1{
	font-size: 20px; margin: 20px; font-weight: 600;text-align: center;
}
.modalDialog .divContacto .item_elemento{
	 margin: 30px 20px; 
}
.formulario_dial_cont div{
	float: left;
}
.formulario_dial_cont p{
	margin: 20px;
}
.formulario_dial_cont select{
	padding:3px 10px;
	border:1px solid #d3d7cf;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:0 15px;
}
.emision_bt .item_elemento input{float: left;margin: 5px;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;}
.emision_bt .item_elemento input[type="number"]{width: 100px;text-align: right;}
.emision_bt .item_elemento select{float: left;margin: 5px;padding: 3px;border: 1px solid #bbb;line-height: 20px; font-size: 12px;width: 250px;}

.block02 .formulario form .tabla{border: none;}
.block02 .formulario form .tabla .table_form tr:hover {background-color: #eee;}
.block02 .formulario form .tabla .table_form tr {border-bottom: 1px solid #bbb;}

.dialogInput{margin-left: 15px;border: 1px solid grey;}

.block02 .formulario form .item_elemento .contenido-select-empresas{display: none;position: absolute;background-color: #f6f6f6;min-width: 287px;max-width: 287px;max-height: 200px;margin-top: 33px;margin-left: 86px;overflow: auto;border: 1px solid #ddd;z-index: 1;}
.block02 .formulario form .item_elemento .contenido-select-empresas a{color: black;padding: 3px;text-decoration: none;display: block;line-height: 30px}
.block02 .formulario form .item_elemento .contenido-select-empresas a:hover{background-color: #ddd;cursor: pointer;}
.block02 .formulario form .item_elemento .contenido-select-empleados{display: none;position: absolute;background-color: #f6f6f6;min-width: 287px;max-width: 287px;max-height: 200px;margin-top: 33px;margin-left: 80px;overflow: auto;border: 1px solid #ddd;z-index: 1;}
.block02 .formulario form .item_elemento .contenido-select-empleados a{color: black;padding: 3px;text-decoration: none;display: block;line-height: 30px}
.block02 .formulario form .item_elemento .contenido-select-empleados a:hover{background-color: #ddd;cursor: pointer;}
.block02 .formulario form .item_elemento .show{display: block;}
.ocultar {
  display: none;
}


/* Estilos de Visualpresencia 2.5 */
div#logoCabecera{
  display: none !important;
}
.divider {
  width: 2px;
  background-color: #000;
}
.cardsIndex{
  margin: 0 auto;
}
.cardWidget {
  position: relative;
}
.cardWidget_title {
  border-bottom: 1px solid #2C2554;
}
.cardsWidth1{
  width: 32%;
  transition: transform 0.3s;
}
.cardsWidth2{
  width: 66%;
  transition: transform 0.3s;
}
.cardsWidth1:hover,.cardsWidth2:hover{
  transform: scale(1.01);
}
.cardsWidth1 div.cardWidget_row{
  margin-top: 0 !important;
  flex-direction: column;
  border-bottom: none;
}

.cardsWidth2 div.cardWidget_row{
  flex-direction: inherit;
  /*border-bottom: 1px solid #6D6D6D;*/
}
.cardsWidth1 div.cardWidget_item{
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #6D6D6D;
}
.cardsWidth1 div.cardWidget_itemMenu{
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #6D6D6D;
}
.cardsWidth1 div.cardWidget_item.widgetUltimaFila:last-child{
  border-bottom: 1px solid #6D6D6D;
}
.cardsWidth1 #dropdown-leyenda,.cardsWidth2 #dropdown-leyenda{
  padding: 10px;
  width: 100%;
  transform: translate(0px, 59px) !important;
}
.cardsWidth1 #dropdown-leyenda div{
justify-content: start;
}
.cardsWidth2 div.cardWidget_item{
  width: 33%;
  height: 80px;
  border-bottom: 1px solid #6D6D6D;
}
.cardsWidth2 div.cardWidget_itemMenu{
  width: 30%;
  height: 80px;
  border-bottom: 1px solid #6D6D6D;
}
.cardsWidth2 div.cardWidget_item.widgetUltimaFila{
  border-bottom: none;
}
.cardWidget_item2{
  width: 90%;
  border-bottom: 1px solid #6D6D6D;
}
.cardWidget_item2_row{
  border-bottom: 1px solid #6D6D6D;
  padding: 20px 0;
}
.cardWidget_row{
  color: #000000;
}
.cardsWidth1 table.dias_mes div.contenidoCalendarWidget{
  width: 3rem !important;
}
.cardsWidth2 table.dias_mes div.contenidoCalendarWidget{
  width: 6rem !important;
}
.cardNoticias{
  display: flex;
  row-gap: 10px;
  column-gap: 15px;
  flex-wrap: wrap;
}
.cardNoticiasItems:first-child{
  width: 100%;
}
.cardNoticiasItems{
  flex-basis: 23%;
  flex-grow: 1;
}

.cardsWidth1 .cardWidget_row  .cardNoticiasItems{
  width:100%;
}
.cardNoticiasItems img{
  width: 100%;
  height: 150px;
}
.sortable{
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  row-gap: 20px;
  column-gap: 20px;
  padding: 1.2rem;
}
.DISC .sortable{
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  row-gap: 0px;
  column-gap: 20px;
  padding: 1.2rem;
}
.sortable div .card {
    cursor: move;
}

.sortable div.chosen .card {
    transform: scale(1.02), rotate(-10deg);
    box-shadow: 0px 0px 20px #ccc;
    background-color: #dadada;
}

.sortable div.ghost .card {
    opacity: 0.4;
}

.sortable div.drag .card {
    background-color: black;
}
.sortableBtn{
  width: 100%;
}

.handle {
  cursor: grab;
}
.corner-button {
  position: absolute;
  top: -15px;
  left: -15px;
  line-height: 1;
  border-radius: 50%; /* Hace que el botón sea completamente redondo */
  background-color: white; /* Fondo blanco */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Efecto de sombra */
  width: 30px; /* Ajusta el ancho del botón */
  height: 30px; /* Ajusta la altura del botón */
  color: black;
  font-size: 14px;
  transition: all 0.3s; /* Agrega una transición suave */
}
.corner-button:hover {
  width: 35px; /* Ajusta el ancho del botón */
  height: 35px;
  color: red; /* Cambia el color del texto a rojo */
  font-size: 24px; /* Aumenta el tamaño del texto en 10px */
}
.constant-tilt-shake {
    animation: tilt-shaking 0.3s infinite;
    -webkit-animation: tilt-shaking 0.3s infinite;
    cursor:grab;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(.5deg); -webkit-transform: rotate(.5deg); -moz-transform: rotate(.5deg); -ms-transform: rotate(.5deg); -o-transform: rotate(.5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-.5deg); -webkit-transform: rotate(-.5deg); -moz-transform: rotate(-.5deg); -ms-transform: rotate(-.5deg); -o-transform: rotate(-.5deg); }
  100% { transform: rotate(0deg); }
}
.cabeceraWidgetBody{
  border-radius: 10px;
  background: #FFF;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.cabeceraWidgetIcon{
  width: 60px;
    display: flex;
    justify-content: center;
    height: 60px;
    align-items: center;
    border-radius: 100%;
    border: 1px solid;
    box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s;
}
.cabeceraWidgetIcon:hover{
  transform: scale(1.08);
}
.leyendaActive{
  background-color: #2C2554 !important;
  color: #fff;
}

div.cards_header {
  height: 70px !important;
}
div.card_width_button{
  width:20%;
}
div.card_width_filtros{
  width:70%;
}
div.card_width_export{
  width:10%;
}
.accion_multiple{
  border: 1px solid;
}

/* Contenedor checbox */
.container_check,.container_radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Resetear checkbox */
.container_check input, .container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* checkbox nuevo */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #FFF;
  border: 1px solid #ccc;
}

.checkmark_radio{
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #FFF;
  border: 1px solid #ccc;
  border-radius: 50%;
}


.container_check:hover input ~ .checkmark, .container_radio:hover input ~ .checkmark_radio {
  background-color: #ccc;
}

/* checkbox Activado */
.container_check input:checked ~ .checkmark, .container_radio input:checked ~ .checkmark_radio {
  background-color: #2BD47D;
  border: none;
}

.checkmark:after,.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}


.container_check input:checked ~ .checkmark:after,.container_radio input:checked ~ .checkmark_radio:after {
  display: block;
}

/* Indicador del checkbox */
.container_check .checkmark:after{
  left: 5px;
  top: 1px;
  width: 7px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.container_radio .checkmark_radio:after{
  top: 5px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;

}
#ver_elemento{
  margin: 0%;
}



.input_group {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 18px;

}

.input_field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #707070;
  outline: 0;
  font-size: 13px;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  z-index: 1;
}
input.placeholder::placeholder{
  color: #000;
  z-index: 5;
  text-align: right;
}
.input_field[type ="time"]{
  padding: 7px 0 5px 0;
}
.input_field[type="number"]::-webkit-inner-spin-button,
.input_field[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none; 
  margin: 0; 
}
.input_field[type="number"]::-webkit-outer-spin-button{
  -moz-appearance:textfield;
}
.input_field::placeholder {
  color: transparent;
}
.input_field:placeholder-shown ~ .input_label {
  font-size: 13px;
  cursor: text;
  top: 20px;
}
.input_field:placeholder-shown ~ .input_label_form {
  font-size: 13px;
  cursor: text;
  top: 0px;
}
div.formularioFiltro .input_field:placeholder-shown ~ .input_label {
  font-size: 13px;
  cursor: text;
  top: -25px;
}
.divDatatable th{
  font-weight: bold !important;
}
.input_label {
  position: absolute;
  top: 0px;
  display: block;
  transition: 0.2s;
  font-size: 13px;
  color: black;
  font-weight: 400;
}
div.formularioFiltro .input_label {
  position: absolute;
  top: -25px;
  display: block;
  transition: 0.2s;
  font-size: 13px;
  color: black;
  font-weight: 400;
}
.input_label_form, .input_label_form_filtro {
  position: absolute;
  top: -15px;
  display: block;
  transition: 0.2s;
  font-size: 13px;
  color: black;
}

.force.input_label_form,.force.input_label_form_filtro,.force.input_label_file,.force_textarea {
  /* color: red; */
  font-weight: bold;
}
.force-red {
  color: red;
}
/*input:invalid {
  color: red;
}*/

.input_label_form_filtro{
  top: -30px;
}
.input_field:focus{
  padding-bottom: 6px;
  font-weight: 500;
  border-width: 2px;
  border-image: linear-gradient(to right, #2C2554, #2C2554);
  border-image-slice: 1;
}
.input_icon{
  border: 0;
  border-bottom: 1px solid #707070;
}
.input_field:focus ~ .input_icon {
  padding-bottom: 6px;
  font-weight: 500;
  border-width: 2px;
  border-image: linear-gradient(to right, #2C2554, #2C2554);
  border-image-slice: 1;
}
.input_field:focus ~ .input_label {
  position: absolute;
  top: 0px;
  display: block;
  transition: 0.2s;
  color: #2C2554;
  font-weight: 500;
}
.input_field:focus ~ .input_label_form {
  position: absolute;
  top: -15px;
  display: block;
  transition: 0.2s;
  color: #2C2554;
  font-weight: 500;
}
div.formularioFiltro .input_field:focus ~ .input_label {
  position: absolute;
  top: -25px;
  display: block;
  transition: 0.2s;
  color: #2C2554;
  font-weight: 500;
}


/* reset input */
.input_field:required, .input_field:invalid {
  box-shadow: none;
}

.filtro_empleado_form{
  height: 26px;
}
.filtro_empleado_form label{
  top: -20px!important;
}
.filtro_empleado_form .input_icon{
  margin-top: -10px !important;
}
div#loading div.row{
  float: left;
  width: 50%;
  margin: 15% 26%;
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.active_tab{
  border-bottom: 2px solid #2C2554 ;
  color: #2C2554;
}

.inactive_tab:hover{
  border-bottom: 2px solid #BABABA ;
}
/*.textos_cookies{
width: 95%!important;
} */
.btn_login, input.btn_login{
  background-color:#2C2554 ;
  border: 1px solid #2C2554;
  transition: 0.3s;
}

.btn_login:hover, input.btn_login:hover{
  background-color: #FFF;
  border: 1px solid #2C2554;
  color: #000;
}
div#ui-datepicker-div{
  z-index: 51!important;
}
.active-submenu{
  background-color: #cccccc59 !important;
}
.selector_empresas {
  margin-bottom: -4px;
}
.selector_empresas select{
  width: 200px;
  background-repeat: no-repeat;
  border-bottom: 1px solid;
  background-clip: padding-box;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0 center;
  background-size: 16px 16px;
  outline: none;
}
.selector_form{
  width: 25%;
  margin-top: -10px;
}
.selector_form select{
  background-repeat: no-repeat;
  border-bottom: 1px solid;
  background-clip: padding-box;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0 center;
  background-size: 16px 16px;
  height: 36px;
  outline: none;
  padding-left: 5px;
}
.selector_idiomas{
  margin-bottom: 9px;
}
.selector_idiomas select{
  width: 40px;
  font-size: 16px;
  border-bottom: 1px solid;
  background-repeat: no-repeat;
  background-clip: padding-box;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0 center;
  background-size: 16px 16px;
  outline: none;
}

.div_icon_calendar, .div_icon_time{
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: right 0 center;
}
.div_icon_calendar{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M11 12h6v6h-6z'></path><path d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.001 16H5V8h14l.001 12z'></path></svg>");
}
.div_icon_time{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'></path><path d='M13 7h-2v6h6v-2h-4z'></path></svg>");
}
.div_icon_calendar input, .div_icon_time input{
  cursor: pointer;
}

.upload-btn {
  margin-left: 300px;
  padding: 7px 20px;
}
.span_dataTable-ausente{
  color: #dfa10e;
  padding: 2px 10px;
  background-color: #FFE8B3;
  border-radius: 100px;
  border: 1px solid #dfa10e;

}
.span_dataTable-presencia{
  color: #00ad54;
  padding: 2px 10px;
  background-color: #C0F2D8;
  border-radius: 100px;
  border: 1px solid #00ad54;

}
.span_dataTable-retraso{
  color: #E05260;
  padding: 2px 10px;
  background-color: #F7D4D7;
  border-radius: 100px;
  border: 1px solid #E05260;

}

.cabecera{
  min-height: 0 !important;
  height: 65px !important;
  padding: 0 15px !important;
}
.botonera{
  background-color: transparent;
}
.empleados label{
display: none;
}
.empleados input{
  width: 100%;
  }
.boton.first{
  cursor: pointer;
}
#search.cabecera-dropdown .bienvenido div{
  color: #707070;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#form_festivo{
  height: 200px;
  overflow: auto;
}

body::-webkit-scrollbar {
  width: 8px;    
  display: block;             /* width of the entire scrollbar */
}
body::-webkit-scrollbar-thumb{
  background: #2C2554;
  border-radius: 4px;
}

.sidebar::-webkit-scrollbar,.submenu-items::-webkit-scrollbar,div.pq-select-menu::-webkit-scrollbar,div.dataTables_scrollBody::-webkit-scrollbar, div.divDatatable::-webkit-scrollbar,.divContenedor::-webkit-scrollbar,#form_festivo::-webkit-scrollbar,.divNotificaciones::-webkit-scrollbar,#dropdown-tarjetas::-webkit-scrollbar,#modal_denuncia::-webkit-scrollbar,.opciones_idioma::-webkit-scrollbar  {
  width: 5px;    
  display: block;
}

.sidebar::-webkit-scrollbar-track,.submenu-items::-webkit-scrollbar-track,body::-webkit-scrollbar-track,div.pq-select-menu::-webkit-scrollbar-track,div.dataTables_scrollBody::-webkit-scrollbar-track, div.divDatatable::-webkit-scrollbar-track,.divContenedor::-webkit-scrollbar-track,#form_festivo::-webkit-scrollbar-track,.divNotificaciones::-webkit-scrollbar-track,#dropdown-tarjetas::-webkit-scrollbar-track,#modal_denuncia::-webkit-scrollbar-track,.opciones_idioma::-webkit-scrollbar-track {
  background: transparent;
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.sidebar::-webkit-scrollbar-thumb,.submenu-items::-webkit-scrollbar-thumb,div.pq-select-menu::-webkit-scrollbar-thumb, div.dataTables_scrollBody::-webkit-scrollbar-thumb, div.divDatatable::-webkit-scrollbar-thumb,.divContenedor::-webkit-scrollbar-thumb,#form_festivo::-webkit-scrollbar-thumb,.divNotificaciones::-webkit-scrollbar-thumb,#dropdown-tarjetas::-webkit-scrollbar-thumb,#modal_denuncia::-webkit-scrollbar-thumb,.opciones_idioma::-webkit-scrollbar-thumb{
  background: #2C2554;
  border-radius: 4px;
}

div.divDatatable::-webkit-scrollbar-thumb{
  background: #2C2554;
}


.sidebar{
  box-shadow: none;
  border-radius: 0%;
  left: 0px;
  z-index: 100;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  -o-border-radius: 0%;
  width: 7em;
}

.sidebar .icon-menu:hover{
  color: rgb(55 65 81 / var(--tw-text-opacity));
}


.sidebar .icon-menu{
  justify-content: center;
  flex-direction: column;
  line-height: initial;
}

.sidebar-submenu{
	padding: 1em !important;
  z-index: 50;
	margin-left: .25%!important;
  top: 75px !important;
  overflow: auto!important;
  height: auto!important;
  width: 560px;
  transform:none !important ;
  -webkit-transform:none !important ;
  -moz-transform:none !important ;
  -ms-transform:none !important ;
  -o-transform:none !important ;

}
.sidebar-submenu div:first-child{
  border-bottom: 1px solid #707070 !important;
}
.sidebar-submenu a:hover{
	color: rgb(55 65 81 / var(--tw-text-opacity));
}

.section-container{
  background-color: #f2f2f2; 
  position: relative;
  top: 0;
  left: 97px;
  width: calc(100% - 110px);
  transition: all 0.5s ease;
  overflow-x: hidden;
}
.hoverTabla{
  cursor: pointer;
}
.hoverTabla:hover{
  color: #2C2554;
  border-bottom: 1px solid #2C2554;
}
.divDatatable,.divContenedor{
  height:72vh !important;
  overflow:auto;
  overflow-x: hidden;
}
.divDatatable div.dataTables_wrapper table{
  margin: 0 !important;
  padding: 0 !important;
}

.divDatatable .boton-tabla-vpc,.boton-tabla-desabilitado,.divDatatable .tabla_accion{
  border: 1px solid #2C2554!important;
  padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  color: #2C2554;
  font-weight: 500;
  text-align: center;
  border-radius: 9999px;
  background-color: #fff;
}
.divDatatable .boton-tabla-vpc-left{
  border: 1px solid #2C2554!important;
  padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  color: #2C2554;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  margin-right: 1px;
}
.divDatatable .boton-tabla-vpc-right{
  border: 1px solid #2C2554!important;
  padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  color: #2C2554;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  margin-right: 1px;
}
.divDatatable .boton-tabla-vpc-center{
  border: 1px solid #2C2554!important;
  padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  color: #2C2554;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  margin-right: 1px;
}
.divDatatable .boton-tabla-vpc:hover,.divDatatable .boton-tabla-vpc-left:hover,.divDatatable .boton-tabla-vpc-right:hover,.divDatatable .boton-tabla-vpc-center:hover,.divDatatable .tabla_accion:hover{
 color: #fff!important;
 background-color: #2C2554;
 cursor: pointer;
}
a#botonPrincipal.buttonModal{
  border: 2px solid #2C2554!important;
}
a#botonSecundario.buttonModal{
  border: 2px solid #D9D9D9!important;
}
a#botonSecundarioInput.buttonModal{
  border: 2px solid #B91C1C!important;
}

table.tablaDatatable{
  margin: 0.75em 0 0 0 !important;
  width: 100%!important;  
  table-layout:200px;
  height:200px;
  overflow:scroll;
  padding-left: 9px;
}

table.tablaDatatable.tablaDoble{
  width: 100%!important;  
}

table.tablaDatatable.dataTable thead th {
  border-bottom: 1px solid #f2f2f2;
  padding: 5px 20px 0 20px !important;
  position: sticky;
  top: -1px;
  z-index: 1;
  background-color: #F9B226;
}

table.tablaDatatable.dataTable thead th:first-child {
  border-top-left-radius: 10px;
}

table.tablaDatatable.dataTable thead th:last-child {
  border-top-right-radius: 10px;
}

table.tablaDatatable.dataTable tbody tr td {
  /*background-color: #fff !important; */
  padding: 0 0 0 10px !important;
  font-size: 14px!important;
  border-bottom: 1px solid #707070 !important;
  max-width: 200px!important;
  overflow: hidden!important;
  white-space: nowrap!important;
  text-overflow: ellipsis!important;
  color: #333!important;
}
table.tablaDatatable.dataTable tbody tr td:first-child {
  max-width: 30px!important;
}
table.tablaDatatable.dataTable tbody tr.odd >  td.sorting_1{
  background: rgba(255, 255, 255, 0.25) !important;
}
table.tablaDatatable.dataTable tbody tr.even >  td.sorting_1{
  background: rgba(217, 217, 217, 0.45) !important;
}
table.tablaDatatable.dataTable thead .sorting,
table.tablaDatatable.dataTable thead .sorting_asc,
table.tablaDatatable.dataTable thead .sorting_desc{
  background-position-x: left !important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd  td.sorting_1,table.dataTable.stripe tbody tr.odd  td.sorting_1{
  background: rgba(255, 255, 255, 0.25) !important;
}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even ,table.dataTable.display tbody tr.even  td.sorting_1,table.dataTable.stripe tbody tr.even  td.sorting_1{
  background: rgba(217, 217, 217, 0.45) !important;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover > td.sorting_1, table.dataTable.display tbody tr:hover > td.sorting_1{
  background: #C2C2C2 !important;
}

table.dataTable.display tbody tr.odd.selected> td, table.dataTable.display tbody tr.even.selected> td{
  background-color: rgba(249, 178, 38, 0.50)!important;
}
table.tablaDatatable input[type="text"]{
  float: left;
  margin: 4px;
  text-align: center;
  display: none;
  line-height: 22px;
  padding: 0 5px;
  border: 1px solid #949494;
}

.checkAll.sorting_desc,.checkAll.sorting_asc,.checkAll.sorting{
  background-image: none!important;
}

/*INnput de busqueda de datatable y leyenda de paginacion*/
.dataTables_filter{
  display: none !important;
}
.dataTables_info{
  display: none !important;
}

.paginar{
  margin: 10px 0 !important;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #e2e8f0 !important;
}
table.dataTable.no-theader {
	border-bottom: 1px solid #e2e8f0 !important;
}

/*Estilos para el icono responsive de Datatable*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	background-color: transparent !important; 
  color: #2BD47D !important;
  border-color: #2BD47D !important;
  box-shadow: none !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before{
  background-color: transparent !important; 
  color: #E05260 !important;
  border-color: #E05260 !important;
  box-shadow: none !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control{
  padding-left: 30px !important;
}

/*table.stripe.hover.dataTable.fixedHeader-floating{
 padding: 0 !important;
}
div.dtfh-floatingparent.dtfh-floatingparenthead{
  margin-top: 190px!important;
  text-align: left!important;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
  height: 50px!important;
}

div.dtfh-floatingparent.dtfh-floatingparenthead table.dataTable thead th{
  border: none !important;
  background-position-x: left !important;
  line-height: 40px !important;
}*/


div.dataTables_length,div.dataTables_paginate.paging_simple_numbers,div.dataTables_scrollBody table thead{
  display: none !important;
}

div.dataTables_scrollBody table{
  margin-top: 0!important;
}
.filtros.flex{
  display: flex !important;
}
.filtros{
  border-bottom: 1px solid #707070;
  height: 26px!important;
  margin-right: 5px;
}
.filtros.filtros_form{
  margin-right: 0px;
}
.filtros i{
  font-size: 25px;
  display: none;
}
.filtros div{
  width: auto !important;
  color: black;
}
.filtros label{
  /*display: none;*/
}
.filtros input{
  width: 100%;
}
.filtros input::placeholder,.filtros .pq-select-text::placeholder {
  color: #707070;
}

span.ui-icon.ui-icon-triangle-1-s{
display: none;
}

div.pq-select-button{
  background: transparent;
  border-top: 0px;
  border-radius: 0;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0 0 0.5rem 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
div.pq-select-button::after{
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
width: 16px;
height: 12px; 
}
div.pq-select-popup-cont{
  transform: translate(-120px, 5px);
  padding: 0.5em;
  border-radius: 0.75rem;
  background-color: #fff;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  -webkit-transform: translate(-120px, 5px);
  -moz-transform: translate(-120px, 5px);
  -ms-transform: translate(-120px, 5px);
  -o-transform: translate(-120px, 5px);
}
div.pq-select-popup{
border: none !important;
box-shadow: none !important;
}
div.pq-select-popup .pq-select-all{
  border: none !important;
  background-color: transparent;
}
label.pq-select-all input[type="checkbox"]{
margin-right: 5px;
}
div.pq-select-shadow-fix{
  height: 0px!important;
  
}
div.pq-select-text{
  font-family: Somatic-Rounded!important;
  font-size: 13px;
  max-width: none !important;
}

div.tabla-empty{
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 60px;
  height: 100%;
}

div.pq-select-button {
  width: 100%!important;
}
div.pq-select-text .ui-state-default{
 background-color: transparent !important; 
}
div.pq-select-popup-cont div.pq-select-popup {
  font-family: Somatic-Rounded!important;
  width: 300px !important;
}

div.pq-select-search-div{
  margin: 10px 0px;
  width: auto !important;
}
.pq-select-search-input{
  width: 100% !important;
}
.pq-select-option-label{
  border-bottom: 1px solid #ACACAC !important;
  padding: 5px 0 5px;
}
.pq-select-option-label:first-child{
  border-top: 1px solid #ACACAC !important;
  border-bottom: 1px solid #ACACAC !important;
  padding: 5px 0 5px;
}
div.selector_filtro div.pq-select-button{
  border-bottom: 1px solid #000 !important;
}
.ui-accordion-header,.ui-state-active{
  background-color: #ffffff !important;
  color: #000 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 23px;
  box-shadow: none;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2BD47D;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  -moz-transform: translateX(12px);
  -o-transform: translateX(12px);
}

.slider.round, #checkboxDenuncias .slider {
  border-radius: 34px;
}

.slider.round:before, #checkboxDenuncias .slider:before {
  border-radius: 50%;
}
/* Prueba para nuevo fichador */
#fichadorModal{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(100,100,100,0.5);
  z-index: 99999;
}
#fichadorModal > div {
  width: 80vw;
  position: relative;
  margin: 2.5% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
};

canvas{
	display:block;
	width:100%;
	height:100%;
}
#contendor_reloj{
    width: 100%;
    /*height: 85vh;*/
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}
#clock-container{
  position: absolute;
	font:56px "Open Sans", sans-serif;
	color:hsl(0,0%,25%);
  z-index: 1000;
}
.contener_entrada_salida_form #clock-container{
  z-index: 13;
}
.contener_entrada_salida, .contener_entrada_salida_form{
    z-index: 10;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;

}
.contener_entrada_salida button.boton,.contener_entrada_salida_form div.boton_fichar{
    margin-bottom: 0.5rem; 
    border-width: 1px; 
    font-size: 0.875rem;
    line-height: 1.25rem; 
    font-weight: 500; 
    text-align: center; 
    border-color: #2C2554;
    height: 300px;
    width: 400px;
    background: #2C2554;
    color: #FFFFFF;
    z-index: 10;
    padding: 5%;

}
.contener_entrada_salida button:first-child, .contener_entrada_salida_form div:nth-child(1){
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    text-align: left;
}
.contener_entrada_salida button:last-child, .contener_entrada_salida_form div:nth-child(2)  {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    text-align: right;
}
.contener_entrada_salida_form div:nth-child(1){
  display: flex;
  justify-content: start;
  align-items: center;
}
.contener_entrada_salida_form div:nth-child(2){
  display: flex;
  justify-content: end;
  align-items: center;
}
.contener_entrada_salida div.circulo,.contener_entrada_salida_form div.circulo_form,.contener_entrada_salida_form div.circulo_form_index{
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-color: #fff;
    top: 15px;
    border: 1px solid #2C2554 ;
    z-index: 999;
}
.contener_entrada_salida_form div.circulo_form, .contener_entrada_salida_form div.circulo_form_index{
  top:36px;
  z-index: 12;
}
.contenedor_button_item button {
    margin-bottom: 0.5rem; 
    border-width: 1px; 
    font-size: 0.875rem;
    line-height: 1.25rem; 
    font-weight: 500; 
    text-align: center; 
    border-color: #2C2554;
    height: 30px;
    width: 300px;
    background: #2C2554;
    color: #FFFFFF;
}
.contenedor_button_item button:first-child {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    margin-right: 10px;
}
.contenedor_button_item button:last-child {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.contener_entrada_salida button.boton:hover,.contener_entrada_salida_form div:nth-child(1):hover,.contener_entrada_salida_form div:nth-child(2):hover, .contenedor_button_item button:hover {
    background-color: #ffffff; 
    cursor: pointer;
    color: #2C2554;
    border: 1px solid;
}
.contenedor_button{
    display: flex;
    flex-direction: column;

    align-items: center;
    width: 100%;

    z-index: 10;
}
.contenedor_button div{
    display: flex;
}
.contenedor_button div button{
    /*width: 50%;*/
}
.top { top: -10px; }


.right { right: -10px; }
.textarea{
display: flex;
justify-content: center;
width: 100%;
}
.textarea textarea{
    width: 50%;
    z-index: 10;
}
.metodos-ocultos{
	display:none;
}
.metodos-visible{
	display:block;
}
.procesos-ocultos{
	display:none;
}
.procesos-visible{
	display:block;
}

.selectbox_idioma {
	width: 79px;
	margin: auto;
	position: relative;
}

.select_idioma {
	background: #fff;
	width: 100%;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, .16);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .2s ease all;
	position: relative;
	z-index: 200;
	border: 2px solid transparent;
  
}

.select_idioma.active,
.select_idioma:hover {
	border-bottom: 1px solid #2C2554;
  background-color: #FFFFFF!important;
}

.select_idioma.active:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-top: 15px solid #2C2554;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	bottom: -30px;
	left: calc(50% - 15px);
}

.select_idioma i {
	font-size: 20px;
	color: #2C2554;
}

.opciones_idioma {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);
	max-height: 400px;
	overflow: auto;
	z-index: 100;
	width: 180%;
	display: none;
}

.opciones_idioma.active {
	display: block;
  position: absolute;
  top: 70px;
  left: -30px;
}

.contenido-opcion {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: .2s ease all;
}

.opciones_idioma .contenido-opcion {
	padding: 10px;
  background-color: #ffffff;
}

.contenido-opcion img {
	width: 25px;
	height: 25px;
}

.opciones_idioma .contenido-opcion:hover {
	background: #2C2554;
  color: #ffffff;
}

.opciones_idioma .contenido-opcion:hover .titulo,
.opciones_idioma .contenido-opcion:hover .descripcion {
	color: #fff;
}

.exportOrg {
  margin-bottom: 7px;
}
.olivia-f0 {
  font-size: 20px !important;
  fill: black !important;
}

.olivia-f1 {
  font-size: 17px !important;
  fill: black !important;
}

.olivia-f2 {
  font-size: 14px !important;
  fill: black !important;
}
.drop-zone {
  height: 200px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #cccccc;
  border: 2px dashed #2C2554;
  border-radius: 10px;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 50%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}
.drop-zone__prompt{
  color: #2C2554;
}
div.divContenido  p:has(img) {
  background-color: transparent;
}
div.divContenido  div:not(:has(img)) {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  height: 400px;
  width: 750px;
}
div.divContenido  p a span {
  display: contents;
}

@media only screen and (max-width: 1550px) {
  div.cards_header{
    height: auto !important;
  }
  div.card_width_export{
    padding: 10px;
    width: auto;
  }
  div.botonera  > div:first-of-type  > div:first-of-type > div:nth-child(2) > div:first-of-type {
    padding: 10px 0;
    flex-wrap: wrap;
  }
  div.botonera  > div:first-of-type  > div:first-of-type > div:nth-child(2) > div:first-of-type > div:first-of-type{
    width: auto !important;
  }
  .dias_mes {
    width: 100% !important;
  }
  .cardsWidth1 table.dias_mes div.contenidoCalendarWidget{
    width: 1.1rem !important;
  }
  .cardsWidth2 table.dias_mes div.contenidoCalendarWidget{
    width: 3.1rem !important;
  }
 /* div.card_width_filtros > div:first-of-type {
    padding: 10px 0;
    flex-wrap: wrap;
  }
  div.card_width_filtros > div:first-of-type > div:first-of-type {
    width: auto !important;
  } */
  .divDatatable .tablaBotones .boton-tabla-vpc-right,.divDatatable .tablaBotones .boton-tabla-vpc-left,.divDatatable .tablaBotones .boton-tabla-vpc-center {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem ;
    font-size: 15px;
  }
}

@media only screen and (max-width: 1350px) {
  div.botonera.sticky {
    position: initial !important;
  }
  .celda_horario{
    float: none;
  }
  .cardsWidth1{
    width: 48%;
  }
  .cardsWidth2{
    width: 48%;
  }
  .cardsWidth2 div.cardWidget_row {
    flex-direction: column;
  }
  .cardsWidth2 div.cardWidget_row div.cardWidget_item,div.cardWidget_itemMenu {
    width: 100% !important;
  }
  div.cardWidget_itemMenu {
    width: 92% !important;
  }
  .dias_mes {
    width: 250% !important;
  }
  .cardsWidth1 table.dias_mes div.contenidoCalendarWidget{
    width: 1.1rem !important;
  }
  .cardsWidth2 table.dias_mes div.contenidoCalendarWidget{
    width: 1.1rem !important;
  }
  div#widget_calendario_web div.cajames{
    margin: 0!important;
  }
  div.botonera  > div:first-of-type  > div:first-of-type{
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
  }
  div.botonera  > div:first-of-type  > div:first-of-type > div:nth-child(-n + 3){
    margin: 0 !important;
    width: 100%;
  } 
  div.calendario{
    overflow: auto !important;
  }
  div.cajames{
    width: 40%!important;
    margin: 0px 15px 15px 50px !important;
  }
  #clock-container{
    font-size: 40px;
  }
  
  .contener_entrada_salida_form div.circulo_form, .contener_entrada_salida_form div.circulo_form_index{
    height: 200px;
    width: 200px;
    top: 25px;
  }
  .contener_entrada_salida button.boton,.contener_entrada_salida_form div.boton_fichar{
    height: 200px;
    width: 300px;
  }
  .divDatatable .tablaBotones .boton-tabla-vpc-left,.divDatatable .tablaBotones .boton-tabla-vpc-center,.divDatatable .tablaBotones .boton-tabla-vpc-right{
    font-size: 15px;
  }
}

@media only screen and (max-width: 1024px) {
  div.botonera.sticky {
    position: initial !important;
  }
  #fichadorModal > div {
    width: 95vw;
    padding: 10px 0px;
  };
  .row .block02 .col-full{
    width: auto !important;
  }
  #dropdown-tarjetas{
    width: 100%;
  }
  .cardsIndex, .sortableBtn{
    width: 135%;
  }
  .cardsWidth1{
    width: 100%;
  }
  .cardsWidth2{
    width: 100%;
  }
  .dias_mes {
    width: 100% !important;
  }
  .cardsWidth1 table.dias_mes div.contenidoCalendarWidget{
    width: 1rem !important;
  }
  .cardsWidth2 table.dias_mes div.contenidoCalendarWidget{
    width: 1rem !important;
  }
  .ocultoMobile{
    display: none!important;
  }
  #loading img{
    width: 50% !important;
    margin: 0 -30% !important;
  }
  div#logoCabecera{
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  #cookies{
    width: 100%!important;
  }
  .sidebar{
    left: -100px;
  }
  .sidebar-submenu{
    z-index: 100!important;
    height: 100vh!important;
    width: 100%!important;
    top: 0!important;
  }
  .section-container{
    left: 0px;

  }
  .selector_empresas select,.selector_idiomas select {
    width: 90%!important;
    margin: 5px 10px !important;
  }
  #breadcrumbs_list{
    font-size: 15px;
  }
  .botonera{
  position: inherit!important;
  width: 137%!important;
  }

  .botonera .tarjetasContainer{
    justify-content: center;
    align-items: center;
  }
  .tarjetasContainer .tarjetasColumnas{
    flex-direction: column!important;
  }
  div.card_width_export,div.card_width_button{
    width:100%;
  }
  div.card_width_button{
    margin: 0;
  }
  #tarjetaFiltros{
    width: 100% !important;
    height: 300px !important;

  }
  #containerFiltro{
    display: grid!important;
    grid-template-columns: repeat(2, 1fr)!important;
    justify-items: center!important;
    grid-row-gap: 50%;
  }
  #containerFiltrosRow{
    flex-direction: column;
    justify-content: space-evenly;
  }
  #divFiltros{
    display: grid;
    grid-template-columns: repeat(2, 1fr)!important;
    grid-gap: 40px 5px;
  }
  #tabsMobile{
    width:125%;
  }
  .datatableContainer{
    width: 139%!important;
  }
  .divDatatable{
    height: 100vh!important;
  }
  .calendarioMobile{
    display: flex;
    flex-direction: column;
    padding: 0 6% !important;
    width: 140% !important;
  }
  .leyenda.leyendaHorario,.leyenda.leyendaTotal{
    height: 200px!important;
    width: 100% !important;
    padding: 0 !important;
  }
  div.calendario{
    overflow: auto !important;
  }
  div.cajames{
    width: 100%!important;
    margin: 0 0 15px 0 !important;
  }
  .pq-select-popup-cont{
    left:195.8594px !important;
  }
  div.pq-select-popup-cont div.pq-select-popup{
    width: 250px !important;
  }
  div.formMobile{
    width: 136% !important;
    display: flex !important;
    justify-content: center !important;
  }
  div.formMobile div.formulario{
    padding: 15px !important;
  }
  div.formMobileRow{
    width: 100%;
  }
  .inputMobile{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr)!important;
    grid-gap: 20px 10px;
  }
  .inputMobile div{
    width: 100% !important;
    margin: 0px!important;
  }
  .tarjetaFichaje{
    width: 143%!important;
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control{
    padding-left: 30px !important;
  }
  #clock-container{
    font-size: 20px;
  }
  .contener_entrada_salida_form div.circulo_form, .contener_entrada_salida_form div.circulo_form_index{
    height: 100px;
    width: 100px;
    top: 23px;
  }
  .contener_entrada_salida button.boton,.contener_entrada_salida_form div.boton_fichar{
    height: 100px;
    width: 170px;
  }
  
}


/* 
  Tour de Bienvenida
*/
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 2.5rem 5rem;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  max-width: 80vw;
  animation: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.logo_container_2 {
  position: absolute;
  top: 10%;
  left: 10%;
}
.tour-step {
  transition: all 0.3;
  width: 100%;
}
.step-indicators {
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  margin-top: 5rem;
}
.step-indicator_w {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: all .3s;
}
.step-indicator_w:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.step-indicator_w.active {
  width: 30px !important;
  border-radius: 50px;
  background-color: #412db6 !important;
}
.logo_welcometour {
  max-width: 100%;
  display: inline !important;
}
.paragraph {
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  /* text-align: center; */
  color: #4F4F4F;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.paragraph_2 {
  font-size: 16px;
}
.paragraph_3 {
  font-size: 14px;
}
.paragraph_image {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.title_card {
  font-size: 22px;
  font-weight: 600;
  line-height: 26.63px;
  text-align: center;
  color: #412DB6;
  text-align: center;
  margin-top: 2rem;
}
.logo_container_1 {
  width: 200px;
  margin: 0 auto;
}
.logo_container_2 {
  width: 150px;
}
.content_container {
  display: flex;
  align-items: center;
  /* flex-direction: row; */
}
.content_container > img {
  width: 40%;
  height: auto;
}
.content_container > p {
  width: 50%;
}
.svg_icon_wt {
  margin-right: 1rem; 
}
#prevStep, .prevStep {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(10%, -50%);
  font-size: 4rem;
  color: #412db6;
  opacity: 1;
  transition: all .3s;
}
#nextStep, .nextStep {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-10%, -50%);
  font-size: 4rem;
  color: #412db6;
  opacity: 1;
  transition: all .3s;
}
#nextStep:hover, #prevStep:hover, .prevStep:hover, .nextStep:hover  {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
} 
.overlay_welcome_2 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(100, 100, 100, 0.5);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay_welcome {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(100, 100, 100, 0.5);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(15px);
}
.card_welcome {
  padding: 2rem;
  border-radius: 20px;
  background-color: #ffffff;
  max-width: 600px;
}
.clase_modal_buton {
  width: 42px;
  height: 42px;
  background-color: #EFEFEF;
  padding: 1rem;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-30%, 30%);
  transition: all .3s;
}
.clase_modal_buton:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.step-indicators_n {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  text-align: center;
  padding-top: 1.5rem;
}
@media screen and (max-width: 780px) {
  #welcomeTour {
    display: none;
  }
.fila_head {
  background-color: #f9b226;
  border-radius: 15px 15px 0 0;
}
.celda_head {
  padding: 15px 30px 10px 30px !important;
}
.fila_body:nth-child(even) {
  background: rgba(217, 217, 217, 0.45) !important;
}
.fila_body:nth-child(odd) {
  background: rgba(255, 255, 255, 0.25) !important;
}
.fila_body {
  margin: 0 !important;
}
.celda_body {
  padding: 15px 30px 10px 30px !important;
  font-size: 14px !important;
  max-width: 200px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #333 !important;
}
.tabla_accion_left {
  border: 1px solid #2C2554 !important;
  padding: 0.25rem .5rem 0.25rem .75rem !important;
  color: #2C2554 !important;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  font-size: 15px !important;
}
.tabla_accion_right {
  border: 1px solid #2C2554 !important;
  padding: 0.25rem .75rem 0.25rem .5rem !important;
  color: #2C2554 !important;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  font-size: 15px !important;
}
.tabla_accion_right:hover, .tabla_accion_left:hover {
  background-color: #2C2554;
  color: #ffffff;
}
.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(100, 100, 100, 0.5);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
}