:root{--primary-color:#cfb476;--secondary-color:#090b18;--secondary-gray-color:#262835;--white-color:#fff;--white-gray-color:#cacaca}
.page-header.navbar .page-logo{text-align:center;background-color:var(--secondary-gray-color);width:195px;height:68px}
.logo_img{background-color:var(--secondary-gray-color);width:115px}
.page-header.navbar .page-logo>.logo-image,.page-header.navbar .page-logo>a{display:inline-block;float:none}
.page-content-wrapper{background-color:var(--secondary-gray-color)}
.page-footer{background-color:var(--secondary-gray-color);text-align:center}
.page-footer .page-footer-inner{float:none}
.page-footer-inner{color:var(--white-color)}
.page-container-bg-solid .page-content{background:var(--secondary-color)}
.page-sidebar .page-sidebar-menu>li>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{border-top:1px solid var(--secondary-color)}
.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-],.page-sidebar .page-sidebar-menu>li>a>i[class^=icon-],.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=icon-],.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=icon-]{color:var(--white-color)}
.page-sidebar .page-sidebar-menu>li>a>i,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i{color:var(--white-color)}
.title{color:var(--white-color)}
.page-container-bg-solid .page-title,.page-container-bg-solid .page-title small{color:var(--white-gray-color)}
.page-sidebar .page-sidebar-menu>li.open>a>.arrow.open:before,.page-sidebar .page-sidebar-menu>li.open>a>.arrow:before,.page-sidebar .page-sidebar-menu>li.open>a>i,.page-sidebar .page-sidebar-menu>li:hover>a>.arrow.open:before,.page-sidebar .page-sidebar-menu>li:hover>a>.arrow:before,.page-sidebar .page-sidebar-menu>li:hover>a>i,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow.open:before,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow:before,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>i,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow.open:before,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow:before,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i{color:var(--secondary-gray-color)}
.page-bar{background-color:var(--secondary-gray-color)}
table{width:100%!important}
.dataTables_scroll{margin-bottom:0}
hr{margin:2px}
.tbl_top_btns{margin: 5px 0;
    line-height: 30px;}
