.sidebar-menu-section{background-color: #222d32;overflow-y: auto;}

/* width */.sidebar-menu-section::-webkit-scrollbar {width: 10px;}
/* Track */.sidebar-menu-section::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */.sidebar-menu-section::-webkit-scrollbar-thumb {background: #0099cc;}
/* Handle on hover */.sidebar-menu-section::-webkit-scrollbar-thumb:hover {background: #286090;}

.sidebar-menu > hr{border-top: 1px dotted #b8c7ce;margin: 4px 17px;}

.animate-menu-push {left: 0;position: relative;transition: all 0.3s ease; }
.animate-menu-push.animate-menu-push-right {left: 250px; }
.animate-menu-push.animate-menu-push-left {left: -250px; }

.animate-menu {position: fixed;top: 0;width: 250px;height: 100%;transition: all 0.3s ease; }
.animate-menu-left {left: -250px; }
.animate-menu-left.animate-menu-open {left: 0; }

.animate-menu-right {right: -250px; }
.animate-menu-right.animate-menu-open {right: 0; }

.sidebar-menu {list-style: none;margin: 0;padding: 0;background-color: #f1f1f1; }
.sidebar-menu > li {position: relative;margin: 0;padding: 0; }
.sidebar-menu > li > a {padding: 12px 5px 12px 15px;display: block;border-left: 3px solid transparent;color: #071540; }
.sidebar-menu > li > a > .fa {width: 20px; }
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {color: #071540;background: #b8c7ce!important;border-left-color: #3c8dbc; }
.sidebar-menu > li .label,.sidebar-menu > li .badge {margin-top: 3px;margin-right: 5px; }
.sidebar-menu li.sidebar-header {padding: 10px 25px 10px 15px;font-size: 12px;color: #071540;background: #f1f1f1; }
.sidebar-menu li > a > .fa-angle-left {width: auto;height: auto;padding: 0;margin-right: 10px;margin-top: 3px; }
.sidebar-menu li.active > a > .fa-angle-left {transform: rotate(-90deg); }
.sidebar-menu li.active > .sidebar-submenu {display: block; }
.sidebar-menu a {color: #b8c7ce;text-decoration: none; }
.sidebar-menu a:active {background: #b8c7ce!important; }
.sidebar-menu .sidebar-submenu {display: none;list-style: none;padding-left: 5px;margin: 0 1px;background: #f1f1f1; }
.sidebar-menu .sidebar-submenu .sidebar-submenu {padding-left: 20px; }
.sidebar-menu .sidebar-submenu > li > a {padding: 10px 5px 10px 15px;display: block;font-size: 14px;color: #071540!important; }
.sidebar-menu .sidebar-submenu > li > a > .fa {width: 20px; }
.sidebar-menu .sidebar-submenu > li > a > .fa-angle-left,.sidebar-menu .sidebar-submenu > li > a > .fa-angle-down {width: auto; }
.sidebar-menu .sidebar-submenu > li.active > a, .sidebar-menu .sidebar-submenu > li > a:hover {background: #b8c7ce!important;color: #fff!important; }

.sidebar-menu-rtl {list-style: none;margin: 0;padding: 0;background-color: #222d32; }
.sidebar-menu-rtl > li {position: relative;margin: 0;padding: 0; }
.sidebar-menu-rtl > li > a {padding: 12px 15px 12px 5px;display: block;border-left: 3px solid transparent;color: #b8c7ce; }
.sidebar-menu-rtl > li > a > .fa {width: 20px; }
.sidebar-menu-rtl > li:hover > a, .sidebar-menu-rtl > li.active > a {color: #fff;background: #1e282c;border-left-color: #3c8dbc; }
.sidebar-menu-rtl > li .label,.sidebar-menu-rtl > li .badge {margin-top: 3px;margin-right: 5px; }
.sidebar-menu-rtl li.sidebar-header {padding: 10px 15px 10px 25px;font-size: 12px;color: #4b646f;background: #1a2226; }
.sidebar-menu-rtl li > a > .fa-angle-left {width: auto;height: auto;padding: 0;margin-right: 10px;margin-top: 3px; }
.sidebar-menu-rtl li.active > a > .fa-angle-left {transform: rotate(-90deg); }
.sidebar-menu-rtl li.active > .sidebar-submenu {display: block; }
.sidebar-menu-rtl a {color: #b8c7ce;text-decoration: none; }
.sidebar-menu-rtl .sidebar-submenu {display: none;list-style: none;padding-right: 5px;margin: 0 1px;background: #2c3b41; }
.sidebar-menu-rtl .sidebar-submenu .sidebar-submenu {padding-right: 20px; }
.sidebar-menu-rtl .sidebar-submenu > li > a {padding: 5px 15px 5px 5px;display: block;font-size: 14px;color: #8aa4af; }
.sidebar-menu-rtl .sidebar-submenu > li > a > .fa {width: 20px; }
.sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-left,.sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-down {width: auto; }
.sidebar-menu-rtl .sidebar-submenu > li.active > a, .sidebar-menu-rtl .sidebar-submenu > li > a:hover {color: #fff; }