*{
  box-sizing:border-box !important;

}

body{
  padding:0 !important;
  margin:0 !important;
  
  background:none !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  /*background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 90%) !important; */
}

header{
  background:rgba(21,21,21,0) !important;
  height:10vh !important;
  width:100% !important;
  position:absolute !important;
  top:1px !important;
  z-index:2000 !important;
}

.footergestor{
  height:7vh !important;
  padding:10px !important;
  width:100% !important;
  box-sizing: border-box !important;
}



.bordeinfe{
  border-bottom:1px solid #e0e0e0;
}

.encuadre{
  background:none !important;
  width:100% !important;
  height:100vh !important;
  overflow-x: hidden !important;

}

input{
  text-align: center !important;
  background:white !important;
  font-size:.8em !important;
}

.cabeza{
  background:rgba(21,21,21,.8) !important;
  height:10vh !important;
  width:100% !important;
  position:relative !important;
  top:1px !important;
  z-index:10 !important;

}

.cabezag{
  height:135px !important;
  width:100% !important;
  padding:10px !important;
   position:relative !important;
  margin:0px !important;
  background:rgba(21,21,21,.8) !important;
    z-index:10 !important;
    box-sizing: border-box !important;
}
.inicio{
  position:absolute !important;
  background:red !important;
  width:100px !important;
  right:10px !important;

}

.contenidogestor{
  position:relative !important;
  display:flex !important;
  flex-wrap: wrap !important;
 
  width:90% !important;
  min-height:75% !important;
 
  margin-top:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border:1px solid rgba(21,21,21,.1) !important;
   background:rgba(255,255,255,.7) !important;
  
}

.border_up{
  border-bottom:1px solid white !important;
}

.contenidogestor .titulo{
  
  width:100% !important;
  height:50px !important;
  margin-top:0px !important;
  padding:10px !important;
  font-weight: :bold !important;
}

.color1{
  background:#00897b !important;
}

.color2{
  background:#eeeeee !important;
}


.contenidogestor .row{
  width:100% !important;
  height:60px !important;

 
}

 .botonera{
  position:relative !important;
  display:flex !important;
  flex-wrap: wrap !important;
  background:none !important;
  width:100% !important;
  margin-top:-1% !important; 
}

.reporteh{
  display:block !important;
  height:550px !important;
  background:none !important;
   border:1px solid rgba(20,20,20,.1) !important;
}


.reporte{
  display:flex !important;
  height:500px !important;
  background:orange !important;
   border:1px solid rgba(20,20,20,.1) !important;
}

.reporte .reportegeneral1{
  width:40% !important;
  height:500px !important;
  display:flex !important;
}

.reportegeneral1 .row{
  width:100% !important;
}


.obli{
  color:red !important;
  padding:2px !important;
}

.tboton{
  width:100% !important;

}

.reportehcargue{
  height:550px !important;
  background: #b2dfdb !important;
 

}

.ocultol1{
  display:none;
}

.bord{
  border:1px solid #e0e0e0 !important;
}

.reporteh .cuerporeporteh{
  height:80% !important;
  background:none !important;
 
}
.reporteh .piech{
  height:auto !important;
  background:#f5f5f5 !important;
}

.resultadoh{
  height:100% !important;
  background:none !important;
  display:flex !important;
}

.botones{
  position:relative !important;
  width:100% !important;
}

.tima{
  width:50px !important;
}

.contenidogestor .botonesprin{
 
  background:white !important;
  height:150px !important;
  width:100% !important;
  display:flex !important;
  flex-wrap: wrap !important;
 
}



.contenidogestor .reporte{
 /* min-height:400px !important;
  height:auto !important; */
  
 
  margin-top:50px !important;
  height:65% !important;
  background:none !important;
  display:flex !important;
  flex-wrap: wrap !important;
}

.cardn{
  width:100% !important;
  height:200px !important;
  background:white !important;
}

.contenidogen{
  background:none !important;
  width:100% !important;
  margin:0 auto !important;
}



.botoncargue{
  background:none !important;
  width:100% !important;
  height: 90% !important;
  margin-top:100px !important;
}

.pie{
  position:relative !important;
  height:50px !important;
  background: rgba(21,21,21,.8) !important;
  margin-top:20px !important;
}



.grillaadmon{
  display:flex !important;
  flex-wrap: wrap !important;
  background:white !important;
  width: 100% !important;
  height:80vh !important;
  margin:0 !important;
  padding:0 !important;
}

.grillaadmon .funcion{
  display:flex !important;
  flex-wrap: wrap !important;
  height:100% !important;
  width:15% !important;
  background:#00695c !important;
}



 .espa{
  background:rgba(255,255,255,.1) !important;
 
  padding:10px !important;
  margin-top:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:90% !important;
}



.espa10{
  padding:10px !important;
  margin:10px !important;
}
.principal .mos{

  position:absolute !important;
  top:150px !important;
  width:150px !important;
  height:150px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

.encuadre .fondoima{
  position:fixed !important;
  top:0 !important;
  left: 0 !important;
  width:100% !important;
  z-index:-1 !important;
  opacity:50% !important;
 
}

.mosquito{
  position:absolute !important;
  top:10px !important;
  left:20px !important;
  width:80px !important;
  height:80px !important;

}

.mosquitog{
  position:relative; 
  display:flex !important;
  top:1px !important;
 
  width:80px !important;
  margin: 0 auto !important;
}

#prueba, #prueba2{
  width:100% !important;
  height:100% !important;
}



.espa2{
background:#e0e0e0 !important;
  border:1px solid gray !important;
  padding:10px !important;
  margin-top:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:90% !important;
}

.formularioEdit input{
height:10px !important;
width:92% !important;
border:1px solid rgba(21,21,21,.3)!important;
}


#panelepriv{
  display:none;
}

#panelpublica{
  display: none;
}

#panelreportege{
  display:none;
}

#panelreportedetallado{  display:none;


}
.upercase{
  text-transform: uppercase!important;

}

.backcolor1{
  background: #009688 !important;
}

.backcolorgray{
  background:#e0e0e0 !important;
}

.backcolorverdeoscu{
  background: #f5f5f5 !important;
}

.backcolorgyar2{
  background:#e0f2f1 !important;
}

.backcolorverde{
  background:#80cbc4 !important;
}

.backcolorazul{
  background: #81d4fa !important;
}

.ventan{
  background:rgba(255,255,255,5) !important;
  min-height:500px !important;
  max-height:600px !important;
  width:100% !important;
  overflow: scroll !important;
}


.forumarioEdit select{
  height:10px !important;
}

.formularioEdit .row{

  margin-bottom:10px !important;
 

}

.tamtexto{
  font-size:1.5em !important;
}

.altocol12{
  background:none !important;
  height:50px !important;
  padding:5px !important;
}

hr{
  /*background:rgba(21,21,21,.5) ;*/
  color:rgba(21,21,21,.1); 
}


.altocol13{

  height:50px !important;
  padding:5px !important;
}

