/*@font-face {
    font-family: 'Nunito Sans';
    src: url('../webfonts/NunitoSans-Regular.ttf');
}*/
.table thead th {
    background-color: black;
}
body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    background-color: #F8F8FD;
    overflow-x: hidden;
}

.containerCenterV {
    position: relative;
}

.centered-element {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.box {
    box-shadow: inherit;
}

.container {
    max-width: 100%;
    width: 100%;
}

#header.alt nav > ul > li a:not(.button).icon:before {
    /*color: #0033ff;*/
    color: #20008C !important;
    /*color: red !important;*/
}

#header nav > ul > li a:not(.button) {
    /*color: #0033ff;*/
    color: #20008C !important;
    /*color:red !important;*/
}

#header nav > ul > li:hover a:not(.button) {
    background-color: white;
    color: #7141b1;
}

#header.alt nav > ul > li:hover a:not(.button).icon:before {
    color: #7141b1;
}

#header nav > ul > li.active a:before {
    background-color: white;
    color: #7141b1;
}

.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #0087ca;
}

    .hover-underline-animation:after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 4px;
        bottom: 0;
        left: 0;
        background-color: #0087ca;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

    .hover-underline-animation:hover:after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

.alto-menu {
    height: 75px !important;
}

.fondo {
    background-color: white;
}

/*box-shadow: 10px 5px 5px #a19a9a*/

.titulopde {
    /* Layout Properties */
    top: 403px;
    left: 648px;
    /* UI Properties */
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0px;
    color: #00008C;
    opacity: 1;
}

.textBuscar {
    /* Layout Properties */
    top: 1148px;
    left: 1360px;
    width: 64px;
    height: 27px;
    /* UI Properties */
    font-style: normal;
    font-weight: bold;
    font-size: 20px/27px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0px;
    color: #0000B1;
    opacity: 1;
    
}

.botonBuscar {
    top: 778px;
    left: 1334px;
    width: 115px;
    height: 47px;
    background: #0DFF2E 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    margin-right: 20px;
    border: none;
    margin-bottom: 20px;
}

.botonLimpiar {
    top: 1138px;
    left: 1474px;
    width: 115px;
    height: 47px;
    /* UI Properties */
    background: #6600FF 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    margin-right: 20px;
    border: none;
}

