html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
a{
    margin:0;
    padding:0;
    text-decoration: underline;
}
ul{
    list-style: none;
}
p{
    color: gray;
    font-size: 14px;
}
strong{
    color: black;
}
.clear{
    clear: both;
}



@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*end reset*/



/*.box {

    left: 50%;
    line-height: 100px;
    margin: -50px 0 0 -100px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
}*/
html {
  height: 100%;
}
body{
  display: flex;
  flex-direction: column;
  height: 100vh; 
  background:#efefeb;
}
.bgbody{
/*    display: block;
    height: auto;*/
     background: #F5F5F3;
}
.lineatop{
background: url(../imgs/login-top.jpg) repeat-x top center;
    height: 5px;
    position: absolute;
    width: 100%;
    display: block;
    /* order: 1; */
    top: 0;
}
/*.boxflex{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}*/
.boxlogin{
    position: relative;
    width: 300px;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 5%;

}
.logventanilla{
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 209px;
    width: 100%;
}
.boxlogin .inputtext, .izqcambio .inputtext{
width: 100%;
    color: #525252;
    background: white;
    border: 1px solid gainsboro;
    border-radius: 5px;
    height: 42px;
    box-sizing: border-box;
    /* padding: 20px 15px; */
    margin-bottom: 12px;
    background-position-x: 10px;
    background-position-y: 7px;
    padding-left: 40px;
}

.boxlogin .btningresar, .izqcambio .btningresar{
    background: #114366;
    display: block;
    color: white;
    font-size: 14px;
    text-align: center;
    border: none;
    width: 100%;
    padding: 15px;
    line-height: 12px;
    height: 42px;
    cursor: pointer;
    border-radius: 2px;
    box-sizing: border-box;
}
.boxlogin .btningresar:hover, .izqcambio .btningresar:hover{
    background: #07b1b1;
}
.boxlinks{
    width: 100%;
    display: block;
    padding-top: 10px;
}
.boxlinks::after{
    content: "";
    display: block;
    clear: both;
}
.boxlinks li{
    float: left;
    margin: 0 2%;
    width: 46%;
    display: block;
}
.boxlinks li a, .boxlinks li button{
    display: block;
    color: gray;
    font-family: arial;
    font-size: 13px;
    text-align: center;
    text-decoration: underline;
}
.boxlinks li a:hover{
     color: #3C3C3C;
}
footer{
    background: #696b68;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%;
    margin-top: auto;
    position: relative;
}
.footer{
    flex-shrink: 0;
    margin-top: auto;
}
.contenedor{
    margin: 0 auto;
    width: 94%;
    max-width: 1260px;
}
.foot-left {
    width: 60%;
    display: block;
    float: left;
}
footer img{
    display: block;
    float: right;
}
.foot-left p{
    color: #D8D9D7;
    font-family: arial;
    text-align: left;
    font-size: 12px;
    line-height: 17px;
        margin-top: 6px;
}
.foot-left p strong{
    font-weight: bold;
    color: #D8D9D7;
    font-size: 14px;

}
.bgimg{
    width: 100%;
    display: block;
}
.bgimg img{
display: block;
    width: 88%;
    max-width: 1163px;
    margin: 0 auto;
}
header{
width: 100%;
    padding-top: 20px;
    padding-bottom: 15px;
  /*  padding-bottom: 15px;*/
    border-bottom: 1px solid #d2d2d2;
    /*margin-bottom: 30px;*/
    background: white;

}
.sisvu{
    display: block;
    float: left;
	max-width: 71px;
    min-width: 71px;
    width: 16%;
}
.sisvu img{
    display: block;
    width: 100%;
    min-width: 71px;
}
/*.btnsmenu{
    display: block;
    margin: 0 auto;
    max-width: 950px;
    width: 50%;
    background: silver;
}*/

.btnsmenu label a, .btnsmenu li a{
    font-family: arial;
    font-size: 16px;
    color: #8F8F8F;
    text-decoration: none;
    padding-left: 30px;
    min-height: 18px;
    display: block;
    line-height: 22px;
    font-weight: normal;
}
.btnsmenu li{
    display: inline-block;

    position: relative;

}
.btnsmenu li a:hover, .btnsmenu li a.activo{
    color: #E22823; 
}
.btnsmenu .active li a{
    color: #E22823; 
  /*  background: url(../imgs/icon-homeh.png) no-repeat left top;*/
}
.btnsmenu .active li:after{
    content: "";
    display: block;
    clear: both;
    background: url(../imgs/arrow.png) no-repeat bottom center;
    width: 13px;
    height: 7px;
    position: absolute;
}
/*.iconinicio{
    background: url(../imgs/icon-home.png) no-repeat left top;
}
.iconinicio:hover, .btnsmenu li .iconinicio.activo{
    background: url(../imgs/icon-homeh.png) no-repeat left top;
}
.iconconsultas{
    background: url(../imgs/icon-lupa.png) no-repeat left top;
}
.iconconsultas:hover, .btnsmenu li .iconconsultas.activo{
    background: url(../imgs/icon-lupah.png) no-repeat left top;
}
.iconayuda{
    background: url(../imgs/ayuda.png) no-repeat left top;
}
.iconayuda:hover, .btnsmenu li .iconayuda.activo{
    background: url(../imgs/ayudah.png) no-repeat left top;
}
.iconusuarios{
    background: url(../imgs/icon-usuario.png) no-repeat left top;
}
.iconusuarios:hover,  .btnsmenu li .iconusuarios.activo{
    background: url(../imgs/icon-usuarioh.png) no-repeat left top;
}*/
.inforight{
display: block;
    float: right;
/*    width: 301px;*/

/*display: block;
    float: right;
    width: 40%;
    max-width: 300px;*/
}
.infoperfil img{
    display: block;
    float: left;
    max-width: 48px;
}
.infoperfil{
    display: block;
    border-right: 1px solid silver;
    padding-right: 25px;
    float: left;
   /* height: 82px;*/
}
.menudesp{
    display: none;
}
.subm:hover .menudesp{
    display: block;
    left: 0;
    right: inherit;
}


.datosperfil{
display: block;
    float: right;
    color: #7b7b7b;
    font-family: arial;
    font-size: 13px;
    margin-left: 13px;
    margin-top: 10px;
}
.datosperfil strong{
    color: #707070;
}

