.menuOptionSlider {
    height: 100vh;
	background: linear-gradient(90deg, #202030 0%, #323242 65%);
    position: fixed;
    opacity: 0.98;
    overflow: inherit;
    float: left;
    left: 0px; 
    top: 64px;
    z-index: 100;
}
.menuOptionSlider ul {
    margin: 0;
    padding: 0;
    height: 90%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.menuOptionSlider ul li:hover {
    background-color: #555555f0;
    opacity: 1;
}
.menubars:hover {
    /* background-color: #fff !important; */
    opacity: 1;
}
.menuOptionSlider ul li {
    text-decoration: none;
    /* display: inline-flex; */
    width: 100%;
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
    height: 50px;
    margin-top: 4px;
    margin-bottom: 3px;
    box-sizing: initial;
}
.menuOptionSlider ul li i{
	font-size: 20px;
	cursor: pointer;
}
.menuOptionSlider ul li a{
	color:#fff !important;
}
.dropdown-content li>a, .dropdown-content li>span{
	color: #26a69a !important;
}
.menuOptionSlider .bx ,.menuOptionSlider .fa{
    font-size: 18px;
	color: #fff;
	padding: 15px;
} 
.menuOptionSlider ul li img {
  height: 45px;
  width: 45px;
}
.menuOptionSlider ul::-webkit-scrollbar {
 display: none;
}
.collapse {
    width: 46px !important;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-name: reducetime2;
    float: left;
    right: 0;
    transition: 0.2s ease-in-out;
}
.expand {
    width: 220px;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-name: reducetime;
    float: left;
    right: 0;
    transition: 0.2s ease-in-out;
}
.on {
    color: #738E83 !important
}
.border_left {
    border-left: 3px solid #738E83;
}
.optiontext {
    color: #000;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 600;
}
.border_top_menu
{
	border-top: 1px solid #a7a4a4;
}
.img_logo{
	height:50px !important;  
	display:flex !important;
	margin: 0 auto;
	padding: 10px;
}
.imgonopen{
	height: 75px !important;
	padding: 0px;
}
.imgonclose{
	display:none !important;
}