html.dark-theme body { color: #fcfcfc; background-color: #181818; }
html.dark-theme ::placeholder { color: #fff !important; opacity: 0.4 !important; }


/* Sidebar */
html.dark-theme .sidebar-wrapper,
html.dark-theme .sidebar-wrapper .sidebar-header {
    background-color: #181818;
}


html.dark-theme .sidebar-wrapper, 
html.dark-theme .sidebar-wrapper .sidebar-header {
    border-right: 1px solid rgb(255 255 255 / 12%);
}

html.dark-theme .sidebar-wrapper,
html.dark-theme .sidebar-wrapper .sidebar-header {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

html.dark-theme .sidebar-wrapper .sidebar-header .logo-text,
html.dark-theme .sidebar-wrapper .sidebar-header .toggle-icon {
    color: #fcfcfc;
}

html.dark-theme .sidebar-wrapper .metismenu a { color: rgb(255 255 255 / 50%); }

html.dark-theme .sidebar-wrapper .metismenu .mm-active>a, html.dark-theme .sidebar-wrapper .metismenu a:active, html.dark-theme .sidebar-wrapper .metismenu a:focus, html.dark-theme .sidebar-wrapper .metismenu a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(255 255 255 / 12%);
}

html.dark-theme .sidebar-wrapper .sidebar-header img { filter: invert(1) grayscale(100%) brightness(200%); }

html.dark-theme .sidebar-wrapper .simplebar-scrollbar:before { background: rgba(255, 255, 255, .4) }

html.dark-theme .apexcharts-pie-label, html.dark-theme .apexcharts-datalabels, html.dark-theme .apexcharts-datalabel, html.dark-theme .apexcharts-datalabel-label, html.dark-theme .apexcharts-datalabel-value {
    fill: #fff;
}

html.dark-theme .apexcharts-text tspan { fill: rgb(255 255 255 / 66%); }


/* Header */
html.dark-theme .top-header { color: #fcfcfc; background-color: #181818; border-bottom: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .top-header .navbar .top-navbar-right .nav-link { color: #fcfcfc; }

html.dark-theme .top-header .navbar .searchbar .search-icon,
html.dark-theme .top-header .mobile-menu-button {
    color: #fcfcfc;
}

html.dark-theme .top-header .navbar .searchbar .form-control { color: #fcfcfc; background-color: #212121; border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .options { color: #fcfcfc; }

/* ecommerce */
html.dark-theme .shop-container .card { border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .product-grid .card.product-card { background-color: #212121; }

html.dark-theme .product-categories ul a { color: #fcfcfc; }

html.dark-theme .product-wishlist { background-color: rgb(255 255 255 / 12%); color: #fcfcfc; }

html.dark-theme .product-compare, html.dark-theme .product-catergory { color: #fcfcfc; }

html.dark-theme .steps-light .step-item.active.current { color: #ffffff; }

html.dark-theme .payment-img img, html.dark-theme .payment-mode img { filter: invert(1) grayscale(100%) brightness(200%); }

@media (min-width: 992px) {
	html.dark-theme .product-grid .card.product-card:hover { background-color: #1a1919; }
}


/* Components */
html.dark-theme .btn-dark { color: #fff; background-color: #181818; border-color: #181818; }

html.dark-theme .btn-outline-dark { color: #b1b6bb; border-color: #7f868d; }

html.dark-theme .btn-white { color: #ffffff; background-color: #212121; border-color: rgb(255 255 255 / 12%); }

html.dark-theme .btn-light { color: #fff; background-color: rgb(255 255 255 / 12%); border-color: rgb(255 255 255 / 12%); }

html.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone, 
html.dark-theme .imageuploadify { 
    border: 2px dashed rgb(255 255 255 / 74%); 
    background-color: #212121; 
}

html.dark-theme .picker__input { background-color: #181818 !important; }

html.dark-theme .picker__holder { background: #181818; border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme  .picker__button--today, 
html.dark-theme  .picker__button--clear, 
html.dark-theme  .picker__button--close {
    border: 1px solid rgb(255 255 255 / 12%);
    background: #181818;
}

html.dark-theme .select2-container .select2-selection--single { background-color: #181818; }
html.dark-theme .select2-container--bootstrap4 .select2-selection { background-color: #181818; border: 1px solid rgb(255 255 255 / .35) }
html.dark-theme .select2-dropdown { background-color: #212121; border: 1px solid rgb(255 255 255 / 38%) }
html.dark-theme .select2-search--dropdown .select2-search__field { border: 1px solid rgb(255 255 255 / 34%); background-color: #181818; color: #e3dfdf }
html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { color: #dee1e5; border: 1px solid rgb(255 255 255 / 55%); background: #171717 }
html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered .select2-search__field { background: 0 0; color: #e6e1e1 }
html.dark-theme .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] { background-color: #181818; }

html.dark-theme .form-control:focus, html.dark-theme .select2-selection--single:focus { background: #181818 !important; }

html.dark-theme .modal-content { background-color: #212121 !important; }

html.dark-theme .modal-header { border-bottom: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .modal-footer { border-top: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .nav-tabs .nav-item.show .nav-link, 
html.dark-theme .nav-tabs .nav-link.active {
    background-color: #181818;
}

html.dark-theme .nav-tabs { border-bottom: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .nav-primary.nav-tabs .nav-link.active { border-color: #008cff #008cff rgb(255 255 255 / 24%); }

html.dark-theme .nav-tabs .nav-link { color: #ffffff; }

html.dark-theme .nav-danger.nav-tabs .nav-link.active { border-color: #f41127 #f41127 rgb(255 255 255 / 24%); }
html.dark-theme .nav-success.nav-tabs .nav-link.active { border-color: #17a00e #17a00e rgb(255 255 255 / 24%); }
html.dark-theme .nav-warning.nav-tabs .nav-link.active { border-color: #ffc107 #ffc107 rgb(255 255 255 / 24%); }

html.dark-theme .nav-pills .nav-link { color: #ffffff; }

html.dark-theme .page-link { color: #ffffff; background-color: #212121; border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme  .page-item.disabled .page-link { color: #ffffff; background-color: #181f2e; border-color: rgb(255 255 255 / 12%); }

html.dark-theme  .productlist .product-box { border: 1px solid rgb(255 255 255 / 12%); background-color: #181818; }


html.dark-theme .form-control, html.dark-theme .form-select { color: #fcfcfc; background-color: #181818; border: 1px solid rgb(255 255 255 / 12%); }
html.dark-theme .form-control:disabled, html.dark-theme .form-control[readonly] { background-color: #383838; }

html.dark-theme .form-select:disabled { background-color: #383838; }

html.dark-theme .bootstrap-tagsinput { color: #fcfcfc; background-color: #181818; border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .input-group-text { color: #ffffff; background-color: #313c53; border: 1px solid rgb(255 255 255 / 12%); }


html.dark-theme .chip { color: #ffffff; background-color: #141b29; }

html.dark-theme .card { background-color: #212121; }

html.dark-theme .card-header,
html.dark-theme .card-footer {
    background-color: #212121;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

html.dark-theme .bg-dark { background-color: #101821!important; }

html.dark-theme .text-secondary { color: #8c949c!important; }

html.dark-theme .border { border: 1px solid rgb(255 255 255 / 12%) !important; }


html.dark-theme .border-start { border-left: 1px solid rgb(255 255 255 / 12%) !important; } 
html.dark-theme .border-end { border-right: 1px solid rgb(255 255 255 / 12%) !important; }
html.dark-theme .border-top { border-top: 1px solid rgb(255 255 255 / 12%) !important; }
html.dark-theme .border-bottom { border-bottom: 1px solid rgb(255 255 255 / 12%) !important; }


html.dark-theme .text-option { color: #fcfcfc!important; }

html.dark-theme .offcanvas { background-color: #181818; }

html.dark-theme .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

html.dark-theme .w_percent { color: #ffffff; }


html.dark-theme .bg-light { background-color: rgb(248 249 250 / 12%)!important; } 


html.dark-theme .list-group-item { color: #fcfcfc; background-color: rgb(32 42 64 / 0%); border: 1px solid rgb(255 255 255 / 12%); }


html.dark-theme .sidebar-submenu-wrapper .list-group-item { border: 1px solid rgb(255 255 255 / 0%); }


html.dark-theme .list-group-flush>.list-group-item { border-width: 0 0 1px; }

html.dark-theme .new-customer-list .customer-list-item:hover { background-color: #1b2436; }


html.dark-theme .best-product-item { background-color: #212121; }
html.dark-theme .best-product-item:hover,
html.dark-theme .sellers-list-item:hover {
	background-color: #1b2436;
}

html.dark-theme .theme-icons,
html.dark-theme .product-box {
    background-color: #212121;
    color: #f1f4f6;
}

html.dark-theme .accordion-button { color: #ffffff; background-color: #212121; }

html.dark-theme .accordion-item { background-color: #1b2436; border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .accordion-button:focus { border-color: #ffffff; box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%); }
html.dark-theme .accordion-button:not(.collapsed) { color: #ffffff; background-color: #161d2c; }


html.dark-theme .dropdown-menu { color: #fcfcfc; background-color: #212121; border: 1px solid rgb(255 255 255 / 12%); }

html.dark-theme .dropdown-large .msg-header .msg-header-title { color: #fcfcfc; }
html.dark-theme .dropdown-large .msg-footer { color: #fcfcfc; border-top: 1px solid rgb(255 255 255 / 12%); }
html.dark-theme .dropdown-large .msg-header .msg-header-clear { color: #fcfcfc; }
html.dark-theme .dropdown-large .msg-header,
html.dark-theme .dropdown-large .dropdown-menu .dropdown-item {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

html.dark-theme .filter-area { background: #212121; }
html.dark-theme .filter-area:after { background: #212121; }

html.dark-theme  .dropdown-item { color: #fcfcfc; }

html.dark-theme .top-header .navbar .dropdown-large .dropdown-menu::after,
html.dark-theme .top-header .navbar .dropdown-user-setting .dropdown-menu::after {
    background: #212121;
    border-top: 1px solid #2f3b55;
    border-left: 1px solid #2f3b55;
}

html.dark-theme .top-header .navbar .dropdown-searchbar .form-control { color: #fcfcfc; background-color: #212121; }
html.dark-theme .top-header .navbar .dropdown-item .setting-icon { background-color: #2b3650; }
html.dark-theme .top-header .navbar .dropdown-large .dropdown-item:hover,
html.dark-theme .top-header .navbar .dropdown-user-setting .dropdown-item:hover {
    color: #fcfcfc;
	background-color: rgb(255 255 255 / 12%)
}

html.dark-theme .top-header .navbar .dropdown-menu .notification-box { background-color: #2b3650; }
html.dark-theme .top-header .navbar .dropdown-menu .apps:hover { background-color: #283349; transition: all 0.2; }
html.dark-theme .top-header .navbar .dropdown-menu .apps .apps-name { color: #fcfcfc; }
html.dark-theme .progress { background-color: rgb(255 255 255 / 12%); }

html.dark-theme .table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #ffffff;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-active-color: #ffffff;
    --bs-table-active-bg: rgb(255 255 255 / 10%);
    --bs-table-hover-color: #ffffff;
    --bs-table-hover-bg: rgb(255 255 255 / 8%);
    width: 100%;
    margin-bottom: 1rem;
    color: #fcfcfc;
    vertical-align: top;
    border-color: rgb(255 255 255 / 12%);
}

html.dark-theme .table-light {
    --bs-table-bg: rgb(255 255 255 / 12%);
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #dfe0e1;
}

html.dark-theme .dataTables_length .select2-container .select2-selection--single { background: #212121; }
html.dark-theme .dataTables_filter .form-control { background: #212121; }


html.dark-theme .breadcrumb { background-color: rgb(32 42 64 / 0%); }
html.dark-theme .breadcrumb-item.active { color: #8b969f }
html.dark-theme .breadcrumb-title { border-right: 1.5px solid rgb(255 255 255 / 18%) }

html.dark-theme .bg-body { background-color: #212121!important }

html.dark-theme .footer { color: #fcfcfc; background-color: #181818; border-top: 1px solid rgb(255 255 255 / 12%); }


/* Responsive */
@media screen and (max-width:1199px)  {
    html.dark-theme .top-header .navbar .full-search-bar { background-color: rgb(26 34 50 / 0%); }
}