/*scrollbar width */
::-webkit-scrollbar { width: 7px; height: 7px; }
/*scrollbar Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #f8d2ba; border-radius: 10px; }
/*scrollbar Handle */
::-webkit-scrollbar-thumb { background: #f58c4bce; border-radius: 10px; }
/*scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #ffa369cc; }
.main-bg-color
{
    background-color: #EB6D20!important;
}
.main-color,.font-blue-madison
{
    color: #EB6D20 !important;
}
body{
    line-height: normal !important;
}

/******************************** start top bar ************************************/
body > div.page-header.navbar.navbar-fixed-top{
    background-color: #EB8426!important;
    box-shadow: 0px 4px 40px rgb(0 0 0 / 7%) !important;
    border-bottom: 0px !important;
    color: #EB6D20 !important;

}
.page-head a:hover {
    background-color: #EB6D20 !important;
    box-shadow: inset 1px 1px 5px #eb6e208c;
}
ul > li >a{
    color: #000 ;
}

body > div.page-header.navbar.navbar-fixed-top > div > div.page-logo.main-color > div{
    filter:invert(66%) sepia(32%) saturate(798%) hue-rotate(6deg) brightness(92%) contrast(89%) ;
}

.label-bg-wallet_transaction{
    background: #009688;
}
/******************************** end top bar ************************************/

/******************************* start sidebar **********************************/
.page-sidebar{
    background-color: #fff !important;
    position: fixed;
    z-index: 9;

}
.page-sidebar .page-sidebar-menu>li:hover>a>i[class*=icon-],
.page-sidebar .page-sidebar-menu>li.open>a>i[class*=icon-],
.page-sidebar .page-sidebar-menu .sub-menu>li>a>i[class*=icon-]{
    color: #000 !important;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a{
    background-color:#FFAE4255;
    color: #000 !important;
}
.page-sidebar .page-sidebar-menu .sub-menu,
.page-sidebar .page-sidebar-menu li.active>.sub-menu
{
    background: #F8FAFC !important;
}
.page-sidebar .page-sidebar-menu .sub-menu>li>a{
    color: #EB8426!important;
}
body > div.page-container > div.page-sidebar-wrapper > div{
    height:92% !important;
    overflow-y: scroll !important;
    padding-bottom: 10px !important;
}
/* body > div.page-container > div.page-sidebar-wrapper > div > ul > li > a */
.page-sidebar .page-sidebar-menu>li>a>i,
.page-sidebar .page-sidebar-menu>li>a>i,
.page-sidebar .page-sidebar-menu>li>a,
.page-sidebar .page-sidebar-menu>li>a,
.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class^=icon-]{
    color: #334155 !important;
    transition: all .7s;
}

.page-sidebar .page-sidebar-menu>li:hover>a>i[class*=icon-]{
    color: #fff !important;
}

.page-sidebar .page-sidebar-menu>li:hover>a{
    color: #fff !important;
    background-color: #334155 !important;
}

.page-header-fixed .page-container {
    margin-top: 55px !important;
}
.page-container {
    margin: 0;
    padding: 20px 0px 0px 0px !important;
    position: relative;
    background: #fafafa;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover {
    background-color: #FFAE42 !important;
}
.page-sidebar{
    margin-bottom: 0px !important;

}
body > div.page-container > div.page-content-wrapper > div{
     height: 100% !important;
}

.page-content-wrapper .page-content {
    padding: 10px 20px 0 20px !important;
}

.page-sidebar .page-sidebar-menu>li.active.open>a>i,
.page-sidebar .page-sidebar-menu>li.active>a>i,
.page-sidebar .page-sidebar-menu>li.active.open>a,
.page-sidebar .page-sidebar-menu>li.active>a ,
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a ,
.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a,
.page-sidebar .page-sidebar-menu>li:hover>a
{
    background-color: #f3cfae !important;
    color: #fff !important;
}

.page-content{
    transition: all 0.3s ease-in-out;
    min-height: calc(100vh - 124px) !important;
}

.btn.blue {
    color: #FFF;
    background-color: #334155db !important;
    border-color: #334155db !important;
}

.btn-warning:hover{
    background-color: #EB8426!important;
    border-color: #eb85268c;

}
.btn-warning{
    background-color: #EB8426!important;
    border-color: #eb85268c;
}
/********************************* end sidebar ***************************************/

/******************************** style footer ************************************/
.page-footer {
    padding: 10px 20px 15px !important;
    background: #0F172A;
    height: auto;
    margin-top: 0px !important;
}