.alingrigh{
  position:relative !important;
 
  left:20px !important;
}

.anchoinput{
  width:20px !important;
  text-align:left !important;
}

.busqueda{
  background:#f5f5f5 !important;
  width:80% !important;
  min-height:100px !important;
  height:auto !important;
  margin:0 auto !important;
  border:1px solid gray !important;
 
}

.formularioEdit .botonactu{
  width:100% !important;
  height:40px !important;
}

.wt{
  width:100% !important;
}

.grillaadmon .lema{
  width:90% !important;
  height:50px !important;
  background:yellow !important;
  display:flex !important;
  flex-wrap: wrap !important;
}

.pflex{
  display:flex !important;
  flex-wrap:wrap;

}

 .grillaadmon .paneldi{
  position:relative;
  display:flex !important;
  flex-wrap: wrap !important;
  background:#f5f5f5 !important;
  height: 100% !important;
  width:85% !important;
  top:1 !important;
  overflow: hidden !important;

}

.paneldi2{
  min-height:700px !important;
  max-height:800px !important;
  background:#fafafa !important;
}






.tituloRevision{
  /*background:#eeeeee !important; */
  width:100% !important;
  height:60px !important;
  
}

.fondoti{
  background:#009688 !important;
}

.contenidoRevision{
  position:relative !important;
  width:100% !important;
  background:white !important;
  /*min-height:500px  !important;
  max-height:800px !important;  */
  height:82% !important;
  margin:0 !important;
}

.contenidoRevision .fondoti{
  position:absolute !important;
  top:-45px !important;
  width:100% !important;
  height:35px !important;
}

 .cuerpoRevision{
  position:relative !important;  

  width:100% !important;
  height:90% !important;
  top:40px !important;
  background:white !important;

 
}

.contenidoRevisionDatos{
  position:relative !important;
  width:100% !important;
  height:530px !important;
  overflow: scroll !important;
  background:none !important;
}

.footerdatos{
  width:100% !important;
  height:100px !important;
  background:#b2dfdb !important;

}

.hbutton{
  height:50px !important;
  width:80% !important;
  margin:0 auto !important;
}

.resulrow{
  height:100% !important;
  overflow:scroll !important;
  position:absolute !important;
}
.pie2{
  position:relative !important;
  top:60px!important; 
  height:20px !important;
}

.lista2{
  height:100% !important;
  
}

.titulopanel{
  width:100% !important;
  background:none !important;
  height:50px !important;
}

.paneldi .panelusuario{
  /*display:none !important; */
  flex-wrap: wrap !important;
  margin-top:10px !important;
  
 
  width:100% !important;
  padding:10px !important;
 margin-left:auto !important;
 margin-right: auto !important;
  height:95% !important;

}


.green{
  background:purple !important;
}

.aleft{
  
}

.fondocontainer{
  background: red !important;
}

.tituloreporte{
  
  width:100% !important;
  height:70px !important;
}

.pieresult{
  position:relative !important;
  background:#e0e0e0 !important;
  width:100% !important;
  height:60px !important;
  display:block !important;
  margin-top:-10px !important;
}

.tituloresul{
  display:flex !important;
  background:#e0e0e0 !important;
  width:100% !important;
  height:100px !important;
}

.anchocol{
  height:50px !important;
}

.mleft{
  margin-left:10px !important;

}

.fondomodal{
  position:fixed !important;
  display:block !important;
  z-index:10000 !important;
  background:black !important;
  top:1px !important;
  width:100% !important;
  height:100% !important;
}

.panelusuario .result{
  background:none !important;
  width:100% !important;
  height:83% !important;
  display:flex !important;
  flex-wrap: wrap !important;
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
}

.resultado{
  position:relative !important;
  top:0px !important;
  background:white !important;
  height:450px !important;
  width:100% !important;
  overflow: scroll !important;
  padding:10px !important;
}


.result .titulo{
  position:absolute !important;
  width:100% !important;
  display:flex !important;
  flex-wrap: wrap !important;
  height:50px !important;
  
  top:-50px !important;
  background:#00695c !important;
  color:white !important;
  font-weight: bold !important;
}





.resultadohogar{
  position:relative !important;
  background:white !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  flex-wrap: wrap !important;

}

.green1{
  background:green !important;
}

.btext{
  font-size:1.5em !important;

}

.filader{
  background:none !important;
  width: 70% !important;
}

.filaselecti{
  background:none !important;
  width: 55% !important;

}

.filaselectd{
  background:none !important;
  width: 40% !important;

}

.colorverde{
  color:green !important;
}

.filizq{
  background:none !important;
  width:30% !important;
  display:flex !important;
}
.contenidobox{
  box-sizing:border-box !important;
}

.w100{
  width:100% !important;
}

.radio{
  width:20px !important;
  height:20px !important;
}

.pad10{
  padding:2px !important;
  background:none !important;
  margin:5px !important;
}

.resultado1{
  height:auto !important;
}

.inforesulthogar{
  width:65% !important;
  margin:0 auto  !important;
}

label{
  width:100% !important;
}

.resultinfo{
  width:97% !important;
  margin:0 auto !important;
  background:#ffd600  !important;
}

.resultadohogar .tituloh{
  position:relative !important;
  background:#e0f7fa !important;
  display:flex !important;
  width:100% !important;
  flex-wrap: wrap !important;
  min-height:50px !important;
  height:auto !important;
  font-weight: bold !important;
  
}

.resultadohogar .reportehogar{
  position:relative !important;
  background:none !important;
  width:100% !important;
  height:85% !important;
  display:flex !important;
  margin:0 !important;
  overflow-y: scroll !important;
}

.bordecela{
  border:1px solid gray !important;
}




.fform{
  font-size:.8em !important;
  width:100% !important;
}

.justifycontent{
  text-align: justify !important;
}

.tletra1{
  font-size:1.2em !important;
}

.fondo10{
  background: none !important;
}

.botonact{
  color:green !important;
}

.hcol{
  height:30px !important;
  padding:10px !important;
}

.col-center{
  float: none;
  margin-left: auto;
  margin-right: auto;
  width:100% !important;
 
}

.formularioEdit .arow{
  height: 100px !important;
}

.result .lista{
  position:absolute !important;
  background:white !important;
  display:flex !important;
  flex-wrap: wrap !important;
  width:100% !important;
  height:95% !important;
  overflow: scroll !important;
  top:50px !important;

}

.marbottom{
  margin-bottom:50px !important;
  background:none;
}

.tamahogar{
  background:red !important;
  display:block;
  height:80%;
  overflow:hidden;
}



.reportehogar{
  width:40% !important;
  height:90% !important;
  margin-left:50px !important;
}

#listaentidad{
  width:100% !important;
  background:white !important;
}

.cabecera{
  background:#666666  !important;
  width:100% !important;
 /* border-radius:30px !important;*/
  padding:15px !important;
}


.altocol{
  min-height:40px !important;
  max-height:auto !important;
  border-bottom:1px solid rgba(20,20,20,.3);
}