.textLimpiar {
    top: 1148px;
    left: 1497px;
    width: 70px;
    height: 27px;
    font-style: normal;
    font-weight: bold;
    font-size: 20px/27px;
    line-height: 27px;
    font-family: 'Nunito Sans';
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.textbox {
    height: 40px !important;
    /*height: 40px !important;*/
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
}



.filtros {
    min-height: 223px;
    /*background: rgb(0 0 140 / 75%) 0% 0% no-repeat padding-box;*/
    margin-top: 140px;
    /* UI Properties */

    border-radius: 12px;
}

.filtros-header {
    background-color: #20008C !important;
    border-radius: 12px 12px 0px 0px !important;
}

.filtros-body {
    padding-left: 40px;
    padding-right: 40px;
}


.mini-logo-pde {
    /* Layout Properties */
    top: 61px;
    left: 260px;
    width: 145px;
    height: 70px;
    /* UI Properties */
    opacity: 1;
}


.titulopde {
    /* Layout Properties */
    top: 403px;
    left: 648px;
    /* UI Properties */
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0px;
    color: #00008C;
    opacity: 1;
}

.tituloSistema {
    top: 271px;
    left: 445px;
    width: 738px;
    height: 46px;
    text-align: center;
    font: normal normal bold 28px/50px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.subtitulo {
    text-align: center;
    color: white;
    font: normal normal bold 18px/24px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.alignRight {
    text-align: right;
}

.radio {
    border-radius: 12px !important;
}

.inheritBack {
    background-color: inherit;
}

.sombra {
    box-shadow: 5px 5px 10px #00000038;
}

.nSize {
    width: auto;
}

.inline {
    display: inline-table;
}

.labelModal {
    top: 433px;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal normal 14px/19px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.labelModalNombre {
    top: 433px;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal bold 28px/38px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}


.subtituloModal {
    top: 402px;
    margin-bottom: 9px;
    left: 424px;
    text-align: left;
    font: normal normal bold 14px/19px Nunito Sans;
    letter-spacing: 0px;
    /*color: #33CCFF;*/
    color: #00FFDC;
    opacity: 1;
}

.subtituloModal-1 {
    text-align: center;
    font: normal normal bold 20px/30px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    /*height:5px;*/
}


.fondofecha {
    /* Layout Properties */
    top: 335px;
    left: 945px;
    width: 272px;
    height: 40px;
    /* UI Properties */
    background: #F8F8FD 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 12px;
    text-align: left;
    font-weight:bold;
    letter-spacing: 0px;
    color: #0516B1;
}

.close-s {
    /* box-sizing: content-box; */
    /* width: 1em; */
    /* height: 1em; */
    /* padding: 0.25em 0.25em; */
    /* color: #fff; */
    border: 0;
    /* border-radius: 0.25rem; */
    /* opacity: .5; */
    background-color: #ff000000;
}

.fondolabel {
    width: 272px;
    height: 40px;
    background: #20008C 0% 0% no-repeat padding-box;
    border-radius: 12px;
    padding: 10px;
}   

/*21 Jun 2023 GRD*/
.fondolabellargo {
    width: 572px;
    height: 40px;
    background: #20008C 0% 0% no-repeat padding-box;
    border-radius: 12px;
    padding: 10px;
}

.tituloModal {
    /* Layout Properties */
    top: 235px;
    left: 424px;
    /* UI Properties */
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal bold 26px/35px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content-visor {
    /*   background: url(../../images/neural_red.png);
    background-repeat: no-repeat;
    background-size: cover;*/

   /* background: transparent url('../../images/neural_red.png') 0% 0% no-repeat padding-box;*/
    opacity: 1;
}

.container-fluid {
    text-align: left;
    margin-left: 50px;
    margin-top: 50px;
}

.titulofiltros {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 25px;
}

.labelfiltros {
    top: 565px;
    text-align: left;
    font: normal normal bold 20px/27px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-left: 19px;
    /*margin-bottom: 14px;*/
    margin-bottom: 10px;
}

.tablaSancionados {
    width: 100%;
    text-align: left;
}

.modalSancionados {
    visibility: visible;
    /*background: url(../../images/neural_red.png);*/
    background-repeat: no-repeat;
    background-size: cover;
}

.fondoModal {
    border-radius: 12px !important;
    /*background-color: rgb(21 51 204 / 80%);*/
    background-color: rgb(89 114 165 / 85%);
}

.headerModal {
    background-color: #20008C;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.card-header {
    padding:0px!important;
}
.btnGrLa {
    margin-left: 0px;
}

.iconBuscarVisor {
    width: 70px;
    padding: 10px;
    margin-left: 45%;
    margin-top: 11px;
    margin-right: 11px;
}

.tabla-paginas {
    text-align: end;
    top: 744px;
    left: 303px;
    text-align: left;
    font: normal normal 800 23px/31px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-right: 11px;
}

table tbody tr {
    border: 1.5px solid #20008C;
    border-left: 0;
    border-right: 0;
    color: #20008C;
    /*color: red;*/
}

table thead {
    border: 1.5px solid #030F8C;
    color: rgba(0, 0, 140, 1);
    border-left: 0;
    border-right: 0;
}

table th {
    color: #20008C;
    /*color:red;*/ 
    font: normal normal bold 20px/27px Nunito Sans;
    padding: 0.75em 0.75em 0.75em 0.75em;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
}

::placeholder {
    text-align: left;
    letter-spacing: 0px;
    color: #00008C;
}

.form-check {
    display: block !important;
    min-height: 1.5rem !important;
    padding-left: 0rem !important;
    margin-bottom: 0rem !important;
}


#overlay {
    position: fixed;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 99;
}

#loading {
    margin-top: 16%;
}

@media screen and (max-width: 1216px) {
    .filtros {
        min-height: 223px;
        margin-top: 40px !important;
      
    }
}

@media screen and (max-width: 767px) {
    .iconBuscarVisor {
        width: 70px;
        padding: 10px;
        margin-left: 0pc !important;
        margin-top: 11px;
        margin-right: 0px !important;
    }
    .titulofiltros {
        text-align: center;
        margin-top: 21px;
        margin-bottom: 21px;
        margin-left: 0px!important;
    }
    
}
@media screen and (max-width: 1027px) {

    .col-md-4, .col-md-6, .col-md-8, .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    #buttons {
        flex: 0 0 auto;
        width: 100%;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 799px) {
    .colText {
        padding-bottom: 10px;   
    }

    .div-inter {
        display: none !important;
    }

    #sortClass {
        padding-top: 0px !important;
    }

    #tipoOrdenClass {
        padding-top: 0px !important;
    }

    #buttons {
        padding-top: 30px !important;
    }
    #header nav > ul > li a:not(.button) {
        color:#0033ff !important;
    }

}

