#nav-drawer .mud-tooltip-root{
    width:100%
}
.mud-drawer {
    transition: none;
}
.mud-navmenu {
    background-color: var(--pluxee-color-deepblue12);
    color: white;
    text-decoration: none;
}
.mud-nav-link-text {
    font-size: var(--mud-typography-body2-size)
}
.mud-nav-link-expand-icon, mud-nav-link-expand-icon {
    color: white !important;
    fill: white !important;
}
.mud-nav-link:hover .mud-nav-link-expand-icon, mud-nav-link-expand-icon {
    color: var(--pluxee-color-deepblue12) !important;
    fill: var(--pluxee-color-deepblue12) !important;
}
.mud-nav-group:has(.active) .mud-nav-link-expand-icon, mud-nav-link-expand-icon {
    color: var(--pluxee-color-deepblue12) !important;
    fill: var(--pluxee-color-deepblue12) !important;
}
.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: white;
}
.mud-nav-link {
    height: 40px;
}
.mud-nav-link:hover, .mud-nav-link.active {
    background-color: #def3fb !important;
    color: var(--pluxee-color-deepblue12) !important;
    transition: none;
}
.mud-nav-link-active {
    font-weight: 800;
}
/*#region Active group*/
.mud-nav-group:has(.active) {
    background-color: #def3fb !important;
    border-left: 2px solid #17ccf9;
    color: var(--pluxee-color-deepblue12) !important;
}
    .mud-nav-group:has(.active) .mud-nav-link {
        color: var(--pluxee-color-deepblue12) !important;
        background-color: #def3fb !important;
    }
.mud-nav-group:has(.active) .mud-nav-link-icon {
    color: var(--pluxee-color-deepblue12) !important;
}
    .mud-nav-group:has(.active) a.mud-nav-link:not(.active):hover {
        background-color: #c3ebfb !important;
        color: var(--pluxee-color-deepblue12) !important;
        margin: 0;
        animation: none;
    }
.mud-nav-group:has(.active) .mud-nav-link:hover .mud-nav-link-icon, .mud-nav-link.active .mud-nav-link-icon {
    color: var(--pluxee-color-deepblue12) !important;
    transition: none;
}
/*#endregion Active group*/

.mud-nav-link:hover .mud-nav-link-icon, .mud-nav-link-expand-icon, .mud-nav-link.active .mud-nav-link-icon {
    color: var(--pluxee-color-deepblue12) !important;
    transition: none;
}

a.mud-nav-link:hover::before, a.mud-nav-link.active::before {
    content: "";
    width: 0%;
    height: 0px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left-width: 9px;
    border-left-style: solid;
    border-left-color: #17ccf9;
    position: absolute;
    left: 0; /* stick to the very left */
    top: 50%; /* vertically centered */
    transform: translateY(-50%); /* adjust center */
    right: 0px;
    display: block;
}