.color1{
  background:gray !important;
}

.color2{
  background:#009688 !important;
}

.color3{

 background:#ffd600 !important;
 /* background: #00695c !important;*/
}
.color4{
  background:gray ;
}

.color5{
  background: #2e7d32!important;
}

.titulo{
	background:none;
	margin-top:50px;
	text-align:center;
}

.parrafo{
	text-align:justify;
	margin-top:5px;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:10px !important;
  width:80% !important;
}

.card{
  position:relative !important;
  display: flex !important;
	width:100%;
  height:250px !important;
   /*background: -webkit-linear-gradient(top, #e0f2f1 20%, white );  
	/*background:#40c4ff  !important; */
	margin:0 auto !important;
  padding:0px !important;
  transition: .3s ease-out !important;
  font-size:.8em !important;
  overflow:hidden !important;


  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(139,236,189,0.7) 85%, rgba(0,212,255,1) 99%);

 


}

.card:hover{
 
   box-shadow:5px 5px 5px rgb(21,21,21,.2) !important;
}

.anchoselect{
  width:100% !important;
}

.card .titulocard{
/*position:absolute !important; */
height:50px !important;
width:100% !important;
background:none !important;
}

.cuerpocard{
  background:none !important;
  min-height:100px !important;
  height:auto !important;
}

.filare{
  width:100% !important;
  display:flex !important;
  flex-wrap: wrap !important;
  height:50px !important;
  background:white !important;
  margin-top:1px !important;
}

.mnulo{
  margin:0 !important;

}

.ladre1{
  width:50% !important;
  margin:0 auto !important;
  background:none !important;
}

.ima{
  width:300px !important;
}

.ladre2{
  width:50% !important;
  background:none !important;
}

.reporteHogar{
  display:flex !important;
  flex-wrap: wrap !important;
  width:45% !important;
  height:100% !important;
  background:none !important;
  font-size:.8em !important;
  margin-left:10px !important;
}

.reporteHogar2{
  background:#2e7d32 !important;
  width:40% !important;
}

.reporteHogar1{
  background:#0091ea !important;
  width:40% !important;
}




.reporteHogar3{
  width:100% !important;

}

.tletrar{
  font-size:1em !important;
 
}



.reporteprincipal{
  height:auto !important;

  background:blue !important;
  display:flex !important;
  flex-wrap: wrap !important;
}

.espacio{
  padding:10px !important;
  margin-left:65px !important;
  margin-bottom:10px !important;
  box-sizing: content-box !important;
 
}

.raya{
  height:1px !important;
  background:gray !important;
  color:white ;
}

.colorfondocard{
  background: #e0f2f1  !important;
}

.colorfondocard2{
   background:#e1f5fe !important;
}

.fondoreportefull{
  background: none!important;
}

.colortitulocard{
  background:#2e7d32 !important;

}

.colortitulocard2{
  background:#0091ea !important;
}

.m10{
  margin-top:-10px !important;
}

.marg10{
  margin:10px !important;
}



.tletrar2{
  font-size:.8em !important;
  color:white !important;
}

.fila:hover{
  background:#f5f5f5 !important;
}

.tit{
  display:flex !important;
  width:100% !important;
  height:60px !important;
 
}




.redirow{
  width:70% !important;
}

.fondotitulo{
   background:#2e7d32  !important;
}

.colortitulo{
  background:#01579b !important ;
}

.margincenter{
  margin:0 auto !important;
}

.colorfondoreporte{
  background:white !important;
}


.tit2{
  display:flex !important;
  width:100% !important;
  height:60px !important;
  background:#01579b  !important;
}
.tlr{
  font-size:2.5em !important;
}

.titulocard2{
  font-size:1em !important;
  color:white !important;
  background:gray !important;
}

.piecard{
  width:100% !important;
  height:60px !important;
  background:#00796b !important;
}

.numero{
  position:relative !important;
  height:100px !important;
  width:90% !important;
  margin:auto !important;
  background:none !important ;
}

.botoningresr{
  background:green !important;
}

 .grupo{
    background:#fafafa !important;
    margin:10px !important;
    width:90% !important;
    margin:0 auto !important;
    box-shadow:5px 5px 5px rgba(21,21,21,.2);
  }

  .grupo2{
    background:#f5f5f5 !important;

  }


.fontcapitalize{
  font-size:5em !important;
}


.red{
  background:red !important;
}

.indicaroes{
 
  width:100% !important;
  min-height:500px !important;
  background:none !important;
  border:1px solid gray !important;
}

#myChart{
  width:100% !important;
  height:auto !important;
}
.anchovienda, .description,.datosvisita  {
  width:95% !important;
  margin:0 auto !important;
}

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

}

.datosvisita{
  margin-bottom:50px !important;
  background:purple !important;

}

.esperadecision{
  background:#e0e0e0 !important;
  width:100% !important;

  
  margin-bottom:50px !important;
  display:none;

}

.colorcampo1{
  background: #f5f5f5 !important;
}


.info{
  height:auto !important;
  display:flex !important;
}
.fondoamarillo{
  background:#fbc02d !important;
}

#viewresultado{
  display:none;
}

.marginti{
  margin-left:-100px !important;
}

.colorrojo{
background:red !important;
}


.reporte{
  font-size:1.5em !important;
}

.yellow{
  color: red !important;
}

.orange{
  color:orange !important;
}

#organizacion{
  width:100% !important;
  text-align:center;
}

.lplaca{
  margin-top:1px !important;
  padding-top:10px !important;
 
}

#info{
  display:none;
}

.cajausuario{
  position :relative !important;
  top:10px !important;
  width:100% !important;
  height:600px !important;
  background:none !important;
}

.cajausuarioadmin{
  display:block !important;
  position:relative !important;
  margin-top:10px !important;
  margin-bottom:5px !important;
  border:1px !important;
  background:#f5f5f5 !important;

}

.bodyusuario{
  height:450px !important;
  background:white !important;
  width:100% !important;
}

form #usuario, #pass, #perfil, #ingresarg{
 
  width:90% !important;
}
.titulousuario{
  display:flex !important;
  background: rgba(33,163,163,1) !important;
  height:50px !important;
  width:100% !important;
}

.headerusuario{
  height:60px !important;
  width:100% !important;
  background:rgba(0,96,100,1) !important;
}

.f20{
  font-size:2em !important;
}

.usuanuevo{
  width:120px !important;
  height:120px !important;
  border-radius:50% !important;
  background:green !important;
}

.usuanuevo:hover{
  cursor:pointer;
}

.botonnuevo{
  background:none !important;
  height:100% !important;
  width:100% !important;

}

.aboton{
  width:100% !important;
}

.aviso{
  width:100% !important;
  height:70px !important;
  background:none !important;
  border:1px solid red !important;
  display:none ;
  margin-top:10px !important;

}

.huno{
  height:30px !important;
}

#listahogar, #listaPublicaciones{
  width:100% !important;
  background:none !important;
}
.colortitulom{
  background:rgba(0,96,100,1) !important;
}

