/* =========================================
   DARK THEME OVERRIDES
   ========================================= */

/* BODY */

.dark-theme,
.dark-theme body,
body.dark-theme {
    background: #0f1117;
    color: #f5f7fa !important;
}
html body.dark-theme .tw-bg-gray-100 {
    background-color: #1c2230;
}
.dark-theme .hover\:tw-bg-gray-100:hover {
    background-color: #273449 !important;
}
.darktheme #side-bar .theme-sidebar-active {
    background-color: color-mix(in srgb, #6094fc 50%, transparent);
    color: var(--theme-700);
}
.dark-theme #side-bar a:hover svg, #side-bar a:hover i, #side-bar a.theme-sidebar-active svg, #side-bar a.theme-sidebar-active i {
    color: #fff !important;
}

.dark-theme .tw-ring-gray-200 {
    /*--tw-ring-color: rgb(244 106 30) !important;*/
}

.dark-theme .fc-state-default {
    background-image: linear-gradient(to bottom, #04c, #08c) !important;
    color: #fff !important;
}
.dark-theme .fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #ffffff !important;
}
.dark-theme .fc-button.hover, .fc-button:active, .fc-button:hover {
    background-color: #f8b04d !important;
}
.dark-theme .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #3c7ef5 !important;
}

.dark-theme .text-aqua, .text-info {
    color: #08c !important;
}

/* SUPERADMIN TABS ACTIVE*/

.dark-theme .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #374151 !important;
}

.dark-theme .well {
    background-color: #1c2230 !important;
}

.dark-theme .navbar-default .container-fluid {
    background-color: #374151 !important;
}

/* BUSINESS SETTINGS*/

.dark-theme .ui-widget-content {
    background: #1c2230 !important;
}

.dark-theme .list-group-item {
    background-color: #222f3e !important;
}

.dark-theme a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: #1c2230 !important;
}

.dark-theme div.pos-tab-content {
    background-color: #1c2230 !important;
}
.dark-theme div.pos-tab-container {
    background-color: #1c2230 !important;
}

.dark-theme .select2-container--default .select2-selection--multiple {
    background-color: #374151 !important;
}

.dark-theme .btn-default {
    background-color: #1c2230 !important;
}

.dark-theme .panel {
    background-color: #37e168 !important;
}
.dark-theme div.dataTables_wrapper div.dataTables_processing {
    color: #fff !important;
}

/* POS PRODUCT ROW */
.dark-theme .pos-empty-state-row .tw-bg-slate-100 {
    background-color: rgb(235 110 41) !important;
}

.dark-theme .pos-card {
    background-color: #1c2230 !important;
}
.dark-theme .pos-drawer-body .pos-card-grid .product_brand .pos-card,
.dark-theme .pos-drawer-body .pos-card-grid .main-category-div .pos-card {
    border: 1px solid #e37331 !important;
}

.dark-theme .pos-count-badge {
    background-color: #eb6e29 !important;
}
.dark-theme .pos_form_totals .pos_totals_cell {
    background: #f96f24 !important;

}
.dark-theme .pos_form_totals .pos_totals_label {
    color: #ffffff !important;

}
.dark-theme .pos_form_totals .pos_totals_left {
    background: #ffffff !important;
}

.dark-theme .pos-form-actions {
    background-color: #2379ab !important;
}

.dark-theme .small-box {
    background-color: #0f4f87 !important;
}

.dark-theme .popover {    
    background-color: #262e54 !important;
    border: solid 2px #08c !important;
}

.dark-theme .popover-title {    
    background-color: #262e54 !important;
}

.dark-theme .invoice {
    background: #425288;
}
.dark-theme body.lockscreen #pos_table > tbody > tr:nth-child(odd) {
    background: #1c2230 !important;
}

.dark-theme body.lockscreen #pos_table > tbody > tr:hover {
    background: #273449 !important;
}

.dark-theme .input-number .btn-default {
    background-color: #3f77f3 !important;
}

.dark-theme .daterangepicker {
    background-color: #3f77f3 !important;

}
.dark-theme .daterangepicker .ranges li:hover {
    background: #142151 !important;
}
.dark-theme .daterangepicker td.in-range {
    background-color: #286df7  !important;
}
.dark-theme .daterangepicker .drp-buttons .cancelBtn {
    color: #fff !important;
}
.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #3f77f3 !important;
}

.dark-theme #pos_header_more_options {
    background: transparent !important;
}

.dark-theme .product_list {
    padding-right: 10px !important;
    padding-left: 0px !important;
}

.dark-theme #product_list_body .product_box{
    border: 1px solid #f4691e !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    background-color: #062946 !important;
}

