@import url('../../base/root.css');


.layout-navbar-fixed .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
    background-color: var(--tech-blue);
}
.layout-navbar-fixed .dark-mode .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
    background-color: var(--tech-blue);
}
.layout-navbar-fixed .dark-mode .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
    background-color: var(--tech-blue);
}

@media (min-width: 576px) {
    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
        background-color: var(--tech-blue);
    }
}

@media (min-width: 768px) {
    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
        background-color: var(--tech-blue);
    }
}
@media (min-width: 992px) {
    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
        background-color: var(--tech-blue);
    }
}
@media (min-width: 1200px) {
    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-tech-blue .brand-link:not([class*="navbar"]) {
        background-color: var(--tech-blue);
    }
}


.sidebar-tech-blue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff;
    color: #fff;
}

.sidebar-tech-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #007bff;
}

.dark-mode .sidebar-tech-blue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3f6791;
    color: #fff;
}
.dark-mode .sidebar-tech-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3f6791;
}



.help-block {
    color: red;
    font-size: 11px;
}