* {
   margin:0;
   padding:0;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;

}

body {
   background:#F5F6F7;
   margin:0px;
   font-family:Tahoma;
   font-size:16px;
}

.tblanco {
    max-width:996px;
    margin:auto;
    background-color:#FFF;
}

header {
    margin:0;
    width:100%;
    background:#FFF;
}

header img {
    max-width:100%;
    height:auto;
}

.boton {
     font:bold 11px Tahoma;
     color:#FFF;
     padding-left:2px;
     padding-right:2px;
     border:1px solid #999;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -o-border-radius: 4px;
}

.cajatexto {
    font:12px bolder Tahoma;
    color:#000000;
    padding-left:3px;
}

.texto {
    font:12px bolder Tahoma;
    color:#222222;
}

.texto1 {
    font:13px bolder Tahoma;
    color:#333;
}

.texto1B {
    font:13px bolder Tahoma;
    color:#000;
    font-weight:bolder;
}

.texto2B {
    font:14px bolder Tahoma;
    color:#FFF;
    font-weight:bolder;
}

.texto2 {
    font:12px bolder #000000;
    font-family:Arial, Helvetica, sans-serif;
     text-align:justify
}

.texto3 {
    font:15px bolder Tahoma;
    color:#222222;
}

.texto5 {
    font:13px Tahoma;
    font-weight:bolder;
    color:#FF0000;
}

.texto6 {
    font:13px Tahoma;
    font-weight:bolder;
    color:#006600;
}

.th1 {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-weight:bolder;
    font-size:18px;
    color:#242424;
}

.th2 {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-weight:bolder;
    font-size:12px;
    color:#242424;
}

.pag_actual {
   font:13px bolder Tahoma;
    color:#F60;
    font-weight:bolder;
}

.datos_gen {
    display:inline-block;
    width:96%;
    margin:10px auto;
    padding:0;
    border:1px solid #EAEFD3;
    background:#FFF;
    position:relative;
}

.cel1 {
    font-weight:bold;
    font-size:0.75rem;
    color:#444;
    line-height:1.6rem;
    margin:2px auto;
}

.cel2 {
    font-weight:bold;
    font-size:0.8rem;
    color:#FFF;
    background-color:#333;
    line-height:1.2rem;
}

.titulo {
    font-weight:bold;
    font-size:1.2rem;
    color:#FFF;
    background-color:#333;
     line-height:1.6rem;
}

.caja {
    font:bold 11px Tahoma;
    color:#000;
    padding-left:2px;
    padding-right:2px;
    background-color:#FFF;
    border:1px solid #333;
}

 h2 {
    font-weight:bold;
    font-size:1rem;
    color:#FFF;
    background-color:#4F9540;
     line-height:1.9rem;
}

 h3 {
    font-weight:bold;
    font-size:0.9rem;
    color:#FFF;
    background-color:#6AA644;
     line-height:1.6rem;
}

 h4 {
    font-weight:bold;
    font-size:0.75rem;
    color:#FFF;
    background-color:#6AA644;
     line-height:1.1rem;
}

 .col1 {
    display:block;
    width:30%;
    float:left;
    clear:left;
    font-weight:bold;
    font-size:0.75rem;
    color:#444;
    padding-right:10px;
     text-align:right;
     line-height:1.6rem;
    margin:2px auto;
}

 .col2 {
    display:block;
    width:70%;
    float:left;
    text-align:left;
    font-family:Tahoma;
    font-weight:700;
    font-size:0.7rem;
     line-height:1.6rem;
     padding-left:5px;
    margin:2px auto;
}

 .col_clear {
    display:block;
    clear:both;
    margin:6px auto;
    font-size:0.75rem;
    color:#444;
}

 .espacio12px {
    display:inline-block;
    clear:left;
    height:8px;
}

 input[type=button] {
     margin: 8px auto;
     color: #FFF;
     background-color: #B3C0A4;
     cursor: pointer;
     line-height: 1.2rem;
}

 input[type=button]:hover {
     color: #8FB299;
     background-color: #8AE178;
     cursor: pointer;
}

 input[type=text] {
     background-color: #EEE;
     color: #2E3133;
     padding: 4px;
     border: 1px solid #DBE1EB;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -o-border-radius: 4px;
}

 select {
     background-color:#EEE;
     color:#2E3133;
     padding: 4px;
     border: 1px solid #DBE1EB;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -o-border-radius: 4px;
}