.dark-theme #product_list_body .product_box:hover{
    transform: translateY(-1px);
    border-color:#bdbdbd;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.dark-theme #pos_table .display_currency.pos_line_total_text {
    color: #fff !important;
}
.dark-theme .pos-active-filter-badge,
.pos-filter-badge-brand {
    background-color: #e37331 !important;
}
.dark-theme .pos-filter-chip-clear {
    background: #fff !important;
}
/* WIZARD NEW REGISTRATION */

.dark-theme .wizard>.content {
    background-color: #374151 !important;
}

.dark-theme .wizard>.steps .disabled a, .wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover {
    background: #374151 !important;
    color: #aaa;
    cursor: default;
}

.dark-theme .wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover {
    background: #3f77f3 !important;
    color: #fff;
    cursor: default;
}

.dark-theme .wizard>.actions .disabled a, .wizard>.actions .disabled a:active, .wizard>.actions .disabled a:hover {
    background: #5275f1 !important;
}
.dark-theme .wizard>.actions .disabled a, .wizard>.actions .disabled a:active, .wizard>.actions .disabled a {
    background: #394151 !important;

}

/* TAILWIND LIGHT ICON COLORS IN DASHBOARD*/

.dark-theme .tw-bg-sky-100 {
    background-color: #2d69c8 !important;
}

.dark-theme .tw-bg-green-100 {
    background-color: #2cb55a !important;
}

.dark-theme .tw-bg-yellow-100 {
    background-color: #d2c814 !important;
}
.dark-theme .tw-bg-red-100 {
    background-color: #f82515 !important;
    
}
.dark-theme .pos_remove_row {
    color: #fff !important;
}


/* TAILWIND HOVER SHADOW FIX */

.dark-theme .hover\:tw-shadow-md:hover {
    --tw-shadow: 0 4px 12px rgba(0, 0, 0, 0.45) !important;
    --tw-shadow-colored: 0 4px 12px rgba(0, 0, 0, 0.45) !important;

    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow) !important;
}

.dark-theme .hover\:tw-bg-white:hover,
.dark-theme .hover\:tw-bg-gray-50:hover,
.dark-theme .hover\:tw-bg-gray-100:hover {
    background-color: #273449 !important;
}

/* TAILWIND GREYS */

.dark-theme .tw-bg-gray-50,
.dark-theme .tw-bg-gray-100,
.dark-theme .tw-bg-gray-200 {
    background-color: #1c2230;
}

.dark-theme .tw-text-gray-500,
.dark-theme .tw-text-gray-600,
.dark-theme .tw-text-gray-700 {
    color: #ccd5f0 !important;
}

.dark-theme .tw-bg-white {
     background-color: #0d2252 !important; 
}

/* MAIN WRAPPERS */

.dark-theme .wrapper,
.dark-theme .content-wrapper,
.dark-theme .main-wrapper,
.dark-theme .right-side,
.dark-theme .content,
.dark-theme .app-content {
    background: #232f55 !important;
    color: #fff !important;
}

/* LOGIN / AUTH */

.dark-theme .login-page,
.dark-theme .register-page,
.dark-theme .login-box,
.dark-theme .auth-box,
.dark-theme .login-card-body {
    background: #1c2230 !important;
    color: #fff !important;
}

/* CARDS */

.dark-theme .card,
.dark-theme .card-body {
    background: #425288 !important;
    border: 1px solid #2e374b !important;
    color: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}
.dark-theme .box {
    background: #ef712c !important;
    border: 1px solid #2e374b !important;
    color: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}

/* NAVBAR */

.dark-theme .main-header,
.dark-theme .navbar {
    background: #161b26 !important;
    border-color: #2e374b !important;
}

/* NAVBAR LINKS */

.dark-theme .navbar .nav-link,
.dark-theme .main-header .nav-link {
    color: #e5e7eb !important;
}

.dark-theme .navbar .nav-link:hover {
    color: #fff !important;
}

/* SIDEBAR */

.dark-theme #side-bar .theme-sidebar-child-hover:hover, #side-bar .theme-sidebar-child-hover:active, #side-bar .theme-sidebar-child-hover:focus {
    color: #fff !important;
    background-color: #f4681d !important;
}

.dark-theme #side-bar .theme-sidebar-active {
    background-color: #f49421 !important;
}
.dark-theme .theme-sidebar-hover:hover {
     background: #f4691e !important;
}

.dark-theme .main-sidebar,
.dark-theme .sidebar,
.dark-theme aside {
    background: #111827 !important;
}

/* SIDEBAR LINKS */

