body{
  width:100%;
  /* background:#f5f5f5;  */
  background:#fafafa;
  overflow-x: hidden;
 /* box-sizing:border-box !important; **/
  padding:0;
  margin: 0 auto !important;
 /* font: 150% sans-serif; */
 
}


.card{
  position:relative;
  width:400px;
  height:400px;
  border:1px solid gray;
  border-radius:10px;
  background-color: #eeeeee ;
  left:50%;
  transform:translateX(-50%);
  top:10px;
  box-shadow:5px 5px 5px rgba(21,21,21,.1);
  overflow:hidden;


}


.h50{
  height:55px;
  width:70px;
  margin:1px;

}
.tlb{
  font-size:0.8em;
}

.tfont2{
  font-size:0.8em;
}

.colorcard{
  background:#f5f5f5;
  /*box-shadow:5px 5px 5px rgba(21,21,21,.2); */
}

body .imagenFondo{
  position:fixed;
  top:0;
  width:100%;
  z-index:-1;
  opacity:.1;
}

.colortitulo3{
  background:#212121;
}


.usuario{
  position:relative;
  background:none;
  width:100%;
  /*top:195px;*/

}

header{
  width:100%;
  height:100px;
  position:relative;
  top:0;
  overflow:hidden;
}

.p10{
  padding:10px;
  box-sizing: border-box;
}

.mleft{
  margin:5px;
}

.marbo{
  margin-bottom:10px !important;
}

.w100{
  width:100%;
}



.tboton{
  width:90%;
}




.logo{
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:100px;
  background:none;
}

.titulologin{
  position:relative;
  /*top:110px;  */
  width:70%;
  height:auto;
  background:none;
  left:50%;
  transform:translateX(-50%);
  border-bottom:1px solid #11A81C;
}

.imglogo{
  display:flex;
  width:100px;
  margin-left:auto;
  margin-right:auto;
}

.pma .w1{
  width:50px;
}

.pma .w2{
  width:150px;
}

.pma .w25{
  width:250px;
}

.pma .w3{
  width:600px;
 
}

.pma .w21{
  width:200px;
  background:orange;
}

.pm .w212{
   width:200px;
  background:none;
}

.pma .w100{
  width:100%;
}


.pma2 .w1{
  width:5%;
  background:none;
}

.pma2 .w2{
  width:5%;
  background:none;
}

.pma2 .w25{
  width:20%;
}

.pma2 .w60{
  width:55%;
  background:none;
 
}

.pma2 .w255{
  width:15%;
  background:none;
 
}

.pma2 .w70{
  width:380px;

}


.w70 .row{
  width:100%;
  height:50px;
  background:none;
  padding:2px;
  box-sizing: border-box;
}

.row .lado11{
  width:85%;
  background:none;
}

.rowsombra{
  background:none;
}

.colorneutro{
 background:#fafafa;  
 /* background:red;*/
}



.rowsombra:hover{
background: #e3f2fd;
transition:0.3s ease-in;
cursor:pointer;
}

.row .lado22{
  width:15%;
  background:none;
}

.tbotomr{
  width:40px;
  height:40px;
  margin-left:2px;
}


.pma2 .w3{
  width:600px;
 
}

.pma2 .w21{
  width:200px;
  background:orange;
}

.pma2 .w100{
  width:100%;
}




.colorparte1{
  background:#80cbc4;
}

.colorparte2{
  background:#b2dfdb;
}


.colorparte3{
  background:#40c4ff;
}

.colorparte4{
  background:#ffd600;
}




.logo img{
  width:100%;

}
.tm{
  font-size:1.2em;
}

.p10{
  padding:10px;
}

.flex{
  display:flex;
  flex-wrap: wrap;
}

.red{
  background:red;
}

.blue{
  background.blue
}

.aligleft{
  text-align:right;
}

.colorlogin{
  background:#fdd835 ;
}


.cajapanel{
  width:90%;
  height:55px;
  background:#f5f5f5;
  border-radius:5px;
  border:1px solid rgba(20,20,20,.1);
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  box-shadow:5px 5px 5px rgba(21,21,21,.1);
}

.contenido{
  position:relative;
  display:flex !important;
  top:15px;
  width:100%;

  min-height:600px !important;
  max-height:auto !important;
  background:white; 
  /*border:1px solid rgba(20,20,20,.1); */
 
 
}

.colorcaja10{
  background:#f5f5f5;
}