.colortitulomHogar{
  background:red !important;
}

.colorprueba{
  background:purple !important;
}

.cajausuario .footerusuario{
  width:100% !important;
  height:80px !important;
  background: none !important;
}

.listausuarios{
  position:relative !important;
  display:flex !important;
  flex-wrap: wrap !important;
  height:400px !important;
  width:100% !important;
  background:none !important;
  overflow:scroll !important;

}

.lineaspj{
  background:none !important;
  margin-top:13px !important;
}

.listausuarios .row{
  width:100% !important;
  height:50px !important;
  padding:10px !important;
  background:none !important;
  margin-top:5px !important;
  display:flex !important;
  flex-wrap: wrap !important;

}

.listausuarios .lineaspj:hover{
  background:#f5f5f5 !important;
}

.ueditl{
  color:green !important;
  transition:.2s ease-in-out !important;
}

.uevista{
  color:orange !important;
  transition:.2s ease-in-out !important;
}

.ueditl2{
  color:black !important;
}

.udell{
  color:rgba(21,21,21,.8) !important;
}

.uactivar{
  color:green !important;
}

.uactivar:hover{
  color:orange !important;
}

.udell:hover{
  color:red !important;
}

.ueditl:hover{
  color:blue !important;
  transform: rotateZ(180deg) !important;
}
.uflex{
  display:flex !important;
  flex-wrap: wrap !important;
  background:none !important;
}

.botoinicio{
  position:absolute !important;
  top:250px !important;
  right:5px !important;
  border-radius:50% !important;
  width:70px !important;
  height:70px !important;
  background:white !important;
  display:flex !important;
  flex-wrap: wrap !important;
}

.botoinicio b{
  margin-top:15px !important;
}

.botones{
  position:relative !important;
  top:1px !important;
  width:100% !important;
  height:100% !important;
  margin:0 auto !important;
  background:none !important;
  padding:20px !important;

}

.botoinicio:hover{
  box-shadow:10px 10px 15px solid rgba(21,21,21,.9) !important;
}

.wt{
  width:100% !important;
}

.at{
  height:150px !important;
}

.botones img{
  width:80px !important;
}

.fticon{
  font-size:4em !important;
}

.admin{
  position:absolute !important;
  top:5px !important;
  color:white !important;
  z-index: 10000 !important;
  right:10px !important;
 
  width:200px !important;
  height:60px !important;
  display:flex !important;
  flex-wrap: wrap !important;
  background:rgba(21,21,21,.5) !important;
  padding:10px !important;
  text-align:center !important;
  border-radius:100px !important;

  }

.admin a{
  width:200px!important;
  height:60px !important;
  color:white !important;
  
  
 
}

.anchomodalrevision{
  background:none !important;
  height:430px !important;
  width:100% !important;
  display:flex !important;
  flex-wrap: wrap !important;
  
}

.titulomodal{
  height:50px !important;
  width:100% !important;
  background:#eeeeee !important;
}

.valoresmodal{
  background:none !important;
  width:99% !important;
  margin:0 auto !important;
  height:370px !important;
  overflow-y: scroll !important;
 

}

.infoactivo{
  width:60% !important;
  border-radius:15px !important;
 margin:0 auto !important;

  justify-content: center !important;
  color:white !important;

}

.admin a:hover{
  color:orange !important;
}

.caja{
  box-shadow:10px 15px 10px 5px solid rgba(21,21,21,.5) !important;
}

.heightbut{
  height:40px !important;
}

.altopeq{
  height:50px !important;
  
  
}

.parrafo b{
  font-size:1em !important;
}

.buscador{
  width:50% !important;
  background:orange !important;
  display:flex !important;

  margin:0 auto !important;
  border:1px solid gray !important;
}

.buscador2{
   width:60% !important;
  background: #e0e0e0 !important;
  display:flex !important;

  margin:0 auto !important;
  
transition:.3s ease-in-out !important;

}

.buscador2:hover{
   box-shadow: 5px 5px 15px rgba(21,21,21,.3) !important;
}

.coloroption{
  background: #fafafa !important;
 
}

.hinput{
  height:40px !important;
}

.parrafo {
  font-size:1em !important;
}

.tituloparr{
  font-size:2em !important;
  background: rgba(77,187,172,1) !important;
  width:80% !important;
  left:0 !important;
}

.caja{
  /*border:1px solid gray !important; */
  width:100% !important;
  box-shadow: 1px 1px 1px rgba(21,21,21,.2) !important;
  background:white !important;
}

.fondocolorred{
  background:red !important;
}

.anchofino{
  height:5px !important;
}

.tmodalrh{
  background:red !important;
  width:100% !important;
}

.seguimiento{
  background:none !important;
  /*border:1px solid red !important; */
  height:80% !important;
  padding:10px !important;
}


a{
  text-decoration:none !important;
  color: black !important;
}


.cajaform{
  margin-top:10px !important;
  height:440px !important;
  width:100% !important;
  display:flex !important;
  flex-wrap: wrap !important;
  margin-left:auto !important;
  margin-right:auto !important;
  /*border:1px solid rgba(21,21,21,.1) !important;*/
  background:none !important;
  border:1px solid rgba(21,21,21,.1)!important;
  overflow:scroll !important;
  z-index:1 !important;

  
}

.parte1 .icono{
  position:absolute !important;
  top:1px !important;
  left:20% !important;
  width:120px !important;
  height:auto !important;
  z-index:10000 !important;
}


.iconologin{
  position:absolute !important;
  top:1px !important;
  left:50% !important;
  transform: translateX(-50%) !important;
  width:120px !important;
  height:auto !important;
  z-index:10000 !important;
}

.iconopanel{
  position:absolute !important;
  top:1px !important;
  left:50% !important;
  transform: translateX(-50%) !important;
  width:100px !important;
  height:auto !important;
  z-index:100 !important;
}


.mleft{
  margin-left:100px !important;
}





.principal{
  margin-top:0px !important;
  height:90vh !important;
  background:white !important;
  position:relative !important;
  overflow:hidden !important;
  box-shadow:0 0 20px 0 gray !important;

}

.principal img{
  position:absolute !important;
  top:1px !important;
  width:100% !important;
}

.principal .placafondo{
  background:red !important;
}


.principal .lema{
  position:absolute !important;
  background:#03274B !important;
  top:50% !important;
  width:600px !important;
  height:350px !important;

  left:50% !important;
  transform:translateX(-50%) !important;
}

.selectini{
  width:85% !important;
  margin:0 auto !important;
}


.titulop{
  position:absolute !important;
  top:35% !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:500px !important;
  color:white !important;
  font-weight: 700 !important;
  font-size:2.2em !important;
}

.lt1{
  font-size:2em !important;
}



.principal .imafondo{
  position:relative !important;
  top:-150px !important;
  width:100% !important;
  filter: opacity(22%) !important;
}

