tituloVerificador/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17/04/2019, 04:41:16 PM
    Author     : KevinMejiaGarcia
*/

.imgConsulta {
  max-width: 128px;
  height: auto;
  padding-bottom: 3px;
}

.consultaPublica div {
  margin: auto;
  text-align: center;
}

.consulta:hover {
  text-decoration: none;
}

.consulta h3 {
  font-weight: bold;
}

.consultaDetalle {
  color: rgb(110, 110, 110);
}

/*
Consulta de Verificadores
*/
.consultaVerificadores {
  padding: 2%;
  border-radius: 5px;
  border: 10px solid rgb(242, 235, 234);
  margin-bottom: 3%;
}

.consultaVerificadores form {
  max-width: 300px;
  margin: auto;
}

.consultaVerificadores form input {
  height: 12px;
  width: 100%;
}

.consultaVerificadores form label {
  font-weight: bold;
}

.titulo {
  font-size: 1.5em;
  font-weight: bold;
}

h3,
label {
  color: rgb(110, 110, 110);
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .consultaQR form {
    margin: auto;
    width: 70% !important;
  }
}

.consultaQR {
  width: 100%;
  margin: auto;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.consultaQR form input {
  height: 12px;
  width: 100%;
}

.enviarQR button {
  background-color: rgba(80, 156, 14, 0.93) !important;
  text-align: center;
  color: white;
  font-weight: bold;
  width: 100%;
  padding: 6px;
}

/*
Detalle verificador
*/

.detalleverificador {
  margin: auto auto 3% auto;
  width: 90%;
  padding: 2%;
  border-radius: 5px;
  border: 10px solid rgb(242, 235, 234);
}

.detalleverificador div {
  width: 100%;
  margin: auto;
  text-align: center;
}

.noAutorizado {
  width: 100%;
  background-color: #dd003d;
}

.autorizado {
  width: 100%;
  background-color: rgb(22, 179, 61);
}
.noAutorizado h3,
.autorizado h3 {
  margin-top: 10px;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.imgVerificador {
  max-width: 180px;
  height: auto;
}

.tituloVerificador {
  color: rgb(107, 103, 108);
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: bold;
}

.tituloVerificador a {
  font-size: 1em !important;
  font-weight: bold !important;
  text-decoration: underline;
}

.contenidoVerificador {
  color: rgb(163, 159, 158);
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: bold;
}

a.contenidoVerificador {
  color: #07d !important;
  text-transform: uppercase;
  font-size: 1.15em !important;
  font-weight: bold;
}

.tituloFolio {
  color: rgb(110, 110, 110);
  font-weight: bold;
  font-size: 1.4em;
}

/*
Consulta de visitas
*/

.detalleFolioVisita {
  margin: auto auto 3% auto;
  width: 100%;
  padding: 2%;
  /*    border-radius: 5px;*/
  /*    border: 10px solid rgb(242, 235, 234);*/
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
.adminGene {
  margin: 1% 1% 1% 1%;
  width: 120%;
  padding: 10%;
  border-radius: 3px;
  border: 5px solid #444;
}

.detalleFolio {
  color: rgb(110, 110, 110);
  font-size: 1em;
  font-weight: bold;
}

.detalleFolioXL {
  color: rgb(110, 110, 110);
  font-size: 1.35em !important;
  font-weight: bold;
}

.contenidoConsultaFolio {
  color: rgb(163, 159, 158);
  font-size: 1em;
}

.contenidoConsultaFolioXL {
  color: rgb(163, 159, 158);
  font-size: 1.4em;
}

.divVerificador:nth-of-type(even) {
  background: rgba(199, 199, 199, 0.1);
}
.divVerificador:nth-of-type(odd) {
  background: rgba(204, 204, 204, 0.7);
}

/*
Denuncia
*/
.divDenuncia {
  padding-top: 10%;
}

.svgDenuncia {
  width: 80px;
  height: 80px;
}

.frmDenuncia div div input,
.frmDenuncia div div select {
  height: 38px;
  margin-bottom: 5px;
}

.frmDenuncia div div textarea {
  width: 100%;
  margin-bottom: 5px;
  resize: none;
}

#mapa {
  width: 100%;
  height: 70%;
  margin-bottom: 1%;
}

#mapa:hover {
  cursor: pointer;
}

.btnEnviarRegistro {
  /*    background-color: rgb(150, 172, 27);*/
  height: 41px;
  width: 118px;
  color: white;

  border: none !important;
  background-color: #9f2241 !important;
  text-align: center;
  font-weight: normal;
  border-radius: 3px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
/*---BOTÓN BOOL DENUNCIA---*/
.btn-primary,
.ui-button.ui-state-default {
  /*    height: 41px !important;
        width: 118px !important;*/
  color: white !important;
  border: none !important;
  /*background-color: #0E68B1 !important;*/
  text-align: center !important;
  font-weight: normal !important;
  border-radius: 3px !important;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
}

#imgGPS {
  display: none;
}

.busquedaFolio {
  padding-bottom: 3%;
  text-align: center;
}

.busquedaFolio input,
.busquedaFolio button {
  display: inline;
  height: 37px;
  border-radius: 5px;
  float: left;
}

.busquedaFolio input {
  width: 80%;
  color: rgb(158, 161, 168);
}

.busquedaFolio button {
  width: 20%;
  /*    background-color: rgb(150, 172, 27);*/
  color: white;

  border: none !important;
  background-color: #9f2241 !important;
  text-align: center;
  font-weight: normal;
  padding: 5px 15px 5px 15px;
  border-radius: 3px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.busquedaFolio button:hover {
  background-color: #1b7d4d !important;
}

.btnDescargar {
  /*    background-color: rgb(150, 172, 27) !important;*/
  text-align: center;
  color: white;
  /*    font-weight: bold;*/
  width: 80%;
  padding: 6px;

  border: none !important;
  background-color: #9f2241 !important;
  font-weight: normal;
  border-radius: 3px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.btnDescargar:hover {
  background-color: #1b7d4d !important;
}

#InformacionDenuncia {
  display: none;
}

#checarAnonimo[type="button"].ui-state-active {
  background-color: rgb(150, 172, 27);
  color: white;
}

#checarAnonimo[type="button"] {
  background-color: white;
  color: black;
  border: 1px solid black !important;
}

#mapa.tamanoMapa {
  width: 210px !important;
  height: 135px !important;
}

#tipoContacto {
  max-width: 50%;
}

.ui-button-text-only .ui-button-text {
  padding: 0.3em !important;
}