div.boxdesple{
/*    background: #e7302a url(../imgs/bg-rojo.jpg) no-repeat bottom right;*/
    padding-top: 34px;
    padding-bottom: 34px;
/*    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25) inset;*/
  /*  display: none;*/
    position: relative;
    width: 100%;
    left: 0;
    margin-top:0;
    z-index: 1;

}
.boxdesple:after{
    content: "";
    display: block;
    position: absolute;
    z-index: 100;
}
.boxcampo{
margin-right: 18px;
    display: block;
    max-width: 270px;
    float: left;
}
.boxcampo span, .labtext{
    color: #656565;
    display: block;
    font-size: 16px;
    font-family: arial;
    /* width: 95px; */
    float: left;
    margin-top: 10px;
}
.labtext{
    margin-right: 25px;
}
.inputbox{
    float: left;
    margin-left: 10px;
    display: block;
/*    background: #c51c17;*/
    border-radius: 4px;
/*    border: 1px solid #a01915;*/
    height: 37px;
    box-sizing: border-box;
    padding-left: 12px;
    width: 190px;
        border: 1px solid #d0d0d0;
}
.btnbuscar{
    display: block;
background: #e7302a;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding: 9px 38px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    max-width: 130px;
}
.btnbuscar:hover{
    background: #F43B35;
   /* box-shadow: 1px 2px 1px 0px #a4110d;*/
  /*  color: #272727;*/
}
/*.inputradio{
    display: block;
    float: left;
    margin-left: 15px;
    margin-right: 5px;
    margin-top: 13px;
}

*/
.arrowbot{
background: url(../imgs/arrow.png) no-repeat bottom center;
    width: 13px;
    height: 7px;
    display: block;
}




.boxcampo [type="radio"]:checked,
.boxcampo [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.boxcampo [type="radio"]:checked + label,
.boxcampo [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
        color: #656565;
}
.boxcampo [type="radio"]:checked + label:before,
.boxcampo [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #bebebe;
    border-radius: 100%;
    background: #ffffff;
}
.boxcampo [type="radio"]:checked + label:after,
.boxcampo [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #e7302a;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.boxcampo [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.boxcampo [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: silver;
}
::-moz-placeholder { /* Firefox 19+ */
  color: silver;
}
:-ms-input-placeholder { /* IE 10+ */
  color: silver;
}
:-moz-placeholder { /* Firefox 18- */
  color: silver;
}


.boxlogin .boxinput{
    position: relative;
    width: 100%;
}
.entrar_personal:hover{
    opacity: 0.8;
}
.boxinput{
    position: relative;
    float: right;
   /* width: 100%*/
}
.ic-user, .ic-cont, .ic-cod, .ic-lupa{
    background: url(../imgs/user.png) no-repeat right center;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    top: 12px;
    left: 12px;

}

.ic-cont{
    background: url(../imgs/password.png) no-repeat right center;
}
.ic-cod{
    background: url(../imgs/codigo.png) no-repeat right center;
}
.ic-lupa{
    background: url(../imgs/icon-lupa.png) no-repeat right center;
    opacity: 0.4;
        top: 9px;
}
.searchicon:after, .dataTables_filter label::after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../imgs/icon-lupa.png) no-repeat right center;
    opacity: 0.4;
        top: 9px;
            left: 12px; 
        position: absolute;  
}
.boxcapt {
  background: #808080;
  position: relative;
  height: 42px;
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%;
}
.boxcapt a{
    color: white;
    font-size: 11px;
    text-decoration: underline;
    font-family: arial;
    display: block;
    position: absolute;
    top: 21px;
    right: 14px;
    font-style: italic;
    text-decoration: none;
}
.imgcaptcha {
    /* margin: 10px 0; */
    display: block;
    margin-bottom: 10px;
    width: 174px;
    position: absolute;
    left: 0;
}


.boxtabla{
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 30px;
}
.leftbox{
    display: block;
    float: left;
        margin-bottom: 10px;
        margin-top: 15px;
        margin-right: 2%;
   /*     margin-top: 35px;*/

}
.btnsoption{
    max-width: 131px;
}
.leftbox .campowhite{
    float: left;
   /* max-width: 129px;*/
}
.rightbox{
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-top: 15px;
}
.campowhite ,.dataTables_length label select{
display: block;
    background: white;
    color: gray;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
/*    float: right;*/
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 9px 13px;
    min-height: 36px;
    box-sizing: border-box;

}
.dataTables_length label select{
    display: inline-block;
    margin-right: 8px;
}
.inputsearch{
        padding-left: 40px;
        max-width: 240px;
}
.btnsoption{
    padding: 0;
    float: right;
    display: block;
    margin-right: 45px;
}
.btnsoption li{
float: left;
    display: block;
    padding: 0 11px;
    height: 34px;
    border-right: 1px solid #dddddd;

}
.btnsoption li a{
    box-sizing: border-box;
    display: block;
    padding: 5px;
    margin-top: 7px;
        -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;

}
.btnsoption li a:hover{
    opacity: 0.7;
}
.btnprint, .btnpdf, .btnxls{
    display: block;
    width: 20px;
    height: 20px;

    background: url(../imgs/print.png) no-repeat center center;
}
 .btnpdf{
       background: url(../imgs/pdf.png) no-repeat center center; 
 }
  .btnxls{
           background: url(../imgs/xls.png) no-repeat center center; 
  }
.boxleyenda {
    padding: 0;
    margin-right: 45px;
    float: right;
}
.txtleyend{
display: block;
    float: left;
    box-sizing: border-box;
    padding: 9px 10px;
}
.itemleyend{
    display: block;
    float: right;  
}
.itemleyend li{
    width: 27px;
    overflow: hidden;
    display: block;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    padding: 9px 4px;
    padding-right: 12px;
        height: 34px;
    border-left: 1px solid silver;
        -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;

}
.itemleyend li p{
    color: black;
    font-family: arial;


}
.bol1,.bol2, .bol3, .bol4 {
    background: url(../imgs/bol1.png) no-repeat left center;
    height: 20px;
    display: block;
    box-sizing: border-box;
    padding-left: 22px;

word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;

}
.bol2{
    background: url(../imgs/bol2.png) no-repeat left center; 
}
.bol3{
    background: url(../imgs/bol3.png) no-repeat left center; 
}
.bol4{
    background: url(../imgs/bol4.png) no-repeat left center; 
}
.itemleyend .open{
    width: auto;

}

.itemleyend li:hover {
    width: 159px;
        -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;

}

.boxconfig{
    width: 64px;
     height: 48px; 
    float: right;
    display: block;
    position: relative;
 
}

