/*Boostrap 4*/
html,
body {
    height: 100%
}

.nav-item{
 width:100%;
}

.nav-link{
  display:block;
}

.fondo-empresas{
    background: #FCFCFC;
    clear: both;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 15px 10px;
    margin-left:1%;
}


.img-con img, #ImgEmpleado {
   margin-left: 5px;
   max-height: 120px;
   max-width: 100%;
   margin-top: 16px;
}


.section-fondo {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    


.boton-otrab {
  
opacity: 1 !important;
background: #11326a !important;
color: #fff !important;
border: 1px solid #11326a !important;
margin: 0;
cursor: pointer;
font-size: 14px;
padding: 5px 10px;
}


/*Panel*/

@font-face {
  font-family: 'iconosPanel';
  src:  url('../font/panel.eot?xti3io');
  src:  url('../font/panel.eot?xti3io#iefix') format('embedded-opentype'),
    url('../font/panel.ttf?xti3io') format('truetype'),
    url('../font/panel.woff?xti3io') format('woff'),
    url('../font/panel.svg?xti3io#panel') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="son"], [class*=" son-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconosPanel' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.son-fisicos:before {
  content: "\e900";
  color: #11326a;
}
.son-generales:before {
  content: "\e901";
  color: #11326a;
}
.son-medicos:before {
  content: "\e902";
  color: #11326a;
}
.son-nutricionales:before {
  content: "\e903";
  color: #11326a;
}
.son-otros:before {
  content: "\e904";
  color: #11326a;
}


main {
  max-width: 400px;
  padding: 20px;
  background: #fff;
  background: #F5F5F5;
}


main:before {
    bottom: 100%;
    left: 50%;
    margin-left: -12px;
    border-bottom-color: #F5F5F5 !important;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 12px;
    border-style: solid;
}


section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #abc;
}

#content input {
  display: none;
}

#content label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px;
  font-weight: 600;
  text-align: center;
  color: #abc;
  border: 1px solid transparent;
}

#content label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}



#content label:before:hover{
  color:#ffffff;
}

#content label:hover {
  color: #789;
  cursor: pointer;
}

#content input:checked + label {
  color: #fff;
  border: 1px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 1px solid #fff;
  background: #11326a;
}

#content input:checked + label i:before {
  color: #fff !important;
}

#content input:checked + label i:after {
  
}



#tab1:checked ~ #pnlGenerales,
#tab2:checked ~ #pnlMedicos,
#tab3:checked ~ #pnlNuticionales,
#tab4:checked ~ #pnlFisicos,
#tab5:checked ~ #pnlOtros {
  display: block;
  background: #e2e2e2;
  padding: 10px;
  border: 1px solid #fff;
}

#tab1:checked ~ #pnlGenerales:after{
  content: '';
  border: 10px solid transparent;
  border-top-color: #11326a;
  border-bottom: 0;
  position: absolute;
  left: 12%;
  top: 100px;
  }
  


#tab2:checked ~ #pnlMedicos:after{
  content: '';
  border: 10px solid transparent;
  border-top-color: #11326a;
  border-bottom: 0;
  position: absolute;
  left: 40%;
  margin-left: -35px;
  top: 100px;
  }


#tab3:checked ~ #pnlNuticionales:after{
  content: '';
  border: 10px solid transparent;
  border-top-color: #11326a;
  border-bottom: 0;
  position: absolute;
  left: 60%;
  margin-left: -35px;
  top: 100px;
  }


#tab4:checked ~ #pnlFisicos:after{
  content: '';
  border: 10px solid transparent;
  border-top-color: #11326a;
  border-bottom: 0;
  position: absolute;
  left: 80%;
  margin-left: -35px;
  top: 100px;
  }


#tab5:checked ~ #pnlOtros:after{
  content: '';
  border: 10px solid transparent;
  border-top-color: #11326a;
  border-bottom: 0;
  position: absolute;
  left: 95%;
  margin-left: -35px;
  top: 100px;
  }

@media screen and (max-width: 800px) {
  #content.label {
    font-size: 0;
  }
  #content.label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 500px) {
  #content.label {
    padding: 15px;
  }
}


.panel{
  cursor: pointer;
}

div#content {
    background-color: #F5F5F5;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    left: -140px;
    top: 75px;
}

input#show:checked ~ div#content {
  display: block;
  border-radius: 6px;
  border: 1px solid #e1e1e1;
}

input#hide:checked ~ div#content {
  display:none;
}

.titulo_tab{
  font-size: 10px;
}

.titulo_tab i{
  font-size: 25px;
}

.text-center{
  text-align: center;
}

.lista-colaborador li{
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #fff;
}

.lista-colaborador li label{
    color:#000000 !important;
     text-align:right;
}

p.texto-ventanabuscador{
  color: #8a8a8a; 
  font-size: 13px; 
  text-align: center; 
  padding: 10px;

}

.titulo-ventanabuscador
{
 color:#11326a;
 text-align:center;
}

.boton-ventanacancelar {
    background: #FCFCFC !important;
    border-radius: 0 !important;
    color: #727272 !important;
    border: 1px solid #777777 !important;
    font-size: 18px;
    padding: .375rem .75rem;
    border-radius: 3px !important;
    line-height: 1.5;
    top: 4px;
    position: relative;
}


/*Responsive panel*/

@media (max-width:768px) {
    div#content {
        left: -20px;    
    }

    .text-right {
        text-align: left !important; 
    }

}

/*Tablas reportes*/

.tabla-fnegro{
    background-color: #000000 !important;
	color: #ffffff ;
 }
		
.tabla-frojo {
	 background-color: #C00000;
	color: #ffffff;
}