@charset "UTF-8";

/* -------------------------------------------- */
/* ------------------Reset--------------------- */

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

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header #logo_vpd img {float: left; margin: 25px 20px; height: 60px; cursor: pointer;}
header {background-color: #3598AF;}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */

/* -------------------------------------------- */
/* ------------------Content------------------- */

.block01 h2{float: left; width: 70%;margin: 0 15%;font-size: 20px; line-height:25px; color:#3598AF;font-weight: bolder;text-align: center;}
.block02 h2{float: left;width: 100%;font-size:24px; line-height:30px; color:#3598AF; font-weight: normal;}
.block02 .seleccionar .accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #3598AF;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .tabla_2-3 .seleccionar .accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #3598AF;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .tabla_1-3 .seleccionar .accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #3598AF;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
.block02 .tabla .calendario .cajames .mes{float: left;width: 100%;margin: 0px;line-height: 16px;font-size: 14px;text-align: left;text-transform: capitalize;color: #3598AF;}
.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: #3598AF;border-bottom: 1px solid #3598AF;}
.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: #3598AF; color: #FFF;}
.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: #3598AF; color: #FFF;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.check:checked ~ .track {
    box-shadow: inset 0 0 0 20px #3598AF;
  }
  .block02 .botonera .accion_intervalo_texto_inicio{float: left;margin-left: 135px; margin-top: 5px;padding: 3px 0;color: #3598AF;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: #3598AF;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
  .onoffswitch-inner:before {content: "ON"; padding-left: 10px; background-color: #3598AF; color: #FFFFFF;}
  .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: #3598AF;}
  .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: #3598AF;border-bottom: 1px solid #3598AF;}
  .block02 .formulario form .item_elemento span.accion_seleccionar{float: left;margin: 5px;padding: 3px 0;color: #3598AF;border: none;line-height: 24px; font-size: 12px;cursor: pointer;}
  .block02 .formulario form .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .block02 .formulario form .recursos .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .block02 .formulario form .experiencia .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .block02 .formulario form .formacion .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .block02 .formulario form .certificados .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .block02 .formulario form .ResumenCV .item_elemento .fila_body .celda_body .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .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: #3598AF;}
  .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: #3598AF;border-bottom: 1px solid #3598AF;}
  .block02 .formulario form .planes_trabajo .year  .tabla_separador{font-size: 22px ;padding: 0 8px; color:#3598AF;}
  .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: #3598AF;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: #3598AF;border-bottom: 1px solid #3598AF;}
  .block02 .formulario form .inc_botones .boton_fichar{float: left;margin: 5px 10px;padding: 10px 20px;color: #949494;background: white;border: 1px solid #3598AF;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: #3598AF;color: white;}
  .block02 .formulario form .inc_bot_presencia {border-bottom: 1px solid #3598AF;margin-bottom: 20px;}
  .block02 .formulario form .inc_bot_presencia {border-bottom: 1px solid #3598AF;margin-bottom: 20px;}
  .block02 .formulario form .puntuar .conocimiento{float: left; width: 24%; height: 121px; margin: 20px 2%; border: 1px solid #3598AF; border-radius: 32px;}
  .block02 .formulario form .puntuar .asignado{color: white;background-color: #3598AF;}
  .block02 .formulario form .validar .accion_moneda{float: left;width: 29.5%;height: 100px;margin: 2% 10%;border: 1px solid #3598AF;border-radius: 25px;cursor: pointer;}
  .block02 .formulario form .tesoro .bolsa_monedas{float: left;width: 49.5%;margin: 2% 25%;border: 1px solid #3598AF;border-radius: 25px;cursor: pointer;}
  .block02 .contenedor_botones .boton_inicio{float: left;width: 100px;height: 100px;margin: 1% 5%;border-radius: 10%;background-color: #3598AF;color: white;padding: 1%;line-height: 50px;text-align: center;font-size: 15px;cursor: pointer;}
  .block04 .caja_aceptacion h2{float: left;width: 100%;font-size:24px; line-height:50px; color:#3598AF; font-weight: normal;text-align: center;}
  .tabla_listado .tabla_accion{font-size: 12px;padding: 0 5px;color: #3598AF;cursor: pointer;}
  .block01 .entrar{float: left;width: 98%;background-color: #3598AF;color: white;margin: 20px 1%;font-size: 20px;line-height: 35px;text-align: center;cursor: pointer;}
  
  .calendar_header h1{
    font-size: 1.5em;
    color:#3598AF;
    font-weight:bold;
    width: 100%;
  }
  .calendar_header h2:hover{
    color:#3598AF;
    cursor: pointer;
  }
  #calendar ul.weekdays li {
    text-align: center;
    line-height: 20px;
    border: none !important;
  
    padding: 10px 6px;
    color:#3598AF;
    font-size: 14px;
  }

  /* Extra elements of calendar*/

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

.formularioTrab .boton_fichar{padding: 10px 20px;color: #949494;background: white;border: 1px solid #3598AF;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 10px;}

.formularioTrab .boton_fichar:HOVER{background-color: #3598AF;color: white;}

.botonRellena{
	float: left;margin: 10px;padding: 5px 15px;color: #666;background-color: white;border: 1px solid #3598AF;line-height: 20px; font-size: 12px;cursor: pointer;border-radius: 3px;
}

.botonRellena:hover{
	background-color: #3598AF;
	color: white;
}

.botonVerImagen:hover{
	background-color: #3598AF;
	color: white;
}

.firma button#clear {
    height: 100%;
    background: #3598AF;
    border: 1px solid #3598AF;
    color: #fff;
    cursor: pointer;
     max-width: 50px;
}
.firma button#clear:hover{
    background: #3064b2;
}

.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: #3598AF; color: #FFF;margin: 0px;border-spacing: 5px;border-collapse: separate;}
.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: #3598AF; 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: #3598AF; color: #FFF;}


.advertencia {    
    color: red;
}

.btn_promocion {
    border-radius: 50%;
}

.ocultar {
    display: none;
}

.indicador { 
    position: absolute;
    top: 5px;
    left: 75%;
    background-color: red;
    border-radius: 49%;
    font-size: .9rem;
    padding: 0px 3px 0px 3px;
    color: white
}

.exito {    
    color: blue;
}

.producto button:hover {
    opacity: 0.7;
}

.producto h3 {    
   color: #1e81b0;
}
.selector {
    line-height: 25px;
}

table, table td {padding:0;border:none;border-collapse:collapse;padding-left: 4px}

.tabla_cabecera {
    width: 98%;font-size: 14px;line-height: 16px;
    background-color: #3598AF;
    color: #ffffff;
}


/* -------------------------------------------- */
/* ------------------Footer-------------------- */

/* -------------------------------------------- */
/* ------------------Components-----------------*/