body {
  background:#e3e3e3;
  font-family:"Verdana";
  font-size: 12pt;
  margin-top: 5px;
}

header{
  height: 120px;
  background: #ffffff;
}


footer {
  clear:both;
  background: #674ea0; /*#535a5a;*/ /*#e90b7c;*/
  height:40px;
  color:#ffffff;  
  text-align: center;
  padding-top: 10px;
  font-size: 8pt;
}

.content{
  background: #e3e3e3;  
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;   
  height: 530px;
}

form { 
  margin: 0 auto; 
  border:none;
  text-align: center;
}

/*form.firma {
  width: 80%;
  display: none;
}*/

.errormsg {
   color: red;
   font-size: 120%;
   text-align: center;
}

.erroroculto {
   color: red;
   font-size: 120%;
   text-align: center;   
}

select { 
  vertical-align: top; 
  font-size: 14pt;
  border: 1px solid black;
}



div.centrado       {width:100%;}
div.columnas       { width: 60%; margin: 0 auto;}
div.columnas div   { width: 50%;  float: left; }

div.clear         { clear: both; }


div.columnas2       { width: 94%; margin: 0 auto;}
div.columnas2 div   { width: 50%; height: 320px; float: left; }

.imgcentrada {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
}

.imgcentradacompleta {
    max-width: 100%;
    max-height: 600px;
    display: block;
    margin: auto auto;
}

.centrado {
  text-align: center;
}

.negrita {
  font-weight: bolder;
  font-size: 120%;
}


.selcourier{  
  max-width: 30%;
  font-size:12pt;  
  font-family: "Courier New", Courier, monospace;
}

a.nounder, a.nounder:hover, a.nounder:active {
  text-decoration: none;
}


.well {
  background: #ffffff;
}

.imgcentradasmall {
      display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
      height: 50px;
      width: auto; 
}

.imgsmall {
      border:none;
      height: 120px;
      width: auto; 
}
.imgxsmall {
      border:none;
      height: 30px;
      width: auto; 
}
.imgxxsmall {
      border:none;
      height: 40px;
      width: auto; 
      background: white;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 0px;
      margin-top: -15px;
}

.wellsinmargin {
  padding: 5px;
}

.textoderecha {
  text-align: right;
}

.textoizquierda {
  text-align: left;
}

.aside{
  margin-top: 0px;
  float: left;
  width:100%;
  /*border: 1px solid darkgray;*/
  height: 305px;
  max-height: 305px;  
  overflow: scroll;
}

.asideconsulta{
  margin-top: 0px;
  float: left;
  width:100%;
  /*border: 1px solid darkgray;*/
  height: 350px;
  max-height: 350px;  
  overflow: scroll;
}


.mitadaside{
  margin-top: 0px;
  float: left;
  width:100%;
  /*border: 1px solid darkgray;*/
  height: 120px;
  max-height: 120px;  
  overflow: scroll;
}

.panelconborde {
  border: 2px solid darkgray;
}
.modal-body {  
  padding: 2 px;
}

fieldset {
  padding-top:10px;
  
  border:1px solid #999;
  border-radius:8px;
  box-shadow:0 0 10px #999;
}


legend {
  float:left;
  margin-top:-4px;
  border-bottom: 1px solid #999;
  
}
legend + * {
  clear:both;
}

.tablaresult {
  min-height: 400px;
  max-height: 600px;
  box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
  
  width: 95%;
  margin: auto;
}

.tablasecciones {
  min-height: 560px;
  max-height: 700px;
  box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
  
  width: 70%;
  margin: 0 auto;
}

#tablaregistros, #tablaregistroscaja, #tablaregistrosseccion {
  width: 90%;
  padding: 0;
  margin: 0 auto;
  font: 9pt Verdana, Arial, Helvetica, sans-serif;
  max-height: 500px;
  overflow-y: scroll;
  display: block;
  border: 2px solid #C1DAD7;
  border-spacing: 0;
}

