#body-row {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: nowrap;
}

#sidebar-container {
    min-height: 100vh;
    background-color: #333;
    padding: 0;
    transition: 0.2s;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 185px;
}

    .sidebar-expanded .list-group-item {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

.sidebar-collapsed {
    width: 60px;

}

/* Menu item*/
#sidebar-container .list-group > a {
    color: white;
    display: grid;
    place-items: center;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    padding-left: 30px;
}

.sidebar-submenu {
    font-size: 0.8rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}

.sidebar-separator {
    background-color: #333;
    height: 25px;
}

.logo-separator {
    background-color: #333;
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}

.list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color) !important;
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg) !important;
}

.list-group-item {
    border: 1px solid rgba(0, 0, 0, .125) !important;
    
}

.text-muted {
    color: #6c757d !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important;
    color: white !important;
}