.principal .logo{
  position:absolute !important;
  width:500px !important;
 
  background:none !important;
  z-index:1000000 !important;
  left:50% !important;
  top:10% !important;
  transform:translateX(-50%) !important;

}


.principal .botonp{
  position:absolute !important;
  top:70% !important;
  left:11% !important;

  border:1px solid white !important;
  border-radius:40px !important;
  background:rgba(255,255,255,.3) !important;
  color:white !important;
}



.botonp {
    color:#4db6ac !important;
   font-size:1.3em !important;
   padding:30px !important;
   transition:.3s ease-in-out !important;
}

.navbar{
  margin:0 auto !important;
  background:none !important;
  color:white !important;
}
.navbar-nav a{
  color:white !important;
  font-size:1.2em !important;
  margin:0 auto !important;
}

.botonp:hover{
  background:#4db6ac !important;
  color:black !important;
}

.cajaresult{
  margin-top:50px !important;
  margin-bottom:10px !important;
  width:100% !important;
 
/* background:#006064 !important; */
background:none !important;
  max-height:110% !important;
  z-index:100 !important;
  padding:2px !important;
}

.colorti{
  color:white !important;
}
.colorti2{
  color:black !important;
}



.funciones .row{
  margin-top:0px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:100% !important;
  height:45px !important;
  padding:0 !important;
}

.fcentro{
  display:block !important;
  left:80% !important;
}


.funciones .cajafuncion{
  width:95% !important;
 
 margin-top:1px !important;
 margin-left:auto !important;
 margin-right:auto !important;

 height:76%  !important;
 background:none !important;
 display:block !important;
 padding:3px !important;
}

.right{
  float:right !important;
}

.left{
  float:left !important;
}

.centoespcial{
 
  display:flex !important;
}

.cajafuncion .row{
  display:flex !important;
}

.cajafuncion .altorenglon{
  margin-top:10px !important;
  border-bottom:1px solid rgba(21,21,21,.1) !important;
}

.t50{
  font-size:50px !important;

}

.fondoti{
  background:#00695c !important;
  /*background:rgba(21,21,21,.5) !important; */
  height:150px!important;
}


.registros{
  
  margin:20px auto auto auto !important;
  width:90% !important;
  border:1px solid gray !important;
}



.formulario{
  overflow: none!important;
  padding:10px !important;
  width:100% !important;
  height:auto !important;
  background: none !important;
  justify-content: center !important;

}

.nav-botones{
  height:50px!important;
  margin:5px !important;
}

.boton{
  width:90% !important;
 
}

ul{
  background:#bdbdbd !important;
}


.formulario form{
  margin: 0 auto !important;
  background:none !important;
}
.formulario .row{
  width:90% !important;
}

textarea{
  width:100% !important;
}


.formulario .row{
  margin-top:15px !important;
}

.altorow{
  height:50px !important;
  width:100%!important;
  background:none !important;
  padding:5px !important;
  margin:0 auto  !important;
}

.medid{
  width:80% !important;
}



.altolabel{
 height:40px !important;
  display:flex !important;
  background:none !important;
  background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important;
  border:0px solid #e1f5fe !important;

}

.altolabel2{
 height:40px !important;
  display:flex !important;
  background:none !important;
  /*background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; */
  border:0px solid #e1f5fe !important;

}

.fondorow{
  background: #e0f2f1 !important;
}

.fondo{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  z-index:-1 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
 background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%)!important;
  opacity:40%!important;
}

.fondo img{
  width:100% !important;
  position:absolute !important;
  top:-200px !important;
}


.btn-envio{
  background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%) !important;
  box-shadow:2px 3px 5px gray !important;
}

#contentresultpu{
  width:100% !important;
  height:100% !important;
  background:none !important;
}

.div_centrado{
  width:90% !important;
  margin:0 auto !important;
  background:red !important;
}


.adve{
  color:red !important;
  font-weight: bold !important;
  padding:10px !important;
  cursor:pointer !important;
}

.result{
  width:90% !important;
  height:auto !important;

  border:1px solid gray !important;
  background:red !important;
  padding:20px !important;
  display:flex !important;
  flex-wrap: wrap !important;
  margin-top:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#result{
  margin-top:20px !important;
}

.espacio5{
  height:8px !important;
}

.m5{
  margin:0px !important;
}
.result .row{
  width:100% !important;
  height:40px !important;
  background:none !important;
  margin-top:5px !important;
}

.centro{
  text-align:center !important;
  justify-content: center !important;
  margin:0 auto !important;
}

.colortitulo{
  background:#f5f5f5 !important;
}

.altoinput{
  height:40px !important;
  width:100% !important;
  font-size:1em !important;
  
}


.bradio{
  border-radius:10px 0 0 10px !important;
}
.green{
  background:#e3f2fd !important;
}

.rotulo{
  background:#e0f2f1 !important;
}


.linea{
  border:1px solid black !important;
  height:50px !important;
}

.titulosecu{
  background:rgba(21,21,21,.5) !important;
}



.gray{
	background:gray;
}
.p5{
	padding:5px;
}

.centrar{
	margin:0 auto;
  text-align:center !important;
}

.centrado{
	width:100% !important;
	margin:0 auto !important;
	text-align:center !important;
	padding:20px !important;
	background:none;
}

.fred{
  background:red !important;
  padding:10px !important;
  border-radius:5px !important;
}

.ancho{
height:600px !important;

width:800px !important;
}

.ancho1{
  height:200px !important;
  background:red !important;
}

.parte1{
  width:100% !important;
 background:#A0CB31 !important;
  height:70px !important;
  position:relative !important;
  top:0px !important;
  z-index:1000 !important;
  overflow:hidden !important;
}

.block{
  display:flex !important;
}

.cardrow{
height:55px !important;
background:rgba(255,255,255,.5) !important;
padding:5px !important;
margin-top:5px !important;
}


.parte1 img{
  width:100% !important;
  height:100% !important;
}

.parte2{
  padding:10px !important;
  width:100% !important;
  height:60px !important;
  background:none !important;
  display:flex !important;

}

.anchocuerpo{
  height:80px !important;
 /* width:100% !important;  */
  margin:0 auto  !important;
  display:flex !important;
  flex-wrap: wrap !important;
 /* background: yellow!important;*/
 /* background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; */
/*background-image: linear-gradient(-10deg, #00cdac 0%, #8ddad5 100%) !important; */
 border:0px 15px 0px solid green !important;
  background:#e0e0e0 !important;
}

.anchocaja{
  width:80% !important;
  min-height:600px !important;
  max-height:auto !important;
  background:white !important;
  
  margin-bottom:20px !important;


  display:flex !important;
  flex-wrap: wrap !important;
  padding:0 !important;
  box-sizing: border-box !important;

  
 
}

.ttexto6{
  font-size:.8em !important;
}

.anchocajaAdmin{
width:90% !important;
background:red !important;
}

