/*Importacion de Fuente*/
@import url('https://fonts.googleapis.com/css?family=Questrial');

/*========================================================================================================================*/
/* Contenedores */
.form-horizontal{width: 100%;height: auto;}
.panel-remision { border-color: #ccc; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);}
.panel-remision>.panel-heading {color: #fff;background-color: #337ab7;border-color: #337ab7;text-align:center;}
.panel-heading{ background: #83bd3f; color: #333; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); font-size: 15pt; font-weight: 700; letter-spacing: 4px; }
 .form-horizontal{padding: 40px; }
 .form-group:nth-child(1){margin-right: 20px;}
 /* Fin contenedores*/
 /*========================================================================================================================*/

/*========================================================================================================================*/
/* Estilos de Elementos del panel */
.panel-remision>.panel-heading a{
  text-decoration: none;
  color: #666;
  font-weight: bold;
  font-size: 15px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.panel-remision>.panel-heading a.active{
  color: #029f5b;
  font-size: 18px;
}
.panel-remision>.panel-heading hr{
  margin-top: 10px;
  margin-bottom: 0px;
  clear: both;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
  background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-remision input[type="text"],.panel-remision input[type="email"],.panel-remision input[type="password"] {
  height: 45px;
  border: 1px solid #ddd;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
input[type="text"]{text-transform: uppercase;}
.panel-remision input:hover,
.panel-remision input:focus {
  outline:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}

/* Estilos de botones*/
.btn{margin-top: 15px;color: #030e9e;background-color: transparent;background-image: none;border-color: #030e9e;transition: 1s ease;}
.btn:hover { color: #fff;  background-color: #030e9e;  border-color: #030e9e;}
.embed{
text-align: center!important;
align-items: center!important;
width: 100%;
border-bottom: 3px solid #f0f0f0;
padding: 8px 9px;
}
a.enlaces:link, a.enlaces:visited {
font-size: 9pt;
font-weight: normal;
text-decoration: none;
color: #666666;
}
a.enlaces:hover {
font-size: 9pt;
color: #000000;
}
a.min:link, a.min:visited {
font-size: 12pt;
font-weight: bold;
text-decoration: none;
color: #000000;
}
a.min:hover {
font-size: 12pt;
font-weight: bold;
color: #FF0000;
}

.bot {background: transparent;border: none;border-bottom: 1px solid #000;padding-left: 0;}
.bot:hover{color: #f33308;border-bottom: 1px solid #f33308;cursor: pointer;cursor: hand;}

.boto {position: relative; background: transparent;  border: none; padding-left: 0; font-weight: bold; font-size: 15pt;}
.boto:hover{color: #003087;cursor: pointer;cursor: hand;}
.boto::before{content: ''; display: block; width: 0; height: 3px; background: #78AD3A; position: absolute; left: 50%; bottom: -4px; transition: all .3s;}
.boto:hover::before{width: 100%;left: 0;}
.boto:active{border: none;}

.button-imprimir{width: 100%;margin: 0 auto;text-align:center;padding-bottom: 50px;align-items: center!important;}
.button-imprimir form{padding:9px 8px;}
.button-imprimir .bot1{display:block;width:50%;text-align:center!important;float: left;display: inline-block;}
.button-imprimir .bot2{display:block;width:50%;text-align:center!important;display: inline-block;}
i{margin-right: 10px;}
/* Fin estilos de botones*/

/* Estilos del select */
.flechita select {
border: 1px solid #ccc;
-moz-appearance: none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
background: URL('http://consulta.muniguate.com/emetra/img/arrow.png') no-repeat 100% 0px #fff !important;
}
.flechita select::-ms-expand {
    display: none;
}
  /* Fin de estilos del select */
/* Fin de estilos de campos*/

/*========================================================================================================================*/
/* ESTILOS DE TABLA */
/*OTROS*/

.primera{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
thead{
  box-shadow: 0px 0px 18px 4px #ccc;
}
tr th{
  text-align: center!important;
  border-right: 1px solid #fff;
}
tr th:nth-child(5){
  border-right: 0px solid #fff;
}
#Admon tbody tr td:nth-child(2){
  max-width: 155px;
}
/* TABLA SCROLLBAR */
.table-responsive{margin-bottom: 25px;}
.table-responsive::-webkit-scrollbar{height: 4.5px;cursor: pointer;cursor: hand;}
.table-responsive::-webkit-scrollbar-thumb{background: #83bd3f;border-radius: 5px;}
.table-responsive::-webkit-scrollbar-thumb::before{content: '';width: 5px;line-height: 10px;display: block;font-size: 0px;border-radius: 18px;}

.table-responsive::-moz-scrollbar{height: 4.5px;}
.table-responsive::-moz-scrollbar-thumb{background: #83bd3f;border-radius: 5px;}
.table-responsive::-moz-scrollbar-thumb::before{content: '';width: 5px;line-height: 10px;display: block;font-size: 0px;border-radius: 18px;}
/* FIN DE SCROLLBAR */

/*Alerta de cuando no hay multas*/
.w3-panel{padding:0.80em 16px;margin-top:16px;margin-bottom:16px;}
.w3-panel:after,.w3-panel:before{content:"";display:table;clear:both}

@media (max-width:992px){
.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px;}
}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4EBB73!important}
/*Fin alerta*/

.subtitulo{
  padding: 5px 19px;
}
.head_blue {
font-size: 14pt;
color: #FFFFFF;
background-color: #004595;
background-position: center;
font-weight: 500;
}
.head_blue2 {
font-size: 14pt;
color: #FFFFFF;
background-color: #004595;
font-weight: 500;
}


/*===============================================================================*/
/*Textos*/
.head_blue2 h1{
  padding-top: 5px;
  padding-bottom: 5px;
}
.titular{
  font-size: 20pt;
  font-weight: bold;
  text-align: left;
}
.titular1 {
  font-size: 25pt;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
}
.titular2 {
  font-size: 20pt;
  font-weight: 600;
}
.texto {
font-size: 13pt;
}
.text {
font-size: 12.5pt;
}
.form-group label{font-size: 15pt;}
.form-group li{font-size:18pt; }
.sec{width: 100%;text-align: center!important;margin-top: 50px;}
.total{width: 100%;height: 50px;text-align: right!important;border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6;margin: 10px auto;padding: 9px 8px}
.text,.texto,.fecha{color: #000;}
/* FIN DE TEXTOS */
/*===============================================================================*/


/*====================================================================================================*/
/* ESTILOS PARA CUANDO LA PANTALLA ES MENOR A 800PX */
@media screen and (max-width: 800px) {
  .texto {font-size: 10pt;}
  .form-group:nth-child(1){margin-right: -15px;}

  tbody tr td:nth-child(1){
    white-space: nowrap;
  }
}

@media screen and (min-width: 801px) {
  .form-horizontal{height: 360px;}
  .env{height: 600px;}
  .btn{position: relative;border-color: #030e9e;top:50px}
}

/* FIN ESTILOS */
/*====================================================================================================*/