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

#sidebar-container {
    min-height: 100vh;
    background-color: #F5F5F5;
    padding: 0;
}

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

.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 50px;
    color: white;
}

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

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

/* 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;
}

/* ====================================HEADER========================================= */
.admin-header {
    background-color: #595757;
    color: #FFFFFF;
}

.admin-logout-btn {
    background-color: #939393 !important;
}

/* ====================================LEFT SIDE BAR========================================= */
.list-group {
    border-radius: none;
}

#sidebar-container .list-group-item,
#navbarNavDropdown .list-group-item {
    border-top: solid 1px #F5F5F5;
    border-top-width: 1px !important;
    background-color: #807E7E;
}

#sidebar-container .list-group-item-action:focus,
#sidebar-container .list-group-item-action:hover,
#sidebar-container .list-group-item-action.active,
#navbarNavDropdown .list-group-item-action:focus,
#navbarNavDropdown .list-group-item-action:hover,
#navbarNavDropdown .list-group-item-action.active {
    background-color: #acacac !important;
    border-color: #ffffff;
}

#sidebar-container .list-group-item-action:focus,
#sidebar-container .list-group-item-action:hover,
#sidebar-container .list-group-item-action.active,
#navbarNavDropdown .list-group-item-action:focus,
#navbarNavDropdown .list-group-item-action:hover,
#navbarNavDropdown .list-group-item-action.active span {
    color: #000000 !important;
}

/* ====================================FOOTER========================================= */
footer {
    padding: 20px;
    font-size: 12px;
    background-color: #595757;
    color: #FFFFFF;
}

/* ================================USER AREA ========================*/
.user-area {
    border-bottom: solid 1px #B1B1B2;
    margin-left: 30px;
}

.user-area .fa-sort-down {
    position: absolute;
    right: 5px;
}

.user-area a,
.user-area-header,
.area-sub-group {
    padding: 0;
}

.user-area .list-group-item {
    border: none;
    border-top-width: unset !important;
    background-color: unset;
}

.user-area .area:nth-child(odd) {
    background-color: #DDDDDD;
}

.user-area .area:nth-child(even) {
    background-color: #EBEBEB;
}

.user-area-header,
.user-area-header:hover,
.user-area-header:focus {
    background-color: #808080 !important;
    color: #ffffff !important;
}

.user-area .area-group .col,
.user-area .user-area-header .col {
    padding: 6px;
    border-top: solid 1px #B1B1B2;
    border-left: solid 1px #B1B1B2;
}

.user-area .area-group {
    border-right: solid 1px #B1B1B2;
}

.user-area .area-sub-group .col {
    padding: 6px;
}

.user-area .sidebar-submenu {
    border: solid 1px #B1B1B2;
    border-top: unset;
}

.user-area .area-sub-col {
    border-top: solid 1px #B1B1B2;
    border-left: solid 1px #B1B1B2;
    color: #000000;
}

.user-area .list-group-item-action {
    color: #000000;
}

.gray-header,
.gray-header:hover,
.gray-header:focus {
    background-color: #808080 !important;
    color: #ffffff !important;
}