:root[data-bs-theme="dark"] .switcher-wrapper {
     background: #12181a;
}
 :root[data-bs-theme="dark"] body {
     color: #e4e5e6;
     background-color: #070d0e 
}
 :root[data-bs-theme="dark"] a {
     color: #fff;
     text-decoration: none;
}
 :root[data-bs-theme="dark"] .text-option{
     color: #ffffff!important 
}
 :root[data-bs-theme="dark"] .h1, :root[data-bs-theme="dark"] .h2, :root[data-bs-theme="dark"] .h3, :root[data-bs-theme="dark"] .h4, :root[data-bs-theme="dark"] .h5, :root[data-bs-theme="dark"] .h6, :root[data-bs-theme="dark"] h1, :root[data-bs-theme="dark"] h2, :root[data-bs-theme="dark"] h3, :root[data-bs-theme="dark"] h4, :root[data-bs-theme="dark"] h5, :root[data-bs-theme="dark"] h6 {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .card {
     background-color: #12181a;
     box-shadow:0 0.1rem 0.7rem rgb(0 0 0 / 20%) 
}
 :root[data-bs-theme="dark"] .chat-list .list-group-item.active {
     background-color: #3e4348;
}
 :root[data-bs-theme="dark"] .chat-tab-menu .nav-pills .nav-link.active, :root[data-bs-theme="dark"] .chat-tab-menu .nav-pills .show>.nav-link {
     color: #ffffff;
     background-color: rgb(0 123 255 / 0%);
}
 :root[data-bs-theme="dark"] .row.row-group>div {
     border-right: 1px solid rgb(255 255 255 / 12%);
}
 :root[data-bs-theme="dark"] .card-header {
     border-bottom: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .card-footer {
     border-top: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .text-secondary {
     color: #a8adb0!important 
}
 :root[data-bs-theme="dark"] .topbar {
     background-color: #12181a;
     border-bottom: 1px solid rgb(237 237 237 / 12%);
     box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 20%) 
}
 :root[data-bs-theme="dark"] .user-box {
     border-left: 1px solid rgb(255 255 255 / .15);
     border-right: 1px solid rgb(255 255 255 / .15);
}
 :root[data-bs-theme="dark"] .user-info .user-name {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .user-info .designattion {
     color: #b3b3b3 
}
 :root[data-bs-theme="dark"] .product-list .row {
     background-color: rgb(255 255 255 / 8%) 
}
 :root[data-bs-theme="dark"] .product-img {
     background-color: rgb(0 0 0 / 25%);
     border: 1px solid rgb(255 255 255 / 15%) 
}
 @media (min-width:992px) {
     :root[data-bs-theme="dark"] .product-list .row:hover {
         background-color: rgb(255 255 255 / 15%);
         margin-top: -.25rem;
         margin-bottom: .25rem;
         -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .2);
         box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .2) 
    }
}
 :root[data-bs-theme="dark"] .recent-product-img {
     background-color: rgb(255 255 255 / 10%);
     border: 1px solid rgb(255 255 255 / 10%) 
}
 :root[data-bs-theme="dark"] .page-footer {
     background-color: #12181a;
     border-top: 1px solid rgb(237 237 237 / 12%) 
}
 :root[data-bs-theme="dark"] .mobile-toggle-menu {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .btn-close {
     filter: invert(1) grayscale(100%) brightness(200%) 
}
 :root[data-bs-theme="dark"] .logo-icon {
     filter: invert(1) grayscale(100%) brightness(200%) 
}
 :root[data-bs-theme="dark"] .body-logo-icon {
     filter: invert(1) grayscale(100%) brightness(200%) 
}
 :root[data-bs-theme="dark"] .toggle-icon {
     color: #e7e9ec 
}
 :root[data-bs-theme="dark"] .topbar .navbar-nav .nav-link {
     border-left: 0 solid rgb(255 255 255 / 12%);
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .topbar .navbar .dropdown-app .dropdown-menu .app-name {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .topbar .navbar .dropdown-app .dropdown-menu .app-box:hover {
     background-color: #32363a;
}
 :root[data-bs-theme="dark"] .topbar .navbar .dropdown-menu {
     border: 1px solid rgb(241 241 241 / 15%);
}
 :root[data-bs-theme="dark"] .dropdown-large .cart-product {
     border: 1px solid rgb(241 241 241 / 15%);
}
 :root[data-bs-theme="dark"] .dropdown-large .cart-product-title {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .dropdown-large .cart-product-cancel {
     color: #e4e5e6;
     border: 1px solid rgb(241 241 241 / 15%);
     background-color: rgb(255 255 255 / 12%);
}
 :root[data-bs-theme="dark"] .topbar .navbar .navbar-nav .nav-link:hover, :root[data-bs-theme="dark"] .topbar .navbar .navbar-nav .nav-link:focus {
     background-color: rgb(255 255 255 / 12%);
     color: #ffffff;
}
 :root[data-bs-theme="dark"] .search-bar a.btn, :root[data-bs-theme="dark"] .search-bar a.btn:focus {
     color: #e4e5e6;
     background-color: #252a2c;
}
 :root[data-bs-theme="dark"]::placeholder {
     color: #e4e5e6!important;
     opacity: .5!important 
}
 :root[data-bs-theme="dark"] .dropdown-menu {
     color: #e4e5e6;
     background-color: #12181a;
     box-shadow: 0 .5rem 1rem rgb(0 0 0 / .3) 
}
 :root[data-bs-theme="dark"] .dropdown-item {
     color: #acafb3 !important;
}
 :root[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover {
     background-color: #303337 
}
 :root[data-bs-theme="dark"] .dropdown-divider {
     border-top: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .dropdown-large .dropdown-menu .dropdown-item {
     border-bottom: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-name {
     color: #fff 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-info {
     color: #80868c 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-time {
     color: #b1afaf 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-header {
     border-bottom: 1px solid rgb(255 255 255 / 15%);
     background: 0 0 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-header .msg-header-title {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-header .msg-header-clear {
     color: #999ea2 
}
 :root[data-bs-theme="dark"] .dropdown-large .msg-footer {
     color: #d1d7de;
     border-top: 1px solid rgb(255 255 255 / .15) 
}
 :root[data-bs-theme="dark"] .btn-white {
     color: #e4e5e6;
     background-color: #12181a;
     border-color: rgb(206 212 218 / 45%);
     border-top: 1px solid #63686f;
     border-left: 1px solid #63686f 
}
 :root[data-bs-theme="dark"] .user-img {
     border: 1px solid rgb(255 255 255 / 28%) 
}
 :root[data-bs-theme="dark"] .customers-contacts a {
     background: rgb(255 255 255 / 12%);
     border: 1px solid rgb(255 255 255 / 14%);
     color: #fff 
}
 @media (min-width:992px) {
     :root[data-bs-theme="dark"] .customers-list .customers-list-item:hover {
         background-color: rgb(255 255 255 / 12%) 
    }
}
 :root[data-bs-theme="dark"] .order-actions a {
     background: rgb(255 255 255 / 12%);
     border: 1px solid rgb(255 255 255 / 14%);
     color: #fff 
}
 :root[data-bs-theme="dark"] .alert {
     background-color: #161515 
}
 :root[data-bs-theme="dark"] .accordion-item {
     color: #e4e5e6;
     background-color: #12181a;
     border: var(--bs-accordion-border-width) solid #3f3f3f;
}
 :root[data-bs-theme="dark"] .accordion-button::after {
     filter: invert(1) grayscale(100%) brightness(200%);
}
 :root[data-bs-theme="dark"] .accordion-button {
     background-color: #12181a;
}
 :root[data-bs-theme="dark"] .accordion-button {
     color: #bac0c6;
     border: 0px solid rgb(255 255 255 / 14%) 
}
 :root[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
     background-color: rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .nav-tabs .nav-link {
     color: #e3e4e5 
}
 :root[data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link, :root[data-bs-theme="dark"] .nav-tabs .nav-link.active {
     color: #ffffff;
     background-color: #12181a;
}
 :root[data-bs-theme="dark"] .nav-tabs {
     border-bottom: 1px solid rgb(255 255 255 / 14%) 
}
 :root[data-bs-theme="dark"] .nav-primary.nav-tabs .nav-link.active {
     border-color: rgb(255 255 255 / 12%) rgb(255 255 255 / 12%) rgb(255 255 255 / 14%) 
}
 :root[data-bs-theme="dark"] .nav-danger.nav-tabs .nav-link.active {
     border-color: #f41127 #f41127 rgb(255 255 255 / .14) 
}
 :root[data-bs-theme="dark"] .nav-success.nav-tabs .nav-link.active {
     border-color: #17a00e #17a00e rgb(255 255 255 / .14) 
}
 :root[data-bs-theme="dark"] .nav-warning.nav-tabs .nav-link.active {
     border-color: #ffc107 #ffc107 rgb(255 255 255 / .14) 
}
 :root[data-bs-theme="dark"] .nav-pills .nav-link {
     color: #e7e8ea 
}
 :root[data-bs-theme="dark"] .theme-icons {
     background-color: #12181a 
}
 :root[data-bs-theme="dark"] .pricing-table .card ul li.list-group-item {
     color: #e5dede 
}
 :root[data-bs-theme="dark"] .table {
     --bs-table-bg: transparent;
     --bs-table-striped-color: #e4e5e6;
     --bs-table-striped-bg: rgba(0, 150, 255, 0.5);
     --bs-table-active-color: #e4e5e6;
     --bs-table-active-bg: rgba(255, 255, 255, 0.1);
     --bs-table-hover-color: #e4e5e6;
     --bs-table-hover-bg: rgba(255, 255, 255, 0.9);
     width: 100%;
     margin-bottom: 0rem;
     color: #e4e5e6;
     vertical-align: top;
     border-color: rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .table-light {
     --bs-table-bg: rgb(255 255 255 / 12%);
     color: #fff 
}
 :root[data-bs-theme="dark"] .table td, :root[data-bs-theme="dark"] .table th {
     border-color: rgb(255 255 255 / 12%);
     color: #a7a7a7;
}
 :root[data-bs-theme="dark"] .table thead th {
     border-bottom: 2px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .border {
     border: 1px solid rgb(255 255 255 / 12%)!important 
}
 :root[data-bs-theme="dark"] .border-end {
     border-right: 1px solid rgb(255 255 255 / 12%)!important 
}
 :root[data-bs-theme="dark"] .border-3 {
     border-width: 3px!important 
}
 :root[data-bs-theme="dark"] .topbar .navbar .dropdown-menu::after {
     background: #12181a;
     border-top: 1px solid rgb(241 241 241 / 15%);
    ;
     border-left: 1px solid rgb(241 241 241 / 15%);
}
 :root[data-bs-theme="dark"] .topbar .navbar .dropdown-large .dropdown-menu::after {
     background: #12181a;
     border-top: 1px solid rgb(241 241 241 / 15%);
    ;
     border-left: 1px solid rgb(241 241 241 / 15%);
}
 :root[data-bs-theme="dark"] .highcharts-background {
     fill: rgb(255 255 255 / 0%) 
}
 :root[data-bs-theme="dark"] .highcharts-title {
     fill: #e4e5e6!important;
     font-size: 1.5em 
}
 :root[data-bs-theme="dark"] .highcharts-root text {
     fill: #8f949a 
}
 :root[data-bs-theme="dark"] .highcharts-grid-line {
     fill: none;
     stroke: rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper {
     background: #12181a;
     border-right: 1px solid rgb(255 255 255 / 12%);
     box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 20%) !important;
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header {
     background: #12181a;
     border-right: 1px solid rgb(255 255 255 / 12%);
     border-bottom: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header .logo-text {
     color: #e7e9ec 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header .toggle-btn {
     color: #e7e9ec 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header .toggle-btn:hover {
     color: #fff 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header .toggle-btn:active {
     color: #fff;
     background: rgb(255 255 255 / 25%) 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .metismenu a {
     color: #9ea4aa 
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .metismenu .mm-active>a, :root[data-bs-theme="dark"] .sidebar-wrapper .metismenu a:active, :root[data-bs-theme="dark"] .sidebar-wrapper .metismenu a:focus, :root[data-bs-theme="dark"] .sidebar-wrapper .metismenu a:hover {
     color: #fff;
     text-decoration: none;
     background-color: rgb(255 255 255 / 12%);
}
 :root[data-bs-theme="dark"] .sidebar-wrapper .metismenu ul {
     border: 1px solid #ffffff00;
     background: rgb(255 255 255 / 0%) 
}
 :root[data-bs-theme="dark"] .simplebar-scrollbar:before {
     background: rgba(255, 255, 255, .4) 
}
 :root[data-bs-theme="dark"] .footer {
     background: #12181a;
     border-top: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .btn-light-warning {
     color: #ff9305 
}
 :root[data-bs-theme="dark"] .btn-light-dark {
     color: #757c83 
}
 :root[data-bs-theme="dark"] .modal-content {
     background-color: #12181a 
}
 :root[data-bs-theme="dark"] .modal-header {
     border-bottom: 1px solid rgb(222 226 230 / 16%) 
}
 :root[data-bs-theme="dark"] .modal-footer {
     border-top: 1px solid rgb(222 226 230 / 16%) 
}
 :root[data-bs-theme="dark"] .email-wrapper {
     background: #12181a;
     box-shadow: 0 .1rem .7rem rgb(0 0 0 / 24%) 
}
 :root[data-bs-theme="dark"] .email-sidebar {
     background: #12181a;
     border-right: 1px solid rgb(255 255 255 / .12) 
}
 :root[data-bs-theme="dark"] .email-sidebar-header {
     background: #12181a;
     border-bottom: 1px solid rgb(255 255 255 / .12);
     border-right: 0 solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .email-navigation {
     border-bottom: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .email-navigation a.list-group-item {
     color: #e4e5e6;
     background-color: #12181a;
     border-bottom: 1px solid rgb(0 0 0 / 0%) 
}
 :root[data-bs-theme="dark"] .email-navigation a.list-group-item:hover {
     background-color: rgb(0 123 255 / 15%) 
}
 :root[data-bs-theme="dark"] .email-meeting a.list-group-item {
     color: #e4e5e6;
     background-color: #12181a;
     border-bottom: 1px solid rgb(0 0 0 / 0%) 
}
 :root[data-bs-theme="dark"] .email-meeting a.list-group-item:hover {
     background-color: rgb(0 123 255 / 15%) 
}
 :root[data-bs-theme="dark"] .list-group-item {
     background-color: #12181a;
     color: #fbfcfd;
     border: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .list-group-item.active {
     z-index: 2;
     color: #fff;
     background-color: #008cff;
     border-color: #008cff;
}
 :root[data-bs-theme="dark"] .list-group-item:hover {
     background-color: rgb(255 255 255 / 10%) 
}
 :root[data-bs-theme="dark"] .email-navigation a.list-group-item.active {
     color: #fbfcfd;
     font-weight: 600;
     background-color: rgb(13 110 253 / 14%) 
}
 :root[data-bs-theme="dark"] .list-group-flush>.list-group-item {
     border-width: 0 0 1px 
}
 :root[data-bs-theme="dark"] .border-top {
     border-top: 1px solid rgb(255 255 255 / 13%)!important 
}
 :root[data-bs-theme="dark"] .email-header {
     background: #12181a;
     border-bottom: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .email-content {
     background: #12181a 
}
 :root[data-bs-theme="dark"] .email-list div.email-message {
     background: #12181a;
     border-bottom: 1px solid rgb(255 255 255 / 12%);
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .email-list div.email-message:hover {
     transition: all .2s ease-out;
     background: #434a50 
}
 :root[data-bs-theme="dark"] .bg-body {
     background-color: #12181a!important 
}
 :root[data-bs-theme="dark"] .email-time {
     font-size: 13px;
     color: #8c969e 
}
 :root[data-bs-theme="dark"] .chat-time {
     font-size: 13px;
     color: #8c969e 
}
 :root[data-bs-theme="dark"] .widgets-icons {
     color: #12181a 
}
 :root[data-bs-theme="dark"] .invoice {
     background-color: #12181a 
}
 :root[data-bs-theme="dark"] .chat-wrapper {
     background: #12181a;
     box-shadow: 0 .1rem .7rem rgb(0 0 0 / 22%) 
}
 :root[data-bs-theme="dark"] .chat-sidebar {
     background: #12181a;
     border-right: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .chat-sidebar-header {
     background: #12181a;
     border-bottom: 1px solid rgb(255 255 255 / 13%);
     border-right: 0 solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .chat-header {
     background: #12181a;
     border-bottom: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .chat-tab-menu li a.nav-link {
     color: #c3c5c8 
}
 :root[data-bs-theme="dark"] .product-img-2 {
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 14%);
}
 :root[data-bs-theme="dark"] .chat-title {
     color: #e4e5e6 
}
 :root[data-bs-theme="dark"] .chat-msg {
     font-size: 14px;
     color: #848992 
}
 :root[data-bs-theme="dark"] .chat-top-header-menu a {
     color: #c3c5c8;
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 15%) 
}
 :root[data-bs-theme="dark"] .chat-content-leftside .chat-left-msg {
     background-color: #12181a 
}
 :root[data-bs-theme="dark"] .chat-content-rightside .chat-right-msg {
     background-color: #41484e 
}
 :root[data-bs-theme="dark"] .chat-footer {
     background: #12181a;
     border-top: 1px solid rgb(255 255 255 / 13%) 
}
 :root[data-bs-theme="dark"] .chat-footer-menu a {
     color: #c3c5c8;
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 15%) 
}
 :root[data-bs-theme="dark"] .fm-menu .list-group a {
     color: #c3c5c8 
}
 :root[data-bs-theme="dark"] .fm-icon-box {
     background: #12181a;
     color: #fff 
}
 :root[data-bs-theme="dark"] .contacts-social a {
     background: #12181a;
     color: #fff 
}
 :root[data-bs-theme="dark"] .invoice table td, :root[data-bs-theme="dark"] .invoice table th {
     background: rgb(255 255 255 / 12%);
     border-bottom: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .invoice table .no {
     color: #fff;
     background: #007bff 
}
 :root[data-bs-theme="dark"] .invoice main .notices {
     background: #12181a 
}
 :root[data-bs-theme="dark"] .invoice footer {
     color: #e4e5e6;
     border-top: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .fc-theme-standard td, :root[data-bs-theme="dark"] .fc-theme-standard th {
     border: 1px solid rgb(255 255 255 / .12) 
}
 :root[data-bs-theme="dark"] .fc-theme-standard .fc-scrollgrid {
     border: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .fc .fc-col-header-cell-cushion {
     color: #fff 
}
 :root[data-bs-theme="dark"] .fc .fc-daygrid-day-number {
     color: #fff 
}
 :root[data-bs-theme="dark"] .breadcrumb {
     background-color: rgb(33 37 41 / 0%);
}
 :root[data-bs-theme="dark"] .breadcrumb-item.active {
     color: #8b969f 
}
 :root[data-bs-theme="dark"] .breadcrumb-title {
     border-right: 1.5px solid rgb(255 255 255 / 18%) 
}
 :root[data-bs-theme="dark"] .btn-outline-secondary {
     color: #c5cace;
     border-color: #c2c9ce 
}
 :root[data-bs-theme="dark"] .btn-light {
     color: #fff;
     background-color: rgb(255 255 255 / 15%);
     border-color: rgb(255 255 255 / 22%) 
}
 :root[data-bs-theme="dark"] .btn-light:hover {
     color: #fff;
     background-color: rgb(255 255 255 / 25%);
     border-color: rgb(255 255 255 / 32%) 
}
 :root[data-bs-theme="dark"] .btn-dark {
     color: #fff;
     background-color: #181e22;
     border-color: #181e22 
}
 :root[data-bs-theme="dark"] .btn-dark:hover {
     color: #fff;
     background-color: #13181b;
     border-color: #13181b 
}
 :root[data-bs-theme="dark"] .btn-outline-dark {
     color: #fff;
     border-color: #181e22 
}
 :root[data-bs-theme="dark"] .page-link {
     color: #b2b6ba;
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / .12) 
}
 :root[data-bs-theme="dark"] .page-item.disabled .page-link {
     color: #b0b6bc;
     background-color: rgb(255 255 255 / 28%);
     border-color: rgb(222 226 230 / 14%) 
}
 :root[data-bs-theme="dark"] .progress {
     background-color: rgb(255 255 255 / 14%) 
}
 :root[data-bs-theme="dark"] .chip {
     color: rgb(198 200 203);
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 15%) 
}
 :root[data-bs-theme="dark"] .bg-light {
     background-color: rgb(255 255 255 / 15%)!important 
}
 :root[data-bs-theme="dark"] ul.icons li {
     box-shadow: 0 1px 5px #13171a;
     background: #12181a 
}
 :root[data-bs-theme="dark"] ul.icons li i {
     color: #fff 
}
 :root[data-bs-theme="dark"] .icon-box {
     background: #12181a;
     box-shadow: 0 1px 5px #161a1e 
}
 :root[data-bs-theme="dark"] .pByfF i {
     color: #fff 
}
/* select 2 */
 :root[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
     color: #c0c8d1;
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 31%);
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
     color: #c8c8c8;
     border: 1px solid rgb(255 255 255 / 26%);
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
     color: #ffffff;
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
     color: #ffffff;
     background-color: #4c4d53;
     border: 1px solid rgb(255 255 255 / 31%);
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown {
     color: #d0d2d3;
}
 :root[data-bs-theme="dark"] .form-control {
     color: #c0c8d1;
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 34%) 
}
 :root[data-bs-theme="dark"] .form-select {
     color: #c0c8d1;
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 34%) 
}
 :root[data-bs-theme="dark"] .form-control:focus {
     box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25) 
}
 :root[data-bs-theme="dark"] .form-select:focus {
     box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25) 
}
 :root[data-bs-theme="dark"] .form-control:disabled, :root[data-bs-theme="dark"] .form-control[readonly] {
     background-color: rgb(255 255 255 / 22%) 
}
 :root[data-bs-theme="dark"] .form-control::placeholder {
     color: #e4e5e6!important;
     opacity: .5!important 
}
 :root[data-bs-theme="dark"] .picker__input {
     background-color: #12181a!important;
     border: 1px solid rgb(255 255 255 / 34%)!important 
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap4 .select2-selection {
     background-color: rgb(255 255 255 / .14);
     border: 1px solid rgb(255 255 255 / .35) 
}
 :root[data-bs-theme="dark"] .select2-dropdown {
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 38%) 
}
 :root[data-bs-theme="dark"] .select2-search--dropdown .select2-search__field {
     border: 1px solid rgb(255 255 255 / 34%);
     background-color: rgb(255 255 255 / 14%);
     color: #e3dfdf 
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
     color: #dee1e5;
     border: 1px solid rgb(255 255 255 / 55%);
     background: #12181a 
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered .select2-search__field {
     background: 0 0;
     color: #e6e1e1 
}
 :root[data-bs-theme="dark"] .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
     background-color: rgb(255 255 255 / 20%) 
}
 :root[data-bs-theme="dark"] .ff_fileupload_wrap .ff_fileupload_dropzone {
     background-color: rgb(252 252 252 / 14%);
     border: 2px dashed rgb(255 255 255 / 50%) 
}
 :root[data-bs-theme="dark"] .imageuploadify {
     background-color: rgb(255 255 255 / 14%);
     border: 2px dashed rgb(255 255 255 / .5) 
}
 :root[data-bs-theme="dark"] .bootstrap-tagsinput {
     background-color: #12181a;
     border: 1px solid rgb(255 255 255 / 35%);
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 37%);
     color: #e5e0e0 
}
 :root[data-bs-theme="dark"] .input-group-text {
     color: #d1d7de;
     background-color: #3e464c;
     border: 1px solid rgb(255 255 255 / 35%) 
}
 :root[data-bs-theme="dark"] .table-bordered td, :root[data-bs-theme="dark"] .table-bordered th {
     border: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .table-dark {
     background-color: #1d2126 
}
 :root[data-bs-theme="dark"] .table .thead-light th {
     background-color: rgb(255 255 255 / 20%);
     border-color: #fff 
}
 :root[data-bs-theme="dark"] .table-bordered {
     border: 1px solid rgb(255 255 255 / 12%) 
}
 :root[data-bs-theme="dark"] .login-card {
     border-right: 1px solid rgb(255 255 255 / 12%)!important 
}
 :root[data-bs-theme="dark"] .border-bottom {
     border-bottom: 1px solid rgb(255 255 255 / 14%)!important 
}
 :root[data-bs-theme="dark"] .navbar-light .navbar-nav .nav-link {
     color: rgb(255 255 255 / 50%) 
}
 :root[data-bs-theme="dark"] .navbar-light .navbar-nav .active>.nav-link, :root[data-bs-theme="dark"] .navbar-light .navbar-nav .nav-link.active, :root[data-bs-theme="dark"] .navbar-light .navbar-nav .nav-link.show, :root[data-bs-theme="dark"] .navbar-light .navbar-nav .show>.nav-link {
     color: rgb(255 255 255 / 90%) 
}
 :root[data-bs-theme="dark"] .bg-light-purple {
     background-color: rgb(130 128 255 / 32%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-primary {
     background-color: rgb(103 58 183 / 33%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-danger {
     background-color: rgb(220 53 69 / 33%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-shineblue {
     background-color: rgb(1 215 255 / 33%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-cyne {
     background-color: rgb(0 139 139 / 32%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-warning {
     background-color: rgb(255 193 7 / 32%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-success {
     background-color: rgb(40 167 69 / 33%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-info {
     background-color: rgb(25 143 237 / 22%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-sinata {
     background-color: rgb(165 43 187 / 33%)!important 
}
 :root[data-bs-theme="dark"] .bg-light-mehandi {
     background: rgb(131 152 56 / 32%)!important 
}
 :root[data-bs-theme="dark"] .logo-white {
     display: block 
}
 :root[data-bs-theme="dark"] .logo-dark {
     display: none 
}
 :root[data-bs-theme="dark"] .email-toggle-btn {
     color: #c9cbce;
     background-color: #ffffff00 
}
 :root[data-bs-theme="dark"] .chat-toggle-btn {
     color: #c9cbce;
     background-color: #ffffff00;
     border: 0 solid rgb(0 0 0 / 15%) 
}
 :root[data-bs-theme="dark"] .apexcharts-datalabel, :root[data-bs-theme="dark"] .apexcharts-datalabel-label, :root[data-bs-theme="dark"] .apexcharts-datalabel-value, :root[data-bs-theme="dark"] .apexcharts-datalabels, :root[data-bs-theme="dark"] .apexcharts-pie-label {
     fill: #fff 
}
 :root[data-bs-theme="dark"] .product-discount {
     color: #fff;
     background-color: rgb(255 255 255 / 12%) 
}
 @media screen and (max-width:1024px) {
     :root[data-bs-theme="dark"] .wrapper.toggled .overlay {
         background: #fff;
         opacity: .4 
    }
     :root[data-bs-theme="dark"] .chat-toggled .overlay {
         background: #fff;
         opacity: .4 
    }
     :root[data-bs-theme="dark"] .email-toggled .overlay {
         background: #fff;
         opacity: .4 
    }
}
 @media screen and (max-width:767px) {
     :root[data-bs-theme="dark"] .topbar .navbar-nav .nav-link {
         border-left: 0 solid #ededed 
    }
}
/*jafg ini*/
 :root[data-bs-theme="dark"] label {
     color: #ffffff!important;
}
 :root[data-bs-theme="dark"] .dt-info {
     margin-top: 0.5rem;
     color: #ffffff!important;
}
 :root[data-bs-theme="dark"] .dt-paging {
     margin-top: 0.5rem;
}
 :root[data-bs-theme="dark"] .btn-dark {
     background-color: #f1f1f1;
     color: #212529;
     border-color: #dcdcdc;
}
 :root[data-bs-theme="dark"] .btn-dark:hover {
     background-color: #e2e2e2;
     color: #212529;
     border-color: #dcdcdc;
}
 :root[data-bs-theme="dark"] .btn-outline-dark {
     border-color: #dcdcdc;
}
 :root[data-bs-theme="dark"] .btn-outline-dark:hover {
     background-color: #e2e2e2;
     color: #212529;
}
 :root[data-bs-theme="dark"] .active > .page-link, .page-link.active {
     background-color: #004058;
     border-color: #004058;
}
 :root[data-bs-theme="dark"] table.dataTable thead th{
     color: white !important;
}
 html[data-bs-theme='dark'] .swal2-popup {
     background: #212529 !important;
     color: #e4e5e6 !important;
}
 html[data-bs-theme='dark'] .swal2-title, html[data-bs-theme='dark'] .swal2-content {
     color: #e4e5e6 !important;
}
 html[data-bs-theme='dark'] .swal2-timer-progress-bar {
     background: #0dcaf0 !important;
    /* un cian Bootstrap visible */
     opacity: 0.7;
    /* opcional: transparencia */
}
 :root[data-bs-theme="dark"] .user-img {
     filter: invert(1) grayscale(100%) brightness(200%) 
}
 :root[data-bs-theme="dark"] .timeline-item {
     background-color: #212529;
}

/* =========================================================
   DateRangePicker (daterangepicker.com) - Dark theme
   Integrado con tu esquema :root[data-bs-theme="dark"]
   Pegar DESPUÉS de daterangepicker.css
   ========================================================= */

/* Base del popup */
:root[data-bs-theme="dark"] .daterangepicker {
  background-color: #12181a;
  color: #e4e5e6;
  border: 1px solid rgb(255 255 255 / 13%);
  box-shadow: 0 .5rem 1rem rgb(0 0 0 / .3);
}

/* Flechita */
:root[data-bs-theme="dark"] .daterangepicker:before {
  border-bottom-color: rgb(255 255 255 / 13%);
}
:root[data-bs-theme="dark"] .daterangepicker:after {
  border-bottom-color: #12181a;
}

/* Contenedores */
:root[data-bs-theme="dark"] .daterangepicker .drp-calendar,
:root[data-bs-theme="dark"] .daterangepicker .calendar-table {
  background-color: #12181a;
}
:root[data-bs-theme="dark"] .daterangepicker .calendar-table {
  border: 1px solid #12181a;
}

/* Encabezados / días */
:root[data-bs-theme="dark"] .daterangepicker .calendar-table th,
:root[data-bs-theme="dark"] .daterangepicker .calendar-table td {
  color: #e4e5e6;
}
:root[data-bs-theme="dark"] .daterangepicker .calendar-table thead th {
  color: #a8adb0; /* similar a .text-secondary */
}

/* Días deshabilitados / fuera de mes */
:root[data-bs-theme="dark"] .daterangepicker td.off,
:root[data-bs-theme="dark"] .daterangepicker td.off.in-range,
:root[data-bs-theme="dark"] .daterangepicker td.off.start-date,
:root[data-bs-theme="dark"] .daterangepicker td.off.end-date {
  background-color: transparent;
  color: #80868c;
}

/* Hover de días */
:root[data-bs-theme="dark"] .daterangepicker td.available:hover,
:root[data-bs-theme="dark"] .daterangepicker th.available:hover {
  background-color: rgb(255 255 255 / 12%);
  color: #ffffff;
}

/* Rango seleccionado */
:root[data-bs-theme="dark"] .daterangepicker td.in-range {
  background-color: rgb(13 110 253 / 14%); /* como tu list-group active suave */
  color: #e4e5e6;
}

/* Inicio / Fin del rango (usar tu acento #004058) */
:root[data-bs-theme="dark"] .daterangepicker td.start-date,
:root[data-bs-theme="dark"] .daterangepicker td.end-date,
:root[data-bs-theme="dark"] .daterangepicker td.active {
  background-color: #004058;
  color: #ffffff;
}

/* Si quieres que "hoy" resalte sutil */
:root[data-bs-theme="dark"] .daterangepicker td.today {
  position: relative;
}
:root[data-bs-theme="dark"] .daterangepicker td.today:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: rgb(255 255 255 / 60%);
}

/* Panel de rangos predefinidos (izquierda) */
:root[data-bs-theme="dark"] .daterangepicker .ranges {
  background-color: #12181a;
  border-right: 1px solid rgb(255 255 255 / 13%);
}
:root[data-bs-theme="dark"] .daterangepicker .ranges ul {
  background-color: transparent;
}
:root[data-bs-theme="dark"] .daterangepicker .ranges li {
  color: #acafb3;
}
:root[data-bs-theme="dark"] .daterangepicker .ranges li:hover {
  background-color: #303337; /* igual a dropdown hover */
  color: #ffffff;
}
:root[data-bs-theme="dark"] .daterangepicker .ranges li.active {
  background-color: #004058;
  color: #ffffff;
}

/* Footer de botones */
:root[data-bs-theme="dark"] .daterangepicker .drp-buttons {
  background-color: #12181a;
  border-top: 1px solid rgb(255 255 255 / 13%);
}
:root[data-bs-theme="dark"] .daterangepicker .drp-selected {
  color: #a8adb0;
}

/* Selects (mes/año) y timepicker */
:root[data-bs-theme="dark"] .daterangepicker select.monthselect,
:root[data-bs-theme="dark"] .daterangepicker select.yearselect,
:root[data-bs-theme="dark"] .daterangepicker .calendar-time select,
:root[data-bs-theme="dark"] .daterangepicker .calendar-time input {
  color: #c0c8d1;
  background-color: #12181a;
  border: 1px solid rgb(255 255 255 / 34%);
}
:root[data-bs-theme="dark"] .daterangepicker select.monthselect:focus,
:root[data-bs-theme="dark"] .daterangepicker select.yearselect:focus,
:root[data-bs-theme="dark"] .daterangepicker .calendar-time select:focus,
:root[data-bs-theme="dark"] .daterangepicker .calendar-time input:focus {
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

/* Input dentro del picker (si usas showDropdowns/search o custom) */
:root[data-bs-theme="dark"] .daterangepicker input[type="text"],
:root[data-bs-theme="dark"] .daterangepicker input[type="number"] {
  color: #c0c8d1;
  background-color: #12181a;
  border: 1px solid rgb(255 255 255 / 34%);
}
:root[data-bs-theme="dark"] .daterangepicker input::placeholder {
  color: #e4e5e6 !important;
  opacity: .5 !important;
}

/* Flechas (prev/next) */
:root[data-bs-theme="dark"] .daterangepicker .calendar-table .next span,
:root[data-bs-theme="dark"] .daterangepicker .calendar-table .prev span {
  border-color: rgb(255 255 255 / 60%);
}

/* Botones (si el plugin usa .applyBtn/.cancelBtn con bootstrap) */
:root[data-bs-theme="dark"] .daterangepicker .drp-buttons .btn.applyBtn {
  background-color: #004058;
  border-color: #004058;
  color: #ffffff;
}
:root[data-bs-theme="dark"] .daterangepicker .drp-buttons .btn.applyBtn:hover {
  background-color: #003347;
  border-color: #003347;
}
:root[data-bs-theme="dark"] .daterangepicker .drp-buttons .btn.cancelBtn {
  color: #fff;
  background-color: rgb(255 255 255 / 15%);
  border-color: rgb(255 255 255 / 22%);
}
:root[data-bs-theme="dark"] .daterangepicker .drp-buttons .btn.cancelBtn:hover {
  background-color: rgb(255 255 255 / 25%);
  border-color: rgb(255 255 255 / 32%);
}

/*jafg fin*/