.anchocaja2{
  min-height:800px !important;
  /*background:rgba(21,21,20,.9) !important; */
  background:red !important;

  margin-bottom:20px !important;
  width:100% !important;
  display:flex !important;
  flex-wrap: wrap !important; 


  
 
}

.anchocaja .row{
  width:100% !important;
}

.funciones{
  width:100% !important;
  min-height:700px !important;
 height:auto !important;
  
  
 margin-top:10px !important;
 margin-bottom:10px !important;
  padding:0px !important;
 
  display:flex !important;
  flex-wrap: wrap !important;
  border:1px solid rgba(21,21,21,.1) !important;
  box-shadow:1px 2px 2px rgba(21,21,21,.1) !important;
  background:#fafafa !important;
  /*background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%) !important; */
  background-image: linear-gradient(to top, #dfe9f3 0%, white 100%) !important;


}

.funciones2{
  width:100% !important;
  min-height:700px !important;
 max-height:auto !important;
 display:flex !important;
 flex-wrap: wrap !important;
  
  
 margin-top:1px !important;
 margin-bottom:10px !important;
  padding:0px !important;
 
  display:flex !important;
  flex-wrap: wrap !important;
  border:1px solid rgba(21,21,21,.1) !important;
  box-shadow:1px 2px 2px rgba(21,21,21,.1) !important;
 
  /*background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%) !important; */
  background-image: linear-gradient(to top, #dfe9f3 0%, white 100%) !important;



}

.t20{
  font-size:6em !important;
}

.resultados{
  background:none !important;
  width:100% !important;
}


.funciones2 .cajafuncion{
  width:95% !important;
  padding:10px !important;
  margin:0 auto !important;
  min-height:95% !important;
  max-height:auto !important;
  background:none !important;
  display:flex !important;
  flex-wrap: wrap !important;
  
 

}

.funciones2 .row{
  margin:0 !important;
  padding:0 !important;
}


.funciones2 .seguimiento{
  height:70%!important;
}

.seguimiento .row{
 
  width:100% !important;
  margin:0!important;
 
}

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

.fondoimagen{
  position:absolute !important;
  bottom:100px !important;
  left:50% !important;
  transform: translateX(-50%) !important;
  width:100px!important;
  height:100px !important;
}

.fondoimagen img{
  width:100px !important;
}



.funciones .func-header{
  height:10% !important;
  width:100% !important;
  background:white !important;
  display:block !important;
  position:relative !important;

}


.funciones .func-titulo{
  height:20% !important;
  width:100% !important;
  background:yellow !important;
}



.container{
  background:none !important;
}

.containermio2{
  width:100% !important;
  height:100px !important;
  background:none !important;
  padding:20px !important;
 
}

.container .row{
  width:100% !important;
}

.busuario{
  width:250px !important;
  height:50px !important;
  /*background-image: linear-gradient(to top, #92fe9d 0%, #00c9ff 100%) !important;*/
  text-align:center !important;
  box-shadow:2px 3px 5px gray !important;


}
.bcerrar{
  width:100px !important;
  height:50px !important;
   margin-left:10px !important;

}


.fondopanel{
  position:fixed !important;
  top:2px !important;
  z-index:-1 !important;
  width:100% !important;
  filter:opacity(15%) !important;
}
.bcerrar a{
  width:100% !important;
  height:100% !important;
 
  box-shadow:2px 3px 5px gray !important;
}

.tgrande{
  font-size:100px !important;
}







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

b{
	margin:0 auto;
}




.caja{
	display:block;

	margin-top:300px;
	width:40%;
	margin:0 auto;
}

.cajaForm{
	width:100% !important;
	background:orange !important;
	border:1px solid gray;
  display:flex !important;
  flex-wrap: wrap !important;
}

.cajaform .row{
  width:100% !important;
}

.cajaForm2{
	width:70%;
	margin:0 auto;
	border:1px solid gray;

}


.texto-normal{
  font-style:normal !important;
  font-weight:150 !important;
  color:none !important;
}
.red{
	background:red;
}
.marginT20{
	margin-top:60px;
}

.fondo1{
	background:none;
}

.funciones .m10{
  display:block !important;
  margin:10px !important;
  background:none !important;
  padding:0px !important;
  bottom:0px !important;
}
.gray{
	background:rgba(11,221,11,.5);
}

.cajaIn{
	
	margin-top:15px;
}
.borde{

	border-radius:5px;
}

.titulo{
	text-align: center;
  justify-content: center !important;

}

.ancho{
	height:40px !important;
	width:100%;
}
.lado{
	width:40%;
}
.titulo_form{
	font-size:1em !important;
	color:black;
	margin-left:20px;
}


/* estilo modal */


.modal{
  height:100% !important;
  overflow:hidden !important;
}

.modal-registro{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  background: rgba(21,21,21,.5) !important;
  display:block !important;
  z-index:100 !important;
}

.contenido-modal{
  display:block !important;

  width:60%;
  height:80% ;
  background: white ;
  margin:50px auto auto auto !important;
}



.modal-custom{
  background:none !important;


}

.modalancho{
  width:100% !important;
  height:100% !important;
  background:orange !important;
  
}

.modal-content{
  height:80vh !important;
  z-index: 90000000000 !important;
}
.altomodal{
  height:420px !important;
}

.modaldel{
  height:470px !important;
  background:white !important;
}

.modalentidad{
  height:420px !important;
  width:500px !important;
  margin:0 auto !important;
  display:flex !important;

}





.modalAfiliacion{
  height:600px !important;
  display:flex !important;
}


.modalrevision{
  height:550px !important;
  display:flex !important;
}

.fondogris{
  background:rgba(20,20,20,.1) !important;
}


.modalcustom{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  background:rgba(21,21,21,.5) !important;
  z-index:2000!important;
  display:block !important;
  
}

.contenidomodal{
  width:100% !important;
  min-height:90% !important;
  max-height:auto !important;
  margin-top:-20px !important;
 
}



.imagenr img{
  background:none !important;
  width:90% !important;
   transition:.3s ease-in-out !important;
}

.imagenr{
   background:#e0e0e0 !important;
   margin:10px !important;
  
  
  
}

.mlados{
  margin:10px !important;
}

.imagenr img:hover{
  cursor:pointer !important;
  background:purple !important;
  width:95% !important;

 
  

}



.gallery{
  width:100% !important;
  min-height:10px !important;
  max-height:450px !important;
}

#galleryia{
  border:1px solid gray !important;
  height:450px !important;
  background:#f5f5f5 !important;
  overflow:scroll !important;

}


.contima{
  min-height:300px !important;
  max-height:400px !important;
  overflow:hidden !important;
}

.contima img{
  width:90% !important;
}

.upload_div2{
  display:flex !important;
  flex-wrap: wrap !important;
  width:100% !important;
  height:80px !important;
  background:#c8e6c9 !important;
  margin:0 auto !important;
  border:1px solid gray !important;
}

.upload_div2 #uploadForm {
  width:90% !important;
  background:none !important;
padding:10px !important;
}

.contenidomodal_del{
  width:100% !important;
  height:250px !important;
}