.caja40 {
    width : 300px;
    float:left;
    margin-left: 2%;
    margin-right: 1%;
}

 .caja50 {
    width:50%;
}

 .caja75 {
    width:75%;
}

 .caja80 {
    width:80%;
}

 .caja90 {
    width:90%;
}

.combox {
   width:95%;
   float:left;
   margin-left: 2%;
   margin-right: 1%;
}

 .negrilla {
    font-weight:700;
}

 .celda1 {
    display:inline-block;
    width:40%;
    float:left;
    clear:left;
    font-weight:400;
    font-size:0.75rem;
    color:#444;
    padding:1px 2px;
    text-align:left;
    margin:0 auto;
    line-height:inherit;
}

 .celda2 {
    display:inline-block;
    width:60%;
    float:left;
    text-align:left;
    font-family:Tahoma;
    font-weight:400;
    font-size:0.72rem;
    padding:1px 2px;
    margin:0 auto;
    line-height:inherit;
    border-left:1px solid #333;
}

 .label {
    font-weight:600;
    font-size:0.9rem;
    color:#FFF;
}

 .textopie {
    font-weight:bold;
    font-size:0.7rem;
    color:#FFF;
    background:#4F9540;
    line-height:1.9rem;
}

 .refe {
    font-weight:bold;
    font-size:0.9rem;
    color:#666;
    line-height:1.9rem;
}

 footer {
    display:block;
    clear:both;
}

 .c1 {
    display:block;
    width:8%;
    clear:left;
}

 .c2 {
    display:block;
    width:25%;
    float:left;
}
 .c3 {
    display:block;
    width:35%;
    float:left;
    margin-left: 2%;
}

 .c4 {
    display:block;
    width:15%;
    float:left;
}

/*Responsive Styles*/
@media screen and (max-width : 768px) {
   .datos_gen {
        display:block;
        width:100%;
   }

   .col1 {
        display:inline-block;
        width:50%;
        float:left;
        clear:left;
        font-weight:bold;
        font-size:0.8rem;
        color:#444;
        padding-right:5px;
         text-align:left;
         line-height:1.6rem;
        margin:2px auto;
        margin-left: 2%;
   }

   .col2 {
        display:inline-block;
        width:50%;
        float:left;
        text-align:left;
        font-weight:700;
        font-size:0.75rem;
         line-height:1.6rem;
         padding-left:5px;
        margin:2px auto;
   }

    .caja40 {
        width : 300px;
    }
     .caja50 {
        width:60%;
    }
     .caja75 {
        width:80%;
    }
     .caja80 {
        width:80%;
    }
     .caja90 {
        width:90%;
    }
    .combox {
        width:75%;
    }
}

@media screen and (max-width : 568px) {
     .datos_gen {
        display:block;
        width:100%;
    }
     .tblanco {
        width:100%;
        margin:auto;
        padding:0;
    }
     .col1 {
        display:inline-block;
        width:50%;
        float:left;
        clear:left;
        font-weight:bold;
        font-size:0.8rem;
        color:#444;
        padding-right:5px;
         text-align:left;
         line-height:1.6rem;
        margin:2px auto;
        margin-left: 2%;
    }
     .col2 {
        display:inline-block;
        width:50%;
        float:left;
        text-align:left;
        font-weight:700;
        font-size:0.75rem;
         line-height:1.6rem;
         padding-left:5px;
        margin:2px auto;
    }

    .caja40 {
        width : 300px;
    }
     .caja50 {
        width:60%;
    }
     .caja75 {
        width:80%;
    }
     .caja80 {
        width:80%;
    }
     .caja90 {
        width:90%;
    }

    .combox {
        width:75%;
    }
}

