@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;
}
.monto{
    text-align:right;
    white-space:nowrap;
}
.monto:before{
    content:"$ ";
}
.monto:empty:before{
    display:none !important;
}
.date, .month, .number{
    white-space:nowrap;
}
.number{
    text-align:right;
}
.title-1{
    font-size:32px;
    font-weight:500;
}
.title-4{
    color:#95aac9;
    text-transform:uppercase;
    font-size:10px;
    font-weight:500;
}
.box,.box-table{
    padding:24px;
    margin-bottom:20px;
    background-color:#FFF;
    border:1px solid #edf2f9;
    border-radius:8px;
    box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
}
.box{
    display:flex;
    flex-wrap:wrap;
}
.box-table{
    padding:0;
    overflow-x:auto;
}
.box-header{
    display:flex;
    align-self:flex-start;
    border-bottom:1px solid #edf2f9;
    margin:-24px -24px 24px -24px;
    width: calc(100% + 48px);
    padding:12px 24px;
    font-size:15px;
    font-weight:500;
    line-height:22.5px;
}
.box-foot{
    display:flex;
    align-items:flex-end;
    align-self:flex-end;
    display:flex;
    justify-content:center;
    border-top:1px solid #edf2f9;
    margin:24px -24px -24px -24px;
    width: calc(100% + 48px);
    padding:12px 24px;
    font-size:15px;
    font-weight:500;
    line-height:22.5px;
}
.box-table > .box-header{
    width:100%;
    margin:0;
}
.box-header:empty{
    display:none;
}
.box-header > *{
    line-height:35px;
    font-size:15px;
}
.box-header > .box-title{
    flex:1 1;
    line-height:35px;
    color:#12263f;
}
.box-header > .box-options{
    line-height:35px;
}
.child .group.box {
    padding: 0;
    border: none;
    box-shadow: none;
    margin:0;
}
.child tbody > tr .fieldlabel{
    display:none;
}
.child tbody > tr:first-child .fieldlabel{
    display:inline-block;
}
.child tr > td{
    padding:0;
    padding-top:8px;
}
.child tr > td.options{
    width:0;
    padding:0;
    padding-left:16px;
    text-align:right;
}
.text-second{
    color:#95aac9;
}
a{
    display:inline-block;
    font-size:15px;
    font-weight:400;
    text-decoration:none;
    line-height:inherit;
    color:#95aac9;
    cursor:default;
    
    transition:color .15s ease-in-out;
}
a[href],a[onclick]{
    cursor:pointer;
}
a:hover{
    color:#6e84a3;
    
    transition:color .15s ease-in-out;
}
.centerscreen{
    width:100% !important;
    height:100% !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    border-spacing:0  !important;
    border-collapse:collapse !important;
    position:absolute;
    left:0;
    top:0;
}
.centerscreen.white{
    background-color:#FFF;
    border-top:2px solid #2c7be5 !important;
}
.centerscreen.white > tbody > tr > td{
    background-color:#FFF;
}
.centerscreen > tbody > tr > td{
    width:100% !important;
    height:100% !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    vertical-align:middle !important;
}
.center{
    text-align:center;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.bold, .bold *{
    font-weight:500;
}
.full{
    width:100% !important;
}
.titulo{
    font-size:20px;
}
.cols{
    display:flex;
    flex-wrap:wrap;
    column-gap:20px;
}
.col-1{
    flex:100%;
    width:100%;
}
.col-2{
    flex:48%;
    width:48%;
}
.col-3{
    flex:1 0 31%;
}
.col-4{
    flex:23%;
}
.col-5{
    flex:17%;
    width:17%;
}
.col-6{
    flex:15%;
    width:15%;
}
.col-7{
    flex:13%;
    width:13%;
}
.col-8{
    flex:11%;
    width:11%;
}
.col-9{
    flex:9%;
    width:9%;
}
.col-10{
    flex:6%;
    width:6%;
}
.col-3x2{
    flex:65%;
    width:65%;
}
.col-4x3{
    flex:73%;
    width:73%;
}
.col-5x4{
    flex:79%;
    width:79%;
}
.help{
    font-size:13px;
}
.barratitulo{
    width:calc(100% - 72px);
    background-color:#f9fbfd;
    margin-left:36px;
    margin-right:36px;
    padding-top:24px;
    padding-bottom:24px;
    color:#12263f;
    font-size:26px;
    line-height:48px;
    z-index:5;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    border-bottom:1px solid #e3ebf6;
    margin-bottom:32px;
}
.barratitulo > .titulo{
    text-align:center;
    line-height:inherit;
}
.barratitulo > .botones{
    line-height:inherit;
    flex: 1 0 auto;
    text-align: right;
}
.barratitulo > .titulo > h1{
    margin:0;
    font-size:26px;
    font-weight:500;
    margin:0;
    line-height:28px;
}
.barratitulo > .titulo > h6{
    color:#95aac9;
    text-transform:uppercase;
    font-size:10px;
    font-weight:500;
    line-height:11px;
    margin:0;
    padding:0;
    margin-bottom:9px;
    text-align:left;
}
.barratitulo .nav{
    margin-bottom:-25px;
}
.nav{
    display:flex;
    flex-wrap:wrap;
    column-gap:24px;
    border-bottom:1px solid #e3ebf6
}
.nav > .nav-item{
    line-height:22px;
    user-select:none;
}
.nav > .nav-item a{
    padding:24px 0;
}
.nav > .nav-item .active{
    border-bottom:1px solid #2c7be5;
    color:#12263f;
}
.nav > .nav-item.disabled a{
    opacity:0.5;
    color:#95aac9 !important;
    cursor:default;
}
.ficha{
    width:100%;
    padding:36px;
    padding-top:0;
    padding-bottom:24px;
    margin:auto;
    background-color:#f9fbfd;
}
.ficha:last-child{
    border-bottom:1px solid transparent;
}
label{
    display:inline-block;
    vertical-align:top;
    line-height:22.5px;
    font-size:15px;
    font-weight:400;
    margin-bottom:8px;
}
.fieldlabel{
    width:100%;
    font-weight:500;
}
.group > label{
    width:100%;
    font-size:26px;
    font-weight:500;
    padding-bottom:24px;
}
.campo{
    display:flex;
    flex-wrap:wrap;
    column-gap:20px;
    min-height:27px;
    flex:100%;
}
.dato{
    font-size:15px;
}
.busquedapaginas{
    border-top:1px solid #edf2f9;
    display:flex;
    flex-wrap:wrap;
}
.busquedapaginas > *{
    flex:1 1 auto;
    justify-content:center;
    text-align:center;
}
.busquedapaginas > .pages{
    flex:10;
    justify-content:center;
    text-align:center;
    border-left:1px solid #edf2f9;
    border-right:1px solid #edf2f9;
}
.busquedapaginas .nav-item{
    flex:1;
}
.busquedapaginas > .pages .nav-item{
    flex:0;
}
.busquedapaginas .nav-item a{
    width:100%;
}
.busquedamensaje{
    width:100%;
    text-align:center;
}
.search{
    padding:10px;
    align-items:center;
    font-size:15px;
    font-weight:500;
    line-height:35px;
}

.filters input[type=text],
.filters input[type=date],
.filters input[type=month],
.filters select{
    width:100%;
}
.filters > * {
    flex: 0 0 17% !important;
    width:auto;
}
.content{
    margin-bottom:8px;
}
.hidecontent > *{
    display:none !important;
}
.context-menu{
    position:relative;
    display:none;
    height:0;
}
.context-menu > *{
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    background-color:#FFF;
    border:1px solid #edf2f9;
    border-radius:8px;
    text-align:left;
    white-space:nowrap;
}
.context-menu > ul > li{
    display:block;
}

.desvanecer{
    opacity:0;
    transition:opacity .2s;
}
.aparecer{
    opacity:1;
    transition:opacity .2s;
}

.spinner-border{
    display:inline-block;
    font-size:inherit;
    width:1em;
    height:1em;
    vertical-align:middle;
    margin-top:-.25em;
    border:.15em solid;
    border-right-color:transparent !important;
    border-radius:50%;
    animation:spinner-border .75s linear infinite;
}

@keyframes spinner-border{
    100% {
        transform: rotate(1turn);
    }
}

#sisne-message-html, #sisne-popup-html, #ajax-loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    background-color:rgba(18,38,63,0.5);
    border-spacing:0;
    border-radius:0;
    border:none;
}
#sisne-message-html > tbody > tr > td, #sisne-popup-html > tbody > tr > td, #ajax-loading > tbody > tr > td{
    width:100%;
    height:100%;
    text-align:center;
    padding:0;
}

