#sidebar {
    position: fixed;
    top: 56px; /* Height of the navbar */
    left: 0;
    height: 100%;
    width: 250px;
    /*transition: width 0.3s ease;*/
    z-index: 1000; /* Ensure the sidebar is above other content */
}

#sidebar > ul {
    overflow-y: scroll;
    scrollbar-width: none;
    max-height: 90vh;
    color: white;
}

#sidebar::-webkit-scrollbar {
    display: none;
}

#sidebar.minimized {
    width: 60px;
}
#sidebar.minimized span:not(.sidebar-dropdown-text) {
    display: none;
}

#sidebar .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
}

.sidebar-text, .sidebar-dropdown-text {
    color: white;
}

#sidebar.minimized .nav-link {
    text-align: center;
}

#sidebar.minimized .nav-link::before {
    /*content: attr(title);*/
    display: block;
}

/* Sidebar toggle button */
#sidebar-toggle {
    cursor: pointer;
}
#sidebar-toggle:hover {
    color: var(--bs-link-color);
}

#sidebar .dropdown-menu {
    background-color: #373a3f;
}

textarea.driver_notes {
    height: 100px !important;
    min-height: 100px !important;
    background-color: #3b3b3b;
    color: white;
    resize: none;
}

#driver_notes > div {
    overflow-y: scroll;
    max-height: 70vh;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#driver_notes_mobile > div {
    overflow-y: scroll;
    max-height: 50vh;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

div.divider {
    height: 10px;
    min-height: 10px;
    background-color: var(--custom-tertiary);
}

#driver_notes.minimized {
    display: none;
}