#tabla_todas_secciones {
  width: 98%;
  padding: 0;
  margin: 0 auto;
  font: 9pt Verdana, Arial, Helvetica, sans-serif;
  max-height: 700px;
  overflow-y: scroll;
  display: block;
  border: 2px solid #C1DAD7;
  border-spacing: 0;
}

th.primerreng {
  font-weight: bolder;
  font-size: 120%;
  text-align: center;
  background: #740ade;
  color: white;
  border-color: black;
}

th.segundoreng {
  font-weight: bolder;
  font-size: 100%;
  text-align: center;
  background: #740ade;
  color: white;
  border-color: black;
}

th.tercerreng {
  font-weight: bolder;
  font-size: 100%;
  text-align: center;
  background: white;
  color: black;
  border-color: black;
  text-transform: capitalize;
}


#tabladetalle {
  width: 90%;
  padding: 0;
  margin: 0 auto;
  font: 11pt Verdana, Arial, Helvetica, sans-serif;
  max-height: 500px;
  overflow-y: scroll;
  display: block;
  border: 2px solid #C1DAD7;
  border-spacing: 0;
}



caption {
  padding: 0 0 5px 0;
  width: 50%;  
  font-style: italic; 
  text-align: right;
}

th {
  font-weight: bold;  
  color: #4f6b72;
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  border-top: 1px solid #C1DAD7;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background: #CAE8EA;
}

th.nobg {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #C1DAD7;
  background: none;
}

td {
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  /*background: #fff;*/
  padding: 6px 6px 6px 12px;
  color: #4f6b72;
}


td.alt {
  /*background: #F5FAFA;*/
  color: #797268;
}



th.spec0 {
  border-left: 1px solid #C1DAD7;
  border-top: 0;
  background: #fff;
  font-weight: bold;  
}

th.spec1 {
  border-left: 1px solid #C1DAD7;
  border-top: 0;
  background: #f5fafa ;
  font-weight: bold;  
  color: #797268;
}

