.dark-mode a {color: #007bff;} .dark-mode a:not(.btn):hover {color: #3395ff;}
.dark-mode, .dark-mode .content-wrapper, .dark-mode .content-wrapper .content-header {background-color: #454d55 !important;color: #fff;}
.dark-mode .main-header .navbar {background-color: #343a40;border-color: #4b545c;} .dark-mode .main-header .navbar .sidebar-toggle:hover {background-color: #282d36;} 
.dark-mode .main-header .logo:hover {background-color: #282d36;}
.dark-mode .main-sidebar{background-color:#343a40;box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) !important;}
.dark-mode .sidebar-menu li > a {color: #ced4da;} .dark-mode .sidebar-menu li > a:hover {background-color: rgba(255,255,255,.1);color: #fff;}
.dark-mode .sidebar-menu > li:hover > a, .dark-mode .sidebar-menu > li.active > a, .dark-mode .sidebar-menu > li.menu-open > a {background: #1e282c;}
.dark-mode .sidebar-menu > li.active > a {border-left-color: #3c8dbc;} .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body {border: none;} .dark-mode .dropdown-menu {box-shadow: 0 6px 12px rgba(0,0,0,.175);border:none;}
.dark-mode .content-header > .breadcrumb > li > a{color:#adb5bd;}
.dark-mode .box, .dark-mode .box-header, .dark-mode .dropdown-menu {background-color: #343a40;color: #fff;} .dark-mode .box {border-top-color: transparent;}.dark-mode .box-header.with-border {border-bottom: 1px solid rgba(0,0,0,.125);}
.dark-mode .box .box-footer {background-color: rgba(0,0,0,.1);border-top: 0 solid rgba(0,0,0,.125);}
.dark-mode .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: rgba(0,0,0,.1);}
.dark-mode .table td, .dark-mode .table th{border-top: 1px solid #6c757d;}
.dark-mode .main-footer, .dark-mode .main-header .logo {background-color: #343a40;color: #869099;border-color: #4b545c;}
.dark-mode .products-list > .item {background-color: #343a40;color: #fff;border-bottom-color: #6c757d;}
.dark-mode .nav-stacked > li > a{color: #fff;} .dark-mode .box .nav-stacked > li {border-bottom: 1px solid #6c757d;}
.dark-mode .nav > li > a:hover, .dark-mode .nav > li > a:active, .dark-mode .nav > li > a:focus {background-color: rgba(255,255,255,.1);color: #fff;}
.dark-mode .sidebar-menu > li > .treeview-menu {margin: 0 1px; background:#2c3238;} .dark-mode .sidebar-menu > li > a {border-left: 3px solid transparent;}
.dark-mode .modal {background: rgba(255, 255, 255, 0.17)!important;}
.dark-mode .modal-content {background-color: #1e2229;}
.dark-mode .modal-content .modal-header, .dark-mode .modal-content .modal-footer {border-color: #424242;}
.dark-mode .form-control {background-color: #282d36;border-color: #282d36;color: #fff;}
.dark-mode .input-group .input-group-addon {border-radius: 0;background-color: #282d36;border: none;color: #fff;}
.dark-mode .input-group-addon i{width:20px;}
.dark-mode .panel {background-color: transparent;}
.dark-mode.login-page{background: #293037 !important;} 
.dark-mode .login-box-body, .register-box-body {background: rgba(0,0,0,.2);}
.dark-mode .daterangepicker td.available:hover, .dark-mode .daterangepicker th.available:hover {background-color: #454d55;}
.dark-mode .daterangepicker .calendar-table{background-color: transparent;} .dark-mode .daterangepicker td.in-range {background-color:#39cccc}