@media screen and (max-width : 480px) {
     .tblanco {
        width:100%;
        margin:auto;
        padding:0;
    }
     .datos_gen {
        display:block;
        width:100%;
    }
     .celda {
        font-weight:600;
        font-size:0.95rem;
        color:#FFF;
        background-color:#4F9540;
         line-height:1.9rem;
    }
     .cel2 {
        font-weight:600;
        font-size:0.65rem;
        color:#FFF;
        background-color:#333;
    }
     h2 {
        font-weight:600;
        font-size:1rem;
        line-height:1.7rem;
    }
     h3 {
        font-weight:600;
        font-size:0.9rem;
        line-height:1.5rem;
    }
     .col1 {
        width:100%;
        font-weight:600;
        font-size:0.8rem;
        color:#444;
        text-align:left;
        line-height:1rem;
        margin:8px auto;
        margin-left: 2%;

    }
     .col2 {
        width:100%;
        text-align:center;
        font-weight:600;
        font-size:0.75rem;
    }

    .caja40 {
        width : 300px;
    }

     .caja50 {
        width:45%;
    }
     .caja75 {
        width:80%;
    }
     .caja80 {
        width:60%;
    }
     .caja90 {
        width:90%;
    }
     .combox {
        width:75%;
    }
     .c1 {
        display:block;
        width:50%;
        float:left;
        clear:left;
    }
     .c2 {
        display:block;
        width:50%;
        float:left;
    }
     .c3 {
        display:block;
        width:50%;
        float:left;
        clear:left;
    }
     .c4 {
        display:block;
        width:50%;
        float:left;
    }
}

@media screen and (max-width : 320px) {
     .tblanco {
        width:100%;
        margin:auto;
        padding:0;
    }
     .datos_gen {
        display:block;
        width:100%;
    }
     .celda {
        font-weight:600;
        font-size:0.80rem;
        color:#FFF;
        background-color:#666;
         line-height:1.9rem;
    }
     .cel2 {
        font-weight:600;
        font-size:0.55rem;
        color:#FFF;
        background-color:#333;
    }
     h2 {
        font-weight:600;
        font-size:0.8rem;
        line-height:1.7rem;
    }
     h3 {
        font-weight:600;
        font-size:0.70rem;
        line-height:1.45rem;
    }
     .textopie {
        font-weight:600;
        font-size:0.75rem;
        color:#FFF;
        background-color:#666;
         line-height:1.5rem;
    }
     .col1 {
        width:100%;
        font-weight:600;
        font-size:0.75rem;
        color:#444;
        text-align:left;
        line-height:0.95rem;
        margin:8px auto;
        margin-left: 2%;
    }
     .col2 {
        width:100%;
        text-align:center;
        font-weight:600;
        font-size:0.7rem;
    }

    .caja40 {
        width : 200px;
    }
     .caja50 {
        width:60%;
    }
     .caja75 {
        width:80%;
    }
     .caja80 {
        width:70%;
    }
     .caja90 {
        width:90%;
    }
     .combox {
        width:95%;
    }
}

@media screen and (max-width : 240px) {
     .datos_gen {
        display:block;
        width:100%;
    }
     .celda {
        font-weight:500;
        font-size:0.70rem;
        color:#FFF;
        background-color:#666;
         line-height:1.2rem;
    }
     .cel2 {
        font-weight:500;
        font-size:0.5rem;
        color:#FFF;
        background-color:#333;
    }
     h2 {
        font-weight:600;
        font-size:0.7rem;
        line-height:1.6rem;
    }
     h3 {
        font-weight:600;
        font-size:0.6rem;
        line-height:1.4rem;
    }
     .textopie {
        font-weight:500;
        font-size:0.65rem;
        color:#FFF;
        background-color:#666;
         line-height:1.2rem;
    }
     .tblanco {
        width:100%;
        margin:auto;
        padding:0;
    }
     .col1 {
        width:100%;
        font-weight:600;
        font-size:0.7rem;
        color:#444;
        text-align:left;
        line-height:1rem;
        margin:8px auto;
        margin-left: 2%;
    }
     .col2 {
        width:100%;
        text-align:center;
        font-weight:600;
        font-size:0.7rem;
    }

    .caja40 {
        width : 180px;
    }
     .caja50 {
        width:80%;
    }
     .caja75 {
        width:90%;
    }
     .caja80 {
        width:90%;
    }
     .caja90 {
        width:90%;
    }
     .combox {
        width:95%;
    }
}