tr:nth-child(odd) {background: #fff}
tr:nth-child(even) {background: #f5fafa}

tr:hover {
  background: #DCE8EA;
}

td.centrado, th.centrado {
  text-align: center;
}

.colprogresivo{
  width: 15%;
  text-align: center;
}
.coldescripcion{
  width: 40%;
}
.colfecha{
  width: 20%;
}
.colhora{
  width: 15%;

}

.porexpirar {
    background: yellow;
    color: black;
    font-weight: bold;
    border: 2px solid #C1DAD7;
}

.baja {
   background: #28cd23;
   color: black;
   font-weight: bold;
   border: 2px solid #C1DAD7;
}

.vigente {
   background: #a81e1e;
   color: black;
   font-weight: bold;
   border: 2px solid #C1DAD7;
}

.historico {
  background: #a651f3;
  color: black;
   font-weight: bold;
   border: 2px solid #C1DAD7;
}

.fondoamarillo {
  background: yellow; /*#b9f129;*/
  color: black;
  border-color: black;
  font-weight: bold;
}

td.baja > a, td.vigente > a, td.historico > a {
  font-weight: bold;
  color: white;
}

td.porexpirar > a {
  font-weight: bold;
  color: black;
}

.fondoazulclaro {
  background: #2bb8f3;
  color:white;
  font-weight: bold;
}

.colcapturista {
   width: 15%; 
}

.colcaja {
  width: 15%;
  text-align: center;
}

.colnumregistros {
  width: 25%;
  text-align: center;
}

.colserie {
  width:10%;
  text-align: right;
}

.colnombre {
  width:30%;
  text-align: left;
}

.colnombreserie {
  width:68%;
  min-width: 68%;
  text-align: left;
}

.colnombrecgca {
  width:78%;
  min-width: 78%;
  text-align: left;
}
.colextra {
  width:12%;
  text-align: right;
}
.colsubextra {
  width: 4%;
  text-align: center;
}
.colsubextracorto {
  width: 3%;
  text-align: center;
}
.colsubextralargo {
  width: 6%;
  text-align: center;
}

.clasecapturista {
  width: 30%;
  text-align: center;
}

.coldato {
  width: 15%;
  text-align: center;
}

.clasecoloculta {
  display: none;
}

.coldatoavance {
  width: 23%;
  text-align: center;
}
.oculto {
  display: none;
}


.nav-center {
  text-align: center;
}
.nav-center ul.nav {
  display: inline-block;
}
.nav-center ul.nav li {
  display: inline a;
  display-float: left;
}


.popuppdf {
    width:85%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(238,238,238,0.75);   /*#eb008b*/
    z-index: 1; /* Sit on top */
}
 
/* Inner */
.popuppdf-inner {
    max-width:70%;
    width:90%;
    padding:30px;    
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#e3e3e3;
    text-align: center;
}

/* Close Button */
.popuppdf-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:12pt;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popuppdf-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

.ligadetalle {
  width: 600px;
  
}

.pdfobject-container { height: 500px;}
.pdfobject { border: 1px solid #666; }

.miactivo {
  background-color: #eee;
  border-color: #ddd;
}

#contenidopdf {
  max-height: 500px;
}

#contenidopdf .img-responsive {
    margin: 0 auto;
    max-height: 450px;
}



.popupsel {
    width:100%;
    height:100%;
    display:none;
   /* position:fixed;
    top:0px;
    left:0px;*/
    background:rgba(238,238,238,0.75);   //#eb008b
}
 
/* Inner */
.popupsel-inner {
    max-width:90%;
    width:90%;
    padding:30px;    
    /*position:absolute;
    top:50%;
    left:50%;*/
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#e3e3e3;
    text-align: center;
}

/* Close Button */
.popupsel-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    /*position:absolute;*/
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:12pt;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popupsel-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

.cuadroopcion {
  height: 180px;
}

.myChart {
  width: 500px;
  max-width: 500px;
  height: 500px;
  max-height: 500px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.mimodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/pIkfp.gif') 
                50% 50% 
                no-repeat;
    opacity: 0.80;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
    filter: alpha(opacity = 80)
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .mimodal {
    display: block;
}

.mimodal .centradohv {
  position: relative;
  float: left;
  top: 55%;
  left: 50%;
  font-weight: bolder;
  transform: translate(-50%, -50%); 
}
.btn-aldf01 {
  color: #fff;
  background-color: #28cd23;
  border-color: #51964c;
}
.btn-aldf01:focus,
.btn-aldf01.focus {
  color: #fff;
  background-color: #13a10b;
  border-color: #51964c;
}
.btn-aldf01:hover {
  color: #fff;
  background-color: #13a10b;
  border-color: #51964c;
}

.btn-aldf01:active,
.btn-aldf01.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #13a10b;
  border-color: #51964c;
}


.btn-aldf02 {
  color: #fff;
  background-color: #3af559;
  border-color: #59cf6b;
}
.btn-aldf02:focus,
.btn-aldf02.focus {
  color: #fff;
  background-color: #2ab53f;
  border-color: #59cf6b;
}
.btn-aldf02:hover {
  color: #fff;
  background-color: #2ab53f;
  border-color: #59cf6b;
}

.btn-aldf02:active,
.btn-aldf02.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #2ab53f;
  border-color: #59cf6b;
}


.btn-aldf03 {
  color: #fff;
  background-color: #3df5e1;
  border-color: #40dbc9;
}
.btn-aldf03:focus,
.btn-aldf03.focus {
  color: #fff;
  background-color: #32c7b6;
  border-color: #40dbc9;
}
.btn-aldf03:hover {
  color: #fff;
  background-color: #32c7b6;
  border-color: #40dbc9;
}

.btn-aldf03:active,
.btn-aldf03.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #32c7b6;
  border-color: #40dbc9;
}