.titleFont {
    font-size: 20px;
    color: #00008c;
    font-weight:1000;
}


@media screen and (max-width: 1445px) {
    .titleFont {
        font-size: 16px;
    }
}

@media screen and (max-width: 1167px) {
    .titleFont {
        font-size: 14px;
    }
}

.links {
    -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    border-bottom: dotted 0px!important;
    color: #ffffff !important;
    text-decoration: none !important;
}




.nav-item {
    width: 50%;
    padding-left: 0px;
}

.nav-pills .nav-link {
    background: #5972A5;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    border-radius: 28px 28px 0px 0px;
    border-bottom-width: 0px;
    width: 100%;
    text-align: center;
    font: normal normal bold 18/42px Nunito Sans;
    letter-spacing: 2px;
    color: #FFFFFF;
    opacity: 1;
    height: 100%;
    padding-bottom: 15px;
}

    .nav-pills .nav-link.active {
        background: #20008C 0% 0% no-repeat padding-box;
        border-width: 1px;
        border-color: white;
        border-style: solid;
        border-radius: 28px 28px 0px 0px;
        border-bottom-width: 0px;
        width: 100%;
        text-align: center;
        font: normal normal bold 18/42px Nunito Sans;
        letter-spacing: 2px;
        color: #FFFFFF;
        opacity: 1;
        height: 100%;
    }

.tab-content {
    position: sticky;
    margin-top: 0px;
    color: #000;
    border-radius: 12px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    border-top: 0;
    border-style: solid;
    box-shadow: aliceblue;
    width: 100%;
    border-color: white;
    border-radius: 0px 0px 12px 12px !important;
    background-color: rgb(21 51 204 / 80%);
}
/*
    .tab-content button {
        border-radius: 15px;
        width: 100px;
        margin: 0 auto;
        float: right;
    }

*/







/*.nav_image {
    display: flex;
    min-width: 55px;
    justify-content: center;
}

    .nav_image img {
        height: 35px;
        width: 35px;
        border-radius: 50%;
        object-fit: cover;
    }*/