.modal-open {
  overflow: hidden;
}

.modal {
    position                   : fixed;
    top                        : 0%;
    right                      : 0;
    bottom                     : 0;
    left                       : 0;
    z-index                    : 1050;
    display                    : none;
    overflow                   : hidden;
    -webkit-overflow-scrolling : touch;
    outline                    : 0;
}

.modal.fade .modal-dialog {
  -webkit-transition : -webkit-transform .3s ease-out;
       -o-transition :      -o-transform .3s ease-out;
          transition :         transform .3s ease-out;
  -webkit-transform  : translate(0, -25%);
      -ms-transform  : translate(0, -25%);
       -o-transform  : translate(0, -25%);
          transform  : translate(0, -25%);
} 

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x : hidden;
    overflow-y : auto;
}

.modal-dialog {
    position : relative;
    width    : auto;
    margin   : 10px;
}

.modal-content {
    position                : relative;
    padding                 : 20px 50px;
    background-color        : #F8F8F8;
    -webkit-background-clip : padding-box;
    background-clip         : padding-box;
    border                  : 1px solid #999;
    border                  : 1px solid rgba(0, 0, 0, .2);
    border-radius           : 0;
    outline                 : 0;
    -webkit-box-shadow      : 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow              : 0 3px 9px rgba(0, 0, 0, .5);
}

@media screen and (max-width : 670px){
    .modal-content {
        padding: 20px 10px;
    }
}

.modal-backdrop {
    position         : fixed;
    top              : 0;
    right            : 0;
    bottom           : 0;
    left             : 0;
    z-index          : 1040;
    background-color : #000;
}

.modal-backdrop.fade {
    filter  : alpha(opacity=0);
    opacity : 0;
}

.modal-backdrop.in {
    filter  : alpha(opacity=50);
    opacity : .5;
}

.modal-header {
    padding : 15px;
}

.modal-header .close {
    margin-top : -2px;
}

.modal-title {
    margin      : 0;
    line-height : 1.42857143;
    color       : #57595B;
    font-size   : 30px !important;
    text-align  : center;
    font-weight : 400;
}

.modal-body {
    position   : relative;
    padding    : 0 0 15px 0;
    max-height : calc(66vh - 110px);
    overflow-y : auto;  
}