.dark-theme .nav-sidebar .nav-link,
.dark-theme .sidebar a {
    color: #d1d5db !important;
}

.dark-theme .nav-sidebar .nav-link:hover,
.dark-theme .sidebar a:hover {
    background: #f4691e !important;
    color: #fff !important;
}

/* ACTIVE SIDEBAR ITEM */

.dark-theme .nav-sidebar .nav-item > .nav-link.active {
    background: #2563eb !important;
    color: #fff !important;
}

/* HEADINGS */

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: #fff !important;
}

/* TEXT */

.dark-theme p,
.dark-theme span,
.dark-theme small,
.dark-theme label,
.dark-theme div {
    color: #fff;
}

/* INPUTS */

.dark-theme input,
.dark-theme textarea,
.dark-theme select,
.dark-theme .form-control {
    background: #3c5286 !important;
    border: 1px solid #374151 !important;
    color: #fff !important;
}

/* INPUT SELECTOR */
.dark-theme .select2-container--default .select2-selection--single {
    background-color: #1c2230 !important;
    border: 1px solid #aaa;
    border-radius: 4px;
}
    
.dark-theme .select2-container--default .select2-selection--single {
    background: #111827 !important;
    border: 1px solid #374151 !important;
    color: #fff !important;
}

.dark-theme .select2-dropdown {
    background: #1c2230 !important;
    border-color: #374151 !important;
}

.dark-theme .select2-results__option {
    background: #1c2230 !important;
    color: #fff !important;
}

.dark-theme .select2-results__option--highlighted {
    background: #2563eb !important;
}

.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    line-height: 28px;
}

/* INPUT PLACEHOLDER */

.dark-theme input::placeholder,
.dark-theme textarea::placeholder {
    color: #9ca3af !important;
}

/* INPUT FOCUS */

.dark-theme input:focus,
.dark-theme textarea:focus,
.dark-theme select:focus,
.dark-theme .form-control:focus {
    background: #182131 !important;
    border-color: #4f8cff !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(79,140,255,.25) !important;
}

/* BUTTONS */

.dark-theme .btn,
.dark-theme button {
    border-radius: 4px;
}

/* PRIMARY BUTTON */

.dark-theme .btn-primary {
    background: #4f8cff !important;
    border-color: #4f8cff !important;
    color: #fff !important;
}

.dark-theme .btn-primary:hover {
    background: #3b7cff !important;
}

/* LINKS */

.dark-theme a {
    color: #fff !important;
}

.dark-theme a:hover {
    color: #a8cbff !important;
}

/* TABLES */

.dark-theme .bg-light-green {
    background-color: #3f9b0b !important;
}

.dark-theme .dropdown-menu>li>a:hover {
    background-color: #f3651d !important;
    color: #333;
}

.dark-theme table,
.dark-theme .table {
    background: transparent !important;
    color: #fff !important;
}

/* TABLE HEADERS */

.dark-theme .table thead th,
.dark-theme table thead th {
    background: #111827 !important;
    color: #fff !important;
    border-color: #374151 !important;
}

/* TABLE ROWS */

.dark-theme .table td,
.dark-theme .table th,
.dark-theme table td,
.dark-theme table th {
    border-color: #374151 !important;
    color: #e5e7eb !important;
    background-color: #1c2230 !important;
}

/* STRIPED TABLES */

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #1f2937 !important;
}

/* HOVER TABLES */

.dark-theme .table-hover tbody tr:hover {
    background-color: #273449 !important;
}

/* DATATABLES */

.dark-theme table.dataTable {
    background: #1c2230 !important;
    color: #fff !important;
}

.dark-theme table.dataTable thead th {
    background: #111827 !important;
    color: #fff !important;
}

.dark-theme table.dataTable tbody tr {
    background: #1c2230 !important;
}

.dark-theme table.dataTable tbody tr:hover {
    background: #273449 !important;
}

.dark-theme table.dataTable tbody td {
    color: #e5e7eb !important;
    border-color: #374151 !important;
}

.dark-theme .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #04c;
}
.dark-theme .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #dd4b39;
}

.dark-theme .bg-gray {
    color: #f3f4f6 !important;
    background-color: #1f2937 !important;
}

/* DATATABLE FILTER */

.dark-theme .dataTables_wrapper .dataTables_filter input {
    background: #111827 !important;
    border: 1px solid #374151 !important;
    color: #fff !important;
}

/* DATATABLE LENGTH SELECT */

.dark-theme .dataTables_wrapper .dataTables_length select {
    background: #111827 !important;
    border: 1px solid #374151 !important;
    color: #fff !important;
}
/* DATATABLE NAVTABS CUSTOM*/

