html {
    background: #263544;
}
.app {
    background-color: #263544;
}
.top-nav > ul li:hover .top-menu:not(.top-menu--active) .top-menu__icon:before {
    background-color: red;
}
.side-nav .side-nav__devider {
    background-color: white;
}
.side-nav > ul ul ul {
    background-color: red;
}
.side-nav > ul > li > .side-menu.side-menu--active {
    background-color: #F1F5F8;
}
.side-nav > ul > li > .side-menu.side-menu--active .side-menu__icon {
    color: black;
}
.side-nav > ul > li > .side-menu.side-menu--active .side-menu__icon:before {
    background-color: #F1F5F8;
}
.side-nav > ul > li > .side-menu.side-menu--active .side-menu__title {
    color: #2d3748;
}
.side-nav > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before {
    background-color:#3b4956;
}
.mobile-menu {
    border-color: white;   
}
/**************************************/
/*dark Mode*/
html.dark .login-bg-dark,html.dark .WY-num-dark,html.dark .AFY-num-dark,.bg-dark-1
{
    background-color: #293145;
}
html.dark .YO-bg-dark,html.dark .WL-bg-dark,.bg-dark-2{
    background-color: #313a55;
}
.bg-dark-3{
    background-color: #232a3b;
}
html.dark .date-bg-dark{
    background-color: #232a3b;
    border-color: #232a3b;
}
html.dark .daterangepicker .ranges li:hover{
    background-color: blue;
}
/*end of dark mode*/
/***************************************/
/*scroll bar **/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background:#F1F5F8;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #F1F5F8; 
    border-radius: 15px;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 6px #F1F5F8; 
    background:#263544;
} 
/* end of scroll bar */