@import url("base.css");

.navbar-sidebar {
    height: calc(100vh - var(--header-size) - var(--footer-size) - 4rem);
    padding: 1rem;
    box-shadow: 0 .125rem .25rem var(--shadow-secondary) !important;
}

@media (max-width: 1200px) {
    .navbar {
        height: var(--header-size);
    }

    .navbar-nav {
        position: relative;
        z-index: 10;
    }
}

.textfield-nav-activ {
    color: var(--navbar-txt-primary) !important;
    background-color: var(--navbar-bg-primary) !important;
}



.textfield-nav-inactiv {
    color: var(--navbar-txt-secondary);
}


.textfield-nav-inactiv:hover {
    color: var(--navbar-bg-secondary);
    background-color: var(--navbar-txt-secondary);
}