.btn-aldf04 {
  color: #fff;
  background-color: #2bb8f3;
  border-color: #3096bf;
}
.btn-aldf04:focus,
.btn-aldf04.focus {
  color: #fff;
  background-color: #2499c7;
  border-color: #3096bf;
}
.btn-aldf04:hover {
  color: #fff;
  background-color: #2499c7;
  border-color: #3096bf;
}

.btn-aldf04:active,
.btn-aldf04.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #2499c7;
  border-color: #3096bf;
}


.btn-aldf05 {
  color: #fff;
  background-color: #2bb8f3;
  border-color: #3096bf;
}
.btn-aldf05:focus,
.btn-aldf05.focus {
  color: #fff;
  background-color: #2499c7;
  border-color: #3096bf;
}
.btn-aldf05:hover {
  color: #fff;
  background-color: #2499c7;
  border-color: #3096bf;
}

.btn-aldf05:active,
.btn-aldf05.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #2499c7;
  border-color: #3096bf;
}


.btn-aldf06 {
  color: #fff;
  background-color: #a651f3;
  border-color: #7f38c2;
}
.btn-aldf06:focus,
.btn-aldf06.focus {
  color: #fff;
  background-color: #8441c4;
  border-color: #7f38c2;
}
.btn-aldf06:hover {
  color: #fff;
  background-color: #8441c4;
  border-color: #7f38c2;
}

.btn-aldf06:active,
.btn-aldf06.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #8441c4;
  border-color: #7f38c2;
}

.btn-aldf07 {
  color: #fff;
  background-color: #740ade;
  border-color: #5910a3;
}
.btn-aldf07:focus,
.btn-aldf07.focus {
  color: #fff;
  background-color: #51089e;
  border-color: #5910a3;
}
.btn-aldf07:hover {
  color: #fff;
  background-color: #51089e;
  border-color: #5910a3;
}

.btn-aldf07:active,
.btn-aldf07.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #51089e;
  border-color: #5910a3;
}

.btn-aldf08 {
  color: #fff;
  background-color: #8f0e0a;
  border-color: #5e0f0e;
}
.btn-aldf08:focus,
.btn-aldf08.focus {
  color: #fff;
  background-color: #660907;
  border-color: #5e0f0e;
}
.btn-aldf08:hover {
  color: #fff;
  background-color: #660907;
  border-color: #5e0f0e;
}

.btn-aldf08:active,
.btn-aldf08.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #660907;
  border-color: #5e0f0e;
}


.btn-aldf09 {
  color: #fff;
  background-color: #a70d0b;
  border-color: #610606;
}
.btn-aldf09:focus,
.btn-aldf09.focus {
  color: #fff;
  background-color: #730909;
  border-color: #610606;
}
.btn-aldf09:hover {
  color: #fff;
  background-color: #730909;
  border-color: #610606;
}

.btn-aldf09:active,
.btn-aldf09.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #730909;
  border-color: #610606;
}

.btn-aldf10 {
  color: #fff;
  background-color: #a70d0b;
  border-color: #610606;
}
.btn-aldf10:focus,
.btn-aldf10.focus {
  color: #fff;
  background-color: #730909;
  border-color: #610606;
}
.btn-aldf10:hover {
  color: #fff;
  background-color: #730909;
  border-color: #610606;
}

.btn-aldf10:active,
.btn-aldf10.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #730909;
  border-color: #610606;
}

.btn-aldf11 {
  color: #fff;
  background-color: #cd1212;
  border-color: #750f0f;
}
.btn-aldf11:focus,
.btn-aldf11.focus {
  color: #fff;
  background-color: #a11212;
  border-color: #750f0f;
}
.btn-aldf11:hover {
  color: #fff;
  background-color: #a11212;
  border-color: #750f0f;
}

.btn-aldf11:active,
.btn-aldf11.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #a11212;
  border-color: #750f0f;
}


