/* Bluba Theme Overrides */

.app {
    background-color: var(--tertiary-color);
}

.app-aside {
    background-color: var(--primary-color);
}

.login-container {
    background-color: var(--tertiary-color);
}

.icon-circle {
    background-color: var(--primary-color);
}

#loader {
    border-top-color: var(--primary-color);
}

.option-card:hover {
    background-color: var(--secondary-color);
    color: white;
}

    .option-card:hover .text-muted {
        color: white !important;
    }

.centro-card:hover {
    background-color: var(--secondary-color);
    color: white;
}

    .centro-card:hover .text-muted {
        color: white !important;
    }

.menu-item {
    color: white !important;
}

    .menu-item:hover {
        background-color: var(--secondary-color);
        color: white;
    }

.top-bar-item .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--secondary-color);
    color: white;
}

.nav-link {
    color: white !important;
}

.stacked-menu > .menu > .menu-item > .menu-link {
    color: white !important;
}

.menu-item.has-active {
    background-color: var(--secondary-color);
    color: var(--primary-color) !important;
}

.stacked-menu > .menu > .menu-item.disabled > .nav-link {
    color: gray !important;
}

.stacked-menu > .menu > .menu-item.has-active > .nav-link {
    color: var(--primary-color) !important;
}


.offcanvas.offcanvas-start {
    background-color: var(--primary-color);
}

.offcanvas .btn-close {
    color: white;
}

.offcanvas-title {
    color: white;
}

.offcanvas-body .menu-item.has-active a {
    color: var(--primary-color) !important;
}

.center-select-container .card {
    background-color: var(--tertiary-color);
}

.top-bar,
.app-aside,
.offcanvas.offcanvas-start {
    background-color: var(--primary-color) !important;
}

.student-tab.active {
    color: white !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.student-tab {
    color: white !important;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.login-page {
    background-color: var(--primary-color) !important;
}

.consultant-top {
    background-color: var(--primary-color) !important;
}

    .consultant-top .text-primary {
        color: white !important;
    }

.tab-shelf .tab-chip {
    background-color: var(--secondary-color);
}

    .tab-shelf .tab-chip:hover {
        color: white;
    }

    /* Activa: color más intenso y “faldón” que se mete sobre el contenido */
    .tab-shelf .tab-chip.active {
        background-color: white;
        color: #084255;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        /* Truco visual: la activa “muerde” al contenedor del contenido */
        .tab-shelf .tab-chip.active::after {
            content: "";
            position: absolute;
            left: 0px;
            width: 100%;
            bottom: -10px;
            height: 10px;
            background-color: white;
        }

.text-primary {
    color: var(--primary-color) !important;
}

.card-info-consultant {
    background-color: var(--primary-color);
    color: white;
}

.bg-card-success {
    background: rgba(25,135,84,.2) !important;
    border-left: 4px solid #198754 !important;
}

    .bg-card-success .accordion-button {
        background: rgba(0,0,0,0) !important;
    }

.bg-card-danger {
    background: rgba(220,53,69,.2) !important;
    border-left: 4px solid #dc3545 !important;
}

    .bg-card-danger .accordion-button {
        background: rgba(0,0,0,0) !important;
    }

.bg-card-info {
    background: rgba(68,102,227,.2) !important;
    border-left: 4px solid #3559dc !important;
}

    .bg-card-info .accordion-button {
        background: rgba(0,0,0,0) !important;
    }