body, html {
    font-family: 'Open Sans', sans-serif;
    font-size: 13pt;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    padding: 0;
    height: 100%;
    color: #000; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Saira', sans-serif;
    line-height: 130%;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 400; }

h1 { font-size: 2rem;   color: #0F4C81; font-weight: 300; }
h2 { font-size: 1.8rem; color: #3F6F9A; }
h3 { font-size: 1.6rem; color: #0F4C81; }
h4 { font-size: 1.4rem; color: #3F6F9A; }
h5 { font-size: 1.2rem; color: #0F4C81; margin-bottom: 0.5rem; }
h6 { font-size: 1.1rem; color: #000; font-weight: 600 }

@media (max-width: 768px) {
    h1 { font-size: 1.8rem; }
}

p { font-size: 1rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem; }

b, strong, .semi { font-weight: 600; }

a { font-size: 1rem; color: #3F6F9A; }

a:hover, a.hover { color: #6F93B3 }

.size9 { font-size: 0.9rem; }

small, .small { font-size: 0.85rem; line-height: 120% }
.xsmall { font-size: 0.8rem; }

.small-info { font-size: 0.9rem; line-height: 150% }
.xsmall-info { font-size: 0.8rem; line-height: 140%; margin-top: -15px; }
.xsmall-info2 { font-size: 0.8rem; line-height: 140%; margin-top: 15px; margin-left: -2.5rem }

.oblig { color: #BF2020 }

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(159,183,204,0.4);
}

.az-tit {
    color: #0169b0;
    border-bottom: 1px solid #CFDBE5;
    padding-bottom: 0.3rem
}

.az-tit1 {
    color: #0169b0;
    padding-bottom: 0.3rem
}

.bbgris {
    border-bottom: 1px solid #9FB7CC
}


/*----- Container -----*/

.w-95 { width: 95%; max-width: 1600px; }

@media (max-width: 967px) {
    .w-95 { width: 98% }
}

.contenido-top { padding-top: 60px; }

.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-80 { margin-top: 80px }
.mt-100 { margin-top: 100px }

@media (max-width: 991px) {
    .mt-40 { margin-top: 30px }
}



/*----- Backgrounds -----*/

.bg-circ {
    background: url(../../Images/bg_circ.svg) top left no-repeat;
    background-size: 470px auto;
}

.bg-primary {
    background-color: #0F4C81 !important;
}

.bg-secondary {
    background-color: #5781A6 !important;
}

.bg-gris01 {
    background-color: #F5F7F9 !important;
}

.bg-gris02 {
    background-color: #EBF0F4 !important;
}

.bg-gris03 {
    background-color: #E2E9EF !important;
}

.bg-gris04 {
    background-color: #D8E2EA !important;
}

.bg-gris05 {
    background-color: #CEDAE5 !important;
}

.bg-gris {
    background-color: rgba(159,183,204,1.0) !important;
}

.bg-gris-transp10 {
    background-color: rgba(159,183,204,0.1) !important;
}

.bg-gris-transp15 {
    background-color: rgba(159,183,204,0.15) !important;
}

.bg-gris-transp20 {
    background-color: rgba(159,183,204,0.2) !important;
}

.bg-bco-90 {
    background-color: rgba(255,255,255,0.9)
}

.bg-az01 {
    background-color: rgba(1,105,176,0.1) !important;
}

.bg-az02 {
    background-color: rgba(1,105,176,0.2) !important;
}

.bg-az07 {
    background-color: rgba(1,105,176,0.7) !important;
}

.roundcor {
    border-radius: 8px
}

.borde01 {
    border: 1px solid #B8CED6;
    border-radius: 8px
}

/*-----Loader-----*/
.loader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

#loader, #splashscreen {
    color: #0F4C81;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
}

@keyframes mulShdSpin {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
/*-----Loader-----*/



/*-----Btns-----*/

.btn {
    color: #0F4C81;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.21rem 0.6rem 0.3rem;
    font-size: 0.95rem;
    line-height: 1.5;
    border-radius: 0.35rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem
}

    .btn:hover {
        color: #3F6F9A;
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
    }

    .btn.disabled, .btn:disabled {
        opacity: 0.6;
    }

.btn-sm, .btn-group-sm > .btn {
    padding: 0.15rem 0.5rem 0.2rem;
    font-size: 0.9rem;
    line-height: 1.5;
    border-radius: 0.35rem;
}

.btn-xsm {
    padding: 0.15rem 0.4rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.3;
    border-radius: 0.3rem;
}

/*--- Primary ---*/
.btn-primary {
    color: #fff;
    background-color: #275E8D;
    border-color: #275E8D;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0F4C81;
        border-color: #0F4C81;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #3F709A;
        border-color: #3F709A;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #0F4C81;
        border-color: #0F4C81;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0F4C81;
        border-color: #0F4C81;
    }

/*--- Secondary ---*/
.btn-secondary {
    color: #fff;
    background-color: #A6C2CC;
    border-color: #A6C2CC;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #8FAFBA;
        border-color: #8FAFBA;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #A6C2CC;
        border-color: #A6C2CC;
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #8FAFBA;
        border-color: #8FAFBA;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #A6C2CC;
        border-color: #A6C2CC;
    }

/*--- Light ---*/
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #A6C2CC;
}

    .btn-light:hover {
        color: #212529;
        background-color: #E4EDF0;
        border-color: #A6C2CC;
    }

    .btn-light:focus, .btn-light.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #CFDBE5;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

/*--- Success ---*/
.btn-success {
    color: #fff;
    background-color: #529060;
    border-color: #529060;
}

    .btn-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #529060;
        border-color: #1e7e34;
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

/*--- Info ---*/
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

/*--- Sub ---*/
.btn-sub {
    color: #fff;
    background-color: #439CBF;
    border-color: #439CBF;
}

    .btn-sub:hover {
        color: #fff;
        background-color: #1B7DA3;
        border-color: #1B7DA3;
    }

    .btn-sub:focus, .btn-sub.focus {
        color: #fff;
        background-color: #1B7DA3;
        border-color: #1B7DA3;
    }

    .btn-sub.disabled, .btn-sub:disabled {
        color: #fff;
        background-color: #439CBF;
        border-color: #439CBF;
    }

    .btn-sub:not(:disabled):not(.disabled):active, .btn-sub:not(:disabled):not(.disabled).active,
    .show > .btn-sub.dropdown-toggle {
        color: #fff;
        background-color: #439CBF;
        border-color: #439CBF;
    }


        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus,
        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus,
        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus,
        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus,
        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus,
        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus,
        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus,
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus,
        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus,
        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus,
        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus,
        .btn-sub:not(:disabled):not(.disabled):active:focus, .btn-sub:not(:disabled):not(.disabled).active:focus,
        .show > .btn-sub.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);
        }

.btn-primary:focus, .btn-primary.focus,
.btn-secondary:focus, .btn-secondary.focus,
.btn-success:focus, .btn-success.focus,
.btn-info:focus, .btn-info.focus,
.btn-warning:focus, .btn-warning.focus,
.btn-danger:focus, .btn-danger.focus,
.btn-light:focus, .btn-light.focus,
.btn-dark:focus, .btn-dark.focus,
.btn-outline-primary:focus, .btn-outline-primary.focus,
.btn-outline-secondary:focus, .btn-outline-secondary.focus,
.btn-outline-success:focus, .btn-outline-success.focus,
.btn-outline-info:focus, .btn-outline-info.focus,
.btn-outline-warning:focus, .btn-outline-warning.focus,
.btn-outline-danger:focus, .btn-outline-danger.focus,
.btn-outline-light:focus, .btn-outline-light.focus,
.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.1rem rgba(159,183,204,1.0);
}



/*-Btn exportar-*/

.btn-exp-pdf {
    background: url(../../Images/ico_descarga_pdf.svg) top center no-repeat;
}
.btn-tabla-pdf {
    background: url(../../Images/ico_tabla_pdf.svg) top center no-repeat;
}

.btn-tabla-recetas {
    background: url(../../Images/ico_tabla_recetas.svg) top center no-repeat;
}

.btn-exp-img {
    background: url(../../Images/ico_descarga_img.svg) top center no-repeat;
}

.btn-exp-excel {
    background: url(../../Images/ico_descarga_excel.svg) top center no-repeat;
}

.btn-exp-email {
    background: url(../../Images/ico_descarga_email.svg) top center no-repeat;
}

.btn-exp-pdf, .btn-tabla-pdf, .btn-tabla-recetas,
.btn-exp-img,.btn-exp-excel, .btn-exp-email {
    border: none;
    cursor: pointer;
    background-size: 30px 34px;
    padding: 40px 0 0 0;
    margin: 0;
    font-size: 0.7rem;
    line-height: 125%;
    min-width: 42px;
    margin-bottom: 1rem;
}

    .btn-exp-pdf:hover,
    .btn-tabla-pdf:hover,
    .btn-tabla-recetas:hover,
    .btn-exp-img:hover,
    .btn-exp-excel:hover,
    .btn-exp-email:hover {
        filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
        filter: url(#drop-shadow);
        filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
        -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
    }


/*Btns circ info*/

.btn-info-gral {
    border: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url(../../Images/btn_info_circ_naranja.svg) center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

    .btn-info-gral:hover {
        filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
        filter: url(#drop-shadow);
        filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
        -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
    }



.pie {
    padding: 0.5rem 0 2rem;
    margin-top: 2rem;
    border-top: 1px solid #D8E2EA;
    margin-bottom: 2rem;
}

    .pie p {
        font-size: 0.8rem;
        text-align: center;
    }


.div-h0 {
    line-height: 0;
    height: 0;
    overflow: hidden;
    display: none;
}

/*  kendo styles    */


/*  Altera los encabezados*/
.k-grid a{
    color: #fff;
}

    .k-grid a.k-state-hover,
    .k-grid a.k-state-active:hover,
    .k-grid a:hover,
    .k-grid a:focus:hover,
    .k-grid a:focus,
    .k-grid a:focus:active {
        -webkit-box-shadow: 0 0 4px 0 #17b8b3 !important;
        box-shadow: 0 0 4px 0 #68B159 !important;
    }

.k-grid th.k-sorted {
    background-color: #66A5CF;
}


.k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-header-column-menu.k-state-active, .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    background-color: #66A5CF;
    color: #275E8D;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #275E8D;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    background-color: #275E8D;
}

.k-i-arrow-60-right::before, .k-i-arrow-e::before, .k-i-expand-e::before, .k-i-expand::before, .k-i-sarrow-e::before {
    color: #66A5CF;
}

/*Flechitas del grid hijo*/
.k-i-arrow-60-down::before, .k-i-arrow-s::before, .k-i-collapse::before, .k-i-expand-s::before, .k-i-sarrow-s::before {
    color: #275E8D;
}

/*Botones del pie del grid*/
.k-pager-nav.k-link, .k-pager-refresh {
    color: #66A5CF;
    border-color: #66A5CF;
}

.k-pager-numbers .k-link.k-state-selected {
    background-color: #66A5CF;
    border-color: #66A5CF;
}

.cursor-pointer {
    cursor: pointer;
}