.modal-footer {
    padding    : 15px;
    text-align : right;
    border-top : 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
    margin-bottom : 0;
    margin-left   : 5px;
} 

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position : absolute;
    top      : -9999px;
    width    : 50px;
    height   : 50px;
    overflow : scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width  : 600px;
        margin : 30px auto;
    }

    .modal-dialog2 {
        width  : 700px;
        margin : 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.text-center {
    text-align: center;
}

.modal-errorButton {
    background  : #FFFFFF;
    box-shadow  : 0px 2px 2px #00000033;
    color       : #6CBC44;
    font-size   : 14px;
    font-weight : 600;
    outline     : none !important;
    width       : 130px;
}

.modal-errorButton:hover {
    background : #ecf3c0;
    color      : #237D19;
}

.modal-errorButton:active {
    background : #63AA39;
    color      : #FFFFFF;
}

.btn {
    display             : inline-block;
    padding             : 6px 12px;
    margin-bottom       : 0;
    font-size           : 14px;
    font-weight         : normal;
    line-height         : 1.42857143;
    text-align          : center;
    white-space         : nowrap;
    vertical-align      : middle;
    -ms-touch-action    : manipulation;
      touch-action      : manipulation;
    cursor              : pointer;
    -webkit-user-select : none;
     -moz-user-select   : none;
      -ms-user-select   : none;
          user-select   : none;
    background-image    : none;
    border              : 1px solid transparent;
    border-radius       : 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color           : #333;
    text-decoration : none;
}

.btn:active,
.btn.active {
    background-image   : none;
    outline            : 0;
    -webkit-box-shadow : inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow   : inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor             : not-allowed;
    filter             : alpha(opacity=65);
    -webkit-box-shadow : none;
          box-shadow   : none;
    opacity            : .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color            : #333;
    background-color : #fff;
    border-color     : #ccc;
}

.btn-default:focus,
.btn-default.focus {
    color            : #333;
    background-color : #e6e6e6;
    border-color     : #8c8c8c;
}

.btn-default:hover {
    color            : #BFD72F;
    background-color : #BFD72F;
    border-color     : #BFD72F;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color            : #BFD72F;
    background-color : #237D19;
    border-color     : #237D19;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color            : #BFD72F;
    background-color : #6CBC44;
    border-color     : #6CBC44;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color : #fff;
    border-color     : #ccc;
}

.btn-default .badge {
    color            : #fff;
    background-color : #333;
}

.btn-primary {
    color            : #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-primary:focus,
.btn-primary.focus {
    color            : #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-primary:hover {
    color            : #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color            : #fff;
    background-color : #286090;
    border-color     : #204d74;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color            : #fff;
    background-color : #204d74;
    border-color     : #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color : #337ab7;
    border-color     : #2e6da4;
}

.btn-primary .badge {
    color            : #337ab7;
    background-color : #fff;
}

.btn-success {
    color            : #fff;
    background-color : #339999;
    border-color     : #000066;
}

.btn-success:focus,
.btn-success.focus {
    color            : #fff;
    background-color : #339999;
    border-color     : #000066;
}

.btn-success:hover {
    color            : #fff;
    background-color : #339999;
}

.btn-successIndex {
    color              : #fff;
    background-color   : #63AA39;
    border-color       : #63AA39;
    margin-top         : 40px;
    border-radius      : 0px;
    -webkit-box-shadow : 17px 3px 44px -4px rgba(227,224,227,0.20);
    -moz-box-shadow    : 17px 3px 44px -4px rgba(227,224,227,0.20);
    box-shadow         : 17px 3px 44px -4px rgba(227,224,227,0.20);
    width              : 150px; 
    font-size          : 18px;
    line-height        : 19px !important;
}

.btn-successIndex:focus,
.btn-successIndex.focus {
    color            : #fff;
    background-color : #449d44;
    border-color     : #398439;
}

.btn-successIndex:hover {
    color            : #fff;
    background-color : #449d44;
    border-color     : #398439;
}


.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color            : #fff;
    background-color : #449d44;
    border-color     : #398439;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color            : #fff;
    background-color : #398439;
    border-color     : #255625;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color : #5cb85c;
  border-color     : #4cae4c;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-info:hover {
    color            : #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color            : #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color            : #fff;
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color : #5cb85c;
    border-color     : #4cae4c;
}

.btn-info .badge {
    color            : #5bc0de;
    background-color : #fff;
}

.btn-warning {
    color            : #fff;
    background-color : #f0ad4e;
    border-color     : #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
    color            : #fff;
    background-color : #ec971f;
    border-color     : #985f0d;
}

.btn-warning:hover {
    color            : #fff;
    background-color : #ec971f;
    border-color     : #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color            : #fff;
    background-color : #ec971f;
    border-color     : #d58512;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color            : #fff;
    background-color : #d58512;
    border-color     : #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color : #f0ad4e;
    border-color     : #eea236;
}

.btn-warning .badge {
    color            : #f0ad4e;
    background-color : #fff;
}

.btn-danger {
    color            : #fff;
    background-color : #d9534f;
    border-color     : #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
    color            : #fff;
    background-color : #c9302c;
    border-color     : #761c19;
}

.btn-danger:hover {
    color            : #fff;
    background-color : #c9302c;
    border-color     : #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color            : #fff;
    background-color : #c9302c;
    border-color     : #ac2925;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color            : #fff;
    background-color : #ac2925;
    border-color     : #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color : #d9534f;
    border-color     : #d43f3a;
}

.btn-danger .badge {
    color            : #d9534f;
    background-color : #fff;
}

.btn-link {
    font-weight   : normal;
    color         : #337ab7;
    border-radius : 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color   : transparent;
    -webkit-box-shadow : none;
        box-shadow     : none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color            : #23527c;
    text-decoration  : underline;
    background-color : transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color           : #777;
    text-decoration : none;
}

.btn-lg,
.btn-group-lg > .btn {
    padding       : 10px 16px;
    font-size     : 18px;
    line-height   : 1.3333333;
    border-radius : 0px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding       : 5px 10px;
    font-size     : 12px;
    line-height   : 1.5;
    border-radius : 0px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding       : 1px 5px;
    font-size     : 12px;
    line-height   : 1.5;
    border-radius : 0px;
}

.btn-block {
    display : block;
    width   : 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.modal-error {
    background     : #F8F8F8 0% 0% no-repeat padding-box;
    border-radius  : 0;
    box-shadow     : 0px 48px 25px #00000040;
    opacity        : 1;
    padding-top    : 40px;
    padding-bottom : 16px;
}

.modal-errorBody {
    color          : #57595B;
    font-size      : 18px;
    padding-bottom : 30px;
}

.modal-errorTitle {
    color          : #FF3800;
    font-size      : 22px;
    padding-bottom : 9px;
}

.pt-2 {
    padding-top: 10px;
}

.modal-dialog-centered {
    margin-top: 13%;
}

.tarjetas-actas {
    border-top       : 1px solid #E2E2E2;
    border-bottom    : 1px solid #E2E2E2;
    height           : 280px;
    margin-left      : -50px;
    margin-right     : auto;
    background-color : #FFFFFF;
    padding          : 20px;
}

.titulosadjuntos {
    margin-top     : 49px;
    font-weight    : normal;
    font-size      : 17px;
    color          : #57595B;
}

.encabezados {
    margin-top  : 49px;
    font-weight : bold;
}

.versionDesktop {
    display: none;
}

.versionMobil {
    display: none;
}

@media (max-width: 768px) {
    .versionMobil {
        display: block;
    }

    #divMovil { 
        display: block !important; 
    } 

    .ancho2 {
        margin        : 40px;
        margin-bottom : 120px;
    }
}

@media (min-width: 1200px) {
    .versionDesktop {
        display: block;
    }

    #tableDesktop {
        display: block;
    }

    .ancho2 {
        margin        : 40px;
        margin-bottom : 130px;
    }
}

