@font-face {
    font-family: Cerebri Sans;
    src: url(../fonts/cerebrisans-regular.1a7b33d1.eot);
    src: url(../fonts/cerebrisans-regular.1a7b33d1.eot) format("embedded-opentype"),url(../fonts/cerebrisans-regular.166c2ea9.woff) format("woff"),url(../fonts/cerebrisans-regular.68c34670.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Cerebri Sans;
    src: url(../fonts/cerebrisans-medium.34a25908.eot);
    src: url(../fonts/cerebrisans-medium.34a25908.eot) format("embedded-opentype"),url(../fonts/cerebrisans-medium.990e931a.woff) format("woff"),url(../fonts/cerebrisans-medium.0c19863b.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Cerebri Sans;
    src: url(../fonts/cerebrisans-semibold.dad3dae6.eot);
    src: url(../fonts/cerebrisans-semibold.dad3dae6.eot) format("embedded-opentype"),url(../fonts/cerebrisans-semibold.d162ffd5.woff) format("woff"),url(../fonts/cerebrisans-semibold.c77f5986.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}
:root{
    --color:steelblue;
    --colorActivo:cornflowerblue;
    --boton:steelblue;
    --botonactivo:cornflowerblue;
}
html{
    background-color:#f9fbfd;
}
html,body{
    width:100%;
    margin:0;
    padding:0;
    border:0;
}
*{
    box-sizing:border-box;
    font-family:'Cerebri Sans', sans-serif;
    font-size:13px;
    color:#12263f;
}
*::-webkit-scrollbar {
    width:8px;
}
*::-webkit-scrollbar-track {
    background-color:silver;
}
*::-webkit-scrollbar-thumb {
    background-color:#555;
    border-radius:3px;
}
h2,h3,h4{
    font-weight:bold;
    margin-top:20px;
    margin-bottom:5px;
}
h2{
    font-size:130%;
}
h3{
    font-size:120%;
}
h4{
    font-size:110%;
    margin-top:5px;
}
i{
    color:inherit;
    font-size: inherit;
}
.group{
    padding:10px;
    margin-bottom:10px;
}
.group > *:first-child{
    margin-top:0;
}
.main-menu{
    background-color:var(--color);
}
.main-menu .menu li:hover{
    background-color:var(--colorActivo);
}
input[type=checkbox],input[type=radio]{
    transform:scale(1.5);
    margin-right:15px;
    margin-top:12px;
}
input[type=checkbox]{
    appearance:none;
    position:relative;
    transform:scale(1);
    margin-right:initial;
    margin-top:initial;
    vertical-align:middle;
    margin-right:5px;
    margin-bottom:0;
}
input[type=checkbox]:after{
    content: "\f0c8";
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.7em;
}
input[type=checkbox]:hover:after{
    color:cornflowerblue;
}
input[type=checkbox]:active:after{
    content:"\f0c8" !important;
    font-weight:900;
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.7em;
    color:cornflowerblue;
}
input[type=checkbox]:checked:after{
    content: "\f14a";
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.7em;
}
input[type=radio] + label{
    width:auto;
    margin-right:10px;
}
input[type=file]:valid + label{
    color:var(--color);
    font-size:0;
    position:relative;
}
input[type=file]:valid + label i{
    color:#FFF;
    font-size:initial;
}
input[type=file]:valid + label:after{
    content: ' Seleccionado!';
    color:#FFF;
    font-size:12px;
}
input[type=button],input[type=submit],.boton,.boton.sisne-message-boton{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    background-color:#2c7be5;
    border:1px solid #2c7be5;
    border-radius:6px;
    padding:8px 12px;
    margin-left:6px;
    min-width:35px;
    color:#fff;
    white-space:nowrap;
    font-size:15px;
    font-weight:400;
    line-height:22.5px;
    text-align:center;
    vertical-align:middle;

    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
}
.boton.cancelar{
    background-color:black;
}
.boton.cancelar:hover{
    background-color:darkslategrey;
}
.boton.oculto{
    background-color:transparent;
    color:inherit;
    text-align:inherit;
    font-weight:inherit;
}
.boton.oculto:hover{
    background-color:transparent;
}
* > .boton:first-child{
    margin-left:0;
}
input[type=button]:hover,input[type=submit]:hover,.boton:hover{
    background-color:#2569c3;
    border-color:#2362b7;
    
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.boton.activo, .boton:active, .boton:focus{
    box-shadow:0 0 0 2.5px rgba(76,143,233,.5);
    outline:none;
}
.boton.disabled{
    opacity:0.4;
}
.boton.secondary{
    background-color:#6e84a3;
    border-color:#6e84a3;
}
.boton.secondary:hover{
    background-color:#586a82;
    border-color:#53637a;
}
.boton.secondary:active, .boton.secondary:focus, .boton.secondary.active{
    box-shadow: 0 0 0 2.5px rgba(132,150,177,.5);
}

.boton.danger{
    background-color:#e63757;
    border-color:#e63757;
}
.boton.danger:hover{
    background-color:#c42f4a;
    border-color:#b82c46;
}
.boton.danger:active, .boton.danger:focus, .boton.danger.active{
    box-shadow:0 0 0 2.5px rgba(234,85,112,.5);
}

.boton.warning{
    background-color:#f6c343;
    border-color:#f6c343;
    color:#283e59;
}
.boton.warning:hover{
    background-color:#f7cc5f;
    border-color:#f7c956;
}
.boton.warning:active, .boton.warning:focus, .boton.warning.active{
    box-shadow:0 0 0 2.5px rgba(215,175,70,.5);
}
input[type=text],input[type=password],input[type=date],input[type=month],input[type=number],textarea,select{
    font-size:12px;
    padding:5px;
    border:1px solid gainsboro;
    border-radius:3px;
}
input[type=number]{
    text-align:right;
}
input[type=date],input[type=month]{
    padding:4px;
}

input[type="date"], input[type="month"] {
    position: relative;
}
input[type="date"]:after, input[type="month"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f073";
    color: #000;
    padding: 0 5px;
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}
input[type="date"]::-webkit-inner-spin-button, input[type="month"]::-webkit-inner-spin-button {
    z-index: 1;
}
input[type="date"]::-webkit-clear-button, input[type="month"]::-webkit-clear-button {
     z-index: 1;
}
 
input[data-validar^="!"],textarea[data-validar^="!"],select[data-validar^="!"]{
    border-right:3px solid var(--color);
}
input[type=button]:hover,input[type=submit]:hover,.boton:hover{
    box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.2) !important;
}
.boton.activo{
    box-shadow:inset 0px 0px 0px 1000px rgba(255,255,255,0.5) !important;
}
input[type=file]{
    display:none;
}
input[readonly=true],select[readonly=true]{
    border:1px solid transparent;
    background-color:transparent;
}
select[readonly=true]{
    padding:0;
    appearance:none;
}
input.monto{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="50px" width="30px"><text x="0" y="43" fill="black" font-size="50" font-family="raleway">$</text></svg>');
    background-position: 10px center;
    background-repeat:no-repeat;
    background-size:1ex;
    text-align:right;
}
input.uf{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="50px" width="60px"><text x="0" y="43" fill="black" font-size="50" font-family="raleway">UF</text></svg>');
    background-position: 10px center;
    background-repeat:no-repeat;
    background-size:2ex;
    text-align:right;
}
input.pct{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="50px" width="33px"><text x="0" y="43" fill="black" font-size="50" font-family="raleway">%</text></svg>');
    background-position: right 10px center;
    background-repeat:no-repeat;
    background-size:1.4ex;
    text-align:right;
    padding-right:15px;
    width:5em;
}
.inputicon{
    position:absolute;
    display:inline-block;
    left:0;
    top:0;
    width:40px;
    line-height:40px !important;
    text-align:center;
}
.monto{
    text-align:right;
    white-space:nowrap;
}
.monto:before{
    content:"$ ";
}
.monto:empty:before{
    display:none !important;
}
.box{
    padding:15px 15px;
    margin-bottom:10px;
    background-color:#FFF;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    box-shadow:1px 1px 1px rgba(0,0,0,0.1);
}
a{
    color:lightsalmon;
    text-decoration:none;
}
.centerscreen{
    width:100%;
    height:100%;
    position:fixed;
}
.centerscreen > tr > td{
    text-align:center;
    width:100%;
}
.center{
    text-align:center;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.bold, .bold *{
    font-weight:bold;
}
.full{
    width:100% !important;
}
.titulo{
    font-size:20px;
    margin-bottom:20px !important;
}
.col-1{
    width:100%;
}
.col-2{
    width:50%;
    display:inline-block;
    vertical-align:top;
}
.col-2l{
    width:70%;
    display:inline-block;
    vertical-align:top;
}
.col-2r{
    width:30%;
    display:inline-block;
    vertical-align:top;
}
.col-3{
    width:33.33%;
    display:inline-block;
    vertical-align:top;
}
.col-3x2{
    width:66.6666%;
    display:inline-block;
    vertical-align:top;
}
.col-4{
    width:25%;
    display:inline-block;
    vertical-align:top;
}
.col-4x3{
    width:75%;
    display:inline-block;
    vertical-align:top;
}
.col-5{
    width:20%;
    display:inline-block;
    vertical-align:top;
}
.col-5x4{
    width:80%;
    display:inline-block;
    vertical-align:top;
}
.col-6{
    width:16.6666%;
    display:inline-block;
    vertical-align:top;
}
.col-7{
    width:14.2857%;
    display:inline-block;
    vertical-align:top;
}
.col-8{
    width:12.5%;
    display:inline-block;
    vertical-align:top;
}
.col-2:not(:last-child),
.col-3:not(:last-child),
.col-3x2:not(:last-child),
.col-4:not(:last-child),
.col-4x3:not(:last-child),
.col-5:not(:last-child),
.col-5x4:not(:last-child),
.col-8:not(:last-child)
{
    padding-right:10px;
}
.col-2:nth-child(2n){
    padding-right:0;
}
.col-3:nth-child(3n){
    padding-right:0;
}
.help{
    font-size:13px;
}
.barratitulo{
    width:100%;
    background-color:#FFF;
    height:50px;
    line-height:50px;
    padding-left:20px;
    padding-right:20px;
    color:#000;
    position:sticky;
    top:0px;
    z-index:5;
}
.barratitulo > div{
    display:inline-block;
}
.barratitulo h1{
    margin:0;
    font-size:15px;
    font-weight:600;
}
.barratitulo .botones{
    float:right;
}
.ficha{
    width:98%;
    margin:auto;
    margin-top:10px;
}
.ficha:last-child{
    border-bottom:1px solid transparent;
}
.resultados thead td{
    font-weight:bold;
    background-color:#f9fafb;
    height:35px;
    color:#6b7280;
}
.resultados .orderbyASC:after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f0de";
    float:right;
}
.resultados .orderbyDESC:after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f0dd";
    float:right;
}
.resultados .orderby:after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f0dc";
    float:right;
}
.resultados tr > td{
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
    padding-bottom:4px;
    cursor:pointer;
    border:1px solid #e5e7eb;
}
.resultados tr:hover > td{
    background-color:rgba(0,0,0,0.05);
}
.resultados tr td:last-child{
    padding:0;
}
.resultados tr td:last-child *{
    font-size:10px;
    line-height:10px;
}
.resultados tr td:last-child > *{
    font-size:10px;
    line-height:10px;
    padding:4px;
}
label{
    width:20%;
    display:inline-block;
    vertical-align:top;
    line-height:20px;
    font-weight:600;
    font-size:12px;
}
.campo,.dato{
    width:80%;
    position:relative;
    display:inline-block;
    min-height:27px;
}
.dato{
    padding-top:10px;
}
.busquedapaginas{
    text-align:center;
    margin-top:20px;
}
.busquedapaginas > div{
    display:inline-block;
    cursor:pointer;
    min-width:30px;
    line-height:30px;
}
.busquedamensaje{
    width:100%;
    text-align:center;
}
.filtros input,.filtros select{
    margin-left:0.5%;
}

.loader {
    position: relative;
    display:inline-block;
    width: 150px;
    height: 150px;
    margin:10px;
    background-image:url('../img/loading.svg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}
.desvanecer{
    opacity:0;
    transition:opacity 0.5s;
}
.aparecer{
    opacity:1;
    transition:opacity 0.5s;
}

.gridjs-head{
    padding:0 !important;
}
.gridjs-search, .gridjs-search-input, input.gridjs-input{
    width:100%;
}
th.gridjs-th{
    padding:5px !important;
    line-height:30px;
}
.gridjs-container{
    padding:0 !important;
}
.gridjs-wrapper,.gridjs-footer{
    border-radius:0 !important;
}
.gridjs-footer{
    padding:5px !important;
    padding-bottom:0 !important;
}
.gridjs-table{
    width:100%;
}
.gridjs-tr td.gridjs-td{
    padding:5px;
    font-size:11px !important;
}
.gridjs-tr.activo td{
    background-color:rgba(0,0,0,0.2);
}
th.gridjs-th{
    line-height:15px;
    height:15px;
}
button.gridjs-sort{
    height:15px !important;
}
input.gridjs-input{
    padding:5px !important;
}

.tabulator{
    background-color:#FFF !important;
    border:none !important;
    border-radius:3px;
}
.tabulator *{
    font-size:12px;
}
.tabulator .tabulator-header{
    background-color:transparent !important;
    border-bottom:0 !important;
    border-left:1px solid #e5e7eb !important;
}
.tabulator .tabulator-headers{
    border-right:none;
}
.tabulator .tabulator-header .tabulator-headers .tabulator-col{
    background-color: #f9fafb;
    border:1px solid #e5e7eb;
    border-left:0;
    color:#6b7280;
    padding:5px 5px;
    user-select:none;
}
.tabulator .tabulator-tableHolder{
    
}
.tabulator .tabulator-tableHolder .tabulator-table{
    border-left:1px solid #e5e7eb !important;
}
.tabulator .tabulator-row{
    height:24px;
    margin-left:-1px;
}
.tabulator .tabulator-row.tabulator-row-even{
    background-color:inherit;
}
.tabulator  .tabulator-row .tabulator-cell{
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.tabulator .tabulator-footer{
    background-color:transparent !important;
    border:none !important;
    color:#6b7280 !important;
    text-align:left !important;
    padding-bottom:0 !important;
}
.tabulator .tabulator-footer .tabulator-paginator{
    float:right;
}
.tabulator .tabulator-footer .tabulator-page{
    border:1px solid #e5e7eb !important;
    padding:5px 14px !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(107, 114, 128) !important;
    cursor: default !important;
    border-radius:0 !important;
}
.tabulator .tabulator-footer .tabulator-page{
    border-left:0 !important;
}
.tabulator .tabulator-footer .tabulator-pages .tabulator-page.active{
    background-color:#f7f7f7 !important;
    font-weight:700 !important;
}
.tabulator .tabulator-footer .tabulator-paginator > .tabulator-page:first-child,
.tabulator .tabulator-footer .tabulator-paginator > .tabulator-page:last-child{
    display:none !important;
}
.tabulator .tabulator-footer .tabulator-paginator > .tabulator-page:nth-child(2){
    border-left:1px solid #e5e7eb !important;
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
}
.tabulator .tabulator-footer .tabulator-paginator > .tabulator-page:nth-last-child(2){
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
.tabulator .tabulator-footer .tabulator-page{
    margin:0 !important;
    opacity:1 !important;
}
.tabulator .tabulator-footer .tabulator-pages{
    margin:0 !important;
}
.tabulator .tabulator-footer .tabulator-pages .tabulator-page{
    margin:0 !important;
    padding:5px 14px !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(107, 114, 128) !important;
    cursor: default !important;
    border-radius:0 !important;
}