.ticon22{
  font-size:3em;
}



.colorNotificacion{
  background: #eeeeee ;
}

.contenidoListado{
  position:relative;
  width:100%;
  

  padding:10px;
  overflow:scroll;
  background:#f5f5f5;
 
}


.cajacu{

  margin-top:15px;
  width:92%;
  margin-left:auto;
  margin-right:auto;

}



/*.contenidoUsuario,*/ 
#contenidoAuditoria{
  display:block;
  /*background:#fafafa; */
  width:95%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:20px;
}

.sectionBlanco{
  position:relative;
  display:block;
  background:none;
  width:100%;
  height:80vh;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  
}

#contenedorGestorPM, #contenedorGestorPMAdmin{
  position:relative;
  display:block;
  background:none;
  width:100%;
  overflow:hidden;
  
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  border:0 ;

}




.fondoverde{
  background:#004d40;
}

.centrarvert{
  display:flex;
  align-items: center center;

}


 .contenidoUsuario{
  display:block;
  background:none !important;
  width:90% !important;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  position:relative;

}

 .contenido .contenidoUsuario2{
  display:none;
  background:none !important;
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  position:relative;

}


#contenidoPlanMejora{
  display:none;
  
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;

}

#contnidoReportes{
  display:none;
  background:none;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;

}

.buscadorUsuario .buscador1{
  display:none;
  width:90%;
  border:1px solid gray;
  margin:0 auto;
  background:orange;
  
}

#cajabuscador2{

}

.listauditorias{
  width:98%;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
 border:1px solid gray;
}

.w70{
  width:150px;
}


.listauditorias2{
  width:95%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:35px;
 border:1px solid #f5f5f5;
 background:#fafafa;  

 /*background:white; */
 box-shadow:2px 5px 5px rgba(21,21,21,.3); 
}

.hmin{
  min-height:60px;
}

.listauditorias3{
  width:98%;
  margin-left:auto;
  margin-right:auto;
 
 
 background:#fafafa;
 border:1px solid rgba(21,21,21,.1);


}

.hmodalg{
  height:95vh;
  top:1px;
}

.p50{
padding:5px;
}



.titulolista3{
  width:89%;
   margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  padding:0px;
  box-sizing:content-box;
}




.titulolista2{
  width:2000px;
   margin-left:auto;
  margin-right:auto;
  margin-top:1px;
}


.colortitulointo{
  background:#bdbdbd;
}


.colorfondochek{
background:#e0e0e0;
}


.listauditorias3 .row{
  width:100%;
  /*border-bottom:1px solid black; */
  
  margin:0 auto;
}

.camelcase{
  text-transform:capitalize;
}


.borderdown{
  border-bottom:1px solid rgba(20,20,20,.1); 
}


.w90{
  width:80%;
}

.tletrag{
  font-size:3em;
}


.filamp{
  display:block;
  width:100%;
  background:orange;
  height:80px;
  margin-bottom:50px;
}


.listauditorias2 .row{
  width:100%;
  /*border-bottom:1px solid rgba(20,20,20,.1); 
  */
  margin:0 auto;

}



.margin{
 
  right:100px;
  padding:20px;
}


.lado1{
  /*background:#fafafa ; */
  background:#f5f5f5;
}

.lado11{
  background:none;
}


footer{
  position:relative;
  bottom:-101px;

  left:-1px;

  
  width:100%;
  height:80px;
  background:#212121;
  box-sizing:border-box;
}

.createUsuario{
  position:relative;
  margin-top:10px;
  margin:0 auto;
  background:#f5f5f5;
  box-sizing-:border-box;
  padding:10px;
   border:1px solid rgba(20,20,20,.1);
  box-shadow:5px 5px 5px rgba(20,20,20,.1);
}

.hmodalusuario{
  height:300px;
}



.createAuditoria{
  position:relative;
  margin-top:10px;
  margin:0 auto;
  background:#f5f5f5;
  box-sizing-:border-box;
  padding:10px;
   border:1px solid rgba(20,20,20,.1);
  box-shadow:5px 5px 5px rgba(20,20,20,.1);
  width:100%;
}






.buscadorUsuario{
  position:relative;
  margin-top:20px;
  box-sizing: border-box;
  padding:20px;
  background:#f5f5f5;
  border:1px solid rgba(20,20,20,.1);
  box-shadow:5px 5px 5px rgba(20,20,20,.1);
  width:100%;
  margin-left:auto;
  margin-right:auto;
}


