@CHARSET "UTF-8";
/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */

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

/*Add your font at here*/

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

.google-btn {
  width: 214px;
  height: 42px;
  background-color: #4285f4;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.google-btn .google-icon-wrapper {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #fff;
}
.google-btn .google-icon {
  position: absolute;
  margin-top: 11px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
}
.google-btn .btn-text {
  float: right;
  margin: 10px 11px 0 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: "Roboto";
}
.google-btn:hover {
  box-shadow: 0 0 6px #4285f4;
}
.google-btn:active {
  background: #1669F2;
}

/* Estilos del botón de MS SSO */
.ms-signin-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2F2F2F;
  color: white;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s;
  width: 200px;
}

.ms-signin-btn:hover {
  background-color: #505050;
}

.ms-signin-btn img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

/* -------------------------------------------- */
/* ------------------Header-------------------- */

/* -------------------------------------------- */
/* ------------------Navigation---------------- */

/* -------------------------------------------- */
/* ------------------Content------------------- */
.block01 {float: left;width: 40%;margin: 200px 30% 140px;}
.block02 .resumen{float: left;width: 98%; border: 1px solid;margin: 1%;}
.block02 .resumen .tabla_resumen{width: 100%;margin: 0;text-align: center;}
.block02 .titulo_entrada_sermicro{font-size: 30px;text-align: center;margin: 3%;}
.block02 .texto_entrada_sermicro{font-size: 20px;text-align: justify;margin: 3% 20%;}

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

/* -------------------------------------------- */
/* ------------------Components-----------------*/
.tabla_listado tbody tr td span[title="IP"]{font-weight: bold;cursor: pointer;}


/* --------------------------------------------*/
/* ------------------Panel-------------------- */

/*botonera*/
.block02 .botonera_sermicro{float: left; width: 100%;height: 40px;line-height: 40px;border: 1px solid #bbb;margin-top: 10px;}
.block02 .botonera_sermicro .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_sermicro .boton_activo{color: #fff;background: rgb(121,121,121);}
.block02 .botonera_sermicro .first{margin-left: 20px;}
.block02 .botonera_sermicro .tab{}
.block02 .botonera_sermicro .tab.first{margin-left: 50px;}
.block02 .botonera_sermicro .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_sermicro .busqueda_elemento label{float: left;margin: 0px 5px;}
.block02 .botonera_sermicro .busqueda_elemento input{float: left;margin: 3px 5px;line-height: 22px;padding: 0px 5px;text-align: center;}

/*panel*/
.block02 .panel_board_sermicro_row{
	display:flex;
	justify-content:space-around;
}
.block02 .panel_board_sermicro_title{
}

.block02 .empleado_intro{
	background-color: #4aa0e0;
    color: #555753;
    margin: 15px;
   	width: 20%;
   	border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

.block02 .fichaje_intro{
	background-color: #4adf8f;
    color: #555753;
    margin: 15px;
   	width: 20%;
   	border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

.block02 .alert_intro{
	background-color: #babdb6;
    color: #555753;
    margin: 15px;
   	width: 15%;
   	border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

.block02 .sin_plan_trabajo{
	background-color: crimson;
    color: white;
    margin: 15px;
   	width: 15%;
   	border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
}
.block02 .panel_board_sermicro_title{
	text-align: center;
}

.block02 .panel_board_sermicro_title h1{
	font-size: 24px;
}

.block02 .panel_board_sermicro_col .content_title h1{
	margin: auto;
    width: 70%;
    text-align: center;
}
.block02 .panel_board_sermicro_col .content_title {
	border-bottom: 2px #555753 solid;
}
.block02 .panel_board_sermicro_col .sub_content h1{
	font-size: xxx-large;
    text-align: center;
    margin: auto;
}
.block02 .panel_board_sermicro_col .sub_content {
	height: 120px;
    display: flex;
}

.block02 .panel_board_sermicro_col .sub_content_porcentaje h1{
	font-size: x-large;
    text-align: center;
    margin: auto;
}
.block02 .panel_board_sermicro_col .sub_content_porcentaje {
	border-top: 2px #555753 solid;
	height: 60px;
    display: flex;
}

.block02 .panel_board_sermicro_col{float: left;min-width:15px;height: auto;margin: 10px 0;}
.block02 .panel_board_sermicro_col h3{float: left; width: 90%; margin: 0 5%;}
.block02 .panel_board_sermicro_col h4{float: left; width: 90%; margin: 0 5%;text-align: center;font-size: 80px; line-height: 90px;margin: 10px 0;}
.block02 .panel_board_sermicro_col h5{float: left; width: 90%; margin: 0 5%;text-align: center;font-size: 40px; line-height: 50px;margin: 20px 0;}
.block02 .panel_board_sermicro_col .botonera{float: left;width: 100%;height: 40px;line-height: 40px;margin-top: 10px;border: none;}
.block02 .panel_board_sermicro_col .botonera .first {margin-left: 5%;}
.block02 .panel_board_sermicro_col .grafico{float: left; width: 98%; margin: 50px 1%;}
.block02 .panel_board_sermicro_col .grafico img{cursor: pointer;}

.block02 .separator_sermicro_right{border-right: 2px #e3e5e5 solid;}
.block02 .separator_sermicro_left{border-left: 2px #e3e5e5 solid;}
.block02 .separator_sermicro_bottom{border-bottom: 5px #e3e5e5 solid;}

.block02 .panel_sermicro_board_full{float: left;width: 98%;height: auto;min-height: 400px;margin: 10px 1%;}
.block02 .panel_sermicro_board_full h3{float: left; width: 90%; margin: 0 5%;font-size: 24px;}
.block02 .panel_sermicro_board_full .tablon_avisos{float: left; width: 98%; margin: 10px 1%;}
.block02 .panel_sermicro_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_sermicro_board_full .tablon_avisos .fila_aviso:hover{background-color: #e3e5e5;}

.ventana_ad {width: 100%; height: 100%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);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_ad {opacity:1;pointer-events: auto;}
.ventana_ad img{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ventana_ad a{position: fixed;top: 25%;left: 70%;z-index: 99999;}