#ajax-loading{
    background-color:rgba(255,255,255,0.5);
}
#ajax-loading .spinner-border{
    display:none;
}

#sisne-message-html-content{
    display:inline-block;
    width:90%;
    max-width:600px;
    max-height:90vh;
    overflow:auto;
    border:1px solid #edf2f9;
    border-radius:8px;
    margin:auto;
    background-color:#FFF;
}
#sisne-message-html-title{
    font-size:15px;
    font-weight:600;
    line-height:35px;
    text-align:left;
    padding:12px 24px;
    background-color:#FFF;
    border-bottom:1px solid #edf2f9;
    position:sticky;
    top:0px;
}
#sisne-message-html-message{
    text-align:left;
    height:100%;
    padding:0 30px;
    margin-top:20px;
    margin-bottom:20px;
    overflow-y:auto;
}
#sisne-message-html-buttons{
    text-align:right;
    padding:12px 24px;
    border-top:1px solid #edf2f9;
    border-radius: 0 0 6px 6px;
    background-color:#FFF;
    position:sticky;
    bottom:0px;
}

#sisne-busqueda-html{
    background-color:#FFF;
    border:1px solid #d2ddec;
    border-radius:0 0 6px 6px;
    position:absolute;
    z-index:5;
    overflow:auto;
    text-align:left;
    height:fit-content;
}
#sisne-busqueda-html.top{
    border-radius:6px 6px 0 0;
}
#sisne-select-html{
    border-radius:6px 6px 0 0;
}
#sisne-select-html.top{
    border-radius:0 0 6px 6px;
}
.sisne-busqueda-html-option{
    font-size:15px;
    line-height:22.5px;
    padding:8px 12px;
    color:#95aac9;
    transition:color .15s ease-in-out;
}
#sisne-busqueda-html > *.selected{
    color:#12263f;
    transition:color .15s ease-in-out;
}
#sisne-busqueda-html > *:hover{
    color:#12263f;
    cursor:pointer;
    transition:color .15s ease-in-out;
}
#core-cabecera label{
    vertical-align:middle;
    margin-bottom:0;
}
#core-cabecera label > select{
    width:auto;
}