/* Sidebar */
/*.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 270px;
    background: blue;
    padding: 15px 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}

    .sidebar.close {
        width: calc(55px + 20px);
    }

.logo_items {
    gap: 8px;
}

.logo_name {
    font-size: 22px;
    color: #333;
    font-weight: 500px;
    transition: all 0.3s ease;
}

.sidebar.close .logo_name,
.sidebar.close #lock-icon,
.sidebar.close #sidebar-close {
    opacity: 0;
    pointer-events: none;
}

#lock-icon,
#sidebar-close {
    padding: 10px;
    color: #4070f4;
    font-size: 25px;
    cursor: pointer;
    margin-left: -4px;
    transition: all 0.3s ease;
}

#sidebar-close {
    display: none;
    color: #333;
}

.menu_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 40px;
    overflow-y: auto;
    height: calc(100% - 82px);
}

    .menu_container::-webkit-scrollbar {
        display: none;
    }

.menu_title {
    position: relative;
    height: 50px;
    width: 55px;
}

    .menu_title .title {
        margin-left: 15px;
        transition: all 0.3s ease;
    }

.sidebar.close .title {
    opacity: 0;
}

.menu_title .line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    width: 20px;
    border-radius: 25px;
    background: #aaa;
    transition: all 0.3s ease;
}

.menu_title .line {
    opacity: 0;
}

.sidebar.close .line {
    opacity: 1;
}

.item {
    list-style: none;
}

.link {
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 8px;
    color: #707070;
}

    .link:hover {
        color: #fff;
        background-color: #4070f4;
    }

    .link span {
        white-space: nowrap;
    }

    .link i {
        height: 50px;
        min-width: 55px;
        display: flex;
        font-size: 22px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }

.sidebar_profile {
    padding-top: 15px;
    margin-top: 15px;
    gap: 15px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}

    .sidebar_profile .name {
        font-size: 18px;
        color: #333;
    }

    .sidebar_profile .email {
        font-size: 15px;
        color: #333;
    }*/

/* Navbar */
/*.navbar {
    max-width: 500px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 60%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px 20px;
    border-radius: 0 0 8px 8px;
    justify-content: space-between;
}

#sidebar-open {
    font-size: 30px;
    color: #333;
    cursor: pointer;
    margin-right: 20px;
    display: none;
}

.search_box {
    height: 46px;
    max-width: 500px;
    width: 100%;
    border: 1px solid #aaa;
    outline: none;
    border-radius: 8px;
    padding: 0 15px;
    font-size: 18px;
    color: #333;
}

.navbar img {
    height: 40px;
    width: 40px;
    margin-left: 20px;
}*/

/* Responsive */
/*@media screen and (max-width: 1100px) {
    .navbar {
        left: 65%;
    }
}

@media screen and (max-width: 800px) {
    .sidebar {
        left: 0;
        z-index: 1000;
    }

        .sidebar.close {
            left: -100%;
        }

    #sidebar-close {
        display: block;
    }

    #lock-icon {
        display: none;
    }

    .navbar {
        left: 0;
        max-width: 100%;
        transform: translateX(0%);
    }

    #sidebar-open {
        display: block;
    }
}*/






    body.dark {
        --bg-black-100: #fff;
        --bg-black-50: #000;
        --bg-black-20: #eef0f4;
    }

.menu {
    position: sticky;
    width: 77px;
    height: 687px;
    background: #20008C 0% 0% no-repeat padding-box;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 10px;
    /* margin: auto; */
    border-radius: 0px 12px 12px 12px;
    transition: 0.3s ease 0.15s;
    font-family: sans-serif;
}

    .menu.open {
        width: 240px;
    }

    .menu a {
        text-decoration: none;
    }

    .menu .actionbar {
        width: 100%;
        height: 10%;
        padding: 0.5rem;
        overflow: hidden;
    }

        .menu .actionbar div {
            width: 100%;
            height: 100%;
            /*display: flex;*/
            align-items: center;
            justify-content: space-around;
            border-radius: 0.5rem;
            transition: 0.3s ease;
        }

            .menu .actionbar div button {
                background-color: transparent;
                outline: none;
                border: none;
                border-radius: 0.5rem;
                color: var(--bg-black-100);
                width: 45px;
                height: 45px;
                transition: 0.3s ease;
                font-size: 1rem;
            }

                .menu .actionbar div button:hover {
                    background: #adebfe8a 0% 0% no-repeat padding-box;
                    /*opacity: 0.3;*/
                }

            .menu .actionbar div h3 {
                width: calc(100% - 45px);
                text-align: center;
            }

    .menu .optionsBar {
        overflow: hidden;
        display: flex;
        width: 100%;
        height: 87%;
        padding: 0 0.5rem;
        align-items: center;
        flex-direction: column;
        overflow-y: scroll;
    }

        .menu .optionsBar .menuItem {
            width: 100%;
            height: 20%;
            margin: 0.3rem;
            padding-left: 0px;

        }

            .menu .optionsBar .menuItem .menuOption {
                font-size: 1rem;
                outline: none;
                border: none;
                background-color: transparent;
                width: 100%;
                height: 100%;
                display: block;
                align-items: center;
                justify-content: space-around;
                border-radius: 0.5rem;
                transition: 0.3s ease;
                align-items: end;
                color: #FFFF;
            }

                .menu .optionsBar .menuItem .menuOption:hover {
                    background: #adebfe8a 0% 0% no-repeat padding-box;
                    /*opacity: 0.3;*/
                }

                .menu .optionsBar .menuItem .menuOption i {
                    width: 10px;
                    height:100%;
                    text-align: center;
                    color: var(--bg-black-100);
                }

                .menu .optionsBar .menuItem .menuOption h5 {
                    height: 100%;
                    width: calc(100% - 45px);
                }