.tuercbtn{
display: block;
    background: url(../imgs/tuerca.png) no-repeat center center;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    /* margin-top: 17px; */
    width: 100%;
   height: 100%;
}
.tuercbtn:hover{
    opacity: 0.8;
}
thead {
    background: #fff;
        color: #484848;
    font-size: 13px;
    font-family: arial;
}

.rojo{
    color: #E7302A;
}
.guinda{
    color: #9A1413;
}
.verde{
    color: #019f36;
}
.azul{
    color: #005b86;
}
.azulclaro{
    color: #0b82d7;
}
.marron{
    color: #663333;
}
.verdeclaro{
    color: #65AA26;
}
.naranja{
    color: #E75C1B;
}
.celeste{
    color: #44C4C4;
}

.boxoption{
    display: none;

    width: 145px;
    position: absolute;
    border: 1px solid #d2d2d2;
    background: white;
    z-index: 10;
    border-radius: 4px;
    right: 7px;
}

.boxoption:before{
    content: "";
    display: block;
    background: url(../imgs/arrow.jpg) no-repeat top center;
    width: 14px;
    height: 8px;
    top: -7px;
    right: 16px;
    position: absolute;
    z-index: 10;
}

.menudesp.boxoption:before{
        left: 16px;
        right: inherit;
}
.boxoption li{
    width: 100%;
    display: block;
    padding: 9px 10px;
    box-sizing: border-box;
        border-bottom: 1px solid #d2d2d2;
}
.boxoption li a{
    width: 100%;
    display: block;
    text-align: center;
    color: #646464;
    font-family: arial;
    font-size: 13px;
    box-sizing: border-box;
    text-decoration: none;
}
  
.boxoption li .dobleopt{
    width: 48%;
    display: inline-block;

}


.bggray{
    background: #F7F7F6;
    padding-top: 40px;
    display: block;
    padding-bottom: 30px;
}
.infopersona{
    display: block;
    float: left;
    width: 75%;

}
.fotoperfil{
    display: block;
    float: left;
    width: 10%;
    max-width: 94px;
}
.fotoperfil img{
    display: block;
    width: 100%;
}
.datosperson{
    margin-left: 5%;
    width: 84%;
    float: left;
}
.boxname{
    display: block;
    margin-bottom: 12px;
}
.name{
    font-family: arial;
    font-size: 28px;
    display: block;
    color: #114366;
    font-weight: normal;
}
.dni{
    font-family: arial;
    font-size: 19px;
    display: block;
    color:#327F99;
}
.imgapt{
    display: block;
    float: left;
    margin-left: 5%;
    max-width: 190px;
}
.txtinfo{
display: block;
    float: left;
    padding-right: 5%;
    border-right: 1px solid silver;
    margin-right: 8%;
    width: 36%;
    max-width: 310px;

}

.txtinfo:nth-child(3) {
    border:none;
}


.dobleopt:nth-child(1){
    border-right: 1px solid silver;
}

.txtinfo p{
color: #595959;
    font-family: arial;
    font-size: 14px;
    display: block;
    text-align: left;
    margin-bottom: 4px;
    font-weight: bold;
}
.txtinfo span{
    color: #868686;
    font-weight: normal;
    }
