.special.active,
.left-menu.active {
    color: white;
    background-color: black !important;
    box-shadow: inset 10px 0 0 0 #86BC25, 0 -1px 0 0 rgba(0,0,0,0.25);
}

.RTL .special.active,
.RTL .left-menu.active {
    box-shadow: inset -10px 0 0 0 #86BC25, 0 -1px 0 0 rgba(0,0,0,0.25);
}

.special.inactive:hover,
.left-menu.inactive:hover
 {
    color: inherit !important;
    background-color: #F4F4F4 !important;
    box-shadow: inset 10px 0 0 0 #86BC25, 0 -1px 0 0 rgba(0,0,0,0.25) !important;
}

.RTL .special.inactive:hover,
.RTL .left-menu.inactive:hover {
    box-shadow: inset -10px 0 0 0 #86BC25, 0 -1px 0 0 rgba(0,0,0,0.25) !important;
}


.left-menu {
    cursor: pointer;
    
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
}

.menu-icon {
    margin-left: 0px;
    margin-right: 13px;
    min-width: 20px;
}

.RTL .menu-icon {
    margin-left: 13px;
    margin-right: 0px;
}

.special {
    background-color: #35383f !important;
    color: white;
}