@media screen and (min-width : 770px) {
    .versionDesktop {
        display: block;
    }

    #divMovil { 
        display: block; 
    } 
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th, 
.table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > th, 
.table > caption + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > td, 
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
     border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position : static;
    display  : table-column;
    float    : none;
}

table td[class*="col-"], 
table th[class*="col-"] {
    position : static;
    display  : table-cell;
    float    : none;
}

.table > thead > tr > td.active, 
.table > tbody > tr > td.active, 
.table > tfoot > tr > td.active, 
.table > thead > tr > th.active, 
.table > tbody > tr > th.active, 
.table > tfoot > tr > th.active, 
.table > thead > tr.active > td, 
.table > tbody > tr.active > td, 
.table > tfoot > tr.active > td, 
.table > thead > tr.active > th, 
.table > tbody > tr.active > th, 
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover, 
.table-hover > tbody > tr > th.active:hover, 
.table-hover > tbody > tr.active:hover > td, 
.table-hover > tbody > tr:hover > .active, 
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success, 
.table > tbody > tr > td.success, 
.table > tfoot > tr > td.success, 
.table > thead > tr > th.success, 
.table > tbody > tr > th.success, 
.table > tfoot > tr > th.success, 
.table > thead > tr.success > td, 
.table > tbody > tr.success > td, 
.table > tfoot > tr.success > td, 
.table > thead > tr.success > th, 
.table > tbody > tr.success > th, 
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover, 
.table-hover > tbody > tr > th.success:hover, 
.table-hover > tbody > tr.success:hover > td, 
.table-hover > tbody > tr:hover > .success, 
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info, 
.table > tbody > tr > td.info, 
.table > tfoot > tr > td.info, 
.table > thead > tr > th.info, 
.table > tbody > tr > th.info, 
.table > tfoot > tr > th.info, 
.table > thead > tr.info > td, 
.table > tbody > tr.info > td, 
.table > tfoot > tr.info > td, 
.table > thead > tr.info > th, 
.table > tbody > tr.info > th, 
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover, 
.table-hover > tbody > tr > th.info:hover, 
.table-hover > tbody > tr.info:hover > td, 
.table-hover > tbody > tr:hover > .info, 
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning, 
.table > tbody > tr > td.warning, 
.table > tfoot > tr > td.warning, 
.table > thead > tr > th.warning, 
.table > tbody > tr > th.warning, 
.table > tfoot > tr > th.warning, 
.table > thead > tr.warning > td, 
.table > tbody > tr.warning > td, 
.table > tfoot > tr.warning > td, 
.table > thead > tr.warning > th, 
.table > tbody > tr.warning > th, 
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover, 
.table-hover > tbody > tr > th.warning:hover, 
.table-hover > tbody > tr.warning:hover > td, 
.table-hover > tbody > tr:hover > .warning, 
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger, 
.table > tbody > tr > td.danger, 
.table > tfoot > tr > td.danger, 
.table > thead > tr > th.danger, 
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td, 
.table > tbody > tr.danger > td, 
.table > tfoot > tr.danger > td, 
.table > thead > tr.danger > th, 
.table > tbody > tr.danger > th, 
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover, 
.table-hover > tbody > tr > th.danger:hover, 
.table-hover > tbody > tr.danger:hover > td, 
.table-hover > tbody > tr:hover > .danger, 
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.header_fijo {
    border-collapse : collapse;
    table-layout    : fixed;
}