#editor{
  min-height:200px !important;
  background:#fafafa !important;
}



.estatuto{
  height:500px !important;
}

.dialogo{

  width:40% !important;
  min-height:800px !important;
  background:white !important;
  margin:80px auto auto auto !important;
  align-items: center !important;
  justify-content: center !important;
  display:flex !important;
  justify-content: center !important;
  

}

.dialogo .contenidomodal{
  display:flex !important;
  flex-wrap: wrap !important;
  position:relative !important;
  width:95% !important;
  height:100% !important;
  margin:0 auto !important;
  background:red !important;
  align-items: center !important;
  justify-content: space-between !important; 

  
  
}

.contenidomodal .modalheader{
  height:10% !important;
  width:100% !important;
  display:block !important;
}


 .contenidomodal .modalcuerpo{
  height:80% !important;
  width:100% !important;
  background:yellow !important;
}



/* fin destilo modal*/





/* STRUCTURE */

.wrapper {
  position:absolute !important;
  /*display: flex;  */
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 500px ;
  top:150px !important;
  left:50% !important;
  transform:translateX(-44%) !important;
 
  padding: 20px;
  margin-top:30px;
  margin-left:auto !important;
  margin-right:auto !important;
  background:none;
}

#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: rgba(255,255,255,.5) !important;
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 30px 0 rgba(0,0,0,0.3);
  text-align: center;
}

#formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.p10{
  padding:10px !important;
}

.p15{
  padding:20px !important;
}
.altof1{
  height:40px !important;
  width:100% !important;
}

.altof2{
  margin-top:0 !important;
  height:90% !important;
  width:100% !important;
  background:rgba(21,21,21.1);
}

.altosubt{
  height:40px !important;
  background:#006064 !important;
  color:white !important;
  margin:0 auto !important;
}

.altosub{
  height:50px !important;
  background:rgba(21,21,21,.3) !important;
}
.informe{
  background:white !important;
  height:120px !important;
  border:1px solid rgba(21,21,21,.1) !important;
}

.altoinfo{
  height:40px !important;
  padding:15px !important;
  background:none !important;
}

.m5{
  margin-top:20px !important;
}

footer{
  display:flex !important;
  flex-wrap: wrap !important;
  height: 350px !important;
  background:rgba(21,21,21) !important;
  margin-top:50px !important;
  width:100% !importants;
}

.center{
  text-align:center !important;
  font-weight:200px !important;
}

.info-imagen{
  height:300px !important;
 /* background:rgba(50,500,21,0.5) !important; */

}

.encabezado{
  background:white !important;
  height:200px;
  border-top:10px solid gray !important;
}
.espa{
  padding:1px !important;
  margin:0;
}

span{
  font-size:1.3em !important;
}

.info-requi{
 /* background:rgba(21,21,21,0.1) !important; */

}
/* FORM TYPOGRAPHY*/

input[type=button], input[type=submit], input[type=reset]  {
  background-color: #56baed;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 40px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
  background-color: #39ace7;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}



input[type=text], input[type=password], input[type=email]{
  background-color: white;
  border: none;
  color: #0d0d0d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

input[type=text]:focus, input[type=password]:focus{
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}

input[type=text]:placeholder {
  color: #cccccc;
}





.underlineHover{
	text-decoration:none;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}



/* OTHERS */

*:focus {
    outline: none;
} 

#icon {
  width:60%;
}


.form{
	margin-top:80px;
	background:none;
	width:60%;
	margin:0 auto;
	
}


.form:hover{
	box-shadow:2px 2px 5px gray;
	transition:.3s ease-in-out;
}


.uno::before{
	content:"archi";
}



.fondoaa{
    position:fixed !important;
    top:0 !important;
    width:100% !important;
    height:100vh !important;
    z-index:1 !important;
    filter:opacity(50%) !important;
  }


  .mosa{
    position:absolute !important;
    width:100px !important;
    height:100px !important;
    z-index:20000 !important;
    top:80px !important;
    left:50% !important;
    transform:translateX(-40%) !important;
  }


.wrapper{
  position:absolute !important;
  /*top:150px !important;   */
  z-index: 30000 !important;
}

@media screen and (max-width: 1491px){
  .tamanoresultBarrio{
  
  width:30% !important;

}

}





@media screen and (max-width: 1400px){

.tamanoresultBarrio{
 
}
  .botones{
    background:none !important;
    margin-top:-100px !important;
    width:100% !important;
  }

  .buscador2{
    width:90% !important;
  }

  .redirow{
  width:90% !important;
  background:none !important;
}


 
   .fondoima{
    height:100% !important;
    
  }
  .reporte{
    height:500px  !important;
  }

  .colorfondocard{
    width:30% !important;
    margin:5px !important;
  }

  }




@media screen and (max-width: 1200px){


.modal{
  padding:0 !important;
}





.modal-dialog{
  max-width:90% !important;
  width:85% !important;
  background:none !important;
}

.mqueryresto{
  width:33% !important;
}


  }



@media screen and (max-width: 1067px){

  .redirow{
    display:flex !important;
    background:none !important;
  }

  .tamanoresultBarrio{
    width:29% !important;
    margin-bottom:20px !important;
   
  }

  .margincenter{
    margin-left:auto !important;
    margin-right:auto !important;
  }

}





@media screen and (max-width: 992px){

  .mqueryresto{
    width:50% !important;
    background:none !important;

  }

  .inforesulthogar{
    width:90% !important;
  }

  .colorfondocard{
    width:100% !important;
    margin-bottom: 10px !important;

  }

.resultinfo{
  width:100% !important;
  
}


  .buscador2{
    background:#e0e0e0  !important;
    width: 90% !important;
    height: auto !important;
  }

  .busl1{
    width:100% !important;
    padding:10px !important;
  }



  


  .contenidogestor .botonesprin{
    background:none !important;
    height:250px !important;
  }


 
  .tituloreporte{
    height:auto !important;

  }

  .encuadre{
    max-height:auto !important;
  }

  .tituloresul{
    height:auto !important;
  }

 .reporteHogar{
  margin-top:20px !important;
 }


input{
  font-size:1em !important;
}

  .mqueryrestoinfo{
    width:100% !important;
  }

.pieresult{

  height:auto !important;
}

.hauto{
  height:auto !important;
}


 

  .fondoima{
    height:100% !important;
    width:auto !important;

  }



   .card{
    width:90% !important;
    
    background:none !important;
    left:50% !important;
    transform:translateX(-42%) !important;

  }
  .mleft{
    margin-left:10px !important;
  }

  .grupo{
    background:#eeeeec !important;
    margin:10px !important;
    width: 95% !important; 
    margin:0 auto !important;
    height:auto !important;


  }

  .buscador{
    width:100% !important;
   
    display:flex !important;
    flex-wrap: wrap !important;

  }

  .busgrid1{
    width:20% !important;
    padding:5px !important;
  }
  .busgrid2{
    width:60% !important;
  }
  .busgrid3{
    width:10% !important;
  }





.tituloprincipal{
  background:none !important;
  width:100% !important;
}

.anchoti{
  width:100% !important;
  background:none !important;
  text-align:center !important;
}



#consultargra{
  width:100% !important;
}

.contenidogestor{
  max-height:auto !important;
  background:rgba(255,255,255,.5) !important;
  
}

.botones{
    width:80% !important;
    padding:25px !important;
  }

  .at{
    padding:10px !important;
    margin:10px !important;
  }
  .nav1{
    width:50% !important;
  }
  .nav2{
    width:40% !important;
  }

}