.btn-aldf12 {
  color: #fff;
  background-color: #ee2A28;
  border-color: #961313;
}
.btn-aldf12:focus,
.btn-aldf12.focus {
  color: #fff;
  background-color: #a81e1e;
  border-color: #961313;
}
.btn-aldf12:hover {
  color: #fff;
  background-color: #a81e1e;
  border-color: #961313;
}

.btn-aldf12:active,
.btn-aldf12.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #a81e1e;
  border-color: #961313;
}

.btn-aldf13 {
  color: #fff;
  background-color: #ee2A28;
  border-color: #961313;
}
.btn-aldf13:focus,
.btn-aldf13.focus {
  color: #fff;
  background-color: #a81e1e;
  border-color: #961313;
}
.btn-aldf13:hover {
  color: #fff;
  background-color: #a81e1e;
  border-color: #961313;
}

.btn-aldf13:active,
.btn-aldf13.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #a81e1e;
  border-color: #961313;
}


.btn-aldf14 {
  color: #fff;
  background-color: #f27f1a;
  border-color: #a6540d;
}
.btn-aldf14:focus,
.btn-aldf14.focus {
  color: #fff;
  background-color: #b86114;
  border-color: #a6540d;
}
.btn-aldf14:hover {
  color: #fff;
  background-color: #b86114;
  border-color: #a6540d;
}

.btn-aldf14:active,
.btn-aldf14.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #b86114;
  border-color: #a6540d;
}


.btn-aldf15 {
  color: #fff;
  background-color: #f4d026;
  border-color: #a38305;
}
.btn-aldf15:focus,
.btn-aldf15.focus {
  color: #fff;
  background-color: #b89c1f;
  border-color: #a38305;
}
.btn-aldf15:hover {
  color: #fff;
  background-color: #b89c1f;
  border-color: #a38305;
}

.btn-aldf15:active,
.btn-aldf15.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #b89c1f;
  border-color: #a38305;
}


.btn-aldf16 {
  color: #fff;
  background-color: #f1df29;
  border-color: #b8a818;
}
.btn-aldf16:focus,
.btn-aldf16.focus {
  color: #fff;
  background-color: #bfaf20;
  border-color: #b8a818;
}
.btn-aldf16:hover {
  color: #fff;
  background-color: #bfaf20;
  border-color: #b8a818;
}

.btn-aldf16:active,
.btn-aldf16.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #bfaf20;
  border-color: #b8a818;
}

.btn-aldf17 {
  color: #fff;
  background-color: #f0f22d;
  border-color: #bdbd20;
}
.btn-aldf17:focus,
.btn-aldf17.focus {
  color: #fff;
  background-color: #b5b522;
  border-color: #bdbd20;
}
.btn-aldf17:hover {
  color: #fff;
  background-color: #b5b522;
  border-color: #bdbd20;
}

.btn-aldf17:active,
.btn-aldf17.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #b5b522;
  border-color: #bdbd20;
}

.btn-aldf18 {
  color: #fff;
  background-color: #b9f129;
  border-color: #8bb517;
}
.btn-aldf18:focus,
.btn-aldf18.focus {
  color: #fff;
  background-color: #93bd20;
  border-color: #8bb517;
}
.btn-aldf18:hover {
  color: #fff;
  background-color: #93bd20;
  border-color: #8bb517;
}

.btn-aldf18:active,
.btn-aldf18.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #93bd20;
  border-color: #8bb517;
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
  }
  
  @media screen and (min-width: 768px) {
        .modal-dialog {
          width: 800px; /* New width for default modal */
        }
        .modal-sm {
          width: 500px; /* New width for small modal */
        }
    }
    @media screen and (min-width: 992px) {
        .modal-lg {
          width: 1000px; /* New width for large modal */
        }
    }
    @media screen and (min-width: 1200px) {
        .modal-lg {
          width: 1150px; /* New width for large modal */
        }
    }
}

tr.altamateria {
    font-weight: bold;
    color: darkblue;
    font-size: 1.1em;
    border-color: darkblue;
}