.header_fijo thead {
    overflow-x       : auto;
    background-color : #333;
    color            : #FDFDFD;
}

.header_fijo thead tr {
    display  : block;
    position : relative;
}

.header_fijo tbody {
    display    : block;
    overflow-y : auto;
    height     : 400px;
    width      : max-content;
}

.modalactiv {
    background-color : #6CBC44;
    color            : rgba(255, 255, 255, 1);
    font-family      : 'Roboto Thin', sans-serif;
    font-size        : 18px;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width              : 100%;
        margin-bottom      : 15px;
        overflow-y         : hidden;
        -ms-overflow-style : -ms-autohiding-scrollbar;
        border             : 1px solid #ddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th, 
    .table-responsive > .table > tbody > tr > th, 
    .table-responsive > .table > tfoot > tr > th, 
    .table-responsive > .table > thead > tr > td, 
    .table-responsive > .table > tbody > tr > td, 
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, 
    .table-responsive > .table-bordered > tbody > tr > th:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > th:first-child, 
    .table-responsive > .table-bordered > thead > tr > td:first-child, 
    .table-responsive > .table-bordered > tbody > tr > td:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, 
    .table-responsive > .table-bordered > tbody > tr > th:last-child, 
    .table-responsive > .table-bordered > tfoot > tr > th:last-child, 
    .table-responsive > .table-bordered > thead > tr > td:last-child, 
    .table-responsive > .table-bordered > tbody > tr > td:last-child, 
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, 
    .table-responsive > .table-bordered > tfoot > tr:last-child > th, 
    .table-responsive > .table-bordered > tbody > tr:last-child > td, 
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display                    : block;
        width                      : 100%;
        overflow-x                 : auto;
        -webkit-overflow-scrolling : touch;
        -ms-overflow-style         : -ms-autohiding-scrollbar;
    }

    .table-responsive-md > .table-bordered {
        border: 0;
    }
}

.col-lg-12 {
    -webkit-box-flex : 0;
    -ms-flex         : 0 0 100%;
    flex             : 0 0 100%;
    max-width        : 100%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, 
.col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, 
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, 
.col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, 
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position      : relative;
    width         : 100%;
    min-height    : 1px;
    padding-right : 15px;
    padding-left  : 15px;
}


#tableDesktop {
    display: none;
}

#divMovil { 
    display: none; 
}

@media only screen and (min-width : 650px) {
    #tableDesktop {
        display : block;
    }
}