@media screen and (max-width: 600px){
 
  .redifila{
    width:100% !important;
    padding:5px ;
    background:#fafafa;
    border-bottom:1px solid white;
  }

  .ocultatitulo{
    display:none !important;
  }

  .ocultol1{
    display:block !important;
    width:30% !important;
    background:#e0f7fa !important;
    padding:5px;
  }

  .ocultol2{
    width:70% !important;
    background:none !important;
  }

  .redi1,.redi2{
    width:100px !important;
    background:red;
    border:1px solid gray;
  }

}




@media screen and (max-width: 768px){


.reporteHogar2, .reporteHogar1{
  width:90% !important;

}

.filadevo{
  width:100%;
}



.mos{
    width:10px !important;
    height:10px !important;
  }

 .mqueryresto{
  width:85% !important;
 }

  .mqueryresto{
    width:100% !important;
    background:none !important;
  }

  .w100{
    width:100% !important;
    margin-bottom:0px !important;
  }

  .contenidogestor .botonesprin{
    background:none !important;
    height:250px !important;
  }

  .reporteHogar{
  
    margin:0 auto !important;
  }

  .reporte .reportegeneral1{
    width:80% !important;
  }


.reporteHogar{
  width:100% !important;
}

.reporte h4{
  font-size:1em !important;
}



input{
  width:100% !important;
  background:white !important;
}

  body .cabezag{
    width:100% !important;
      box-sizing: border-box !important;
      margin-left: auto !important;
      margin-right:auto !important;
      background:none !important;
      padding:10px !important;
  }

  .nav{
    width:90% !important;
    padding:0 !important;
  }

  body{
  
    box-sizing: border-box !important;
    margin:0 !important;
    padding:0px !important;
    

  }

  



  

  .pie{
    position:relative !important;
    display:block !important;
    margin:0 !important;
  }

  header{
    width:100% !important;
    box-sizing: border-box !important;

  }

  

  .wrapper{
    background:none !important;
    width:89% !important;
    top:80px !important;
    padding:0 !important;
  }

  .fondoaa{
    height:100% !important;
    width:auto !important;
  }

  .mosa{
    top:10px !important;
  }



  canvas{
    min-height:170px !important;
    height:auto !important;
    background:none !important;
    font-size:1em !important;
  }

.rowcard{
  background:none !important;
  width:100% !important;
  margin:0 auto !important;
}

  .card{
    width:90% !important;
margin-left:auto !important;
margin-right:auto !important;
    background:none !important;
     transform:translateX(0%) !important;
     left:0px !important;

  }

  .tituloprincipal{
    font-size:1.3em !important;
    width:90% !important;
    text-align:center !important;
    margin:0 auto !important;
  }


  .titulop{
    font-size:1em !important;
  }


  h3{
    font-size:1em !important;
  }

  .indicaroes{
    background:none !important;
    font-size:1em !important;
  }

  .indicaroes canvas{
    display:none !important;
  }

  .busqueda{
    display:flex !important;
    height:auto !important;
  }


  #consultargra{
    margin:0 auto !important;
    width:100% !important;
  }

  .principal{
    height:300px !important;
  }


  .principal .fondoa{
    height:300px !important;
    width:100% !important;
  }




  .principal .mos{
    width:80px !important;
    height:auto !important;
  }

  .admin{
    height:30px !important;
    font-size:.8em !important;
    padding:5px !important;
  }

  .tituloprincipal{
    width:100% !important;
  }

  p{
    text-align:justify !important;
  }

  .info{
    margin:0 auto !important;
    padding:10px !important;
  }

  footer{
    position :relative !important;
    display: flex !important;
    width:100% !important;
    height:200px !important;
    padding:0px !important;
    margin:0 !important;
    
  }

  



  }






  /* //////////////////////////////////// */


  @media screen and (max-width: 821px){

body{
  background:none !important;
  font-size:.9em !important;
  
}

.tit, .tit2{
  font-size:1.5em !important;
}


.reporteprincipal{
  height:auto !important;
}

.reporte{
  width:100% !important;
  font-size:1.2em !important;
}

.reporte h4{
  font-size:1.5em !important;
}



.tit b, .tit2 b{
  font-size:.8em !important;

}

.resultadohogar .tituloh{
   
    display:flex !important;
    padding:0 !important;
    margin:0 !important;
    height:auto !important;


  }

  .buscador2{
    width:100% !important;
    
  }



.botoncargue{
  margin-top:-2px !important;
  /*background:red !important; */
}

.botoncargue .botones{
  margin-top:0px !important;
  background:none !important;
}

.encuadre .cabezag{
    background:rgba(21,21,21,.8) !important;
  }


.nav{
  background:rgba(20,20,20,.1) !important;
  width:100% !important;
  height:70px !important;
}

.cont{
  background:gray !important;
}

.r1{
  width:100% !important;
}




  }

  @media screen and (max-width: 390px){
    .reporte{
  width:100% !important;
  font-size:1.2em !important;
}

.reporte h4{
  font-size:1em !important;
}

.tit, .tit2{
  font-size:1.5em !important;
}

.reporteHogar{
  width:100% !important;
}


  }







 @media screen and (max-width: 412px){
  .reporte h4{
  font-size:1em !important;
  width:100% !important;

  margin-top:-20px !important;
}

.anchocajaradio{
  width:90% !important;
}

.buscador2{
  height:auto !important;
  background:green !important;
}


 }





 @media screen and (max-width: 393px){
    .reporte{
  width:100% !important;
  font-size:1.2em !important;
}

.reporte h4{
  font-size:1em !important;
}

.tit, .tit2{
  font-size:1.5em !important;
}

.reporteHogar{
  width:100% !important;
}


  }



@media screen and (max-width: 375px){
  
 
.principal .mos{
 
 
  width:60px !important;
  height:60px !important;
 

  }


  .contenidogestor .botones{
    height:auto !important;
    background:none !important;
    margin-top:-65px !important;
    padding:0 !important;
  }


.reporte{
  width:100% !important;
  font-size:1.2em !important;
}

.reporte h4{
  font-size:1em !important;
}

.tit, .tit2{
  font-size:1.5em !important;
}

.reporteHogar{
  width:100% !important;
}
  


 
  




}



@media screen and (max-width: 390px){

.reporte{
  width:100% !important;
  font-size:1.2em !important;
}

.reporte h4{
  font-size:1em !important;
}

}