.listadoUsuarios{

 margin-top:20px;
 margin-left:auto;
 margin-right:auto;

  height:auto;
 
  /*background:#f5f5f5;  */
  

  
 box-shadow:5px 5px 5px rgba(21,21,21,.1);
  width:100%;


}


.fondocol{
  background:#f5f5f5;
}

.mcentrado{
  /*display:block; 
  margin-left:auto ;*/
  margin-right:auto;

}

.imgcenter{
  position:absolute;
  top:30px;
  left:40%;
  transform:translateX(-33%);
  
}

.lemaimg{
position:absolute;
top:230px;
}

.row .w90{
  width:64%;
}

.prel{
  position:relative;
}

.prel2{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}


.listadoUsuarios2{
  position:relative;
 margin-top:20px;

  height:auto;
  background:none;
  padding:20px;
  border:1px solid gray;


}

.fondocard2{
  background:#fafafa  ;
}

.w95{
  width:94%;
  margin:0 auto;
}


.estadoejecucion{
  margin-top:20px;
  width:100%;
  margin-left: auto;
  margin-right:auto;
  
}

.fontsizex{
  font-size:2em;
}


.tlg{
  font-size:1em;
}


.ajusText{
  margin-top:12px;
  margin-bottom:auto;

  width:100%;
 
}


.row .bbutton{
  position:relative;
  display:block;
  width:80px;
  height:120px;
 
  padding:5px ;
  margin-left:10px;
  margin-bottom:5px;
  background:white;
}

.bbutton2{
  position:relative;
  display:block;
  width:80px;
  height:80px;
 
  padding:5px ;
  margin-left:10px;
  margin-bottom:5px;
  background:white;
}

.bper{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:45%;
  background:orange;
}

.barri{
  position:absolute;
  top:45%;
  width:100%;
  left:0;
  height:50%;
  background:purple;
}

.inputbutton{
  width:30px;
  height:50px;
  background:white;
}

.tcardd{
 
height:40px;
width:auto;

margin-left:5px;
margin-top:1px;
}

.titc{
  width:100%
  background:purple;
}

.colorsecundario{
  background:#eeeeee;
}


.container2{
  display:flex;
  flex-wrap: wrap;
}
.item1{
  flex-grow:1;
  flex-basis: 200;
}

.contentpm{
  width:90%;
  height:150px;
  margin:0 auto;
  overflow:hidden;
  /*background:rgba(21,21,21,.1);  */
  background:white;
}



.cajanovedades{
  position:relative;
  width:100%;
  background:yellow;
  min-height:200px;
  overflow:hidden;
}



.bbutton:hover{
  box-shadow:5px 5px 5px rgba(20,20,20,.1);
}

.colorbuttomh{
  background: white;
}

.btecho{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  display:flex;
}

.bhalla{
  position:absolute;
  top:30%;
  width:100%;
  height:30%;
  left:0px;

}
.bpor{
position:absolute;
  top:70%;
  width:100%;
  height:30%;
  left:0px;
  background:#e0e0e0;
}



.color1{
  background:green;
}

.color2{
  background:#ffd740;
}

.color0{
  background:gray;
}


.cajaBotones{
  width:95%;
  margin:0 auto;
  box-sizing: border-box;
background: #fafafa;
/*border:1px solid green;  */

}

.fondoanuncio{
  background:#f5f5f5;
}


.listadoUsuarios .titulolista{

  border:1px solid gray;
  box-sizing:border-box;
  height:60px;
  margin-top:0px;
  padding:10px;
  background:#26a69a ;
  width:100%;
 

}

.listadoUsuarios .tit{

  height:50px;
  width:100%;
  background:red;
  margin:auto;
  right:auto;

}

.tjustificado{
  text-align:justify;
}

.colorbutton1{
  background:purple;
}

.listadoUsuarios .cuerpolista{


  border:1px solid gray;
  height:500px;
  width:100%;
  background:white;
  overflow:scroll;
}


 .cuerpolista2{
 
  height:500px;
  background:none;
  width:100%;
 
}

.rowlist{
  background:white;
  margin-bottom:5px;
  border-bottom:1px solid rgba(20,20,20,.1);
}

.rowlist:hover{
  background:#e1f5fe;
  transition:.3s ease-in-out;
}