.table-scrollable{border:0 solid #e7ecf1}
.type_hide{display:none}
.main-mobile-data{padding:65px 12px;text-align:left}
.mobile-inner{width:225px;height:355px;overflow-x:hidden;overflow-y:scroll}
.image-card{margin:10px;border-radius:8px!important;background:#fff;box-shadow:0 0 10px #999}
.dashboard-stat .visual > i{margin-left:0;font-size:80px;line-height:100px;opacity:.4}
.product_with_img .image-card h5{padding:8px 5px;margin:0;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#3598dc}
.product_with_img .image-card .pro_img{width:84%;margin:0 8%}
.product_with_img .image-card h3{color:#f89324;font-weight:600!important;text-transform:uppercase;text-align:center}
.product_with_img .product_name{font-size:16px;font-weight:700;margin:0;text-align:left;color:#000;padding:0;height:42px;overflow:hidden}
.product_with_img .product_rate{font-size:16px;font-weight:700;margin:0;text-align:center;color:#fff;padding:5px;background:#0079fe;border-radius:5px}
.product_with_img .product_desc{font-size:12px;padding:5px;color:#505050;margin:0}
.product_with_img .product_btn{font-size:14px;padding:5px 25px;color:#fff;background:#07f;border-radius:5px!important;margin:0 auto;text-decoration:none;width:100%}
.product_with_img .product_btn a{color:#fff;text-decoration:none}
.product_with_img .product_btn:hover{background:#ff7300}
::-webkit-scrollbar{width:7px;height:7px!important}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#888}
::-webkit-scrollbar-thumb:hover{background:#555}
.table-scrollable::-webkit-scrollbar{width:7px!important;height:7px!important}
.highcharts-scrollbar-track::-webkit-scrollbar{width:7px!important;height:7px!important}
.table-scrollable ::-webkit-scrollbar-track{background:#fff!important}
.table-scrollable ::-webkit-scrollbar-thumb{background:#888!important}
.table-scrollable ::-webkit-scrollbar-thumb:hover{background:#555!important}
.modal-xl{width:90%}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.label-success{background-color:#28a745}
.btn.yellow{color:#fff;background-color:#f4d03f;border-color:#f4d03f}
.btn.yellow:not(.btn-outline):active{color:#fff;background-color:#f4d03f;border-color:#f4d03f}
.btn.purple:not(.btn-outline){color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn.purple:not(.btn-outline):active:hover,.btn.purple:not(.btn-outline):active:focus,.btn.purple:not(.btn-outline):active.focus,.btn.purple:not(.btn-outline).active:hover,.btn.purple:not(.btn-outline).active:focus,.btn.purple:not(.btn-outline).active.focus,.open > .btn.purple:not(.btn-outline).dropdown-toggle:hover,.open > .btn.purple:not(.btn-outline).dropdown-toggle:focus,.open > .btn.purple:not(.btn-outline).dropdown-toggle.focus{color:#fff;background-color:var(--primary-color)f;border-color:var(--primary-color)}
.btn.purple:not(.btn-outline):active,.btn.purple:not(.btn-outline).active,.open > .btn.purple:not(.btn-outline).dropdown-toggle{background-image:none;color:#fff;background-color:#703688;border-color:#703688}
.font-green{color:var(--primary-color)!important}
.btn.green:not(.btn-outline){color:#FFF;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn.green:not(.btn-outline):hover{color:#FFF;background-color:var(--primary-color);border-color:var(--primary-color)}
.page-header.navbar .page-top{;background:var(--secondary-gray-color);border-bottom: 1px solid #444;}
.page-sidebar,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{background-color:var(--secondary-gray-color)}
.btn.yellow:not(.btn-outline){color:#fff;background-color:#f4d03f;border-color:#f4d03f}
.btn.yellow:not(.btn-outline):hover{color:#fff;background-color:#f4d03ff2;border-color:#f4d03ff5}
.btn.yellow:not(.btn-outline):focus{color:#fff;background-color:#f4d03f;border-color:#f4d03f}
.btn.yellow:not(.btn-outline):active:hover{color:#fff;background-color:#f4d03f;border-color:#f4d03f}
.label-danger{background-color:#f4d03f}
.page-sidebar .page-sidebar-menu>li:hover>a{background:var(--primary-color);color:#e4e9f2}
.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a{background:var(--primary-color)!important}
.page-sidebar-menu-hover-submenu li:hover>.sub-menu{background:var(--secondary-gray-color)!important}
.page-sidebar .page-sidebar-menu>li.active.open>a,.page-sidebar .page-sidebar-menu>li.active>a{background:var(--primary-color);color:#fff}
.page-sidebar .page-sidebar-menu>li.active.open>a:hover,.page-sidebar .page-sidebar-menu>li.active>a:hover{background:var(--primary-color)}
.page-sidebar .page-sidebar-menu>li.active.open>a>i,.page-sidebar .page-sidebar-menu>li.active>a>i{color:#fff}
.btn.purple:not(.btn-outline):hover{color:#fff;background-color:#d0ab61;border-color:#d0ab61}
.btn.purple:not(.btn-outline):active{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn.purple:not(.btn-outline):active:hover,.btn.purple:not(.btn-outline):active:focus{background-color:var(--primary-color)}
btn.purple:not(.btn-outline):focus{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn-success:active:hover{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:hover{color:#fff;background-color:#31ce55;border-color:#31ce55}
.btn-success:focus{color:#fff;background-color:#28a745;border-color:#28a745}
.btn.green:not(.btn-outline):active{color:#FFF;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn.green:not(.btn-outline):focus{color:#FFF;background-color:var(--primary-color);border-color:var(--primary-color)}
.btn.green:not(.btn-outline):active:hover{color:#FFF;background-color:#bfa162;border-color:#bfa162}
.pagination>.active>a{z-index:3;color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);cursor:default}
.portlet.box.{border:1px solid var(--primary-color);border-top:0}
.portlet.box > .portlet-body{background-color:#fff;border:1px solid;border-color:var(--primary-color);padding:15px}
.page-header.navbar{background-color:var(--secondary-gray-color)!important}
.download,.download_user_commision{margin-left:20px}
.highlight_this{font-weight:700;color:#08C;padding:0 5px}
.mt-20{margin-top:20px}
.mb-10{margin-bottom:10px}
.input-icon.right > .form-control{padding-right:1px}
.has-error > .fa-warning{color:#e73d4a}
.has-success > .fa-check{color:#27a4b0}
.center-modal-dialog{position:relative;top:30%;transform:translateY(-50%);margin:0 auto}

@media (max-width: 991px) {
    .page-header.navbar .page-top {
        box-shadow: none !important;
		border-bottom: 1px solid #444;
    }
}