.leftname{
    display: block;
    float: left;
}
.relat{
    position: relative;
}
.boxexp{
width: 135px;
    margin-left: 5%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.boxexp li{
display: block;
    float: left;
    margin: 0 6px;
    background: white;
    border: 1px solid #C8C8C8;
    border-radius: 5px;

    box-sizing: border-box;
}
.iconpdf, .iconprint{
    display: block;
    width: 39px;
    height: 35px;
        padding: 7px;
    background: url(../imgs/pdf1.png) no-repeat center center; 
}
.iconprint{
    background: url(../imgs/print1.png) no-repeat center center;  
}
.iconpdf:hover, .iconprint:hover{
    opacity: 0.7;
}

.boxrojo .titulo, .boxrojo .cajaestado p span{
    color:#0a5f92;
    font-size: 14px;
    font-family: arial;
}
.boxrojo{
    border-bottom: 5px solid #0a5f92;
}
.boxrojo thead, .boxrojo .headtable{
    border-bottom: 1px solid #0a5f92;
}
.boxguinda .titulo, .boxguinda .cajaestado p span{
    color:#9A1413;
    font-size: 14px;
    font-family: arial;
}
.boxguinda{
    border-bottom: 5px solid #9A1413;
}
.boxguinda thead, .boxguinda .headtable{
    border-bottom: 1px solid #9A1413;
}


.boxverde .titulo, .boxverde .cajaestado p span{
    color:#07b1b1;
    font-size: 14px;
    font-family: arial;
}
.boxverde thead, .boxverde .headtable{
    border-bottom: 1px solid #07b1b1;
}
.boxverde{
    border-bottom: 5px solid #07b1b1;
}


.boxazul .titulo, .boxazul .cajaestado p span{
    color:#0d4c77;
    font-size: 14px;
    font-family: arial; 
}
.boxazul thead, .boxazul .headtable{
    border-bottom: 1px solid #0d4c77;
}
.boxazul{
    border-bottom: 5px solid #0d4c77;
}

.boxceleste .titulo, .boxceleste .cajaestado p span{
    color:#0d6fca;
    font-size: 14px;
    font-family: arial; 
}
.boxceleste thead, .boxceleste .headtable{
    border-bottom: 1px solid #0d6fca;
}
.boxceleste{
    border-bottom: 5px solid #0d6fca;
}

.boxverdclaro .titulo, .boxverdclaro .cajaestado p span{
    color:#65AA26;
    font-size: 14px;
    font-family: arial;
}
.boxverdclaro thead, .boxverdclaro .headtable{
    border-bottom: 1px solid #65AA26;
}
.boxverdclaro{
    border-bottom: 5px solid #65AA26;
}

.boxmarron .titulo, .boxmarron .cajaestado p span{
    color:#663333;
    font-size: 14px;
    font-family: arial;
}
.boxmarron thead, .boxmarron .headtable{
    border-bottom: 1px solid #663333;
}
.boxmarron{
    border-bottom: 5px solid #663333;
}



.boxnaranja .titulo, .boxnaranja .cajaestado p span{
    color:#E65B1A;
    font-size: 14px;
    font-family: arial;
}
.boxnaranja thead, .boxnaranja .headtable{
    border-bottom: 1px solid #E65B1A;
}
.boxnaranja{
    border-bottom: 5px solid #E65B1A;
}




.boxceleste .titulo, .boxceleste .cajaestado p span{
    color:#06B1B1;
    font-size: 14px;
    font-family: arial;
}
.boxceleste thead, .boxceleste .headtable{
    border-bottom: 1px solid #06B1B1;
}
.boxceleste{
    border-bottom: 5px solid #06B1B1;
}









.titulo{
    margin-bottom: 15px;
    float: left;
}
.postul{
        color: #0a5f92;
    font-size: 14px;
    font-family: arial;
display: block;
    float: right;
    height: 30px;
    background: url(../imgs/no-postular.png) no-repeat left center;
    padding-left: 40px;
    font-weight: bold;
    line-height: 29px;   
}
.boxtab{
    width: 78%;
    float: left;
    display: block;
}
.cajaestado{
    display: block;
    width: 100%;
    max-width: 980px;   
    padding: 12px 25px;
    border: 1px solid silver;
    margin-top: 15px;
    box-shadow: 0px 2px 0px #efefef;
    box-sizing:border-box;
}
.cajaestado p span{
    font-size: 14px;
}
.cajaestado p{
    float: left;
    color: #595959;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    padding-right: 3%;
    margin-right: 1%;
    border-right: 1px solid #0a5f92;
}
.cajaestado p:nth-child(3) {
    border: none;
}
.detalimg{
    display: block;
    float: right;
    margin-top: 48px;
}
.notif{
    display: block;
    position: absolute;
    bottom: 4px;
    right: 7px;
    background: url(../imgs/info.png) no-repeat center center;
    width: 14px;
    height: 14px;
}

.submenu li{

    float: left;
    margin: 0 0.25% 0 0;
    

    /* display: block; */
    /* vertical-align: middle; */
    box-sizing: border-box;
    height: 68px;
    position: relative;
    
    /* line-height: 15px; */
    background-color: #f1f1f1;
/*    border: 1px solid #C6C6C6;
    border-bottom: 0;*/
    border-radius: 5px 5px 0 0;
    transition: all .25s ease;
}
.submenu li a{
    cursor: pointer;
    font-size: 12px;
    font-family: arial;
    text-align: left;
    font-weight: bold;
    display: block;
    padding: 10px 29px;
    padding-top: 20px;
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
height: 100%;
border-radius: 6px 6px 0 0;
    border: 1px solid #C6C6C6;
    border-bottom: 0;
    -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.submenu:after{
    content: "";
    display: block;
    clear: both;
}
.submenu .active, .submenu li a:hover{
    background-color: #fff;
    border: 1px solid #C6C6C6;
    border-bottom: 0;
    border-top: 3px solid #0875b6;
}
/*.bgfull{
    background: white;
}*/
.padbox1{
    padding: 35px 0;
    padding-bottom: 0;
    position: relative;
    background: white;
/*    border-bottom: 4px solid #0a5f92;*/
}






table.tablabox, table.rwd_auto {
    /*border: 1px solid #ccc;*/
    width: 100%;
 
}
table.tablabox{
    border-collapse: collapse;
    /*margin-top: 40px;*/
        border: 1px solid #dedede;
    margin-bottom: 10px;
}

.tablabox th, .rwd_auto th {
    /*background: #ccc;*/
padding: 16px 6px;
    text-align: center;
}
.tablabox td, .rwd_auto td {
    border-bottom: 1px solid #dfdfdf;
    padding: 12px;
    text-align: center;
    color: #595959;
    font-family: arial;
    font-size: 12px;
}
.tablabox thead{
background: #ffffff;
    border-top: 1px solid #d9d9d9;
  /*  border-bottom: 1px solid #0a5f92;*/
}
.bgsbmenu{
    background: #f7f7f6;
    width: 100%;
    display: block;
    z-index: 10;

}
.tablabox tbody{
    background: #fafaf7;
}
#sticky_navigation_wrapper {
width: 100%;
height: 68px;
/*position: relative;*/
}
.oscuro{

    background: rgba(0,0,0,0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 4;
}
.boxley{
    width: 100%;
    display: block;
    padding: 12px 0;
    background: #e9e9e9 url(../imgs/patron.png) repeat ;

}
.boxley p{
    color: gray;
    font-family: arial;
    font-size: 10px;
    text-align: center;
    background: white;
        max-width: 1100px;
margin: 0 auto;
    padding: 2px 1%;
    display: block;
}

/*.consultleft{
    display: block;
    width: 50%;
    float: left;
}
.consultright{
    display: block;
    width: 50%;
    float: left;   
}
.filwhite{
    height: 35px;
    background: white;
    width: 100%;
}
.filgray{
    height: 35px;
    background: #eeeeeb;
    width: 100%;  
}*/



.cajblanco, .cajgray{
    width: 100%;
    background: white;
    height: 46px;
    display: block;
}
.cajgray{
    background: #f1f1f1;
}
.col1{
    width: 20%;
    display: block;
    float: left;
}
.col2{
    width: 30%;
    display: block;
    float: left;
}
.col1 p, .col2 p{
    line-height: 48px;
    font-family: arial;
    font-size: 13px;
    color: black;
    display: block;
}
.boxbord{
    border-top: 1px solid #d2d2d2 ;
    position: relative;
}
.bold{
    font-weight: bold;
}
.boxbord:after{
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    background: #d2d2d2;
    left: 47%;
    /*right: 0;*/
    bottom: 0;
    top: 0;
    margin: auto;
}
.titconsult{
display: block;
    margin-top: 35px;
    margin-bottom: 10px;
    color: #2a2a2a;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;   
}
.boxwidth10, .boxwidth15, .boxwidth20, .boxwidth25{
    width: 10%;
    display: inline-block;
    padding-top: 16px;
    padding-bottom: 16px;
}

.boxwidth15{
    width: 15%;
}
.boxwidth20{
    width: 19%;
}
.boxwidth25{
    width: 25%;
}
.cab p, .dat p{
    text-align: center;
    font-family: arial;
    font-size: 13px;
    display: block;
        color: #595959;
        font-weight: bolder;
}
.dat p{
    font-weight: normal;
}
.headtable{
border-top: 1px solid #d9d9d9;
   /* border-bottom: 1px solid #0a5f92;*/
    display: block;
    /*height: 44px;*/
    margin-top: 10px;
}
.bodytable{
    background: #f7f7f6;
}
.filatable{
    border-bottom: 1px solid #CECECE;
}
.filatable .boxwidth10, .filatable .boxwidth15{
    padding-top: 11px;
    padding-bottom: 11px;
}
.dataTables_length{
    display: block;
    width: 40%;
    float: left;
    margin-bottom: 15px;
}
.dataTables_filter{
    display: block;
    width: 50%; 
    float: right;
    margin-bottom: 15px;
}
.dataTables_filter label{
        display: block;
    float: right;
}
.dataTables_filter label input{
            padding-left: 40px;
        max-width: 240px;
}
/*table.dataTable thead th, table.dataTable thead td{
    padding: 10px 7px;
    border-bottom: 1px solid #e7302a;
    box-sizing: border-box;
}*/

div table.dataTable tbody th,
div table.dataTable tbody td {
  padding: 15px 10px;
}
table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 7px;
    border-bottom: 1px solid #e7302a;

}
/*.botonmenu{
    display: none;

    width: 45px;
    height: 37px;
    background: #BA2323 url(../imgs/openclose.png) no-repeat -40px -1px;

    position: absolute;
    top: 0;
    box-sizing: border-box;
    right: 0;
    z-index: 100000000;
    cursor: pointer;
    font-family: arial;
    font-size: 17px;
    text-align: center;
    color: white;
    padding-top: 12px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}*/





.rwd {
    width: 100%;
    overflow: auto;
}
table.width200, table.rwd_auto {
    width: 100%;
}
.rwd table.rwd_auto {
    width: 100%;
    min-width: 40%;
}
.rwd_auto th, .rwd_auto td {
    white-space: nowrap;
}   

.boxreglamento{
    display: block;
    margin: 40px auto;
    width: 92%;
    max-width: 900px;
    background: white;
    border: 1px solid silver; 
    border-radius: 3px;
    background: #fff url(../imgs/login-top.jpg) repeat-x top left;
    padding: 20px;
    box-sizing: border-box;
}
.boxreglamento p{
    text-align: center;
    color: #808080;
    font-family: arial;
    font-size: 12px;
    line-height: 14px;
}
.btnprincipal{
display: block;
    background: #07b1b1;
    color: white;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    line-height: 18px;
    padding: 9px 30px;
    min-height: 35px;
    box-sizing: border-box;
    margin-left: 15px;
    float: left;
}
.titrojo, .titverde{
  font-family: arial;
    font-size: 22px;
    display: block;
    text-align: center;
    color: #114366;
    font-weight: normal;  
    margin-bottom: 12px;
}
.titverde{
    color: #55c202;
}
.texto{
color: #6b6b6b;
    font-weight: normal;
    font-family: arial;
    font-size: 13px;
    line-height: 19px;
    display: block;
}
.infoseccion{
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}
table.dataTable.nowrap th, table.dataTable.nowrap td{
    text-align: left;
}
.dataTables_filter label{
    position: relative;
}
.dataTables_wrapper .dataTables_paginate{
   /* margin-top: 20px;*/
}
div table.dataTable thead th, div table.dataTable thead td{
    padding: 17px 5px;
        border-top: 1px solid gainsboro;
}

div .dataTables_wrapper .dataTables_paginate .paginate_button.current,div .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    border-bottom: 2px solid #E83E39;
}
div table.dataTable.nowrap th, table.dataTable.nowrap td{
    font-size: 11px;
}
.btnalta, .btnbaja{
display: inline;
    max-width: 120px;
    color: #3FBF00;
    font-family: arial;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    /* float: right; */
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    padding: 7px 10px;
    min-height: 30px;
    box-sizing: border-box;
    background: white url(../imgs/alta.png) no-repeat center left;
    background-position-x: 10px;
    padding-left: 32px;
    margin: 0 auto;
}
.btnbaja{
    color: #114366;
    background: white url(../imgs/baja.png) no-repeat center left;  
        background-position-x: 10px; 
}
.btnalta:hover, .btnbaja:hover{
        border: 1px solid #ADADAD;
}
div table.dataTable{
    margin-bottom: 13px;
}