.p5{
  padding:5px;
}


/* MODALE USUARIO ********* --*/
.tmodal .cuerpomodal2{
  width:99% !important;
  /*background:#fafafa;*/
 /*order:1px solid gray; */
  height:400px;
}

.widtmodal{
  width:100%;
}


.tmodalusuario{
  height:550px;
}

.tmodal .cuerpomodal{
  width:99% !important;
  /*background:#fafafa;*/
 /*order:1px solid gray; */
  height:90%;
}

.cuerpomodal2{
  width:95% !important;
  background:#fafafa;
  min-height:200px;
  max-height:auto;
  margin-left:auto;
  margin-right:auto;
}



.fondomodal{
  background:white;
}

.bsec{
  display:block;
  background:#e0f2f1;
  border-radius:10px;
  padding:5px;
  margin-bottom:10px;
}

.bsec:hover{
    background:#00796b;
    color:white;
}

.h20{
  
  height:50px;
  margin-top:15px;
  background: white;
}

.tfonts{
  font-size:0.7em;
}

.hmodal{
  height:800px !important;
}

.buscador{
  width:100%;
  height:70px;
  background:#fafafa;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  
  padding:10px;
  border:1px solid rgba(21,21,21,.4);
}
.ticono{
  font-size:2em;
}

.negrita{
  font-weight: bold;

}

.colortitulom{
  background:#0277bd;
}

#cajaPlanMejoraadminApro{
  height:900px !important;
}

.tmodal{
  height:350px;
  background:none;
}

.tmodal23{
  height:550px;
  background:none;
}

.tmodal22{
  height:98%;
  background:none;
}



.tmodal2{

  height:600px;
  background:none;
}



#cajaasiganru{
  width:90%;
  background:none;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;

}

.cajaresult{
  background:none;
  width:99%;
  height:auto;
  margin:0 auto;

}

.hresultmodal{
  height:90% !important;
}

.w10{
  width:50px;
}

.drow{
  margin-bottom:20px !important;

}

#nuevlatomodal{
  height:900px;
  width:1200px;
  background:orange;
}


.altorow{
  min-height:40px;
  max-height:auto;

}
.caja{
  width:100%;

  background:none;
  margin:0 auto;
  border:1px solid rgba(21,21,21,.1);
}



.h500{
  height:45px;
}

.hmodal

.altorow2{
  min-height:50px;
  max-height:auto;
  background:none;
}

.hrwo2{
  height:50px;
}

.colortit1{
  background:#00695c;
}


.topcaja{
  margin-top:-100px;
}

.cajaSelecSec{

  width:95%;
  background:#fafafa;
  border:1px solid rgba(21,21,21,.1);
  margin:0 auto;
  box-sizing:border-box;
  padding:10px;
  box-shadow: 5px 5px 5px rgba(21,21,21,.1);
}

.colorsectin{
  background:#fafafa;
}

.dcentrado{
  margin:0 auto;
}

.borderbajo{
  border-bottom:1px solid rgba(21,21,21,.1);
}

.cuadroaudi, .cajapm, .cajaaprobacion, .cajausuario,.cajalog{
  /*border:1px solid gray; */
 background:#fafafa;
  width:100%;
  padding:10px;
  margin-top:2px;
}



.cajalog .row{
  width:100%;
  margin:0 auto ;
  min-height:50px;
  max-height:auto;
}

.fondocajas{
  background:#fff9c4;
}

.fondocajatitu{
  background:#00695c;
}


.mayus{
  text-transform: uppercase;
}

.colortextprim{
color:rgba(21,21,21,1);
}

.labelover:hover{
  cursor:pointer;
  transition:.3s ease-in-out;
background:#e1f5fe;
}



.m10{
  margin:10px ;
}

.hrow2{
  min-height:40px;
}

.ticon2{
  font-size:1.5em;
}

.colorbotom{
  background:#eeeeee !important;
}

.pma{
  width:4200px;
}


 .pma2{
  position:relative;
  width:100%;
  
}

.colorpma{
  background:rgba(20,20,20,.5);
}

.fixed1{
  position:fixed;
  top:50px;
}



.cajapm .row{
  width:100%;
  margin:0 auto;
}

.cajausuario .row{
  width:100%;
  margin:0 auto;
}


.viewpdf{
  width:90%;
  height:70vh;
  background:white;
  margin:0 auto;
  overflow:scroll;
}