.menuText {
    color: var(--bg-black-20);
    transform: translateX(-250px);
    opacity: 0;
    transition: transform 0.3s ease 0.1s;
    display:none;
}

    .menuText.open2 {
        opacity: 1;
        transform: translateX(0);
        /*display: flex;*/
        align-items: flex-end;
        text-align: left;
        display: contents;
    }

.menu .menuBreak {
    width: 100%;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu .menuBreak hr {
        width: 50%;
        height: 3px;
        background-color: var(--bg-black-100);
        border: none;
        border-radius: 5px;
    }

.menu .menuUser {
    width: 100%;
    height: 10px;
    padding: 4.5rem 0 3rem 0;
}

    .menu .menuUser a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        padding: 0.5rem;
        position: relative;
    }

        .menu .menuUser a div {
            width: 45px;
            height: 45px;
            position: relative;
            border-radius: 0.5rem;
        }

            .menu .menuUser a div img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 0.5rem;
            }

        .menu .menuUser a .Username {
            width: calc(70% - 45px);
        }

        .menu .menuUser a p {
            width: calc(30% - 45px);
        }

        .menu .menuUser a:hover p {
            animation: animArrow 0.3s ease 2;
        }

@keyframes animArrow {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.menu .menuUser .userInfo {
    position: absolute;
    width: 10rem;
    height: 8rem;
    opacity: 0;
    color: var(--bg-black-50);
    pointer-events: none;
    top: 58%;
    left: 1.5rem;
    transition: 0.3s ease;
    transform: scale(0);
    transform-origin: bottom left;
}

    .menu .menuUser .userInfo div {
        position: relative;
        width: 100%;
        height: calc(100% - 20px);
        box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
        background-color: var(--bg-black-100);
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

        .menu .menuUser .userInfo div h1 {
            font-size: 4rem;
        }

        .menu .menuUser .userInfo div::before {
            content: '';
            position: absolute;
            bottom: -18px;
            left: -2px;
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-right: 15px solid var(--bg-black-100);
            transform: rotate(45deg);
        }

.menu .menuUser:hover .userInfo {
    pointer-events: all;
    opacity: 1;
    transform: scale(1);
}

.menu .themeBar {
    overflow: hidden;
    width: 100%;
    height: 10%;
    padding: 0.5rem;
}

    .menu .themeBar div {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 0.5rem;
        transition: 0.3s ease;
    }

        .menu .themeBar div button {
            background-color: transparent;
            outline: none;
            border: none;
            border-radius: 0.5rem;
            color: var(--bg-black-100);
            width: 100%;
            height: 45px;
            transition: 0.3s ease;
            font-size: 1rem;
        }

        .menu .themeBar div button {
            background-color: rgb(132,0,255);
        }

            .menu .optionsBar .menuItem .menuOption:hover .menuText,
            .menu .optionsBar .menuItem .menuOption:hover i,
            .menu .actionbar div button:hover i,
            .menu .themeBar div button:hover i {
                color: #fff;
            }

h5 {
    line-height: 1.5em;
    letter-spacing: 0;
    font-size: 12px;
    white-space: normal;
}

.fondoDeclaraciones {
    background: var(--unnamed-color-72909a) 0% 0% no-repeat padding-box;
    background: 0% 0% no-repeat padding-box;
    background-color: rgba(89, 114, 165, 0.7) !important;
    box-shadow: 10px 0px 30px #00000099;
    border: 1px solid #FFFFFF00;
    opacity: 0.9;
}

.labelNombreDec {
 
    text-align: center;
    font: normal normal bold 28px/38px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.correoInstitucional {

    text-align: left;
    font: normal normal normal 20px/27px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.subtituloDec {
    text-align: left;
    font: normal normal bold 20px/27px Nunito Sans;
    letter-spacing: 0px;
    color: #20008C;
    opacity: 1;
}

.fondoInfoDec {
    /*background: transparent linear-gradient(180deg, #0033FF 0%, #00008C 100%) 0% 0% no-repeat padding-box;*/
    background: #20008C 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 28px 28px;
    opacity: 1;
}

.iMenu {
    width: 100%;
    height: 100%;
    /* display: unset; */
    vertical-align: middle;
}
.textMenu {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    text-align: left;   
}
.menu .optionsBar::-webkit-scrollbar {
    width: 3px; /* width of the entire scrollbar */
}

.menu .optionsBar::-webkit-scrollbar-track {
    background: white; /* color of the tracking area */
}

.menu .optionsBar::-webkit-scrollbar-thumb {
    background-color: blue; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 1px solid red; /* creates padding around scroll thumb */
}

.sp-container {
    width:100%;
    height:100%;
}
.subtituloSp {
    /*font: normal normal bold 34px/46px Nunito Sans;*/
    text-align: center;
    font: normal normal bold 30px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    height: 0px;
}

.dec-control {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 12px;
    text-align: left;
    font: normal normal bold 14px Nunito Sans;
    letter-spacing: 0px;
    color: #00008C;
    opacity: 1;
    margin-top: 5px;
    padding: 8px !important;
    height: auto;
    min-height: 37px;
    text-transform: uppercase;
}
.subtituloModalDec {
    text-align: left;
    font: normal normal bold 13px Nunito Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-bottom: 0px;
    padding-left: 10px;
    display: block;
}

.reservado {
    background: #72909A 0% 0% no-repeat padding-box !important;
    border-radius: 12px;
    opacity: 1;
    text-align: left;
    /*font: normal normal bold 16px Nunito Sans;*/
    font: normal normal bold 13px Nunito Sans;
    letter-spacing: 0px;
    color: #3D4F53;
    opacity: 1;
}

.seccionReservado {
    /* width: 1225px; */
    height: 48px;
    background: #72909A 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    display: flex;
    justify-content: center;
}


.content-datos-d {
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: auto;
    height: 74%;
}



.content-datos-d::-webkit-scrollbar {
    width: 3px; /* width of the entire scrollbar */
}

.content-datos-d::-webkit-scrollbar-track {
    background: white; /* color of the tracking area */
}

.content-datos-d::-webkit-scrollbar-thumb {
    background-color: blue; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 1px solid red; /* creates padding around scroll thumb */
    padding:10px;
}
.accordion-item {
    background-color: transparent!important;
}
.accordion-body {
    border-radius: 0px 0px 12px 12px;
    margin-bottom: 20px;
}

.sinDatos {
    background: #759ec194;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    font: normal normal bold 16px Nunito Sans;
}
@media print {
    .areaImprimir {
        color: #FF0000; /* Cambia el color según necesites */
        background-color:azure;
        /* Más estilos que quieras aplicar durante la impresión */
    }
}

.imp {
    display:block!important;
}

.principal {
    background-color: #20008C !important;
}
.secundario {
    background-color: #3A33DD !important;
}
.texto-general {
    color: #20008C !important;
    /*color: red !important;*/
}

.principal-t7 {
    background-color: rgba(89, 114, 165, 0.7 )!important;
}

.secundario-t7 {
    background-color: rgb(58, 51, 221, .7) !important;
}

.btnLimpiar {
    background-color: #6600FF !important;
}