/* Sidebar Menu *********************************************************************/
.menu-sidebar.v2 ul.sidebar-menu a:before, 
.menu-sidebar.v2 ul.sidebar-menu span:before {
    content: none;
}

/*.menu-sidebar.v2 ul.sidebar-menu>li.nav-item a.active:before,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item a.is-active:before,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item span.active:before,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item span.is-active:before {
    color: rgba(255, 255, 255, 0.5) !important;
}*/

.menu-sidebar.v2 {
    position: sticky;
    top: 2rem;
}

.menu-sidebar.v2 ul.sidebar-menu {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.5rem;
    padding: 0.5rem;
    padding-left: 0.5rem !important;
}

.menu-sidebar.v2 ul.sidebar-menu>li.nav-item {
    border-radius: 0.25rem;
    text-decoration: none;
    margin-bottom: 0.25rem;
    padding: 0;
}

.menu-sidebar.v2 ul.sidebar-menu>li.nav-item:last-child {
    margin-bottom: 0;
}

.menu-sidebar.v2 ul.sidebar-menu>li.nav-item a.nav-link,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item .dropdown-item,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item.dropdown .dropdown-menu .dropdown-item,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item.dropdown span.nav-link {
    background: #FFF;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    text-decoration: none;
    margin-bottom: 0.25rem;
}


/* Menu Item Background Colours ******************************************************/
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item .dropdown-item {
    background: #dcd4c9 !important;
}

.menu-sidebar.v2 ul.sidebar-menu>li.nav-item .dropdown-item:hover {
    filter:brightness(0.95);
    color: #614E35;
}

.menu-sidebar.v2 ul.sidebar-menu>li.nav-item a.nav-link.active,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item a.is-active {
    background: #ad9b82 !important;
    color: #FFF !important;
}

.menu-sidebar.v2 ul.sidebar-menu li.nav-item.active.dropdown>.nav-link,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item .dropdown-menu .dropdown a.dropdown-toggle.active{
    background: #6E5A3D !important;
    color: #FFF;
}


/* Menu Item Identation **************************************************************/
/* Sidebar Menu: 1st Level indentation */
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item {}


/* Sidebar Menu: 2nd Level indentation */
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > a.dropdown-item,
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > .dropdown > span.dropdown-item,
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > .dropdown > a.dropdown-item {
    padding-left: 2rem !important;
}

/* Sidebar Menu: 3rd Level indentation */
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > .dropdown > .dropdown-item,
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > .dropdown > .dropdown-menu > a.dropdown-item,
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > .dropdown > .dropdown-menu > .dropdown > span.dropdown-item {
    padding-left: 3rem !important;
}

/* Sidebar Menu: 4th Level indentation */
.menu-sidebar.v2 ul.sidebar-menu > li.nav-item .dropdown-menu > .dropdown > .dropdown-menu > .dropdown > .dropdown-menu > a.dropdown-item {
    padding-left: 4.5rem !important;
}


/* Show/Hide Dropdown Menus **************************************************************/
.menu-sidebar.v2 .dropdown-item:not(.show) + .dropdown-menu {
    display:none !important;
}

.menu-sidebar.v2 .dropdown-menu:has(.dropdown-item.is-active) {
    display:block !important;
}


/* Icon Change according to menu show/hide **************************************************************/
/* Caret Down */
.menu-sidebar.v2 ul.sidebar-menu>li .dropdown-toggle::after,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item> .dropdown-menu .dropdown .dropdown-toggle::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
}

/* Caret Up */
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item.active> .dropdown-toggle.is-active::after,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item> .nav-link.show::after,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item> .dropdown-menu.show .dropdown .dropdown-toggle.show::after,
.menu-sidebar.v2 ul.sidebar-menu>li.nav-item> .dropdown-menu .dropdown .dropdown-toggle.active.show::after {
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
}


/* Icon Color when Active */


.menu-sidebar.v2 ul.sidebar-menu li a:hover {
    background: #E8E2DA;
    text-decoration: none;
}

.menu-sidebar.v2 ul.sidebar-menu li.dropdown .dropdown-menu {
    border: 0;
    background: transparent;
}