html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
    max-width:100%;
    height: auto;
       width: auto\9; /* ie8 */
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    .oculta_1366{display: none;}
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header #logo_vpd {width: 15%;}
    header #search .bienvenido span{float: right;margin: 5px 10px;}
    header #search {width: 20%;}
    header nav .caja_quick {margin-left: 26%;}
    
    .submenu ul li.first {margin-left: 0;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    .submenu ul li {border-bottom: 1px solid #e3e5e5;border-right: 1px solid #e3e5e5;}
    .block01 form input[type="button"] {font-size: 80%;}
    .block02 .formulario form .item_elemento {margin-right: 15px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario select {margin: 5px;width: 90px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input[type="checkbox"] {margin: 5px 9%;}
    .block02 .formulario form .recursos .item_elemento .fila_head .celda_head {font-size: 13px;}
    .tabla_listado .tabla_separador {font-size: 14px;padding: 0 1px;}
    .block02 .compara_calendarios .calendarios table thead tr th {font-size: 11px;padding: 5px;}
    .block02 .compara_calendarios .calendarios table tbody tr td {padding: 5px;font-size: 11px;}
    .block02 .kpmg {width: 50%;margin-left: 25%;}
    .block03 {width: 60%;margin: 20px 20%;}
    .block03 .formulario form .contenedor_reloj {margin: 2% 21%;}
    .incidencia{margin: 20px 0 20px 10px;width: 60%;}
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other--------------------- */
    .ventana_rgpd > div {width: 80%}
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .oculta_1366{display: none;}
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header #logo_vpd {width: 13%;}
    header #search .bienvenido span{float: right;margin: 5px 10px;}
    header #search {width: 20%;}
    header nav .caja_quick {margin-left: 26%;}
    .submenu ul li.first {margin-left: 0;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    .submenu ul li {border-bottom: 1px solid #e3e5e5;border-right: 1px solid #e3e5e5;}
    .block01 form input[type="button"] {font-size: 80%;}
    .block02 .kpmg {width: 51%;margin-left: 25%;}
    .block02 .formulario form .item_elemento {margin-right: 15px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario select {margin: 5px;width: 90px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input[type="checkbox"] {margin: 5px 9%;}
    .block02 .formulario form .recursos .item_elemento .fila_head .celda_head {font-size: 12px;}
    .tabla_listado .tabla_separador {font-size: 14px;padding: 0 1px;}
    .block02 .compara_calendarios .calendarios table thead tr th {font-size: 11px;padding: 5px;}
    .block02 .compara_calendarios .calendarios table tbody tr td {padding: 5px;}
    .block02 .compara_calendarios .listado_empleados p {font-size: 12px;}
    .block03 {width: 60%;margin: 20px 20%;}
    .block03 .formulario form .contenedor_reloj {margin: 2% 19%;}
    .incidencia{margin: 20px 0 20px 10px;width: 60%;}
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other----------------*---- */
    .ventana_rgpd > div {width: 80%}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .oculta_1366{display: none;}
    .oculta_1280{display: none;}
    
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header #logo_vpd {width: 12%;}
    header nav {width: 75%;}
    header #search {width: 10%;}
    header #search .bienvenido span{float: right;margin: 5px 10px;}
    header #search .bienvenido span.datos_usuario {display: none;}
    header nav .caja_quick {margin-left: 26%;}
    .submenu ul li.first {margin-left: 0;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    nav .wrap-nav {height: auto;}
    .submenu ul li {border-bottom: 1px solid #e3e5e5;border-right: 1px solid #e3e5e5;}
    .block01 form input[type="button"] {font-size: 80%;}
    .block02 .kpmg {width: 55%;margin-left: 22%;}
    .block02 .formulario form .item_elemento {margin-right: 15px;}
    .block02 .formulario form .roles_menu .item_elemento .acceso_menu {font-size: 12px;width: 180px;}
    .block02 .formulario form .roles_menu .item_elemento .acceso_menu label {width: 130px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario select {margin: 10px 5px;width: 90px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input[type="checkbox"] {margin: 5px 5px 5px 10px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input {margin: 1px 0 1px 5px;}
    .block02 .tabla_1-3 {margin: 5px;min-height: 40px;width: 38%;}
    .block02 .tabla_2-3 {margin: 5px;}
    .block03 {width: 60%;margin: 20px 20%;}
    .block03 .formulario form .contenedor_reloj {margin: 2% 15%;}
    .tabla_listado .tabla_separador {font-size: 14px;padding: 0 1px;}
    .block02 .compara_calendarios .calendarios table thead tr th {font-size: 11px;padding: 5px;}
    .incidencia{margin: 20px 0 20px 10px;width: 57%;}
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other----------------*---- */
    .ventana_rgpd > div {width: 80%}
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .oculta_1366{display: none;}
    .oculta_1280{display: none;}
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header #logo_vpd {width: 15%;}
    header nav {width: 70%;}
    header #search {width: 10%;}
    header #search .bienvenido span{float: right;margin: 5px 10px;}
    header #search .bienvenido span.datos_usuario{display: none;}
    header .menu ul li {width: 60px;}
    header .menu ul li img {margin: 20px 19px 5px;}
    header .menu ul li p {font-size: 11px;}
    header nav .caja_quick {margin-left: 20%;}
    .submenu ul li.first {margin-left: 0;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    nav .wrap-nav {height: auto;}
    .submenu ul li {border-bottom: 1px solid #e3e5e5;border-right: 1px solid #e3e5e5;}
    .block01 {margin: 200px 28%;width: 44%;}
    .block01 h2 {font-size: 16px;line-height: 30px;}
    .block01 form {margin: 2% 5%;width: 90%;}
    .block01 form label{font-size: 12px;}
    .block01 form input[type="button"] {font-size: 80%;}
    .block01 .caja_gris{float: left;background: #f1f1f1;margin: 0 12%;width: 76%;}
    .block01 .caja_gris h1{font-size: 20px;line-height: 30px;font-weight: bolder;margin: 5px 5%;width: 86%;}
    .block01 .caja_gris h2{color: #848484;font-size: 16px;text-align: left;line-height: 20px;font-weight: normal;margin: 5px 5%;width: 90%;}
    .block01 .caja_gris form {margin: 0 5%;width: 90%;height: 100px;}
    .block01 .caja_gris form input {width: 97%;margin: 2% 0;}
    .block01 .entrar{float: left;width: 76%;background-color: #037bc9;color: white;margin: 20px 12%;font-size: 20px;line-height: 35px;text-align: center;cursor: pointer;}
    .block01 .recordar{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 20px 0;cursor: pointer;}
    .block01 .recordar .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .recordar .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 0;cursor: pointer;position: relative;}
    .block01 .language .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .language .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language select{cursor: pointer;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;}
    .block02 .kpmg {width: 70%;margin-left: 15%;}
    .block02 .formulario form .item_elemento {margin-right: 15px;}
    .block02 .formulario form .recursos .item_elemento .fila_head .celda_head {font-size: 9px;}
    .block02 .formulario form .roles_menu .item_elemento .acceso_menu {font-size: 12px;width: 180px;}
    .block02 .formulario form .roles_menu .item_elemento .acceso_menu label {width: 130px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario select {margin: 10px 5px;width: 90px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input[type="checkbox"] {margin: 5px 5px 5px 10px;}
    .block02 .formulario form .configuracion_horario .fila_horario .celda_horario .subcelda_horario input {margin: 1px 0 1px 5px;}
    .block02 .tabla_1-3 {margin: 5px;min-height: 40px;width: 38%;}
    .block02 .tabla_2-3 {margin: 5px;}
    .block03 {width: 80%;margin: 20px 10%;}
    .block03 .formulario form .contenedor_reloj {margin: 2% 15%;}
    .tabla_listado .tabla_separador {font-size: 14px;padding: 0 1px;}
    .block02 .compara_calendarios .calendarios table thead tr th {font-size: 11px;padding: 5px;}
    .incidencia{margin: 20px 0 20px 10px;width: 57%;}
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other----------------*---- */
    .ventana_rgpd > div {width: 80%}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .oculta_1366{display: none;}
    .oculta_1280{display: none;}
    
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header .wrap-header{height: auto;}
    header #logo_vpd {width: 15%;height: 90px;}
    header #logo_vpd img {margin: 10px 1%;height: 70px;width: auto;}
    header #logo_vpd_out {display: none;}
    header #cabecera_movil{float: left;display: block;width: 100%;height: 50px;}
    header #cabecera_movil .icono{float: left;color: white;font-size: 35px;margin: 13px 5px;}
    header #cabecera_movil .texto{float: left;color: white;font-size: 30px;margin: 13px 23px;}
    header nav {width: 67%;min-height: 85px;height: auto;margin-left: 2%;}
    header .menu ul li {height: 80px;padding: 0;width: 80px;margin: 0 5px;}
    header .menu ul li img {margin: 15px 27px 5px;}
    header .menu ul li p {height: 20px;line-height: 12px;font-size: 80%;}
    header #search {width: 15%;}
    header #search .bienvenido span {margin: 5px;}
    header #search .bienvenido span.datos_usuario {display: none}
    header #search .selector_idiomas select {margin: 5px 10px;}
    header nav .caja_quick {margin-left: 10%;}
    header nav .caja_quick .reloj_quick {width: 10%;}
    header nav .caja_quick .titulo_quick label {line-height: 85px;}
    
    nav .wrap-nav {height: auto;}
    nav .submenu{border-bottom: none;}
    nav .submenu ul li {border: 1px solid #037bc9;height: 60px;margin: 1%;width: 12%;}
    nav .submenu ul li img {margin: 5px 30%;width: auto;}
    nav .submenu ul li p {font-size: 70%;height: 20px;line-height: 12px;}
    
    .submenu ul li.first {margin-left: 1%;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    #loading img {width: 50%;left: 75%;margin: -21px 0 0 -50%;}
    #content {margin-bottom: 8%;}
    
    .block01 {margin: 15% 0 0;width: 100%;}
    .block01 h2 {margin: 0;width: 100%;margin-bottom: 5%;}
    .block01 form {margin: 2% 0;width: 100%;}
    .block01 form label {width: 30%;}
    .block01 form input {width: 55%;}
    .block01 form input[type="button"] {font-size: 100%;margin: 5% 10%;width: 80%;}
    .block01 .caja_gris{float: left;background: #f1f1f1;margin: 0 12%;width: 76%;}
    .block01 .caja_gris h1{font-size: 20px;line-height: 30px;font-weight: bolder;margin: 5px 5%;width: 86%;}
    .block01 .caja_gris h2{color: #848484;font-size: 16px;text-align: left;line-height: 20px;font-weight: normal;margin: 5px 5%;width: 90%;}
    .block01 .caja_gris form {margin: 0 5%;width: 90%;height: 100px;}
    .block01 .caja_gris form input {width: 97%;margin: 2% 0;}
    .block01 .entrar{float: left;width: 76%;background-color: #037bc9;color: white;margin: 20px 12%;font-size: 20px;line-height: 35px;text-align: center;cursor: pointer;}
    .block01 .recordar{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 20px 0;cursor: pointer;}
    .block01 .recordar .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .recordar .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 0;cursor: pointer;position: relative;}
    .block01 .language .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .language .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language select{cursor: pointer;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;}

    .block02 {margin: 1%;}
    .block02 h2 {font-size: 18px;line-height: 22px;}
    .block02 .botonera {height: auto;margin-top: 5px;}
    .block02 .botonera .first {margin-left: 2%;}
    .block02 .botonera .tab.first{clear: both;}
    .block02 .botonera .boton {margin: 1%;width: 11%;text-align: center;}
    .block02 .botonera .boton.tab{width: 15%;}
    .block02 .botonera .busqueda_elemento {font-size: 11px;margin: 5px;padding: 0 0 0 5px;}
    .block02 .botonera .busqueda_elemento input {padding: 0;}
    .block02 .seleccionar .accion_seleccionar {margin: 0 1%;width: auto;padding: 5px 0;}
    .block02 .seleccionar .titulo_seleccionar {line-height: 20px;margin: 5px;}
    .block02 .seleccionar .accion_seleccionar label {margin: 0 5px 5px;}
    .block02 .seleccionar .accion_seleccionar input {padding: 1% 4%;width: 48%;}
    .block02 .seleccionar .accion_seleccionar .boton {margin: 2%;padding: 2px 1%;width: 94%;text-align: center;width: 14%;text-align: center;}
    .block02 .seleccionar .accion_seleccionar select {width: 480px;}
    .block02 .seleccionar .accion_seleccionar select.select_medio {width: 480px;}
    .block02 .tabla {margin: 1% 0;}
    .block02 .tabla .calendario {margin: 0;width: 100%;float:right;}
    .block02 .tabla .calendario .year {font-size: 100%;line-height: 20px;}
    .block02 .tabla .calendario .year .left_year {font-size: 80%;}
    .block02 .tabla .calendario .year .right_year {font-size: 80%;}
    .block02 .tabla .calendario .cajames {height: auto;margin: 0;width: 100%;}
    .block02 .tabla .calendario .cajames .mes {font-size: 100%;line-height: 30px;margin: 0;text-align: center;} 
    .block02 .tabla .leyenda {border-left: none;border-bottom: 1px solid;float: right;margin: 0;width: 100%;}
    .block02 .formulario form .item_elemento {line-height: 40px;margin-right: 0;min-height: 45px;width: 100%;}
    .block02 .formulario form .item_elemento label {line-height: 20px;margin: 1%;width: 98%;}
    .block02 .formulario form .item_elemento .boton_fichar{width: 99%;text-align: center;padding: 10px 0;margin: 5px 0;}
    .block02 .formulario form .item_elemento textarea {width: 93%;}
    .block02 .formulario form .item_elemento input[type="number"] {width: 25%;}
    .block02 .formulario form .item_elemento label.separador {width: 10px;}
    .block02 .formulario form .contenedor_reloj{margin: 0 0 10px;}
    
    .block02 .paginar {font-size: 16px;line-height: 30px;margin: 10px 0;width: 100%;min-height: auto;}
    
    .block03 {width: 80%;margin: 20px 10%;}
    .block03 .formulario form .contenedor_reloj {margin: 2% 15%;}
    
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other--------------------- */
    .tabla_listado thead tr th {font-size: 80%;}
    .tabla_listado tbody tr td {font-size: 60%;line-height: 25px;}
    
    .fichaje{margin: 10px 0;width: 100%;}
    .incidencia{margin: 10px 0;width: 100%;}
    .ventana_rgpd > div {width: 80%}
    
    .textos_cookies .texto h2 {margin: 5px 10px;font-size: 16px;width: 100%;}
    .textos_cookies .texto p {margin: 5px 10px;font-size: 10px;line-height: 12px;}
}

/* ============================
       Responsiveness
   ============================*/
@media (max-height: 970px) {
  #calendar .days li {
    /*height: 140px;*/
     height: 155px;
  }
  #calendar .days li[data-type="initial_selected"][data-availability="full"],
  #calendar .days li[data-type="final_selected"][data-availability="full"],
  #calendar .days li[data-type="initial_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="final_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="initial_selected"][data-availability="half"],
  #calendar .days li[data-type="final_selected"][data-availability="half"],
  #calendar .days li[data-type="initial_selected"][data-availability="minimum"],
  #calendar .days li[data-type="final_selected"][data-availability="minimum"]{
    background-size: 140px!important;
  }
}

@media (max-height: 940px) {
  #calendar .days li {
    /*height: 135px;*/
    height: 150px;
  }
}

@media (max-height: 910px) {
  #calendar .days li {
    /*height: 130px;*/
     height: 145px;
  }
}

@media (max-height: 880px) {
  #calendar .days li {
    /*height: 125px;*/
    height: 140px;
  }
  #calendar .days li[data-type="initial_selected"][data-availability="full"],
  #calendar .days li[data-type="final_selected"][data-availability="full"],
  #calendar .days li[data-type="initial_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="final_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="initial_selected"][data-availability="half"],
  #calendar .days li[data-type="final_selected"][data-availability="half"],
  #calendar .days li[data-type="initial_selected"][data-availability="minimum"],
  #calendar .days li[data-type="final_selected"][data-availability="minimum"]{
    background-size: 135px!important;
  }
}

@media (max-height: 850px) {
  #calendar .days li {
    /*height: 120px;*/
    height: 135px;
  }
}

@media (max-height: 820px) {
  #calendar .days li {
    /*height: 115px;*/
    height: 130px;
  }
}

@media (max-height: 790px) {
  #calendar .days li {
    /*height: 110px;*/
    height: 125px;
  }
  #calendar .days li[data-type="initial_selected"][data-availability="full"],
  #calendar .days li[data-type="final_selected"][data-availability="full"],
  #calendar .days li[data-type="initial_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="final_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="initial_selected"][data-availability="half"],
  #calendar .days li[data-type="final_selected"][data-availability="half"],
  #calendar .days li[data-type="initial_selected"][data-availability="minimum"],
  #calendar .days li[data-type="final_selected"][data-availability="minimum"]{
    background-size: 130px!important;
  }
}

@media (max-width: 1200px) {
	#calendar .days li {
	    /*height: 110px;*/
	    height: 145px;
	}
}

@media (max-width: 970px) {
	#calendar .days li {
	    /*height: 110px;*/
	    height: 150px;
	}
}

@media (max-width: 970px) {
	#calendar .days li {
	    /*height: 110px;*/
	    height: 155px;
	}
}

/* ============================
	Mobile Responsiveness
   ============================*/
@media (max-width: 768px) {
  
  div.contenedorRedireccion{
    width: auto;
    padding: 0 5px;
  }
  span.circulo{
    width: 60px;
    height: 60px;
    left: 15%;
  }
  div.items{
    padding: 0px;
  }
  div.items.texto{
    font-size: 10px;
  }
  div.items.avatar img {
    top: 0px;
    width: 100px;
    height: 100px;
  }
  a.items {
    padding: 3px 8px;
    font-size: 10px;
    width: 80px !important;
}
  #calendar .weekdays, #calendar .other-month {
    display: none;
  }

  #calendar li {
    height: auto !important;
    border: 1px solid #ededed;
    width: 100%;
    padding: 10px;
    margin-bottom: -1px;
  }

  #calendar .date {
    float: none;
  }
  #calendar .days li[data-type="initial_selected"][data-availability="full"],
  #calendar .days li[data-type="initial_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="initial_selected"][data-availability="half"],
  #calendar .days li[data-type="initial_selected"][data-availability="minimum"]{
    background-size: 60px!important;
  }
  #calendar .days li[data-type="final_selected"][data-availability="full"],
  #calendar .days li[data-type="final_selected"][data-availability="almost_full"],
  #calendar .days li[data-type="final_selected"][data-availability="half"],
  #calendar .days li[data-type="final_selected"][data-availability="minimum"]{
    background-image: none!important;
  }
}


@media only screen and (max-width: 767px) {
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    
    
    /* -------------------------------------------- */
    /* ------------------Featured------------------ */
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other----------------*---- */
    .ventana_rgpd > div {width: 80%}
    
    .textos_cookies .texto h2 {margin: 5px 10px;font-size: 16px;}
    .textos_cookies .texto p {margin: 5px 10px;font-size: 10px;line-height: 12px;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
    .oculta_1366{display: none;}
    .oculta_1280{display: none;}
    .oculta_620{display: none;}
    
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header {height: auto;margin-top: 0;background-color: #037bc9;}
    header .wrap-header{height: auto;}
    header #logo_vpd {width: 25%;height: 90px;}
    header #logo_vpd img {margin: 10px 1%;height: 70px;width: auto;}
    header #logo_vpd_out {display: none;}
    header #cabecera_movil{float: left;display: block;width: 100%;height: 50px;}
    header #cabecera_movil .icono{float: left;color: white;font-size: 35px;margin: 13px 5px;}
    header #cabecera_movil .texto{float: left;color: white;font-size: 30px;margin: 13px 23px;}
    header nav {width: 58%;height: 85px;margin-left: 2%;}
    header nav .wrap-nav{height: 100%;}
    header .menu ul li {height: 80px;padding: 0;width: 80px;margin: 0 5px;}
    header .menu ul li img {margin: 15px 27px 5px;}
    header .menu ul li p {height: 20px;line-height: 12px;font-size: 80%;}
    header #search {width: 15%;}
    header #search .bienvenido span {margin: 5px;}
    header #search .bienvenido span.datos_usuario {display: none}
    header #search .selector_idiomas select {margin: 5px 10px;}
    
    nav .wrap-nav {height: auto;}
    nav .submenu{border-bottom: none;}
    nav .submenu ul li {border: 1px solid #037bc9;height: 60px;margin: 1%;width: 12%;}
    nav .submenu ul li img {margin: 5px 30%;width: auto;}
    nav .submenu ul li p {font-size: 70%;height: 20px;line-height: 12px;}
    
    .submenu ul li.first {margin-left: 1%;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    #loading img {width: 90%;left: 55%;margin: -21px 0 0 -50%;}
    #content {margin-bottom: 8%;}
    
    .block01 {margin: 15% 0 0;width: 100%;}
    .block01 h2 {margin: 0;width: 100%;margin-bottom: 5%;}
    .block01 form {margin: 2% 0;width: 100%;}
    .block01 form label {width: 30%;}
    .block01 form input {width: 55%;}
    .block01 form input[type="button"] {font-size: 100%;margin: 5% 10%;width: 80%;}
    .block01 .caja_gris{float: left;background: #f1f1f1;}
    .block01 .caja_gris h1{font-size: 20px;line-height: 30px;font-weight: bolder;margin: 5px 5%;width: 86%;}
    .block01 .caja_gris h2{color: #848484;font-size: 16px;text-align: left;line-height: 20px;font-weight: normal;margin: 5px 5%;width: 90%;}
    .block01 .caja_gris form {margin: 0 5%;width: 90%;height: 100px;}
    .block01 .caja_gris form input {width: 97%;margin: 2% 0;}
    .block01 .entrar{float: left;width: 98%;background-color: #037bc9;color: white;margin: 20px 1%;font-size: 20px;line-height: 35px;text-align: center;cursor: pointer;}
    .block01 .recordar{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 20px 0;cursor: pointer;}
    .block01 .recordar .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .recordar .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 0;cursor: pointer;position: relative;}
    .block01 .language .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .language .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language select{cursor: pointer;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;}

    .block02 {margin: 1%;}
    .block02 h2 {font-size: 18px;line-height: 22px;}
    .block02 .botonera {height: auto;margin-top: 5px;}
    .block02 .botonera .first {margin-left: 2%;}
    .block02 .botonera .tab.first{clear: both;}
    .block02 .botonera .boton {margin: 1%;width: 11%;text-align: center;}
    .block02 .botonera .boton.tab{width: 15%;}
    .block02 .botonera .busqueda_elemento {font-size: 11px;margin: 5px;padding: 0 0 0 5px;}
    .block02 .botonera .busqueda_elemento input {padding: 0;}
    .block02 .seleccionar .accion_seleccionar {margin: 0 1%;width: auto;padding: 5px 0;}
    .block02 .seleccionar .titulo_seleccionar {line-height: 20px;margin: 5px;}
    .block02 .seleccionar .accion_seleccionar label {margin: 0 5px 5px;}
    .block02 .seleccionar .accion_seleccionar input {padding: 1% 4%;width: 48%;}
    .block02 .seleccionar .accion_seleccionar .boton {margin: 2%;padding: 2px 1%;width: 94%;text-align: center;width: 14%;text-align: center;}
    .block02 .seleccionar .accion_seleccionar select {width: 480px;}
    .block02 .seleccionar .accion_seleccionar select.select_medio {width: 480px;}
    .block02 .tabla {margin: 1% 0;}
    .block02 .tabla .calendario {margin: 0;width: 100%;float:right;}
    .block02 .tabla .calendario .year {font-size: 100%;line-height: 20px;}
    .block02 .tabla .calendario .year .left_year {font-size: 80%;}
    .block02 .tabla .calendario .year .right_year {font-size: 80%;}
    .block02 .tabla .calendario .cajames {height: auto;margin: 0;width: 100%;}
    .block02 .tabla .calendario .cajames .mes {font-size: 100%;line-height: 30px;margin: 0;text-align: center;} 
    .block02 .tabla .leyenda {border-left: none;border-bottom: 1px solid;float: right;margin: 0;width: 100%;}
    .block02 .formulario form .item_elemento {line-height: 40px;margin-right: 0;min-height: 45px;width: 100%;}
    .block02 .formulario form .item_elemento label {line-height: 20px;margin: 1%;width: 98%;}
    .block02 .formulario form .item_elemento .boton_fichar{width: 99%;text-align: center;padding: 10px 0;margin: 5px 0;}
    .block02 .formulario form .item_elemento textarea {width: 93%;}
    .block02 .formulario form .item_elemento input[type="number"] {width: 25%;}
    .block02 .formulario form .item_elemento label.separador {width: 10px;}
    .block02 .formulario form .contenedor_reloj{margin: 0 0 10px;}
    
    .block02 .paginar {font-size: 16px;line-height: 30px;margin: 10px 0;width: 100%;min-height: auto;}
    
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other--------------------- */
    .tabla_listado thead tr th {font-size: 80%;}
    .tabla_listado tbody tr td {font-size: 60%;line-height: 25px;}
    
    .fichaje{margin: 10px 0;width: 100%;}
    .incidencia{margin: 10px 0;width: 100%;}
    
    .flip-clock-wrapper{width: 100%;margin: 0 0 0 15px;}
    .flip-clock-wrapper ul{border-radius: 5px;height: 60px;line-height: 57px;margin: 5px;width: 25px;}
    .flip-clock-wrapper ul li{line-height: 57px;}
    .flip-clock-wrapper ul li a div div.inn{font-size: 40px;}
    .flip-clock-divider{height: 70px;}
    .flip-clock-dot{height: 5px;width: 5px;}
    .flip-clock-dot.top{top: 25px;}
    .flip-clock-dot.bottom{bottom: 25px;}
    .ventana_rgpd > div {width: 80%}
    
    .textos_cookies .texto h2 {margin: 5px 10px;font-size: 16px;}
    .textos_cookies .texto p {margin: 5px 10px;font-size: 10px;line-height: 12px;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
    .oculta_1366{display: none;}
    .oculta_1280{display: none;}
    .oculta_620{display: none;}
    
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header {height: auto;margin-top: 0;background-color: #037bc9;}
    header .wrap-header{height: auto;}
    header #logo_vpd {width: 25%;height: 90px;}
    header #logo_vpd img {margin: 20px 1%;height: auto;max-height: 50px;width: 98%;}
    header #logo_vpd_out {display: none;}
    header #cabecera_movil{float: left;display: block;width: 100%;height: 50px;}
    header #cabecera_movil .icono{float: left;color: white;font-size: 35px;margin: 13px 5px;}
    header #cabecera_movil .texto{float: left;color: white;font-size: 30px;margin: 13px 23px;}
    header nav {width: 58%;height: 85px;margin-left: 2%;}
    header nav .wrap-nav{height: 100%;}
    header .menu ul li {height: 80px;padding: 0;width: 80px;margin: 0 5px;}
    header .menu ul li img {margin: 15px 27px 5px;}
    header .menu ul li p {height: 20px;line-height: 12px;font-size: 80%;}
    header #search {width: 15%;}
    header #search .bienvenido span {margin: 5px;}
    header #search .bienvenido span.datos_usuario {display: none}
    header #search .selector_idiomas select {margin: 5px 10px;}
    
    nav .wrap-nav {height: auto;}
    nav .submenu{border-bottom: none;}
    nav .submenu ul li {border: 1px solid #037bc9;height: 60px;margin: 1%;width: 19%;}
    nav .submenu ul li img {margin: 5px 30%;width: auto;}
    nav .submenu ul li p {font-size: 70%;height: 20px;line-height: 12px;}
    
    .submenu ul li.first {margin-left: 1%;}
    
    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    #loading img {width: 90%;left: 55%;margin: -21px 0 0 -50%;}
    #content {margin-bottom: 8%;}
    
    .block01 {margin: 15% 0 0;width: 100%;}
    .block01 h2 {margin: 0;width: 100%;margin-bottom: 5%;}
    .block01 form {margin: 2% 0;width: 100%;}
    .block01 form label {width: 30%;}
    .block01 form input {width: 55%;}
    .block01 form input[type="button"] {font-size: 100%;margin: 5% 10%;width: 80%;}
    .block01 .caja_gris{float: left;background: #f1f1f1;}
    .block01 .caja_gris h1{font-size: 20px;line-height: 30px;font-weight: bolder;margin: 5px 5%;width: 86%;}
    .block01 .caja_gris h2{color: #848484;font-size: 16px;text-align: left;line-height: 20px;font-weight: normal;margin: 5px 5%;width: 90%;}
    .block01 .caja_gris form {margin: 0 5%;width: 90%;height: 100px;}
    .block01 .caja_gris form input {width: 97%;margin: 2% 0;}
    .block01 .entrar{float: left;width: 98%;background-color: #037bc9;color: white;margin: 20px 1%;font-size: 20px;line-height: 35px;text-align: center;cursor: pointer;}
    .block01 .recordar{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 20px 0;cursor: pointer;}
    .block01 .recordar .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .recordar .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 0;cursor: pointer;position: relative;}
    .block01 .language .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .language .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language select{cursor: pointer;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;}

    .block02 {margin: 1%;}
    .block02 h2 {font-size: 18px;line-height: 22px;}
    .block02 .botonera {height: auto;margin-top: 5px;}
    .block02 .botonera .first {margin-left: 2%;}
    .block02 .botonera .tab.first{clear: both;}
    .block02 .botonera .boton {margin: 1%;width: 11%;text-align: center;}
    .block02 .botonera .boton.tab{width: 15%;}
    .block02 .botonera .busqueda_elemento {font-size: 11px;margin: 5px;padding: 0 0 0 5px;}
    .block02 .botonera .busqueda_elemento input {padding: 0;}
    .block02 .seleccionar .accion_seleccionar {margin: 0 1%;width: auto;padding: 5px 0;}
    .block02 .seleccionar .titulo_seleccionar {line-height: 20px;margin: 5px;}
    .block02 .seleccionar .accion_seleccionar label {margin: 0 5px 5px;}
    .block02 .seleccionar .accion_seleccionar input {padding: 1% 4%;width: 48%;}
    .block02 .seleccionar .accion_seleccionar .boton {margin: 2%;padding: 2px 1%;width: 94%;text-align: center;width: 14%;text-align: center;}
    .block02 .seleccionar .accion_seleccionar select {width: 380px;}
    .block02 .seleccionar .accion_seleccionar select.select_medio {width: 380px;}
    .block02 .tabla {margin: 1% 0;}
    .block02 .tabla .calendario {margin: 0;width: 100%;float:right;}
    .block02 .tabla .calendario .year {font-size: 100%;line-height: 20px;}
    .block02 .tabla .calendario .year .left_year {font-size: 80%;}
    .block02 .tabla .calendario .year .right_year {font-size: 80%;}
    .block02 .tabla .calendario .cajames {height: auto;margin: 0;width: 100%;}
    .block02 .tabla .calendario .cajames .mes {font-size: 100%;line-height: 30px;margin: 0;text-align: center;} 
    .block02 .tabla .leyenda {border-left: none;border-bottom: 1px solid;float: right;margin: 0;width: 100%;}
    .block02 .formulario form .item_elemento {line-height: 40px;margin-right: 0;min-height: 45px;width: 100%;}
    .block02 .formulario form .item_elemento label {line-height: 20px;margin: 1%;width: 98%;}
    .block02 .formulario form .item_elemento .boton_fichar{width: 99%;text-align: center;padding: 10px 0;margin: 5px 0;}
    .block02 .formulario form .item_elemento textarea {width: 93%;}
    .block02 .formulario form .item_elemento input[type="number"] {width: 25%;}
    .block02 .formulario form .item_elemento label.separador {width: 10px;}
    .block02 .formulario form .contenedor_reloj{margin: 0 0 10px;}
    
    .block02 .paginar {font-size: 16px;line-height: 30px;margin: 10px 0;width: 100%;min-height: auto;}
    
    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other--------------------- */
    .tabla_listado thead tr th {font-size: 80%;}
    .tabla_listado tbody tr td {font-size: 60%;line-height: 25px;}
    
    .fichaje{margin: 10px 0;width: 100%;}
    .incidencia{margin: 10px 0;width: 100%;}
    
    .flip-clock-wrapper{width: 100%;margin: 0 0 0 15px;}
    .flip-clock-wrapper ul{border-radius: 5px;height: 60px;line-height: 57px;margin: 5px;width: 25px;}
    .flip-clock-wrapper ul li{line-height: 57px;}
    .flip-clock-wrapper ul li a div div.inn{font-size: 40px;}
    .flip-clock-divider{height: 70px;}
    .flip-clock-dot{height: 5px;width: 5px;}
    .flip-clock-dot.top{top: 25px;}
    .flip-clock-dot.bottom{bottom: 25px;}
    
    .modalDialog > div {width: 80%}
    .ventana_notificaciones > div {width: 80%}
    .ventana_agenda > div {width: 80%}
    .ventana_rgpd > div {width: 80%}
    
    .textos_cookies .texto h2 {margin: 5px 10px;font-size: 16px;}
    .textos_cookies .texto p {margin: 5px 10px;font-size: 10px;line-height: 12px;}
}

@media only screen and (max-width: 479px) {
    .oculta_1366{display: none;}
    .oculta_1280{display: none;}
    .oculta_620{display: none;}
    .oculta_480{display: none;}
    /* -------------------------------------------- */
    /* ------------------Header-------------------- */
    header {height: auto;margin-top: 0;}
    header .wrap-header{min-height: 100px;}
    header #logo_vpd {width: 25%;height: 90px;}
    header #logo_vpd img {margin: 20px 1%;height: auto;max-height: 50px;width: auto;}
    header #logo_vpd_out {display: none;}
    header #cabecera_movil{float: left;display: block;width: 100%;height: 50px;}
    header #cabecera_movil .icono{float: left;color: white;font-size: 35px;margin: 13px 5px;}
    header #cabecera_movil .texto{float: left;color: white;font-size: 30px;margin: 13px 23px;}
    header nav {width: 58%;height: 85px;margin-left: 2%;}
    header nav .wrap-nav{height: 100%;}
    header nav .caja_quick {margin-left: 1%; width: 100%;}
    header nav .caja_quick .reloj_quick {margin-left: 0%;display: none;}
    header nav .caja_quick .titulo_quick label {font-size: 24px;line-height: 80px;}
    header .menu ul li {height: 80px;padding: 0;width: 80px;margin: 0 5px;}
    header .menu ul li img {margin: 15px 27px 5px;}
    header .menu ul li p {height: 20px;line-height: 12px;font-size: 80%;}
    header #search {width: 15%;}
    header #search .bienvenido span {margin: 5px;}
    header #search .bienvenido span.datos_usuario {display: none}
    header #search .selector_idiomas select {margin: 5px 10px;}
    
    nav .wrap-nav {height: auto;}
    nav .submenu{border-bottom: none;}
    nav .submenu ul li {border: 1px solid #037bc9;height: 60px;margin: 1%;width: 19%;}
    nav .submenu ul li img {margin: 5px 30%;width: auto;}
    nav .submenu ul li p {font-size: 70%;height: 20px;line-height: 12px;}
    
    .submenu ul li.first {margin-left: 1%;}

    /* -------------------------------------------- */
    /* ------------------Content------------------- */
    
    #loading img {width: 90%;left: 55%;margin: -21px 0 0 -50%;}
    #content {margin-bottom: 8%;}
    
    .block01 {margin: 15% 0 0;width: 100%;}
    .block01 h2 {margin: 0;width: 100%;margin-bottom: 5%;}
    .block01 form {margin: 2% 0;width: 100%;}
    .block01 form label {width: 30%;}
    .block01 form input {width: 55%;}
    .block01 form input[type="button"] {font-size: 100%;margin: 5% 10%;width: 80%;}
    .block01 .caja_gris{float: left;background: #f1f1f1;}
    .block01 .caja_gris h1{font-size: 20px;line-height: 30px;font-weight: bolder;margin: 5px 5%;width: 86%;}
    .block01 .caja_gris h2{color: #848484;font-size: 16px;text-align: left;line-height: 20px;font-weight: normal;margin: 5px 5%;width: 90%;}
    .block01 .caja_gris form {margin: 0 5%;width: 90%;height: 100px;}
    .block01 .caja_gris form input {width: 97%;margin: 2% 0;}
    .block01 .entrar{float: left;width: 98%;background-color: #037bc9;color: white;margin: 20px 1%;font-size: 20px;line-height: 35px;text-align: center;cursor: pointer;}
    .block01 .recordar{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 20px 0;cursor: pointer;}
    .block01 .recordar .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .recordar .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language{float: left;width: 100%;background-color: #f1f1f1;color: #848484;margin: 0;cursor: pointer;position: relative;}
    .block01 .language .texto{float: left;width: 70%;margin: 0 0 0 5%;font-size: 16px;line-height: 28px;text-align: left;cursor: pointer;}
    .block01 .language .flecha{float: left;width: 23%;margin: 0 2% 0 0;font-size: 20px;line-height: 28px;text-align: right;font-weight: bolder;cursor: pointer;}
    .block01 .language select{cursor: pointer;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;}

    .block02 {margin: 1%;}
    .block02 h2 {font-size: 18px;line-height: 22px;}
    .block02 .botonera {height: auto;margin-top: 5px;}
    .block02 .botonera .first {margin-left: 2%;}
    .block02 .botonera .tab.first{clear: both;margin-left: 5%;}
    .block02 .botonera .boton {margin: 1% 3%;width: 35%;text-align: center;}
    .block02 .botonera .busqueda_elemento {font-size: 11px;margin: 5px;padding: 0 0 0 5px;}
    .block02 .botonera .busqueda_elemento input {padding: 0;}
    .block02 .seleccionar .accion_seleccionar {margin: 0 1%;width: 98%;}
    .block02 .seleccionar .titulo_seleccionar {line-height: 20px;margin: 5px;}
    .block02 .seleccionar .accion_seleccionar label {margin: 0 5px 5px;}
    .block02 .seleccionar .accion_seleccionar input {padding: 1% 4%;width: 92%;}
    .block02 .seleccionar .accion_seleccionar .boton {margin: 2%;padding: 2px 1%;width: 94%;text-align: center;width: 94%;text-align: center;}
    .block02 .seleccionar .accion_seleccionar select {width: 260px;}
    .block02 .seleccionar .accion_seleccionar select.select_medio {width: 260px;}
    .block02 .tabla {margin: 1% 0;}
    .block02 .tabla .calendario {margin: 0;width: 100%;float:right;}
    .block02 .tabla .calendario .year {font-size: 100%;line-height: 20px;}
    .block02 .tabla .calendario .year .left_year {font-size: 80%;}
    .block02 .tabla .calendario .year .right_year {font-size: 80%;}
    .block02 .tabla .calendario .cajames {height: auto;margin: 0;width: 100%;}
    .block02 .tabla .calendario .cajames .mes {font-size: 100%;line-height: 30px;margin: 0;text-align: center;}    
    .block02 .tabla .leyenda {border-left: none;border-bottom: 1px solid;float: right;margin: 0;width: 100%;}
    .block02 .formulario form .item_elemento {line-height: 40px;margin-right: 0;min-height: 45px;width: 100%;}
    .block02 .formulario form .item_elemento label {line-height: 20px;margin: 1%;width: 98%;}
    .block02 .formulario form .item_elemento .boton_fichar{width: 99%;text-align: center;padding: 10px 0;margin: 5px 0;}
    .block02 .formulario form .inc_botones{width: 100%;}
	.block02 .formulario form .inc_botones .item_elemento{float: left;width: 98%;margin: 0 1%;}
	.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{width: 100%;}
	.block02 .formulario form .inc_info .item_elemento{float: left;width: 98%;margin: 0 1%;}
    
    .block02 .formulario form .item_elemento textarea {width: 93%;}
    .block02 .formulario form .item_elemento textarea.grande {width: 93%;}
    .block02 .formulario form .item_elemento input[type="number"] {width: 25%;}
    .block02 .formulario form .item_elemento label.separador {width: 10px;}
    .block02 .formulario form .contenedor_reloj{margin: 0 0 10px 10%;}
    
    .block02 .paginar {font-size: 16px;line-height: 30px;margin: 10px 0;width: 100%;min-height: auto;}
    
    .block03 {width: 100%;margin: 10px 0;}
    .block03 form {width: 100%;margin: 2% 0;}
    .block03 form input {width: 36%;margin: 2% 1%;}
    .block03 form input[type="button"] {width: 47%;}
    .block03 form input[name="tarjeta"] {width: 33%;}
    .block03 .caja_empresa {width: 100%;margin: 1% 0;}
    .block03 .caja_empresa .titulo_empresa {width: 30%;font-size: 18px;line-height: 22px;}
    .block03 .caja_empresa .texto_empresa {width: 70%;font-size: 16px;line-height: 22px;}
    .block03 .caja_empleado {width: 100%;margin: 1% 0;}
    .block03 .caja_empleado .titulo_empleado {width: 30%;font-size: 18px;line-height: 22px;}
    .block03 .caja_empleado .texto_empleado {width: 70%;font-size: 16px;line-height: 22px;}
    .block03 .formulario form {width: 100%;margin: 0;}
    .block03 .formulario form .contenedor_reloj {margin: 2% 5%;}
    .block03 .formulario form .presencia input[type="button"] {width: 42%;margin: 5% 4%;}
    .block03 .formulario form .incidencias label {width: 40%;margin: -7% 30% 2%;}
    .block03 .formulario form .incidencias input[type="button"] {width: 46%;margin: 2%;font-size: 16px;line-height: 36px;}

    /* -------------------------------------------- */
    /* ------------------Footer-------------------- */
    
    /* -------------------------------------------- */
    /* ------------------Other----------------*---- */
    .tabla_listado thead tr th {font-size: 80%;}
    .tabla_listado tbody tr td {font-size: 60%;line-height: 25px;}
    
    .fichaje{margin: 10px 0;width: 100%;}
    .incidencia{margin: 10px 0;width: 100%;}
    
    .flip-clock-wrapper{width: 100%;margin: 0 0 0 15px;}
    .flip-clock-wrapper ul{border-radius: 5px;height: 60px;line-height: 57px;margin: 5px;width: 25px;}
    .flip-clock-wrapper ul li{line-height: 57px;}
    .flip-clock-wrapper ul li a div div.inn{font-size: 40px;}
    .flip-clock-divider{height: 70px;}
    .flip-clock-dot{height: 5px;width: 5px;}
    .flip-clock-dot.top{top: 25px;}
    .flip-clock-dot.bottom{bottom: 25px;}
    
    .modalDialog > div {width: 80%}
    .ventana_notificaciones > div {width: 80%}
    .ventana_agenda > div {width: 80%}
    .ventana_rgpd > div {width: 80%;height: 95%;}
    .ventana_rgpd > div p {font-size: 10px;line-height: 15px;}
    .ventana_rgpd > div h2 {height: 20px;font-size: 11px;}
    
    .textos_cookies .texto h2 {margin: 5px 10px;font-size: 16px;}
    .textos_cookies .texto p {margin: 5px 10px;font-size: 10px;line-height: 12px;}

    
    .msj_accion_label{
      display: flex;
    }
    .msj_accion_buttons{
      display: flex;
      align-items: center;
      width: 50%;
    }

    .msj_grupo_botones,.msj_grupo_botones_tabs{
      display: flex;
      justify-content: center;
    }
    .msj_grupo_botones_tabs .tab.first{
      margin-left: 3%!important;
    }
    .msj_accion_form{
      display: flex;
      justify-content: center;
    }
    .notificar{
      display: flex;
      justify-content: space-evenly;
      align-items: center;
    }
    .notificar label{
      width: auto!important;
    }
    .enviados {
      display: block;
      overflow-x: auto;
    }
    table.tabla_listado th{
      width: 25%!important;
    }
    .tabla_botones{
      display: flex;
    }
    .tabla_listado .tabla_accion{
      font-size: 9px !important;
    }
    .tabla_listado .tabla_separador{
      padding: 0px;
    }

    .msj_asunto_mobile{
      display: flex;
      justify-content: center;
      width: 100%;
    }
    .msj_asunto_mobile label{
      width: 20% !important;
    }
    .msj_asunto_mobile input#asunto{
      width: 80%;
    }
}

.row_sermicro {
	float: left;
	width: 100%;
  --bs-gutter-x: 25px;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2); }
/*  .row_sermicro > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y); }*/
.grid-margin {
  margin-bottom: 25px; }
  .stretch-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch; }
  .stretch-card > .card {
    width: 96%;
    min-width: 96%; 
    margin: 0 2%;}
    
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit; }
    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: calc(0.25rem - 1px);
      border-top-right-radius: calc(0.25rem - 1px); }
    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: calc(0.25rem - 1px);
      border-bottom-left-radius: calc(0.25rem - 1px); }
  .card > .card-header + .list-group,
  .card > .list-group + .card-footer {
    border-top: 0; }

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem 1rem; }

.card-title {
  margin-bottom: 0.5rem; }
  .progress {
  border-radius: 3px;
  height: 8px;
  background: #e6e6e6; }
  
  .card-description {
  font-size: 1.5rem;
  margin-bottom: 0.9375rem;
  font-family: "roboto", sans-serif; }
  .rtl .card-description {
    text-align: right; }
  .progress .progress-bar {
    border-radius: 3px; }
  .progress.grouped .progress-bar {
    border-radius: 0px; }
    .progress.grouped .progress-bar:last-child {
      border-radius: 0px 3px 3px 0px; }
  .progress.progress-lg {
    height: 15px; }
    .mt-2, .template-demo > .btn, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .circle-progress {
  margin-top: 0.5rem !important; }
  .bg-primary, .settings-panel .color-tiles .tiles.primary {
  background-color: #5889d6 !important; }
  .text-center {
  text-align: center !important; }
@media (min-width: 768px) {
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-3, .lightGallery .image-tile {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%; }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float:left;
    margin-top: 1%;
    width: 100%; }
}