html, body {
    min-height: 100%;
}

main {
    overflow-y: auto;
}

body {
    background-color: var(--bs-body-bg);
}

.sidebar.expanded {
    width: 300px;
}

.sidebar .nav-link span, .sidebar .nav-link small {
    display: none;
}

.sidebar.expanded .nav-link span, .sidebar.expanded .nav-link small {
    display: inline;
}

.sidebar .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar.expanded .nav-link {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}

.nav-pills .nav-link.active {
    background-color: var(--bs-warning);
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

@media(max-width: 768px) {
    .sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: 60px !important;
        z-index: 1030;
    }

        .sidebar .nav {
            display: flex;
            flex-direction: row !important;
            align-items: center;
            justify-content: space-around;
            width: 100%;
        }

        .sidebar .nav-link span, .sidebar .nav-link small {
            display: none !important;
        }

        .sidebar .border-top {
            border-top: unset !important;
        }

        .sidebar .border-bottom {
            border-bottom: unset !important;
        }

    #toggleSidebar {
        display: none !important;
    }

    .nav .nav-item a.nav-link.active {
        color: var(--bs-warning) !important;
        background: none;
        border-bottom: 4px solid var(--bs-warning) !important;
        padding-bottom: 16px !important;
    }
}