.dark-theme .nav-tabs-custom>.tab-content {
    background: #111827;
    padding: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dark-theme .nav-tabs-custom {
    margin-bottom: 20px;
    background: #111827 !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 3px;
}
.dark-theme .nav-tabs-custom>.nav-tabs>li.active:hover>a, .dark-theme .nav-tabs-custom>.nav-tabs>li.active>a {
     background-color: #111827 !important; 
    color: #444;
}

/* ACTION BUTTONS IN DATATABLE ROWS */

.dark-theme .bg-info {
    background-color: #04c !important;
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #202938 !important;
}

.dark-theme .table-hover tbody tr:hover {
    background-color: #2b3648 !important;
}

/* DATATABLE PAGINATION */

.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    color: #fff !important;
}
.dark-theme .pagination>li>a {
    background: #111827;
    color: #fff;
}

.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #2563eb !important;
    color: #fff !important;
}

/* MODALS */

.dark-theme .swal-button--confirm {
    background-color: #db7205 !important;
}

.dark-theme .swal-modal {
    background-color: #337ab7 !important;
}

.dark-theme .modal-content {
    background: #2b3f6e !important;
    color: #fff !important;
    border: 1px solid #374151 !important;
}

/* DROPDOWNS */

.dark-theme .dropdown-menu {
    background: #1c2230 !important;
    border: 1px solid #374151 !important;
}

.dark-theme .dropdown-item {
    color: #e5e7eb !important;
}

.dark-theme .dropdown-item:hover {
    background: #273449 !important;
    color: #fff !important;
}

/* ALERTS */

.dark-theme .alert-success {
    background: rgba(34,197,94,.15) !important;
    border-color: rgba(34,197,94,.35) !important;
    color: #86efac !important;
}

.dark-theme .alert-danger {
    background: rgba(239,68,68,.15) !important;
    border-color: rgba(239,68,68,.35) !important;
    color: #fca5a5 !important;
}

/* FORCE WHITE BACKGROUNDS */

.dark-theme .bg-white,
.dark-theme [style*="background: white"],
.dark-theme [style*="background-color: white"] {
    background: #1c2230 !important;
}

/* SCROLLBAR */

.dark-theme ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dark-theme ::-webkit-scrollbar-track {
    background: #111827;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background: #2158ed;
    border-radius: 10px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #4b5563;
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #202938 !important;
}

.dark-theme .table-hover tbody tr:hover {
    background-color: #2b3648 !important;
}

.dark-theme .tw-bg-gray-100 {
     background-color: auto !important; 
}

/* ======================================
   FONT AWESOME DARK MODE
   ====================================== */

/* ALL FONT AWESOME ICONS */

.dark-theme .fa,
.dark-theme .fas,
.dark-theme .far,
.dark-theme .fal,
.dark-theme .fab,
.dark-theme .fa-solid,
.dark-theme .fa-regular,
.dark-theme .fa-light,
.dark-theme .fa-brands {
    color: #e5e7eb !important;
}

/* HOVER */

.dark-theme .fa:hover,
.dark-theme .fas:hover,
.dark-theme .far:hover,
.dark-theme .fab:hover {
    color: #ffffff !important;
}

/* SIDEBAR ICONS */

.dark-theme .sidebar .fa,
.dark-theme .nav-sidebar .fa {
    color: #cbd5e1 !important;
}

/* ACTIVE MENU ICON */

.dark-theme .nav-link.active .fa,
.dark-theme .nav-link.active i {
    color: #ffffff !important;
}

/* BUTTON ICONS */

.dark-theme .btn .fa,
.dark-theme button .fa {
    color: #fff !important;
}
.dark-theme .btn .fa-hand-holding-usd {
    color: #eb6e29 !important;
}
.dark-theme #recent-transactions {
    /*background-color: #f4691e !important;*/
}
.dark-theme .tw-bg-\[\#646EE4\] {
    --tw-bg-opacity: 1;
    background-color: #f4691e !important;
} 

.dark-theme #pos-finalize {
     background-color: #f4691e !important;
}

/* MUTED ICONS */

.dark-theme .text-muted .fa,
.dark-theme .text-gray-500 .fa {
    color: #9ca3af !important;
}

.dark-theme .tw-text-gray-400 .fa,
.dark-theme .tw-text-gray-500 .fa {
    color: #d1d5db !important;
}

.dark-theme .input-group .input-group-addon {
    border-radius: 0;
    border-color: #374151 !important;
    background-color: #1f2937 !important;
    color: #f3f4f6 !important;
}