.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/img/PageLoad.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}


.nav-link.active {
    background-color: #340A89 !important;
    color:white!important;
}

.sidebar-dark-primary {
    background-color: #11032D !important;
}

.btn-success {
    color: #fff !important;
    background-color: rgb(205, 215, 61) !important;
    border-color: rgb(205, 215, 61) !important;
    box-shadow: none !important;
}
.card-success {
    border-top: 3px solid rgb(190, 215, 61) !important;
}

.styleLogin {
    color: rgb(190, 215, 61) !important;
    text-decoration: none !important;
    background-color: transparent !important;
}
.card-header {
    background-color: rgb(190, 215, 61) !important;
}

.card-header2 {
    background-color: #fff !important;
}

.bg-success {
    background-color: rgb(190, 215, 61) !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: rgb(190, 215, 61) !important;
    border-color: rgb(190, 215, 61) !important;
}

.colorLoader {
    background-color: rgb(0, 117, 80) !important;
}
.colespecial {
    width: 177px !important;
    height: 24px !important;
    margin-left:20px
}

.color {
    color: #fff !important;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p {
    width: 0;
    white-space: nowrap;
    display: none;
}

 a.nav-link.active.d-flex.gap-3.align-menu-item {
    align-items: center;
}

.sidebar-collapse > a.nav-link.active.d-flex.gap-3.align-menu-item {
    align-items: center;
    justify-content: center;
}

.username {
    background-color: #EFF6E1;
}

.logout {
    background-color: #F6E1E1;
}

.user-link {
    color: #202D03;
}

.user-link:hover {
    color: #5F890A;
}

.logout-link {
    color: #C84A4A;
}

.logout-link:hover {
    color: #720909;
}


div.dt-container .dt-paging .dt-paging-button:active {
    outline: none;
    background-color: #red!important;

}


.correo {
    padding: 5px 15px;
    background-color: #E8E1F6;
    color: #1A0544;
    border-radius:20px;
}

button.dt-paging-button.current {
    background-color: #1A0544 !important; 
}


div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current {
    color: white !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #E8E1F6!important;
}

.btn-outline-primary {
    color: #340A89!important;
    border-color: #340A89!important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #23075B !important;
    border-color: #23075B !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #23075B !important;
    border-color: #23075B !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #340A89 !important;
    border-color: #340A89 !important;
    box-shadow: none;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #23075B !important;
        border-color: #23075B !important;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff !important;
        background-color: #23075B !important;
        border-color: #23075B !important;
    }