.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade.in {
    opacity: 1;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal .contenuser{
        max-width: 520px;
}
.contenuser .textgray{
    margin: 20px 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-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-body {
    position: relative;
    padding: 25px 45px;
}
.close {
    float: right;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
button.close {
-webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    top: 2px;
    right: 8px;
    z-index: 1000;
}
.btn {
    display: block;
    float: left;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    background: #F72119;
    color: white;
    min-height: 35px;
}
/*.btn:hover{
     background: #D41811;
}*/
.modal-open {
    overflow: hidden;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.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=40);
    opacity: .4;
}

.modal-dialog {
    max-width: 940px;
    width: 92%;
    margin: 30px auto;
}
.boxbuscador{
    display: block;

    width: 90%;
    max-width: 535px;
    margin-top: 35px;
    margin-bottom: 35px;
}
.leftbusc{
float: left;
    display: block;
    width: 51%;
    margin-right: 2%;
}
.rightbusc{
float: left;
    display: block;
    width: 45%; 
}
.rightbusc .label{
    min-width: 80px;
}
.label{
    display: block;
    font-family: arial;
    font-size: 13px;
    color: #6C6C6C;
    font-weight: bolder;
    display: inline-block;
    margin-right: 4px;
        min-width: 120px;
        text-align: right;
        padding: 0;
    font-weight: bold;
/*        position: relative;
    top: 7px;*/
}
.inputmod{
display: block;
    font-family: arial;
    font-size: 14px;
    color: gray;
    display: inline-block;
    background: white;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 8px 10px;
    box-sizing: border-box;
    min-width: 240px;
}

.btnbusc{
    display: inline-block;
    background: #114366;
    color: white;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    line-height: 18px;
    padding: 9px 52px;
    border: none;
    min-height: 36px;
    box-sizing: border-box;
    margin-left: 12px;
    cursor: pointer;
}
.btnbusc:hover{
       background: #0875b6; 
}
.campo{
    display: block;
    margin-bottom: 12px;
}
.btncancel{
font-family: arial;
    font-size: 14px;
    display: block;
    text-decoration: underline;
    color: #6c6c6c;
    font-weight: bold;
    float: left;
    margin-left: 20px;
    margin-top: 9px;
}
.btncancel:hover{
    color: #636363;
    text-decoration: none;
}
.rightbusc .btncrearusuario{
    margin-left: 24%;
    margin-right: 3px;
}
.linetop{
    border-top: 1px dashed lightgrey;
    padding-top: 35px;
}
.textgray{
    font-family: arial;
    font-size: 22px;
    display: block;
    color: #000;
    text-align: center;
    font-weight: normal;
    margin-bottom: 12px;
}
.btnred{
    display: block;
    background: #e53029;
    color: white;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    line-height: 18px;
    padding: 9px 30px;
    text-align: center;
    max-width: 130px;
    margin: 0 auto;
    min-height: 36px;
    box-sizing: border-box;
}

.dataTables_length, .dataTables_filter{
    display: none;
}
div  .dataTables_wrapper{
    margin-top: 5px;
    width: 100%;
    overflow: auto;
}

.submenu li:nth-child(1){

}
.textrojo{
    font-family: arial;
    font-size: 21px;
    color: #114366;
    display: block;
    text-align: center;
    margin: 6px 0;
    margin-bottom: 30px;
}
.subtitulo{
text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin: 15px 0;
}
.boxdeclaracion{
    display: block;
    border: 1px solid #d8d8d8;
    padding: 20px 25px;
    box-sizing: border-box;
    margin-top: 25px;

}
.boxdeclaracion h2{
    margin-top: 0;
}
.izqterm{
    display: block;
    float: left;
    width: 62%;
    margin-right: 3%;

}
.izqterm:after, .derterm:after{
    content: "";
    display: block;
    clear: both;
}
.izqterm p{
    font-weight: bold;
    float: left;
    padding-top: 5px;
}
.derterm{
    display: block;
    float: right; 
    width: 35%; 

}
.checkbox{
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
}
.derterm a{
    float: right;
}
.derterm .btnprincipal{
        padding: 9px 50px;
}
.footterm{
    display: block;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px dashed #dc4c46;
}
.footterm:after{
    content: "";
    display: block;
    clear: both;
}
.izqcambio{
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 140px;
      position: relative;
  z-index: 4;
}
.derecambio{
    display: block;
    float: right;
    width: 48%;
    padding-top: 5px;
  position: relative;
  z-index: 4;
}
.widthCambio{
    width: 860px;
}
.widthCambio .modal-body{
    margin-top: 40px;
    padding: 25px 60px;
}
.iconinterrog, .iconcamb{
    background: url(../imgs/olvido.jpg) no-repeat ;
    position: absolute;
    bottom: 7%;
    right: 5%;
    width: 218px;
    height: 110px;
}
.iconcamb{
    bottom: 9%;
    right: 15%;
    background: url(../imgs/cambiar.jpg) no-repeat ;
}
.izqcambio .boxinput{
    width: 100%;
    margin: 0 auto;
}
.bold{
    font-weight: bolder;
    margin-bottom: 20px;
}
.derecambio .titrojo{
    margin-bottom: 4px;
}

app-root, :root {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.boxcent{
    margin: 0 auto;
    margin-top: 80px;
    display: block;
    width: 90%;
    max-width: 900px;
    position: relative;
    z-index: 10;
}
.boxcent .titrojo, .boxcent .texto{
    text-align: center;
}
.tipelecc{
width: 72%;
    margin-left: 4%;
}
.tipedni{
    width: 76%;
}
.centvalid{
    margin: 0 auto;
    display:block;
}
.centvalid:after{
    content: "";
    display:block;
    clear: both;
}
.validleft{
    width: 47%;
    float: left;
    margin-right: 2%;
    margin-top: 35px;
}
.validleft::after{
    content: "";
    display: block;
    clear: both;
}
.validleft .label{
width: 22%;
    text-align: right;
    min-width: inherit;
    float: left;
    font-size: 14px;
    line-height: 17px; 
    margin-right: 2%; 
    font-size: 15px;
    font-weight: bold;  
}
.validleft .campowhite {
    float: left;
}
.validright{
    width: 27%;

}
.validright .label{
    margin-top: 10px;
}
.validbtn{
    width: 18%;
}
.iconvalid{
width: 300px;
    height: 265px;
    background: url(../imgs/bgvalid.png) no-repeat;
    display: block;
    position: absolute;
    bottom: 100%;
    right: 4%;
    z-index: -1;
}
.iconmasivo{
width: 500px;
    height: 253px;
    background: url(../imgs/masivo.png) no-repeat;
    display: block;
    position: absolute;
    bottom: 100%;
    right: 4%;
    z-index: -1;  
}
.tablabox thead tr{
    border-bottom: 1px solid #0a5f92;
}
.boxgenerar{
    display: block;
    margin-top: 65px;
}
.boxgenerar .tablabox{
    margin-top: 15px;
}
.boxgenerar .btnprincipal{
    margin: 0 auto;
    float: none;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 90px;
    max-width: 190px;
}
.modalerta{
    max-width:680px;

}
.jnelogo{
    display: block;
    margin: 25px auto;
    margin-bottom: 25px;
    margin-top: 15px;

}
.iconocreado, .iconoerror{
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    margin-bottom: 15px;
    background: url(../imgs/creado.png) no-repeat center center;
}
.iconoerror{
    background: url(../imgs/error.png) no-repeat center center; 
}
.modalerta  .titrojo, .modalerta  .texto {
    text-align: center;
}
.modalerta  .btnprincipal{
    margin: 0 auto;

    float: none;
    max-width: 180px;
    text-align: center;
    float: left;

        width: 150px;
}
.modalerta .btncancel{
    float: left;
}
.txtazul{
    color: #4692C5;
    margin-top: 20px;
}
.centerror{
    margin: 0 auto;
    display: block;
    width: 80%;
    max-width: 245px;
    margin-top: 30px;
}
.centerror:after{
    content: "";
    display: block;
    clear: both;
}
.ejemploicoon{
    background: url(../imgs/ejemplo.png) no-repeat center right;
    color: green;
    display: inline-block;
    padding-right: 20px;
    margin-right: 2px;
}
.bloqwhite{
    display: block;
    width: 68%;
    max-width: 600px;
    margin: 25px auto;
    background: #FBFBF8;
/*    border: 1px solid #dcdcdc;
    padding: 23px 60px;*/
    box-sizing: border-box;
    border-radius: 5px;
}
/*.bloqwhite:hover{
    background: white;
}*/
.bloqwhite a{
    text-align: center;
    text-decoration: underline;
    color: #4692C5;
    font-family: arial;
    font-size: 14px;
    display: block;
}
.contrelec{
    background: transparent;
    padding: 0 15px;
    border: none;
}
.contrelec::after{
    content: "";
    display: block;
    clear: both;
}
.slidmen:after{
    content: "";
    display: block;
    clear: both;
}

.contrelec .label{
    font-weight: bold;
    font-size: 14px;
    width: 14%;
    min-width: 80px;
    float: left;
    line-height: 17px;
}
.contrelec .tipelecc{
    width: 57%;
    display: inline-block;
    margin-left: 2%;
}
.contrelec .btnbusc{
    padding: 9px 42px;
    width: auto;
    float: right;
}
.texto strong{
        color: #414141;
}
.modal-body  .btncenter{
    margin: 0 auto;
    float: none;
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: 120px;
    text-align: center;
}

.rdbtn{
    display: block;
    float: left;
    width: 18px;
    height: 28px;
}
.rdbox{
    display: block;
}
.rdbox span{
    display: inline-block;
    margin: 0 5px;
}
.rdbox span:after{
    content: "";
    display: block;
    clear: both;
}
.rdbox span strong{
color: #595959;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-left: 4px;
    float: left;
    margin-top: 10px;
}

/*p:nth-child(odd) {
    background: #0a5f92;
}

p:nth-child(even) {
    background: blue;
}
*/

.tablabox tbody tr:nth-child(odd){
background: #fafaf7;
}

.tablabox tbody tr:nth-child(even){
background: #fff;
}


.leftper{
margin-left: 23%;
}



/*.btn{
position: relative;
overflow: hidden;
}

.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}*/


.btn,  .btnprincipal{
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.btn:after, .btnprincipal:after  {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0875b6;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.btn.top:hover:after, .btnprincipal.top:hover:after {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.menudesp{

    width: 170px;
}
.menudesp li{
    margin: 0 auto;
}
.menudesp li a{
    padding: 0;
}
.menudesp li a:hover{
    color: #E22823;
}
.btnsubmenu {
    display: none;
/*    background: #e7302a  url(../imgs/openclose.png) no-repeat -40px -1px;*/
    position: fixed;
    right: 20px;
    top: 21px;
    box-sizing: border-box;
    z-index: 501;
    cursor: pointer;
    font-family: arial;
    font-size: 17px;
    text-align: center;
    color: white;
   padding: 6px 10px;
   background: white;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.menuprincipal{
    position: relative;
    float: left;
    /* margin-left: 20px; */
    left: 30px;
    top: 11px;
    /* top: 21px; */
    box-sizing: border-box;
    z-index: 501;
    cursor: pointer;
    font-family: arial;
    font-size: 17px;
    text-align: center;
    padding: 6px 10px;
    /* background: white; */
    color: #114366;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
header .btnsubmenu::before, header .menuprincipal::before{
    font: normal normal normal 20px/1 FontAwesome;
    margin: 0;
}
.bloqwhite .imageuploadify{
    min-height: inherit;
    max-height: inherit;
    border: 1px dashed #d2d2d2;
}

.imageuploadify .imageuploadify-images-list button.btn-default{
    border:none;
    color: #23ade8;
    text-decoration: underline;
    cursor: pointer;
    background: white;
}
.imageuploadify .imageuploadify-images-list button.btn-default:hover{
    text-decoration: none;
}
div .btnremove{
display: block;
    position: absolute;
    z-index: 10;
    width: 18px;
    height: 18px;
    border: none;
    padding: 0;
    border-radius: 18px;
    top: 4px;
    right: 4px;
    background: #e7302a;
    cursor: pointer;
}
div .btnremove::before{
    margin: 0;
    margin-right: 0;
    color: white;
    font: normal normal normal 12px/1 FontAwesome;
}
div .imageuploadify .imageuploadify-images-list .imageuploadify-container{
        border-radius: 3px;
    box-shadow: 0 0 2px 0 #888;
}
div .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details{
    padding-top: 0;
}
.imageuploadify-details span{
    display: block;
    color: #393939;
    font-family: arial;
    font-size: 12px;
    line-height: 16px;
}
.bloqwhite input{
    margin: 0 auto;
    display: block;
    width: 100%;
}
.btnsubmenu:before{
    color: #e7302a;
}
.btnsmenu li .btnresponsiv{
    display: none;
}

.atendido{
    display: block;
    margin: 0 auto;
    width: 15px;
    height: 12px;
    background: url(../imgs/atendido.png) no-repeat center center;
}
.pendiente{
    display: block;
    margin: 0 auto;
    width: 15px;
    height: 12px;
    background: url(../imgs/pendiente.png) no-repeat center center;
}
.verbtn{
display: block;
    background: white;
    padding: 4px 7px;
    font-size: 11px;
    font-family: arial;
    border: 1px solid silver;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}
.indiv{
    display: block;
    background: url(../imgs/individual.png) no-repeat center left;
    padding-left: 12px;
}
.masiv{
    display: block;
    background: url(../imgs/masiva.png) no-repeat center left;
    padding-left: 12px;
}
/*.menudesp .iconconsultas{
    background: white;
}*/
.apertbox{
    display: none;
}
.padbox1  .btmra {
    display: none;
}
.btmra{
    cursor: pointer;
    font-size: 14px;
    font-family: arial;
    text-align: left;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 3%; 
    background: #fff url(../imgs/down.png) no-repeat center right;
    background-position: 98%;
}
.bordrojo{
    color: #0a5f92;
    border-top: 4px solid #0a5f92;
}
.bordguinda{
    color: #9A1413;
    border-top: 4px solid #9A1413; 
}
.bordverde{
    color: #019f36;
    border-top: 4px solid #019f36; 
}
.bordazul{
    color: #005b86;
    border-top: 4px solid #005b86;  
}
.bordceleste{
    color: #0b82d7;
    border-top: 4px solid #0b82d7;    
}
.bordmarron{
    color: #663333;
    border-top: 4px solid #663333;    
}
.bordverdeclaro{
    color: #65AA26;
    border-top: 4px solid #65AA26;  
}
.bordnaranja{
    color: #E75C1B;
    border-top: 4px solid #E75C1B;  
}
.bordcels{
    color: #44C4C4;
    border-top: 4px solid #44C4C4;  
}
.padbox1 .open{
    display: block;
    background: #fff url(../imgs/up.png) no-repeat center right;
    background-position: 98%;
}
.boxdisplay{
    display: block;
}
.textlimit{
    text-align: center;
    font-family: arial;
    font-size: 12px;
    color: #9e9e9e;
    display: block;
    margin-top: 15px;
}
.leftbox  .regrespon {
        width: 142px;
        position: relative;
}
.leftbox  .fa-caret-down:before{
        position: absolute;
    right: 10px;
}
.modal-header{
    border: 0;
}
.incremnt{
    display: block;
    width: 10%;
    height: 3px;
    position: absolute;
    top: 41px;
    background: #E22823;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
.passdebil{
    display: block;
    margin-bottom: 10px;
    color: #8f8f8f;

}
.nullscroll{
    overflow: hidden;
}

.boxmenuprin{
        position: absolute;
    top: 83px;
    display: none;
    z-index: 1000;
    width: 100%;
    background: #f4f4f2 url(../imgs/bgmenu.png) no-repeat right bottom;
    background-position-x: 95%;
    border-bottom: 2px solid #0a5f92;
        box-shadow: 0 14px 13px -12px #656565;
}
.contenmenu{
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
padding: 16px 0;
}
.contenmenu:after{
    content: "";
    display: block;
    clear: both;
}
.boxmenuprin li{
    display: block;
    margin: 13px 0;
}
.boxmenuprin li a{
    color: gray;
    text-align: left;
    /*display: block;*/
    font-family: arial;
    position: relative;
    font-size: 14px;
    text-decoration: none;
}
.boxmenuprin li a:hover{
    color: black;
}
.menuleft, .menuright{
    display: block;
    float: left;
    width: 47%;
    border-right: 1px solid #dbdbdb;
    padding-right: 1%;
}
 .menuright{
    margin-left: 3%;
    border: 0;
 }
/* .contenmenu li a:before{
    content: "";
    display: block;
    clear: both;

 }*/
/*.btnm.fa::after{
content: "\f105";
}
.btnm.fa-angle-right:after{

    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 }*/

 .fa-angle-right:before {
    content: "\f105";
    position: absolute;
    right: -16px;
    top: 1px;
}

.boxmenuprin li .fa-angle-right:hover:before {
    color: #0a5f92;
}

.opcion-desp{
    display: block;

    padding-top: 17px;
    padding-bottom: 17px;

    font-family: arial;
    font-size: 16px;
    cursor: pointer;
    color: #3c3c3c;
}

.boton-top{
background: #e9e9e9;
    border-bottom: 1px solid #d7d7d7;
}
.boton-top:hover{
  background: #e3e3e3;
}
.opcion-desp.fa::before{
        margin-right: 12px;
}
.colum1, .colum2, .colum3{
display: block;
    float: left;
    width: 33%;
    margin-right: 2%;
}
.colum2{
width: 34%;
    margin-right: 2%;
}
.colum3{
width: 29%;
    margin-right: 0;
}
.boxcamp .inputselec {
        width: 71%;
}
.resp1 .inputselec{
            width: 70%;
}
.group-filtros{
    background: #F4F4F3;
    padding-top: 25px;
    padding-bottom: 25px;
    display: none;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
   /* z-index: 100;*/
}
.nomb-label{
    font-family: arial;
    font-size: 14px;
    color: gray;
    display: block;
    float: left;
    min-width: 68px;
    max-width: 97px;
    width: 22%;
    text-align: right;
    position: relative;
}
.inputselec{
    display: block;
    float: left;
    margin-left: 3%;
    max-width: 500px;
    width: 65%;
    margin-top: 0;
}
.boxcamp{
    display: block;
    margin-bottom: 12px;
}
.boxcamp:after{
    content: "";
    display: block;
    clear: both;
}
.consult{
    border: 0;
    float: right;
    width: 64%;
    max-width: 234px;
    display: inline-block;
    margin-right: 11%;
    cursor: pointer;
    margin-top: 12px;
}
.capaencima{
    display: block;
    background: rgba(0,0,0,0.4);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.over{
    z-index: 1000;
  /*  position: relative;*/
}
tbody tr td a{
    color: #0185d5;
    text-decoration: underline;
}
.flotleft{
    float: left;
}
.boxproce{
    max-width: 405px;
    width: 32%;
}

.exverde, .exazul{

    display: block;
    background: #068831 url(../imgs/exportar.png) no-repeat left center;
    background-position-x: 12px;
    color: white;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    line-height: 18px;
    padding: 9px 18px;
    padding-left: 42px;
    text-align: center;
    max-width: 330px;
    float: left;
    margin: 0 auto;
    min-height: 36px;
    box-sizing: border-box;
    margin-left: 18px;

}
.exazul{
    background: #0D4D77 url(../imgs/exportar.png) no-repeat left center;
    background-position-x: 12px;    
}
.hidemenu{
    display: none;
}
.btnsubm{
    width: 71%;
    max-width: 270px;
    margin-right: 4%;
}
.wid1{
        width: 30%;
}
.wid2{
        width: 21%;
}
.wid2 .inputselec {
        width: 63%;
}
.resp1 .consult{
        width: 70%;
    max-width: 256px;

    margin-right: 5%;
}

.midesc .consult{
    margin-right: 4%;
    width: 71%;
    max-width: 304px;
}
.checkbtn{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background: white;
    margin-top: 11px;
}
.unalinea{
    padding-top: 12px;
}

.nopadd{
    padding: 0;
}
.nopadd .tablabox{
    margin-bottom: 0;
}
.boxcheck{
    margin-right: 5%;
}
.boxcheck .nomb-label{
    float: none;
    width: auto;
    display: block;
    float: left;
}
/*.respoleft{
    float: left;
    width: 100%;
}*/
/*.respoleft .movres{
    margin-right: 3%;
}*/

div .fa-times:before{
content: "\f00d" !important;
}
.modalload{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.67);
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.boxload{
    display: block;
    width: 53px;
    height: 56px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.boxload p{
    color: white;
    font-size: 12px;
    text-align: center;
}
.boxload img{
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}




/*---------------CAPTURA INTERNACIONAL--------------------*/


.boxcapturar{
    display: block;
    margin: 0 auto;
    width: 92%;
    max-width: 650px;
    margin-top: 70px;
}
.boxcapturar:after{
    content: "";
    display: block;
    clear: both;
}
.internac-left{
    display: block;
    float: left;
    width: 50%;
}
.internac-right{
    display: block;
    float: right;
    width: 50%;
}
.boxcapturar label{
    color: #606060;
    font-family: arial;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}
.boxcapturar input, .boxcapturar select{
    background: white;
    color: gray;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 6px 13px;
    width: 92%;
    min-height: 32px;
    box-sizing: border-box;
    margin-bottom: 15px;  
}
.repta{
    display: block;
    border-bottom: 1px solid #D8D8D8; 
    margin-bottom: 25px;
    padding-bottom: 15px;
    margin-top: 40px;
    box-sizing: border-box;
}
.boxcapturar .btninter{
background: #e53029;
    color: white; 
    border: none;
    margin-top: 25px;
    cursor: pointer;
}
.repta select{
    width: 46%;
}
header{
    z-index: 1000;
}
.opendiv{
    display: block;
}