html {
  --theme-bg: #f4f7fb;
  --theme-bg-alt: #edf2f9;
  --theme-surface: rgba(255, 255, 255, 0.94);
  --theme-surface-strong: #ffffff;
  --theme-border: rgba(38, 56, 108, 0.14);
  --theme-shadow: 0 18px 42px rgba(38, 56, 108, 0.12);
  --theme-text: #14233f;
  --theme-text-soft: #64748b;
  --theme-accent: #1e98b1;
  --theme-accent-alt: #9a4ca6;
  --theme-nav: rgba(255, 255, 255, 0.94);
  --theme-input: rgba(255, 255, 255, 0.98);
  --theme-hover: rgba(96, 91, 255, 0.08);
  --theme-login-bg: linear-gradient(140deg, #f8f8ff, #eef8ff 45%, #f5f1ff);
}

html[data-theme="dark"] {
  --theme-bg: #0f172a;
  --theme-bg-alt: #111c34;
  --theme-surface: rgba(19, 31, 55, 0.94);
  --theme-surface-strong: #16233f;
  --theme-border: rgba(148, 163, 184, 0.16);
  --theme-shadow: 0 24px 54px rgba(2, 6, 23, 0.46);
  --theme-text: #e5edf9;
  --theme-text-soft: #9fb0ca;
  --theme-accent: #58c0d6;
  --theme-accent-alt: #b27ac8;
  --theme-nav: rgba(17, 27, 47, 0.96);
  --theme-input: rgba(12, 21, 38, 0.96);
  --theme-hover: rgba(88, 192, 214, 0.12);
  --theme-login-bg: linear-gradient(145deg, #08111f, #111d35 48%, #1f2044);
}

html,
body {
  background: var(--theme-bg);
  color: var(--theme-text);
  transition: background-color 0.25s ease, color 0.25s ease;
}

body,
#main_wrapper,
#content,
.modern-dashboard-shell,
.voucher-modern,
.auth-card,
.login-content {
  color: var(--theme-text);
}

#side_nav,
#side_nav > ul,
#side_nav .sub_panel,
#side_nav .sub_panel .panel,
#side_nav .sub_panel .panel-heading,
#side_nav .sub_panel .panel-title > a,
#side_nav .sub_panel .panel-body,
.page-header,
.panel,
.panel-default,
.box,
.small-box,
.info-box,
.nav-tabs-custom,
.voucher-modern .page_bar,
.voucher-modern .panel,
.voucher-modern .panel .panel-body,
.dashboard-live-logs .log-card,
.dashboard-activity-accordion .panel,
.auth-card,
.modal-content {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

#main_wrapper .form-control,
#main_wrapper input,
#main_wrapper select,
#main_wrapper textarea,
.voucher-modern .form-control,
.voucher-modern input,
.voucher-modern select,
.voucher-modern textarea,
.voucher-modern .select2-container .select2-choice,
.voucher-modern .input-group-addon,
.voucher-modern .switch-addon,
.dashboard-live-logs .form-control,
.modern-field-input,
.select2-container .select2-choice,
.select2-container .select2-selection,
.select2-container-multi .select2-choices {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

#main_wrapper .form-control::placeholder,
.voucher-modern .form-control::placeholder,
.dashboard-live-logs .form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--theme-text-soft) !important;
}

#side_nav > ul > li > a,
#side_nav .sub_panel ul a,
#side_nav .sub_panel .panel_heading,
#side_nav .sub_panel .panlhed,
#side_nav .sub_panel .side_icon,
.legacy-side-brand-copy strong,
.legacy-side-brand-copy small {
  color: var(--theme-text) !important;
}

#side_nav .sub_panel ul a {
  background: transparent !important;
  border-color: transparent !important;
}

#side_nav > ul > li > a:hover,
#side_nav > ul > li.nav_open > a,
#side_nav .sub_panel .panel-title > a:hover,
#side_nav .sub_panel .panel-title > a:focus,
#side_nav .sub_panel ul a:hover,
#side_nav .sub_panel ul a:focus,
#side_nav .sub_panel li.current-link > a {
  background: var(--theme-hover) !important;
  color: var(--theme-text) !important;
  border-color: rgba(96, 91, 255, 0.12) !important;
}

#side_nav .sub_panel ul a:hover .side_icon,
#side_nav .sub_panel ul a:focus .side_icon,
#side_nav .sub_panel li.current-link > a .side_icon,
#side_nav .sub_panel ul a:hover span,
#side_nav .sub_panel ul a:focus span,
#side_nav .sub_panel li.current-link > a span,
#side_nav > ul > li > a:hover > span,
#side_nav > ul > li.nav_open > a > span,
#side_nav > ul > li > a:hover::after,
#side_nav > ul > li.nav_open > a::after {
  color: var(--theme-text) !important;
}

#side_nav .sub_panel ul a::before {
  border-color: rgba(100, 116, 139, 0.6) !important;
}

.modern-dashboard-shell .metro-nav-block,
.cards-modern-host .metro-nav-unified .metro-nav-block a,
.modern-dashboard-shell .metro-nav-block > a {
  background: var(--theme-surface-strong) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.modern-dashboard-shell .metro-nav-block .status,
.modern-dashboard-shell .metro-nav-block .info,
.cards-modern-host .metro-nav-unified .metro-nav-block a,
.cards-modern-host .metro-nav-unified .metro-nav-block a * {
  color: var(--theme-text) !important;
}

.modern-dashboard-shell .metro-nav-block:hover,
.cards-modern-host .metro-nav-unified .metro-nav-block a:hover {
  background: var(--theme-hover) !important;
  border-color: rgba(96, 91, 255, 0.18) !important;
}

.voucher-modern #purchase_table,
.voucher-modern #purchase_tableReport,
.voucher-modern .modal-table,
.voucher-modern .lastrate_table,
.voucher-modern .laststockLocation_table,
.voucher-modern #vendor_stock_table,
#main_wrapper table {
  background: var(--theme-surface-strong) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.voucher-modern .tbl_thead tr th,
.voucher-modern #purchase_table thead th,
.voucher-modern #purchase_tableReport thead th,
.voucher-modern .modal-table thead th,
#main_wrapper table thead th {
  color: #ffffff !important;
}

.voucher-modern #purchase_table tbody tr:nth-child(even),
.voucher-modern #purchase_tableReport tbody tr:nth-child(even),
.voucher-modern .modal-table tbody tr:nth-child(even),
#main_wrapper table tbody tr:nth-child(even) {
  background: rgba(148, 163, 184, 0.08) !important;
}

.voucher-modern #purchase_table tbody tr:hover,
.voucher-modern #purchase_tableReport tbody tr:hover,
.voucher-modern .modal-table tbody tr:hover,
#main_wrapper table tbody tr:hover {
  background: var(--theme-hover) !important;
}

.voucher-modern .btn,
#main_wrapper .btn,
.dashboard-live-logs .btn,
.theme-toggle-btn {
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

html[data-theme="dark"] .staff-overview-label {
  color: #9fb0ca !important;
}

html[data-theme="dark"] .staff-overview-value {
  color: #e5edf9 !important;
}

.voucher-modern .btn-default,
.voucher-modern .btnReset,
.voucher-modern .btnsearchparty,
.voucher-modern .btnsearchitem,
.voucher-modern .btnsearchPendingReceived,
.voucher-modern .btnsearchAck,
#main_wrapper .btn-default {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.voucher-modern .btn-default:hover,
.voucher-modern .btnReset:hover,
.voucher-modern .btnsearchparty:hover,
.voucher-modern .btnsearchitem:hover,
.voucher-modern .btnsearchPendingReceived:hover,
.voucher-modern .btnsearchAck:hover,
#main_wrapper .btn-default:hover {
  background: var(--theme-hover) !important;
  color: var(--theme-text) !important;
}

.theme-toggle-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px !important;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: var(--theme-surface);
  color: var(--theme-text) !important;
  box-shadow: 0 10px 24px rgba(38, 56, 108, 0.08);
  text-decoration: none !important;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
  background: var(--theme-hover);
  color: var(--theme-text) !important;
  transform: translateY(-1px);
  outline: none;
}

.theme-toggle-btn .theme-toggle-label {
  font-weight: 700;
}

.jconfirm {
  font-family: inherit !important;
}

.jconfirm .jconfirm-bg {
  background: rgba(15, 23, 42, 0.46) !important;
}

.jconfirm .jconfirm-box {
  background: var(--theme-surface-strong) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.22) !important;
  overflow: hidden !important;
}

.jconfirm .jconfirm-box .jconfirm-title-c,
.jconfirm .jconfirm-box .jconfirm-title,
.jconfirm .jconfirm-box .jconfirm-content,
.jconfirm .jconfirm-box .jconfirm-content-pane {
  color: var(--theme-text) !important;
}

.jconfirm .jconfirm-box .jconfirm-title {
  font-weight: 800 !important;
  letter-spacing: 0.2px;
}

.jconfirm .jconfirm-box .jconfirm-content {
  color: var(--theme-text-soft) !important;
  line-height: 1.65 !important;
}

.jconfirm .jconfirm-box .jconfirm-closeIcon {
  color: var(--theme-text-soft) !important;
  transition: color 0.2s ease, transform 0.2s ease;
}

.jconfirm .jconfirm-box .jconfirm-closeIcon:hover {
  color: var(--theme-text) !important;
  transform: scale(1.04);
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.jconfirm .jconfirm-box .jconfirm-buttons button:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button:focus {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(38, 56, 108, 0.16) !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn-default,
.jconfirm .jconfirm-box .jconfirm-buttons .btn-gray {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn-default:hover,
.jconfirm .jconfirm-box .jconfirm-buttons .btn-gray:hover,
.jconfirm .jconfirm-box .jconfirm-buttons .btn-default:focus,
.jconfirm .jconfirm-box .jconfirm-buttons .btn-gray:focus {
  background: var(--theme-hover) !important;
  color: var(--theme-text) !important;
  border-color: rgba(96, 91, 255, 0.14) !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
  border-top: 7px solid var(--theme-accent) !important;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
  border-top: 7px solid #ef4444 !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn-green,
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-buttons .btn-green {
  background: linear-gradient(132deg, #26386c 0%, #1e98b1 55%, #9a4ca6 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn-red,
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-buttons .btn-red {
  background: linear-gradient(132deg, #7f1d1d 0%, #dc2626 56%, #f97316 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.login-theme-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 30;
}

html[data-theme="dark"] body,
html[data-theme="dark"] #main_wrapper,
html[data-theme="dark"] #main,
html[data-theme="dark"] #content,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .right-side,
html[data-theme="dark"] .content {
  background: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-bg {
  background: rgba(2, 6, 23, 0.72) !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-box {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: 0 28px 60px rgba(2, 6, 23, 0.62) !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-title-c,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-title,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-content,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-content-pane {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-content,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-closeIcon {
  color: #9fb0ca !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-closeIcon:hover {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons .btn-default,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons .btn-gray {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons .btn-default:hover,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons .btn-gray:hover,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons .btn-default:focus,
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons .btn-gray:focus {
  background: rgba(88, 192, 214, 0.12) !important;
  color: #e5edf9 !important;
  border-color: rgba(88, 192, 214, 0.24) !important;
}

html[data-theme="dark"] #main_wrapper,
html[data-theme="dark"] #main_wrapper *,
html[data-theme="dark"] #content,
html[data-theme="dark"] #content *,
html[data-theme="dark"] .voucher-modern,
html[data-theme="dark"] .voucher-modern *,
html[data-theme="dark"] .modern-dashboard-shell,
html[data-theme="dark"] .modern-dashboard-shell *,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-card * {
  border-color: var(--theme-border);
}

html[data-theme="dark"] #main_wrapper,
html[data-theme="dark"] #content,
html[data-theme="dark"] .voucher-modern,
html[data-theme="dark"] .modern-dashboard-shell,
html[data-theme="dark"] .auth-card {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] #main_wrapper a,
html[data-theme="dark"] #main_wrapper span,
html[data-theme="dark"] #main_wrapper p,
html[data-theme="dark"] #main_wrapper li,
html[data-theme="dark"] #main_wrapper td,
html[data-theme="dark"] #main_wrapper th,
html[data-theme="dark"] #main_wrapper strong,
html[data-theme="dark"] #main_wrapper small,
html[data-theme="dark"] #main_wrapper div,
html[data-theme="dark"] #content a,
html[data-theme="dark"] #content span,
html[data-theme="dark"] #content p,
html[data-theme="dark"] #content li,
html[data-theme="dark"] #content td,
html[data-theme="dark"] #content th,
html[data-theme="dark"] #content strong,
html[data-theme="dark"] #content small,
html[data-theme="dark"] #content div,
html[data-theme="dark"] .voucher-modern a,
html[data-theme="dark"] .voucher-modern span,
html[data-theme="dark"] .voucher-modern p,
html[data-theme="dark"] .voucher-modern li,
html[data-theme="dark"] .voucher-modern td,
html[data-theme="dark"] .voucher-modern th,
html[data-theme="dark"] .voucher-modern strong,
html[data-theme="dark"] .voucher-modern small,
html[data-theme="dark"] .voucher-modern div {
  color: inherit;
}

html[data-theme="dark"] header.navbar.navbar-fixed-top,
html[data-theme="dark"] .navbar.navbar-fixed-top,
html[data-theme="dark"] body > header.navbar.navbar-fixed-top > .container-fluid,
html[data-theme="dark"] header.navbar.navbar-fixed-top > .container-fluid,
html[data-theme="dark"] .navbar.navbar-fixed-top .container-fluid,
html[data-theme="dark"] body.skin-blue .main-header,
html[data-theme="dark"] body.skin-blue .main-header .logo,
html[data-theme="dark"] body.skin-blue .main-header .navbar {
  background: var(--theme-bg) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body > header.navbar.navbar-fixed-top > .container-fluid,
html[data-theme="dark"] header.navbar.navbar-fixed-top > .container-fluid,
html[data-theme="dark"] .navbar.navbar-fixed-top .container-fluid {
  background: var(--theme-nav) !important;
  box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] header.navbar.navbar-fixed-top .legacy-topbar-left > li > a,
html[data-theme="dark"] header.navbar.navbar-fixed-top .legacy-topbar-right > li > a,
html[data-theme="dark"] header.navbar.navbar-fixed-top .legacy-topbar-left > li > a span,
html[data-theme="dark"] header.navbar.navbar-fixed-top .legacy-topbar-right > li > a span,
html[data-theme="dark"] header.navbar.navbar-fixed-top .legacy-topbar-left > li > a i,
html[data-theme="dark"] header.navbar.navbar-fixed-top .legacy-topbar-right > li > a i,
html[data-theme="dark"] .navbar .navbar-nav > li > a,
html[data-theme="dark"] .wall_btn li a,
html[data-theme="dark"] .log_out li a {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] #side_nav,
html[data-theme="dark"] #side_nav > ul,
html[data-theme="dark"] body.skin-blue .main-sidebar,
html[data-theme="dark"] body.skin-blue .left-side,
html[data-theme="dark"] body.skin-blue .sidebar,
html[data-theme="dark"] #side_nav .sub_panel,
html[data-theme="dark"] #side_nav .sub_panel .panel,
html[data-theme="dark"] #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] #side_nav .sub_panel .panel-title > a,
html[data-theme="dark"] #side_nav .sub_panel .panel-body {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #side_nav > ul > li > a,
html[data-theme="dark"] #side_nav .sub_panel ul a,
html[data-theme="dark"] #side_nav .sub_panel .panel_heading,
html[data-theme="dark"] #side_nav .sub_panel .panlhed,
html[data-theme="dark"] .legacy-side-brand-copy strong,
html[data-theme="dark"] .legacy-side-brand-copy small {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] #side_nav > ul > li > a:hover,
html[data-theme="dark"] #side_nav > ul > li.nav_open > a,
html[data-theme="dark"] #side_nav .sub_panel .panel-title > a:hover,
html[data-theme="dark"] #side_nav .sub_panel ul a:hover,
html[data-theme="dark"] #side_nav .sub_panel li.current-link > a {
  background: rgba(88, 192, 214, 0.08) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .page-header,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .panel-default,
html[data-theme="dark"] .well,
html[data-theme="dark"] .thumbnail,
html[data-theme="dark"] .help-block,
html[data-theme="dark"] .box,
html[data-theme="dark"] .small-box,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .nav-tabs-custom,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .voucher-modern .page_bar,
html[data-theme="dark"] .voucher-modern .panel,
html[data-theme="dark"] .dashboard-live-logs .log-card,
html[data-theme="dark"] .dashboard-activity-accordion .panel,
html[data-theme="dark"] .auth-card {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
  box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .page-header h1,
html[data-theme="dark"] .page-header h1 small,
html[data-theme="dark"] .panel-title,
html[data-theme="dark"] .control-label,
html[data-theme="dark"] label,
html[data-theme="dark"] legend,
html[data-theme="dark"] .help-block,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .voucher-modern,
html[data-theme="dark"] .dashboard-live-logs .log-title,
html[data-theme="dark"] .dashboard-live-logs .log-sub,
html[data-theme="dark"] .dashboard-live-logs .status-note,
html[data-theme="dark"] .dashboard-activity-accordion .panel-title > a,
html[data-theme="dark"] .brand-text h2,
html[data-theme="dark"] .brand-text small,
html[data-theme="dark"] .auth-copy h1,
html[data-theme="dark"] .auth-copy p {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .select2-choice,
html[data-theme="dark"] .select2-container .select2-choice,
html[data-theme="dark"] .select2-container .select2-selection,
html[data-theme="dark"] .select2-container-multi .select2-choices,
html[data-theme="dark"] .modern-field-input {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .form-control::placeholder {
  color: var(--theme-text-soft) !important;
}

html[data-theme="dark"] .btn,
html[data-theme="dark"] button,
html[data-theme="dark"] .password-toggle {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .btn-refresh,
html[data-theme="dark"] .password-toggle {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] button:hover,
html[data-theme="dark"] .btn:focus,
html[data-theme="dark"] button:focus {
  color: inherit;
}

html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] .btn-default:focus,
html[data-theme="dark"] .btn-refresh:hover,
html[data-theme="dark"] .btn-refresh:focus,
html[data-theme="dark"] .password-toggle:hover,
html[data-theme="dark"] .password-toggle:focus {
  background: rgba(88, 192, 214, 0.12) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-search,
html[data-theme="dark"] .btn-accent,
html[data-theme="dark"] .modern-login-btn,
html[data-theme="dark"] .dashboard-live-logs .btn-search {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  border-color: transparent !important;
  color: #fff !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table-bordered,
html[data-theme="dark"] .table-striped,
html[data-theme="dark"] .dashboard-live-logs .table-wrap,
html[data-theme="dark"] .dashboard-activity-accordion table,
html[data-theme="dark"] .voucher-modern table {
  background: transparent !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > th,
html[data-theme="dark"] .dashboard-live-logs thead th,
html[data-theme="dark"] .dashboard-live-logs tbody td,
html[data-theme="dark"] .dashboard-activity-accordion table thead th,
html[data-theme="dark"] .dashboard-activity-accordion table tbody td {
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .dashboard-live-logs thead th,
html[data-theme="dark"] .dashboard-activity-accordion table thead th {
  background: transparent !important;
}

html[data-theme="dark"] .table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .table-hover > tbody > tr:hover > th,
html[data-theme="dark"] .dashboard-live-logs tbody tr:hover,
html[data-theme="dark"] .dashboard-activity-accordion table tbody tr:hover {
  background: rgba(88, 192, 214, 0.1) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > td,
html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > th,
html[data-theme="dark"] .dashboard-live-logs tbody tr:nth-child(even),
html[data-theme="dark"] .dashboard-activity-accordion table tbody tr:nth-child(even) {
  background: rgba(17, 27, 47, 0.52) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_length,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-theme="dark"] .dataTables_wrapper .dataTables_processing,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .dataTables_wrapper .paginate_button,
html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span,
html[data-theme="dark"] .dataTables_wrapper .paginate_button.current {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #fff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .voucher-reconciliation .reconciliation-status-pill,
html[data-theme="dark"] .voucher-reconciliation .reconciliation-summary,
html[data-theme="dark"] .voucher-reconciliation .reconciliation-empty-state {
  background: rgba(20, 29, 54, 0.92) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .voucher-reconciliation .reconciliation-page-stats {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .voucher-reconciliation .reconciliation-check-wrap {
  background: rgba(37, 125, 150, 0.16) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .voucher-reconciliation #ogp_gatepassTbl tbody td,
html[data-theme="dark"] .voucher-reconciliation #stockReconcilationTbl tbody td {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .modal-header {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
}

html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer {
  background: var(--theme-surface) !important;
}

html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-menu > li > a,
html[data-theme="dark"] .ui-autocomplete,
html[data-theme="dark"] .autocomplete-suggestions,
html[data-theme="dark"] .select2-drop,
html[data-theme="dark"] .select2-results,
html[data-theme="dark"] .select2-container-multi .select2-choices .select2-search-choice,
html[data-theme="dark"] .datepicker,
html[data-theme="dark"] .datepicker-days table {
  background: var(--theme-surface-strong) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:focus,
html[data-theme="dark"] .ui-menu-item-wrapper.ui-state-active,
html[data-theme="dark"] .autocomplete-suggestion:hover,
html[data-theme="dark"] .select2-results .select2-highlighted,
html[data-theme="dark"] .datepicker table tr td.day:hover,
html[data-theme="dark"] .datepicker table tr td.active,
html[data-theme="dark"] .datepicker table tr td.active:hover {
  background: rgba(88, 192, 214, 0.14) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .select2-container .select2-choice .select2-arrow,
html[data-theme="dark"] .select2-container .select2-choice .select2-arrow b,
html[data-theme="dark"] .select2-container .select2-choice abbr,
html[data-theme="dark"] .caret {
  color: var(--theme-text) !important;
  border-top-color: var(--theme-text) !important;
  border-bottom-color: var(--theme-text) !important;
}

html[data-theme="dark"] .select2-results .select2-result-label,
html[data-theme="dark"] .select2-search input,
html[data-theme="dark"] .datepicker th,
html[data-theme="dark"] .datepicker td,
html[data-theme="dark"] .ui-autocomplete li,
html[data-theme="dark"] .autocomplete-suggestion {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .nav-tabs-custom > .nav-tabs,
html[data-theme="dark"] .nav-tabs > li > a,
html[data-theme="dark"] .nav-tabs-custom > .nav-tabs > li > a {
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .nav-tabs > li.active > a,
html[data-theme="dark"] .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .nav-tabs > li.active > a:focus,
html[data-theme="dark"] .nav-tabs-custom > .nav-tabs > li.active > a,
html[data-theme="dark"] .nav-tabs-custom > .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .nav-tabs-custom > .nav-tabs > li.active > a:focus {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] #main_wrapper .nav.nav-tabs,
html[data-theme="dark"] #main_wrapper .nav.nav-pills,
html[data-theme="dark"] #main_wrapper .tab-content,
html[data-theme="dark"] #main_wrapper .tab-content > .tab-pane,
html[data-theme="dark"] #main_wrapper .tab-content > .panel-default {
  background: transparent !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] #main_wrapper .nav.nav-tabs > li > a,
html[data-theme="dark"] #main_wrapper .nav.nav-pills > li > a {
  background: rgba(17, 27, 47, 0.86) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] #main_wrapper .nav.nav-tabs > li.active > a,
html[data-theme="dark"] #main_wrapper .nav.nav-tabs > li.active > a:hover,
html[data-theme="dark"] #main_wrapper .nav.nav-tabs > li.active > a:focus,
html[data-theme="dark"] #main_wrapper .nav.nav-pills > li.active > a,
html[data-theme="dark"] #main_wrapper .nav.nav-pills > li.active > a:hover,
html[data-theme="dark"] #main_wrapper .nav.nav-pills > li.active > a:focus {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] #main_wrapper .btnSave,
html[data-theme="dark"] #main_wrapper .btnPrint,
html[data-theme="dark"] #main_wrapper .btnSearch,
html[data-theme="dark"] #main_wrapper .btnSearchStockRecieved,
html[data-theme="dark"] #main_wrapper .btnPrintBarcode,
html[data-theme="dark"] #main_wrapper .SelectBtn,
html[data-theme="dark"] #main_wrapper #btnAdd,
html[data-theme="dark"] #main_wrapper .btn-success,
html[data-theme="dark"] #main_wrapper .btn-primary,
html[data-theme="dark"] #main_wrapper .btnDelete,
html[data-theme="dark"] #main_wrapper .btn-danger {
  color: #ffffff !important;
}

html[data-theme="dark"] .legacy-side-brand-mark {
  background: #ffffff !important;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.28) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .legacy-side-brand-mark img {
  filter: none !important;
}

html[data-theme="dark"] .btnAdvaced,
html[data-theme="dark"] #main_wrapper .btnAdvaced,
html[data-theme="dark"] .voucher-modern .btnAdvaced {
  background: rgba(17, 27, 47, 0.86) !important;
  color: #e5edf9 !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .btnAdvaced:hover,
html[data-theme="dark"] .btnAdvaced:focus,
html[data-theme="dark"] #main_wrapper .btnAdvaced:hover,
html[data-theme="dark"] #main_wrapper .btnAdvaced:focus,
html[data-theme="dark"] .voucher-modern .btnAdvaced:hover,
html[data-theme="dark"] .voucher-modern .btnAdvaced:focus {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .label,
html[data-theme="dark"] .badge-etype,
html[data-theme="dark"] .badge-action {
  border-color: rgba(88, 192, 214, 0.24) !important;
}

html[data-theme="dark"] i,
html[data-theme="dark"] .fa,
html[data-theme="dark"] .ion,
html[data-theme="dark"] [class^="icon-"],
html[data-theme="dark"] [class*=" icon-"] {
  color: inherit;
}

html[data-theme="dark"] .fa.text-primary,
html[data-theme="dark"] .ion.text-primary,
html[data-theme="dark"] .text-primary {
  color: var(--theme-accent) !important;
}

html[data-theme="dark"] .login-content {
  background: var(--theme-login-bg) !important;
}

html[data-theme="dark"] .bg-grid {
  opacity: 0.18;
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, 0.16) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.16) 1px, transparent 1px);
}

html[data-theme="dark"] .copy-badge,
html[data-theme="dark"] .theme-toggle-btn {
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.32);
}

html[data-theme="dark"] .modern-field-input > .field-icon,
html[data-theme="dark"] .modern-field-input > i,
html[data-theme="dark"] .password-toggle i {
  color: var(--theme-accent) !important;
}

html[data-theme="dark"] .login-error,
html[data-theme="dark"] .text-danger {
  color: #ffb4c8 !important;
}

html[data-theme="dark"] .bg-blob {
  opacity: 0.42;
}

@media (max-width: 767px) {
  .login-theme-toggle {
    top: 16px;
    right: 16px;
  }

  .theme-toggle-btn .theme-toggle-label {
    display: none;
  }
}

html[data-theme="dark"] .modern-dashboard-shell .page-header,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-orange,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-yellow,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-green,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-red,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-grey,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-purple,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-blue,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-green,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-brown,
html[data-theme="dark"] .modern-dashboard-shell .nav-olive,
html[data-theme="dark"] .modern-dashboard-shell .panel.panel-default,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel.panel-default,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-collapse > .panel-body,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a table.table,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block.double {
  background: var(--theme-surface) !important;
  background-image: none !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
  box-shadow: 0 18px 38px rgba(2, 6, 23, 0.28) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .page-header {
  background: #16233f !important;
  background-image: none !important;
}

html[data-theme="dark"] .modern-dashboard-shell .dashboard-header-copy,
html[data-theme="dark"] .modern-dashboard-shell .page-header .pull-left {
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block:hover,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block:hover {
  background: #1a2949 !important;
  border-color: rgba(88, 192, 214, 0.24) !important;
  box-shadow: 0 26px 48px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .page-header h1,
html[data-theme="dark"] .modern-dashboard-shell .page-header h1 small,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block > a,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block .status,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block .info,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a .col-lg-3,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a table tbody td {
  color: var(--theme-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block i,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block i {
  color: #58c0d6 !important;
  background: rgba(88, 192, 214, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .modern-dashboard-shell .nav-block-orange i,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-purple i,
html[data-theme="dark"] #dashboardLogLayout .nav-block-orange i,
html[data-theme="dark"] #dashboardLogLayout .nav-light-purple i {
  color: #c283f0 !important;
  background: rgba(194, 131, 240, 0.14) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .nav-olive i,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-yellow i,
html[data-theme="dark"] .modern-dashboard-shell .nav-block-green i,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-blue i,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-brown i,
html[data-theme="dark"] #dashboardLogLayout .nav-olive i,
html[data-theme="dark"] #dashboardLogLayout .nav-block-yellow i,
html[data-theme="dark"] #dashboardLogLayout .nav-block-green i,
html[data-theme="dark"] #dashboardLogLayout .nav-light-blue i,
html[data-theme="dark"] #dashboardLogLayout .nav-light-brown i {
  color: #58c0d6 !important;
  background: rgba(88, 192, 214, 0.14) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .nav-block-red i,
html[data-theme="dark"] #dashboardLogLayout .nav-block-red i {
  color: #ff8aad !important;
  background: rgba(255, 138, 173, 0.14) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .nav-block-grey i,
html[data-theme="dark"] .modern-dashboard-shell .nav-light-green i,
html[data-theme="dark"] #dashboardLogLayout .nav-block-grey i,
html[data-theme="dark"] #dashboardLogLayout .nav-light-green i {
  color: #8ca5ff !important;
  background: rgba(140, 165, 255, 0.14) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block:hover i,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block:hover i {
  box-shadow: 0 18px 30px rgba(88, 192, 214, 0.22) !important;
}

html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a .col-lg-9 {
  color: var(--theme-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .modern-dashboard-shell #accordion_a table thead th,
html[data-theme="dark"] .voucher-modern .tbl_thead tr th,
html[data-theme="dark"] .voucher-modern #purchase_table thead th,
html[data-theme="dark"] .voucher-modern #purchase_tableReport thead th,
html[data-theme="dark"] .voucher-modern .modal-table thead th,
html[data-theme="dark"] #main_wrapper .tbl_thead tr th,
html[data-theme="dark"] #main_wrapper table thead th,
html[data-theme="dark"] #main_wrapper .modal-table thead th {
  background: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .modern-dashboard-shell #accordion_a table thead,
html[data-theme="dark"] .voucher-modern .tbl_thead,
html[data-theme="dark"] .voucher-modern #purchase_table thead,
html[data-theme="dark"] .voucher-modern #purchase_tableReport thead,
html[data-theme="dark"] .voucher-modern .modal-table thead,
html[data-theme="dark"] #main_wrapper .tbl_thead,
html[data-theme="dark"] #main_wrapper table thead,
html[data-theme="dark"] #main_wrapper .modal-table thead {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  background-image: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
}

html[data-theme="dark"] .dashboard-live-logs thead,
html[data-theme="dark"] .dashboard-live-logs .table-wrap table thead {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  background-image: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
}

html[data-theme="dark"] .dashboard-live-logs thead th,
html[data-theme="dark"] .dashboard-live-logs .table-wrap table thead th {
  background: transparent !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .legacy-sidebar-toggle {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.28) !important;
}

html[data-theme="dark"] .legacy-sidebar-toggle:hover,
html[data-theme="dark"] .legacy-sidebar-toggle:focus {
  background: #1a2949 !important;
  color: #ffffff !important;
  border-color: rgba(88, 192, 214, 0.22) !important;
}

html[data-theme="dark"] .modern-dashboard-shell #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] .modern-dashboard-shell #side_nav .sub_panel .panel-title > a,
html[data-theme="dark"] #main_wrapper #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] #main_wrapper #side_nav .sub_panel .panel-title > a,
html[data-theme="dark"] #side_nav .sub_panel,
html[data-theme="dark"] #side_nav .sub_panel .panel,
html[data-theme="dark"] #side_nav .sub_panel .panel-body,
html[data-theme="dark"] #side_nav .sub_panel .panel-collapse {
  background: var(--theme-surface) !important;
  background-image: none !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #side_nav .sub_panel .panel_heading,
html[data-theme="dark"] #side_nav .sub_panel .panlhed,
html[data-theme="dark"] .modern-dashboard-shell #side_nav .sub_panel .panel_heading,
html[data-theme="dark"] .modern-dashboard-shell #side_nav .sub_panel .panlhed,
html[data-theme="dark"] #main_wrapper #side_nav .sub_panel .panel_heading,
html[data-theme="dark"] #main_wrapper #side_nav .sub_panel .panlhed,
html[data-theme="dark"] #side_nav .sub_panel ul a,
html[data-theme="dark"] #side_nav .sub_panel ul a span,
html[data-theme="dark"] #side_nav .sub_panel .side_icon {
  color: var(--theme-text) !important;
  background: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #side_nav .sub_panel .panel-title > a:hover,
html[data-theme="dark"] #side_nav .sub_panel .panel-title > a:focus,
html[data-theme="dark"] #side_nav .sub_panel ul a:hover,
html[data-theme="dark"] #side_nav .sub_panel ul a:focus,
html[data-theme="dark"] #side_nav .sub_panel li.current-link > a {
  background: rgba(88, 192, 214, 0.12) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .voucher-modern .page_bar,
html[data-theme="dark"] #main_wrapper .page_bar,
html[data-theme="dark"] .voucher-modern .panel.panel-default,
html[data-theme="dark"] #main_wrapper .panel.panel-default,
html[data-theme="dark"] #main_wrapper .bg_color_panel,
html[data-theme="dark"] #main_wrapper .panel-default,
html[data-theme="dark"] #main_wrapper .tab-content > .panel-default,
html[data-theme="dark"] #main_wrapper .tab-pane > .panel-default,
html[data-theme="dark"] #main_wrapper .pcontent_style > .container-fluid > .row > .col-lg-12 > .panel-body,
html[data-theme="dark"] #main_wrapper .pcontent_style .panel-body,
html[data-theme="dark"] .voucher-modern .NetTotalAmount,
html[data-theme="dark"] #main_wrapper .NetTotalAmount,
html[data-theme="dark"] .voucher-modern .modal-content,
html[data-theme="dark"] #main_wrapper .modal-content,
html[data-theme="dark"] .voucher-modern .modal-body,
html[data-theme="dark"] #main_wrapper .modal-body,
html[data-theme="dark"] #main_wrapper .modal-body[style*='E7F0EF'],
html[data-theme="dark"] #main_wrapper .modal-body[style*='e7f0ef'] {
  background: var(--theme-surface) !important;
  background-image: none !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .voucher-modern .page_title,
html[data-theme="dark"] #main_wrapper .page_title,
html[data-theme="dark"] .voucher-modern .side_panel_heading,
html[data-theme="dark"] .voucher-modern .NetTotalLabel,
html[data-theme="dark"] #main_wrapper .side_panel_heading,
html[data-theme="dark"] #main_wrapper .NetTotalLabel,
html[data-theme="dark"] .voucher-modern .tfoot_tbl td,
html[data-theme="dark"] .voucher-modern .finalsum td,
html[data-theme="dark"] #main_wrapper .tfoot_tbl td,
html[data-theme="dark"] #main_wrapper .finalsum td {
  color: var(--theme-text) !important;
  background: transparent !important;
}

html[data-theme="dark"] .voucher-modern .form-control,
html[data-theme="dark"] .voucher-modern .select2-container .select2-choice,
html[data-theme="dark"] .voucher-modern .input-group-addon,
html[data-theme="dark"] .voucher-modern .switch-addon,
html[data-theme="dark"] #main_wrapper .form-control,
html[data-theme="dark"] #main_wrapper .select2-container .select2-choice,
html[data-theme="dark"] #main_wrapper .input-group-addon,
html[data-theme="dark"] #main_wrapper .switch-addon,
html[data-theme="dark"] .voucher-modern .readonly,
html[data-theme="dark"] .voucher-modern .form-control[readonly],
html[data-theme="dark"] #main_wrapper .readonly,
html[data-theme="dark"] #main_wrapper .form-control[readonly] {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .voucher-modern #purchase_table,
html[data-theme="dark"] .voucher-modern #purchase_tableReport,
html[data-theme="dark"] .voucher-modern #cash_table,
html[data-theme="dark"] .voucher-modern #search_cash_table,
html[data-theme="dark"] .voucher-modern .modal-table,
html[data-theme="dark"] .voucher-modern .lastrate_table,
html[data-theme="dark"] .voucher-modern .laststockLocation_table,
html[data-theme="dark"] .voucher-modern #vendor_stock_table,
html[data-theme="dark"] #main_wrapper #purchase_table,
html[data-theme="dark"] #main_wrapper #purchase_tableReport,
html[data-theme="dark"] #main_wrapper #cash_table,
html[data-theme="dark"] #main_wrapper #search_cash_table,
html[data-theme="dark"] #main_wrapper .modal-table,
html[data-theme="dark"] #main_wrapper .lastrate_table,
html[data-theme="dark"] #main_wrapper .laststockLocation_table,
html[data-theme="dark"] #main_wrapper #vendor_stock_table,
html[data-theme="dark"] #main_wrapper table.table-striped,
html[data-theme="dark"] #main_wrapper table.table-bordered {
  background: var(--theme-surface-strong) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .voucher-modern #purchase_table tbody tr:nth-child(even),
html[data-theme="dark"] .voucher-modern #purchase_tableReport tbody tr:nth-child(even),
html[data-theme="dark"] .voucher-modern #cash_table tbody tr:nth-child(even),
html[data-theme="dark"] .voucher-modern #search_cash_table tbody tr:nth-child(even),
html[data-theme="dark"] .voucher-modern .modal-table tbody tr:nth-child(even),
html[data-theme="dark"] #main_wrapper table tbody tr:nth-child(even) {
  background: rgba(17, 27, 47, 0.52) !important;
}

html[data-theme="dark"] .voucher-modern #purchase_table tbody tr:hover,
html[data-theme="dark"] .voucher-modern #purchase_tableReport tbody tr:hover,
html[data-theme="dark"] .voucher-modern #cash_table tbody tr:hover,
html[data-theme="dark"] .voucher-modern #search_cash_table tbody tr:hover,
html[data-theme="dark"] .voucher-modern .modal-table tbody tr:hover,
html[data-theme="dark"] #main_wrapper table tbody tr:hover {
  background: rgba(88, 192, 214, 0.12) !important;
}

html[data-theme="dark"] .voucher-modern .btnReset,
html[data-theme="dark"] .voucher-modern .btnsearchparty,
html[data-theme="dark"] .voucher-modern .btnsearchitem,
html[data-theme="dark"] .voucher-modern .btnsearchPendingReceived,
html[data-theme="dark"] .voucher-modern .btnsearchAck,
html[data-theme="dark"] #main_wrapper .btnReset,
html[data-theme="dark"] #main_wrapper .btnsearchparty,
html[data-theme="dark"] #main_wrapper .btnsearchitem,
html[data-theme="dark"] #main_wrapper .btnsearchPendingReceived,
html[data-theme="dark"] #main_wrapper .btnsearchAck,
html[data-theme="dark"] #main_wrapper .btn-default,
html[data-theme="dark"] #main_wrapper .btn-warning {
  background: var(--theme-input) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .voucher-modern .dropdown-menu,
html[data-theme="dark"] #main_wrapper .dropdown-menu {
  background: var(--theme-surface-strong) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .voucher-modern .dropdown-menu > li > a,
html[data-theme="dark"] #main_wrapper .dropdown-menu > li > a {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .voucher-modern .dropdown-menu > li > a:hover,
html[data-theme="dark"] #main_wrapper .dropdown-menu > li > a:hover {
  background: rgba(88, 192, 214, 0.12) !important;
  color: var(--theme-text) !important;
}

/* Final hard overrides for legacy white surfaces in dark mode */
html[data-theme="dark"] #side_nav > ul,
html[data-theme="dark"] #side_nav > ul > li > .sub_panel,
html[data-theme="dark"] #side_nav .sub_panel,
html[data-theme="dark"] #side_nav .sub_panel .side_inner,
html[data-theme="dark"] #side_nav .sub_panel .panel,
html[data-theme="dark"] #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] #side_nav .sub_panel .panel-title > a,
html[data-theme="dark"] #side_nav .sub_panel .panel-body,
html[data-theme="dark"] #side_nav .sub_panel .panel-collapse,
html[data-theme="dark"] #side_nav .sub_panel ul,
html[data-theme="dark"] #side_nav .sub_panel ul li,
html[data-theme="dark"] #side_nav .sub_panel ul a,
html[data-theme="dark"] #side_nav .sub_panel ul a span,
html[data-theme="dark"] #side_nav .sub_panel .panel_heading,
html[data-theme="dark"] #side_nav .sub_panel .panlhed,
html[data-theme="dark"] #side_nav .sub_panel .side_icon,
html[data-theme="dark"] .modern-dashboard-shell #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] .modern-dashboard-shell #side_nav .sub_panel .panel-title > a,
html[data-theme="dark"] #main_wrapper #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] #main_wrapper #side_nav .sub_panel .panel-title > a {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #side_nav .sub_panel ul a::before,
html[data-theme="dark"] #side_nav .sub_panel ul a:hover::before,
html[data-theme="dark"] #side_nav .sub_panel ul a:focus::before,
html[data-theme="dark"] #side_nav .sub_panel li.current-link > a::before {
  border-color: rgba(229, 237, 249, 0.55) !important;
}

html[data-theme="dark"] #side_nav .sub_panel .panel-title > a:hover,
html[data-theme="dark"] #side_nav .sub_panel .panel-title > a:focus,
html[data-theme="dark"] #side_nav .sub_panel ul a:hover,
html[data-theme="dark"] #side_nav .sub_panel ul a:focus,
html[data-theme="dark"] #side_nav .sub_panel li.current-link > a {
  background: rgba(88, 192, 214, 0.12) !important;
  color: #ffffff !important;
  border-color: rgba(88, 192, 214, 0.22) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .page-header,
html[data-theme="dark"] .modern-dashboard-shell .panel.panel-default,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel.panel-default,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-collapse > .panel-body,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a table.table,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block > a,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block,
html[data-theme="dark"] #dashboardLogLayout #dashboardCardsCol .metro-nav-block.double,
html[data-theme="dark"] .dashboard-live-logs .log-card,
html[data-theme="dark"] .dashboard-live-logs .log-controls,
html[data-theme="dark"] .dashboard-live-logs .table-wrap,
html[data-theme="dark"] .dashboard-live-logs .pager {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .modern-dashboard-shell .page-header h1,
html[data-theme="dark"] .modern-dashboard-shell .page-header h1 small,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block .status,
html[data-theme="dark"] .modern-dashboard-shell .metro-nav-block .info,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a .col-lg-9,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a .panel-title > a .col-lg-3,
html[data-theme="dark"] .modern-dashboard-shell #accordion_a table tbody td,
html[data-theme="dark"] .dashboard-live-logs .log-title,
html[data-theme="dark"] .dashboard-live-logs .log-sub,
html[data-theme="dark"] .dashboard-live-logs .status-note,
html[data-theme="dark"] .dashboard-live-logs tbody td,
html[data-theme="dark"] .dashboard-live-logs .pager,
html[data-theme="dark"] .dashboard-live-logs .log-controls label,
html[data-theme="dark"] .dashboard-live-logs .live-toggle {
  color: #e5edf9 !important;
  background: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-modern .page_bar,
html[data-theme="dark"] #main_wrapper .page_bar,
html[data-theme="dark"] .voucher-modern .panel.panel-default,
html[data-theme="dark"] #main_wrapper .panel.panel-default,
html[data-theme="dark"] #main_wrapper .bg_color_panel,
html[data-theme="dark"] #main_wrapper .panel-default,
html[data-theme="dark"] #main_wrapper .tab-content > .panel-default,
html[data-theme="dark"] #main_wrapper .tab-pane > .panel-default,
html[data-theme="dark"] #main_wrapper .pcontent_style > .container-fluid > .row > .col-lg-12 > .panel-body,
html[data-theme="dark"] #main_wrapper .pcontent_style .panel-body,
html[data-theme="dark"] .voucher-modern .NetTotalAmount,
html[data-theme="dark"] #main_wrapper .NetTotalAmount,
html[data-theme="dark"] .voucher-modern .modal-content,
html[data-theme="dark"] #main_wrapper .modal-content,
html[data-theme="dark"] .voucher-modern .modal-body,
html[data-theme="dark"] #main_wrapper .modal-body,
html[data-theme="dark"] #main_wrapper .modal-body[style*='E7F0EF'],
html[data-theme="dark"] #main_wrapper .modal-body[style*='e7f0ef'],
html[data-theme="dark"] .voucher-modern #purchase_table,
html[data-theme="dark"] .voucher-modern #purchase_tableReport,
html[data-theme="dark"] .voucher-modern #cash_table,
html[data-theme="dark"] .voucher-modern #search_cash_table,
html[data-theme="dark"] .voucher-modern .modal-table,
html[data-theme="dark"] .voucher-modern .lastrate_table,
html[data-theme="dark"] .voucher-modern .laststockLocation_table,
html[data-theme="dark"] .voucher-modern #vendor_stock_table,
html[data-theme="dark"] #main_wrapper #purchase_table,
html[data-theme="dark"] #main_wrapper #purchase_tableReport,
html[data-theme="dark"] #main_wrapper #cash_table,
html[data-theme="dark"] #main_wrapper #search_cash_table,
html[data-theme="dark"] #main_wrapper .modal-table,
html[data-theme="dark"] #main_wrapper .lastrate_table,
html[data-theme="dark"] #main_wrapper .laststockLocation_table,
html[data-theme="dark"] #main_wrapper #vendor_stock_table,
html[data-theme="dark"] #main_wrapper table.table-striped,
html[data-theme="dark"] #main_wrapper table.table-bordered {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-modern table tbody td,
html[data-theme="dark"] .voucher-modern table tbody th,
html[data-theme="dark"] .voucher-modern table tfoot td,
html[data-theme="dark"] .voucher-modern table tfoot th,
html[data-theme="dark"] #main_wrapper table tbody td,
html[data-theme="dark"] #main_wrapper table tbody th,
html[data-theme="dark"] #main_wrapper table tfoot td,
html[data-theme="dark"] #main_wrapper table tfoot th,
html[data-theme="dark"] #main_wrapper .tfoot_tbl td,
html[data-theme="dark"] #main_wrapper .tfoot_tbl th {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-modern .page_title,
html[data-theme="dark"] #main_wrapper .page_title,
html[data-theme="dark"] .voucher-modern label,
html[data-theme="dark"] #main_wrapper label,
html[data-theme="dark"] .voucher-modern .side_panel_heading,
html[data-theme="dark"] .voucher-modern .NetTotalLabel,
html[data-theme="dark"] #main_wrapper .side_panel_heading,
html[data-theme="dark"] #main_wrapper .NetTotalLabel,
html[data-theme="dark"] .voucher-modern .tfoot_tbl td,
html[data-theme="dark"] .voucher-modern .finalsum td,
html[data-theme="dark"] #main_wrapper .tfoot_tbl td,
html[data-theme="dark"] #main_wrapper .finalsum td,
html[data-theme="dark"] .voucher-modern td,
html[data-theme="dark"] .voucher-modern th,
html[data-theme="dark"] .voucher-modern div,
html[data-theme="dark"] .voucher-modern span,
html[data-theme="dark"] #main_wrapper td,
html[data-theme="dark"] #main_wrapper th,
html[data-theme="dark"] #main_wrapper div,
html[data-theme="dark"] #main_wrapper span {
  color: #e5edf9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-modern .form-control,
html[data-theme="dark"] .voucher-modern .select2-container .select2-choice,
html[data-theme="dark"] .voucher-modern .input-group-addon,
html[data-theme="dark"] .voucher-modern .switch-addon,
html[data-theme="dark"] #main_wrapper .form-control,
html[data-theme="dark"] #main_wrapper .select2-container .select2-choice,
html[data-theme="dark"] #main_wrapper .input-group-addon,
html[data-theme="dark"] #main_wrapper .switch-addon,
html[data-theme="dark"] .voucher-modern .readonly,
html[data-theme="dark"] .voucher-modern .form-control[readonly],
html[data-theme="dark"] #main_wrapper .readonly,
html[data-theme="dark"] #main_wrapper .form-control[readonly],
html[data-theme="dark"] .dashboard-live-logs .form-control {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-modern .btnSave,
html[data-theme="dark"] .voucher-modern .btnPrint,
html[data-theme="dark"] .voucher-modern .btnSearch,
html[data-theme="dark"] .voucher-modern .btnSearchStockRecieved,
html[data-theme="dark"] .voucher-modern .btnPrintBarcode,
html[data-theme="dark"] .voucher-modern .SelectBtn,
html[data-theme="dark"] .voucher-modern #btnAdd,
html[data-theme="dark"] .voucher-modern .btn-success,
html[data-theme="dark"] .voucher-modern .btn-primary,
html[data-theme="dark"] #main_wrapper .btnSave,
html[data-theme="dark"] #main_wrapper .btnPrint,
html[data-theme="dark"] #main_wrapper .btnSearch,
html[data-theme="dark"] #main_wrapper .btnSearchStockRecieved,
html[data-theme="dark"] #main_wrapper .btnPrintBarcode,
html[data-theme="dark"] #main_wrapper .SelectBtn,
html[data-theme="dark"] #main_wrapper #btnAdd,
html[data-theme="dark"] #main_wrapper .btn-success,
html[data-theme="dark"] #main_wrapper .btn-primary,
html[data-theme="dark"] .dashboard-live-logs .btn-search {
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-bill .bill-item-entry,
html[data-theme="dark"] .voucher-bill .bill-item-entry .row,
html[data-theme="dark"] .voucher-bill .bill-item-entry [class*="col-lg-"],
html[data-theme="dark"] .voucher-bill .container-wrap.bill-item-entry {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-bill .bill-item-entry label,
html[data-theme="dark"] .voucher-bill .bill-item-entry .form-control,
html[data-theme="dark"] .voucher-bill .bill-item-entry .select2-container .select2-choice,
html[data-theme="dark"] .voucher-bill .bill-item-entry .select2-container .select2-selection,
html[data-theme="dark"] .voucher-bill .bill-item-entry__lookup,
html[data-theme="dark"] .voucher-bill .bill-item-entry__add {
  color: #e5edf9 !important;
}

html[data-theme="dark"] #ack-lookup .modal-content,
html[data-theme="dark"] #invoice-lookup .modal-content,
html[data-theme="dark"] #ack-lookup .modal-body,
html[data-theme="dark"] #invoice-lookup .modal-body,
html[data-theme="dark"] #ack-lookup .modal-footer,
html[data-theme="dark"] #invoice-lookup .modal-footer,
html[data-theme="dark"] #ack-lookup .row,
html[data-theme="dark"] #invoice-lookup .row,
html[data-theme="dark"] #ack-lookup .col-lg-12,
html[data-theme="dark"] #invoice-lookup .col-lg-12,
html[data-theme="dark"] #ack-lookup .col-lg-3,
html[data-theme="dark"] #invoice-lookup .col-lg-3,
html[data-theme="dark"] #ack-lookup .col-lg-2,
html[data-theme="dark"] #invoice-lookup .col-lg-2,
html[data-theme="dark"] #ack-lookup .col-lg-1 {
html[data-theme="dark"] #invoice-lookup .col-lg-1 {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] #ack-lookup .modal-header,
html[data-theme="dark"] #invoice-lookup .modal-header {
  background: linear-gradient(135deg, #1e98b1, #9a4ca6) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #ack-lookup .modal-header h3,
html[data-theme="dark"] #invoice-lookup .modal-header h3,
html[data-theme="dark"] #ack-lookup .modal-header .close,
html[data-theme="dark"] #invoice-lookup .modal-header .close,
html[data-theme="dark"] #ack-lookup .input-group-addon,
html[data-theme="dark"] #invoice-lookup .input-group-addon,
html[data-theme="dark"] #ack-lookup label,
html[data-theme="dark"] #invoice-lookup label,
html[data-theme="dark"] #ack-lookup .radio-inline,
html[data-theme="dark"] #invoice-lookup .radio-inline,
html[data-theme="dark"] #ack-lookup td,
html[data-theme="dark"] #invoice-lookup td,
html[data-theme="dark"] #ack-lookup th,
html[data-theme="dark"] #invoice-lookup th,
html[data-theme="dark"] #ack-lookup span,
html[data-theme="dark"] #invoice-lookup span,
html[data-theme="dark"] #ack-lookup div {
html[data-theme="dark"] #invoice-lookup div {
  color: #e5edf9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #ack-lookup .form-control,
html[data-theme="dark"] #invoice-lookup .form-control,
html[data-theme="dark"] #ack-lookup select,
html[data-theme="dark"] #invoice-lookup select,
html[data-theme="dark"] #ack-lookup input,
html[data-theme="dark"] #invoice-lookup input,
html[data-theme="dark"] #ack-lookup .input-group-addon {
html[data-theme="dark"] #invoice-lookup .input-group-addon {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] #ack-lookup table,
html[data-theme="dark"] #invoice-lookup table,
html[data-theme="dark"] #ack-lookup .modal-table,
html[data-theme="dark"] #invoice-lookup .modal-table,
html[data-theme="dark"] #ack-lookup .modal-table tbody,
html[data-theme="dark"] #invoice-lookup .modal-table tbody,
html[data-theme="dark"] #ack-lookup .modal-table tbody tr,
html[data-theme="dark"] #invoice-lookup .modal-table tbody tr,
html[data-theme="dark"] #ack-lookup .modal-table tbody td {
html[data-theme="dark"] #invoice-lookup .modal-table tbody td {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] #ack-lookup .modal-table thead,
html[data-theme="dark"] #invoice-lookup .modal-table thead,
html[data-theme="dark"] #ack-lookup .modal-table thead tr,
html[data-theme="dark"] #invoice-lookup .modal-table thead tr {
  background: linear-gradient(135deg, #1e98b1, #9a4ca6) !important;
}

html[data-theme="dark"] #ack-lookup .modal-table thead th,
html[data-theme="dark"] #invoice-lookup .modal-table thead th {
  background: transparent !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-modern .modal-content,
html[data-theme="dark"] #main_wrapper .modal-content,
html[data-theme="dark"] body > .modal .modal-content,
html[data-theme="dark"] .voucher-modern .modal-body,
html[data-theme="dark"] #main_wrapper .modal-body,
html[data-theme="dark"] body > .modal .modal-body,
html[data-theme="dark"] .voucher-modern .modal-footer,
html[data-theme="dark"] #main_wrapper .modal-footer,
html[data-theme="dark"] body > .modal .modal-footer {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-modern .modal-header,
html[data-theme="dark"] #main_wrapper .modal-header,
html[data-theme="dark"] body > .modal .modal-header {
  background: linear-gradient(135deg, #1e98b1, #9a4ca6) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-modern .modal-header .modal-title,
html[data-theme="dark"] #main_wrapper .modal-header .modal-title,
html[data-theme="dark"] body > .modal .modal-header .modal-title,
html[data-theme="dark"] .voucher-modern .modal-header .close,
html[data-theme="dark"] #main_wrapper .modal-header .close,
html[data-theme="dark"] body > .modal .modal-header .close,
html[data-theme="dark"] .voucher-modern .modal-header .btn-close,
html[data-theme="dark"] #main_wrapper .modal-header .btn-close,
html[data-theme="dark"] body > .modal .modal-header .btn-close,
html[data-theme="dark"] .voucher-modern .modal-body,
html[data-theme="dark"] #main_wrapper .modal-body,
html[data-theme="dark"] body > .modal .modal-body,
html[data-theme="dark"] .voucher-modern .modal-body td,
html[data-theme="dark"] #main_wrapper .modal-body td,
html[data-theme="dark"] body > .modal .modal-body td,
html[data-theme="dark"] .voucher-modern .modal-body th,
html[data-theme="dark"] #main_wrapper .modal-body th,
html[data-theme="dark"] body > .modal .modal-body th,
html[data-theme="dark"] .voucher-modern .modal-body label,
html[data-theme="dark"] #main_wrapper .modal-body label,
html[data-theme="dark"] body > .modal .modal-body label,
html[data-theme="dark"] .voucher-modern .modal-body span,
html[data-theme="dark"] #main_wrapper .modal-body span,
html[data-theme="dark"] body > .modal .modal-body span,
html[data-theme="dark"] .voucher-modern .modal-body div,
html[data-theme="dark"] #main_wrapper .modal-body div,
html[data-theme="dark"] body > .modal .modal-body div {
  color: #e5edf9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-modern .modal input,
html[data-theme="dark"] #main_wrapper .modal input,
html[data-theme="dark"] body > .modal input,
html[data-theme="dark"] .voucher-modern .modal select,
html[data-theme="dark"] #main_wrapper .modal select,
html[data-theme="dark"] body > .modal select,
html[data-theme="dark"] .voucher-modern .modal textarea,
html[data-theme="dark"] #main_wrapper .modal textarea,
html[data-theme="dark"] body > .modal textarea,
html[data-theme="dark"] .voucher-modern .modal .form-control,
html[data-theme="dark"] #main_wrapper .modal .form-control,
html[data-theme="dark"] body > .modal .form-control,
html[data-theme="dark"] .voucher-modern .modal .input-group-addon,
html[data-theme="dark"] #main_wrapper .modal .input-group-addon,
html[data-theme="dark"] body > .modal .input-group-addon {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-modern .modal table,
html[data-theme="dark"] #main_wrapper .modal table,
html[data-theme="dark"] body > .modal table,
html[data-theme="dark"] .voucher-modern .modal tbody,
html[data-theme="dark"] #main_wrapper .modal tbody,
html[data-theme="dark"] body > .modal tbody,
html[data-theme="dark"] .voucher-modern .modal tbody tr,
html[data-theme="dark"] #main_wrapper .modal tbody tr,
html[data-theme="dark"] body > .modal tbody tr,
html[data-theme="dark"] .voucher-modern .modal tbody td,
html[data-theme="dark"] #main_wrapper .modal tbody td,
html[data-theme="dark"] body > .modal tbody td {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-modern .modal thead,
html[data-theme="dark"] #main_wrapper .modal thead,
html[data-theme="dark"] body > .modal thead,
html[data-theme="dark"] .voucher-modern .modal thead tr,
html[data-theme="dark"] #main_wrapper .modal thead tr,
html[data-theme="dark"] body > .modal thead tr {
  background: linear-gradient(135deg, #1e98b1, #9a4ca6) !important;
}

html[data-theme="dark"] .voucher-modern .modal thead th,
html[data-theme="dark"] #main_wrapper .modal thead th,
html[data-theme="dark"] body > .modal thead th {
  background: transparent !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-modern .modal-dialog,
html[data-theme="dark"] #main_wrapper .modal-dialog,
html[data-theme="dark"] body > .modal .modal-dialog {
  filter: none !important;
}

html[data-theme="dark"] .voucher-modern .modal-content,
html[data-theme="dark"] #main_wrapper .modal-content,
html[data-theme="dark"] body > .modal .modal-content {
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 22px !important;
  box-shadow: 0 26px 64px rgba(2, 8, 23, 0.58) !important;
}

html[data-theme="dark"] .voucher-modern .modal-footer .btn,
html[data-theme="dark"] #main_wrapper .modal-footer .btn,
html[data-theme="dark"] body > .modal .modal-footer .btn,
html[data-theme="dark"] .voucher-modern .modal-body .btn,
html[data-theme="dark"] #main_wrapper .modal-body .btn,
html[data-theme="dark"] body > .modal .modal-body .btn {
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-modern .modal-footer .btn-primary,
html[data-theme="dark"] #main_wrapper .modal-footer .btn-primary,
html[data-theme="dark"] body > .modal .modal-footer .btn-primary,
html[data-theme="dark"] .voucher-modern .modal-body .btn-primary,
html[data-theme="dark"] #main_wrapper .modal-body .btn-primary,
html[data-theme="dark"] body > .modal .modal-body .btn-primary,
html[data-theme="dark"] .voucher-modern .modal-body .btnSearch,
html[data-theme="dark"] #main_wrapper .modal-body .btnSearch,
html[data-theme="dark"] body > .modal .modal-body .btnSearch,
html[data-theme="dark"] .voucher-modern .modal-body .btnShow,
html[data-theme="dark"] #main_wrapper .modal-body .btnShow,
html[data-theme="dark"] body > .modal .modal-body .btnShow {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #fff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .voucher-modern .modal-footer .btn-default,
html[data-theme="dark"] #main_wrapper .modal-footer .btn-default,
html[data-theme="dark"] body > .modal .modal-footer .btn-default,
html[data-theme="dark"] .voucher-modern .modal-body .btn-default,
html[data-theme="dark"] #main_wrapper .modal-body .btn-default,
html[data-theme="dark"] body > .modal .modal-body .btn-default {
  background: #0f172a !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-modern .modal .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] #main_wrapper .modal .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] body > .modal .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] .voucher-modern .modal .dataTables_wrapper .dataTables_length select,
html[data-theme="dark"] #main_wrapper .modal .dataTables_wrapper .dataTables_length select,
html[data-theme="dark"] body > .modal .dataTables_wrapper .dataTables_length select {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-modern .modal .pagination > li > a,
html[data-theme="dark"] #main_wrapper .modal .pagination > li > a,
html[data-theme="dark"] body > .modal .pagination > li > a,
html[data-theme="dark"] .voucher-modern .modal .pagination > li > span,
html[data-theme="dark"] #main_wrapper .modal .pagination > li > span,
html[data-theme="dark"] body > .modal .pagination > li > span {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-bill #purchase_table,
html[data-theme="dark"] .voucher-bill #purchase_tableReport,
html[data-theme="dark"] .voucher-bill #purchase_table tbody,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tbody,
html[data-theme="dark"] .voucher-bill #purchase_table tfoot,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tfoot,
html[data-theme="dark"] .voucher-bill #purchase_table tr,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tr,
html[data-theme="dark"] .voucher-bill #purchase_table td,
html[data-theme="dark"] .voucher-bill #purchase_table th,
html[data-theme="dark"] .voucher-bill #purchase_tableReport td,
html[data-theme="dark"] .voucher-bill #purchase_tableReport th,
html[data-theme="dark"] .voucher-bill .tfoot_tbl td,
html[data-theme="dark"] .voucher-bill .finalsum td {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-bill #purchase_table thead th,
html[data-theme="dark"] .voucher-bill #purchase_tableReport thead th {
  background: transparent !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-bill #purchase_table tbody tr:nth-child(even),
html[data-theme="dark"] .voucher-bill #purchase_tableReport tbody tr:nth-child(even) {
  background: rgba(17, 27, 47, 0.52) !important;
}

html[data-theme="dark"] .voucher-bill #purchase_table tbody tr:hover,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tbody tr:hover {
  background: rgba(88, 192, 214, 0.12) !important;
}

html[data-theme="dark"] .voucher-bill #purchase_table td input.form-control,
html[data-theme="dark"] .voucher-bill #purchase_table td input,
html[data-theme="dark"] .voucher-bill #purchase_tableReport td input.form-control,
html[data-theme="dark"] .voucher-bill #purchase_tableReport td input,
html[data-theme="dark"] .voucher-bill #txtAdvanced,
html[data-theme="dark"] .voucher-bill #txtNetAmount,
html[data-theme="dark"] .voucher-bill #txtNetAmount2 {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .studentImageWrap,
html[data-theme="dark"] .studentImageWrap img,
html[data-theme="dark"] #itemImageDisplay,
html[data-theme="dark"] [id^="attach"][id$="ImageDisplay"],
html[data-theme="dark"] .fileinput,
html[data-theme="dark"] .fileinput .thumbnail,
html[data-theme="dark"] .fileinput .thumbnail > img,
html[data-theme="dark"] .btn-file,
html[data-theme="dark"] .img-thumbnail,
html[data-theme="dark"] .thumbnail,
html[data-theme="dark"] input[type="file"],
html[data-theme="dark"] #main_wrapper input[type="file"],
html[data-theme="dark"] .voucher-modern input[type="file"] {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] input[type="file"]::file-selector-button,
html[data-theme="dark"] #main_wrapper input[type="file"]::file-selector-button,
html[data-theme="dark"] .voucher-modern input[type="file"]::file-selector-button {
  background: rgba(88, 192, 214, 0.14) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88, 192, 214, 0.18) !important;
}

html[data-theme="dark"] #main_wrapper [style*='background: #F5F6F7'],
html[data-theme="dark"] #main_wrapper [style*='background:#F5F6F7'],
html[data-theme="dark"] #main_wrapper [style*='background: #f5f6f7'],
html[data-theme="dark"] #main_wrapper [style*='background:#f5f6f7'],
html[data-theme="dark"] #main_wrapper [style*='background: #fff'],
html[data-theme="dark"] #main_wrapper [style*='background:#fff'],
html[data-theme="dark"] #main_wrapper [style*='background: white'],
html[data-theme="dark"] #main_wrapper [style*='background:white'],
html[data-theme="dark"] #main_wrapper [style*='background-color: #fff'],
html[data-theme="dark"] #main_wrapper [style*='background-color:#fff'],
html[data-theme="dark"] #main_wrapper [style*='background-color: white'],
html[data-theme="dark"] #main_wrapper [style*='background-color:white'],
html[data-theme="dark"] .voucher-modern [style*='background: #F5F6F7'],
html[data-theme="dark"] .voucher-modern [style*='background:#F5F6F7'],
html[data-theme="dark"] .voucher-modern [style*='background: #f5f6f7'],
html[data-theme="dark"] .voucher-modern [style*='background:#f5f6f7'],
html[data-theme="dark"] .voucher-modern [style*='background: #fff'],
html[data-theme="dark"] .voucher-modern [style*='background:#fff'],
html[data-theme="dark"] .voucher-modern [style*='background: white'],
html[data-theme="dark"] .voucher-modern [style*='background:white'],
html[data-theme="dark"] .voucher-modern [style*='background-color: #fff'],
html[data-theme="dark"] .voucher-modern [style*='background-color:#fff'],
html[data-theme="dark"] .voucher-modern [style*='background-color: white'],
html[data-theme="dark"] .voucher-modern [style*='background-color:white'] {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #main_wrapper [style*='color: #000'],
html[data-theme="dark"] #main_wrapper [style*='color:#000'],
html[data-theme="dark"] #main_wrapper [style*='color: black'],
html[data-theme="dark"] #main_wrapper [style*='color:black'],
html[data-theme="dark"] .voucher-modern [style*='color: #000'],
html[data-theme="dark"] .voucher-modern [style*='color:#000'],
html[data-theme="dark"] .voucher-modern [style*='color: black'],
html[data-theme="dark"] .voucher-modern [style*='color:black'] {
  color: #e5edf9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-modern #no-more-tables,
html[data-theme="dark"] .voucher-modern #no-more-tables .cf,
html[data-theme="dark"] .voucher-modern #no-more-tables .table-bordered,
html[data-theme="dark"] .voucher-modern #no-more-tables .table-striped,
html[data-theme="dark"] #main_wrapper #no-more-tables,
html[data-theme="dark"] #main_wrapper #no-more-tables .cf,
html[data-theme="dark"] #main_wrapper #no-more-tables .table-bordered,
html[data-theme="dark"] #main_wrapper #no-more-tables .table-striped,
html[data-theme="dark"] #main_wrapper table.table-bordered > tbody > tr > td,
html[data-theme="dark"] #main_wrapper table.table-bordered > tbody > tr > th,
html[data-theme="dark"] #main_wrapper table.table-bordered > tfoot > tr > td,
html[data-theme="dark"] #main_wrapper table.table-bordered > tfoot > tr > th,
html[data-theme="dark"] #main_wrapper table.table-striped > tbody > tr > td,
html[data-theme="dark"] #main_wrapper table.table-striped > tbody > tr > th,
html[data-theme="dark"] .voucher-modern table.table-bordered > tbody > tr > td,
html[data-theme="dark"] .voucher-modern table.table-bordered > tbody > tr > th,
html[data-theme="dark"] .voucher-modern table.table-bordered > tfoot > tr > td,
html[data-theme="dark"] .voucher-modern table.table-bordered > tfoot > tr > th,
html[data-theme="dark"] .voucher-modern table.table-striped > tbody > tr > td,
html[data-theme="dark"] .voucher-modern table.table-striped > tbody > tr > th {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-modern table.table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-theme="dark"] .voucher-modern table.table-striped > tbody > tr:nth-of-type(odd) > th,
html[data-theme="dark"] #main_wrapper table.table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-theme="dark"] #main_wrapper table.table-striped > tbody > tr:nth-of-type(odd) > th {
  background: #16233f !important;
}

html[data-theme="dark"] .voucher-modern table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .voucher-modern table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] #main_wrapper table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] #main_wrapper table.table-striped > tbody > tr:nth-of-type(even) > th {
  background: rgba(17, 27, 47, 0.52) !important;
}

html[data-theme="dark"] .voucher-modern .container-wrap,
html[data-theme="dark"] #main_wrapper .container-wrap {
  background: rgba(15, 23, 42, 0.92) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.06) !important;
}

html[data-theme="dark"] .voucher-modern .container-wrap .row,
html[data-theme="dark"] .voucher-modern .container-wrap [class*='col-lg-'],
html[data-theme="dark"] .voucher-modern .container-wrap [class*='col-md-'],
html[data-theme="dark"] .voucher-modern .container-wrap [class*='col-sm-'],
html[data-theme="dark"] #main_wrapper .container-wrap .row,
html[data-theme="dark"] #main_wrapper .container-wrap [class*='col-lg-'],
html[data-theme="dark"] #main_wrapper .container-wrap [class*='col-md-'],
html[data-theme="dark"] #main_wrapper .container-wrap [class*='col-sm-'] {
  background: transparent !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-cashpayment .container-wrap {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.06) !important;
}

html[data-theme="dark"] .voucher-cashpayment .cashvoucher-tabs > li > a {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-cashpayment .cashvoucher-tabs > li.active > a,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-tabs > li.active > a:hover,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-tabs > li.active > a:focus {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .voucher-jv .container-wrap,
html[data-theme="dark"] .voucher-chequepaid .container-wrap,
html[data-theme="dark"] .voucher-chequereceived .container-wrap,
html[data-theme="dark"] .voucher-creditdebitnote .container-wrap {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.06) !important;
}

html[data-theme="dark"] .voucher-jv .container-wrap label,
html[data-theme="dark"] .voucher-chequepaid .container-wrap label,
html[data-theme="dark"] .voucher-chequereceived .container-wrap label,
html[data-theme="dark"] .voucher-creditdebitnote .container-wrap label,
html[data-theme="dark"] .voucher-jv .container-wrap span,
html[data-theme="dark"] .voucher-chequepaid .container-wrap span,
html[data-theme="dark"] .voucher-chequereceived .container-wrap span,
html[data-theme="dark"] .voucher-creditdebitnote .container-wrap span {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-jv #btnAddCash,
html[data-theme="dark"] .voucher-chequepaid #btnAddCash,
html[data-theme="dark"] .voucher-chequereceived #btnAddCash,
html[data-theme="dark"] .voucher-creditdebitnote #btnAdd,
html[data-theme="dark"] .voucher-creditdebitnote #btnAddCash {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .voucher-jv #btnAddCash i,
html[data-theme="dark"] .voucher-chequepaid #btnAddCash i,
html[data-theme="dark"] .voucher-chequereceived #btnAddCash i,
html[data-theme="dark"] .voucher-creditdebitnote #btnAdd i,
html[data-theme="dark"] .voucher-creditdebitnote #btnAddCash i {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-cashpayment .container-wrap label,
html[data-theme="dark"] .voucher-cashpayment .cpvRadio,
html[data-theme="dark"] .voucher-cashpayment .crvRadio,
html[data-theme="dark"] .voucher-cashpayment .cpvRadio span,
html[data-theme="dark"] .voucher-cashpayment .crvRadio span {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-cashpayment #partyBalance,
html[data-theme="dark"] .voucher-cashpayment #cashBalance {
  background: #0f172a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-cashpayment #btnAddCash,
html[data-theme="dark"] .voucher-cashpayment .input-group .btn.btn-primary.active,
html[data-theme="dark"] .voucher-cashpayment .input-group .btn.btn-primary {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .voucher-cashpayment #btnAddCash i,
html[data-theme="dark"] .voucher-cashpayment .input-group .btn.btn-primary.active,
html[data-theme="dark"] .voucher-cashpayment .input-group .btn.btn-primary span,
html[data-theme="dark"] .voucher-cashpayment .input-group .btn.btn-primary i {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table thead,
html[data-theme="dark"] .voucher-cashpayment #cash_table thead tr,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table thead,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table thead tr {
  background: linear-gradient(135deg, #1e98b1, #9a4ca6) !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table thead th,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table thead th {
  background: transparent !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table tfoot td,
html[data-theme="dark"] .voucher-cashpayment .tfoot_tbl td {
  background: transparent !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup .modal-content,
html[data-theme="dark"] .voucher-stockreceived #item-lookup .modal-content,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .modal-content,
html[data-theme="dark"] .voucher-stockreceived #print-lookup .modal-content,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony .modal-content,
html[data-theme="dark"] .voucher-stockissue #party-lookup .modal-content,
html[data-theme="dark"] .voucher-stockissue #item-lookup .modal-content,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .modal-content,
html[data-theme="dark"] .voucher-stockissue #print-lookup .modal-content,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony .modal-content,
html[data-theme="dark"] body > #party-lookup .modal-content,
html[data-theme="dark"] body > #item-lookup .modal-content,
html[data-theme="dark"] body > #ack-lookup .modal-content,
html[data-theme="dark"] body > #print-lookup .modal-content,
html[data-theme="dark"] body > #print-lookupCompony .modal-content {
  background: #16233f !important;
  color: #e5edf9 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 24px 54px rgba(2, 6, 23, 0.46) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup .modal-header,
html[data-theme="dark"] .voucher-stockreceived #item-lookup .modal-header,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .modal-header,
html[data-theme="dark"] .voucher-stockreceived #print-lookup .modal-header,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony .modal-header,
html[data-theme="dark"] .voucher-stockissue #party-lookup .modal-header,
html[data-theme="dark"] .voucher-stockissue #item-lookup .modal-header,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .modal-header,
html[data-theme="dark"] .voucher-stockissue #print-lookup .modal-header,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony .modal-header,
html[data-theme="dark"] body > #party-lookup .modal-header,
html[data-theme="dark"] body > #item-lookup .modal-header,
html[data-theme="dark"] body > #ack-lookup .modal-header,
html[data-theme="dark"] body > #print-lookup .modal-header,
html[data-theme="dark"] body > #print-lookupCompony .modal-header {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockreceived #item-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockreceived #print-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony .modal-header h3,
html[data-theme="dark"] .voucher-stockreceived #party-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockreceived #item-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockreceived #print-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony .modal-header .close,
html[data-theme="dark"] .voucher-stockissue #party-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockissue #item-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockissue #print-lookup .modal-header h3,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony .modal-header h3,
html[data-theme="dark"] .voucher-stockissue #party-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockissue #item-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockissue #print-lookup .modal-header .close,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony .modal-header .close,
html[data-theme="dark"] body > #party-lookup .modal-header h3,
html[data-theme="dark"] body > #item-lookup .modal-header h3,
html[data-theme="dark"] body > #ack-lookup .modal-header h3,
html[data-theme="dark"] body > #print-lookup .modal-header h3,
html[data-theme="dark"] body > #print-lookupCompony .modal-header h3,
html[data-theme="dark"] body > #party-lookup .modal-header .close,
html[data-theme="dark"] body > #item-lookup .modal-header .close,
html[data-theme="dark"] body > #ack-lookup .modal-header .close,
html[data-theme="dark"] body > #print-lookup .modal-header .close,
html[data-theme="dark"] body > #print-lookupCompony .modal-header .close {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup .modal-body,
html[data-theme="dark"] .voucher-stockreceived #item-lookup .modal-body,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .modal-body,
html[data-theme="dark"] .voucher-stockreceived #print-lookup .modal-body,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony .modal-body,
html[data-theme="dark"] .voucher-stockreceived #party-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockreceived #item-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockreceived #print-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony .modal-footer,
html[data-theme="dark"] .voucher-stockissue #party-lookup .modal-body,
html[data-theme="dark"] .voucher-stockissue #item-lookup .modal-body,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .modal-body,
html[data-theme="dark"] .voucher-stockissue #print-lookup .modal-body,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony .modal-body,
html[data-theme="dark"] .voucher-stockissue #party-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockissue #item-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockissue #print-lookup .modal-footer,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony .modal-footer,
html[data-theme="dark"] body > #party-lookup .modal-body,
html[data-theme="dark"] body > #item-lookup .modal-body,
html[data-theme="dark"] body > #ack-lookup .modal-body,
html[data-theme="dark"] body > #print-lookup .modal-body,
html[data-theme="dark"] body > #print-lookupCompony .modal-body,
html[data-theme="dark"] body > #party-lookup .modal-footer,
html[data-theme="dark"] body > #item-lookup .modal-footer,
html[data-theme="dark"] body > #ack-lookup .modal-footer,
html[data-theme="dark"] body > #print-lookup .modal-footer,
html[data-theme="dark"] body > #print-lookupCompony .modal-footer {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup table,
html[data-theme="dark"] .voucher-stockreceived #item-lookup table,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup table,
html[data-theme="dark"] .voucher-stockissue #party-lookup table,
html[data-theme="dark"] .voucher-stockissue #item-lookup table,
html[data-theme="dark"] .voucher-stockissue #ack-lookup table,
html[data-theme="dark"] body > #party-lookup table,
html[data-theme="dark"] body > #item-lookup table,
html[data-theme="dark"] body > #ack-lookup table {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup thead,
html[data-theme="dark"] .voucher-stockreceived #party-lookup thead tr,
html[data-theme="dark"] .voucher-stockreceived #item-lookup thead,
html[data-theme="dark"] .voucher-stockreceived #item-lookup thead tr,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup thead,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup thead tr,
html[data-theme="dark"] .voucher-stockissue #party-lookup thead,
html[data-theme="dark"] .voucher-stockissue #party-lookup thead tr,
html[data-theme="dark"] .voucher-stockissue #item-lookup thead,
html[data-theme="dark"] .voucher-stockissue #item-lookup thead tr,
html[data-theme="dark"] .voucher-stockissue #ack-lookup thead,
html[data-theme="dark"] .voucher-stockissue #ack-lookup thead tr,
html[data-theme="dark"] body > #party-lookup thead,
html[data-theme="dark"] body > #party-lookup thead tr,
html[data-theme="dark"] body > #item-lookup thead,
html[data-theme="dark"] body > #item-lookup thead tr,
html[data-theme="dark"] body > #ack-lookup thead,
html[data-theme="dark"] body > #ack-lookup thead tr {
  background: linear-gradient(135deg, #1e98b1, #9a4ca6) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup thead th,
html[data-theme="dark"] .voucher-stockreceived #item-lookup thead th,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup thead th,
html[data-theme="dark"] .voucher-stockissue #party-lookup thead th,
html[data-theme="dark"] .voucher-stockissue #item-lookup thead th,
html[data-theme="dark"] .voucher-stockissue #ack-lookup thead th,
html[data-theme="dark"] body > #party-lookup thead th,
html[data-theme="dark"] body > #item-lookup thead th,
html[data-theme="dark"] body > #ack-lookup thead th {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup tbody tr td,
html[data-theme="dark"] .voucher-stockreceived #item-lookup tbody tr td,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup tbody tr td,
html[data-theme="dark"] .voucher-stockissue #party-lookup tbody tr td,
html[data-theme="dark"] .voucher-stockissue #item-lookup tbody tr td,
html[data-theme="dark"] .voucher-stockissue #ack-lookup tbody tr td,
html[data-theme="dark"] body > #party-lookup tbody tr td,
html[data-theme="dark"] body > #item-lookup tbody tr td,
html[data-theme="dark"] body > #ack-lookup tbody tr td {
  background: #13203a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] .voucher-stockreceived #item-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] .voucher-stockissue #party-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] .voucher-stockissue #item-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] .voucher-stockissue #ack-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] body > #party-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] body > #item-lookup tbody tr:nth-child(even) td,
html[data-theme="dark"] body > #ack-lookup tbody tr:nth-child(even) td {
  background: #0f1a31 !important;
}

html[data-theme="dark"] .voucher-stockreceived #party-lookup tbody tr:hover td,
html[data-theme="dark"] .voucher-stockreceived #item-lookup tbody tr:hover td,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup tbody tr:hover td,
html[data-theme="dark"] .voucher-stockissue #party-lookup tbody tr:hover td,
html[data-theme="dark"] .voucher-stockissue #item-lookup tbody tr:hover td,
html[data-theme="dark"] .voucher-stockissue #ack-lookup tbody tr:hover td,
html[data-theme="dark"] body > #party-lookup tbody tr:hover td,
html[data-theme="dark"] body > #item-lookup tbody tr:hover td,
html[data-theme="dark"] body > #ack-lookup tbody tr:hover td {
  background: rgba(31, 53, 100, 0.72) !important;
}

html[data-theme="dark"] .voucher-stockreceived #print-lookup input,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony input,
html[data-theme="dark"] .voucher-stockreceived #print-lookup select,
html[data-theme="dark"] .voucher-stockreceived #print-lookupCompony select,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup input,
html[data-theme="dark"] .voucher-stockreceived #ack-lookup .radio-inline,
html[data-theme="dark"] .voucher-stockissue #print-lookup input,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony input,
html[data-theme="dark"] .voucher-stockissue #print-lookup select,
html[data-theme="dark"] .voucher-stockissue #print-lookupCompony select,
html[data-theme="dark"] .voucher-stockissue #ack-lookup input,
html[data-theme="dark"] .voucher-stockissue #ack-lookup .radio-inline,
html[data-theme="dark"] body > #print-lookup input,
html[data-theme="dark"] body > #print-lookupCompony input,
html[data-theme="dark"] body > #print-lookup select,
html[data-theme="dark"] body > #print-lookupCompony select,
html[data-theme="dark"] body > #ack-lookup input,
html[data-theme="dark"] body > #ack-lookup .radio-inline {
  color: #e5edf9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-cashpayment .panel .panel-body,
html[data-theme="dark"] .voucher-cashpayment .tab-content,
html[data-theme="dark"] .voucher-cashpayment .tab-pane,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-toprow,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-balance-row,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-meta-row,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-actions-row,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-table-row {
  background: transparent !important;
}

html[data-theme="dark"] .voucher-cashpayment .cashvoucher-entry-card {
  background: linear-gradient(180deg, rgba(18, 29, 52, 0.96), rgba(15, 23, 42, 0.92)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 16px 36px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(148, 163, 184, 0.05) !important;
}

html[data-theme="dark"] .voucher-cashpayment .cashvoucher-entry-card,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-entry-card .row,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-entry-card [class*="col-"] {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-cashpayment .cashvoucher-entry-card label,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-toprow .input-group-addon,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-balance-row .input-group-addon,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-meta-row .input-group-addon,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-toprow .switch-addon,
html[data-theme="dark"] .voucher-cashpayment .cashvoucher-meta-row .switch-addon {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(168, 85, 247, 0.16)) !important;
  color: #f8fbff !important;
  border-color: rgba(125, 211, 252, 0.16) !important;
}

html[data-theme="dark"] .voucher-cashpayment #txtId,
html[data-theme="dark"] .voucher-cashpayment #cur_date,
html[data-theme="dark"] .voucher-cashpayment #cash_dropdown,
html[data-theme="dark"] .voucher-cashpayment #txtPartyId2,
html[data-theme="dark"] .voucher-cashpayment #txtPartyId,
html[data-theme="dark"] .voucher-cashpayment #txtRemarks,
html[data-theme="dark"] .voucher-cashpayment #txtInvNo,
html[data-theme="dark"] .voucher-cashpayment #txtAmount,
html[data-theme="dark"] .voucher-cashpayment #txtDiscount,
html[data-theme="dark"] .voucher-cashpayment #from_date,
html[data-theme="dark"] .voucher-cashpayment #to_date,
html[data-theme="dark"] .voucher-cashpayment #txtUserName,
html[data-theme="dark"] .voucher-cashpayment #txtPostingDate,
html[data-theme="dark"] .voucher-cashpayment #partyBalance,
html[data-theme="dark"] .voucher-cashpayment #cashBalance {
  background: rgba(10, 17, 31, 0.96) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="dark"] .voucher-cashpayment #txtPartyId2 {
  background: rgba(14, 24, 43, 0.98) !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_dropdown option,
html[data-theme="dark"] .voucher-cashpayment select option {
  background: #0f172a !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-cashpayment #partyBalance,
html[data-theme="dark"] .voucher-cashpayment #cashBalance,
html[data-theme="dark"] .voucher-cashpayment #txtUserName,
html[data-theme="dark"] .voucher-cashpayment #txtPostingDate {
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .voucher-cashpayment .cpvRadio,
html[data-theme="dark"] .voucher-cashpayment .crvRadio {
  padding: 10px 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 14px !important;
  background: rgba(15, 23, 42, 0.72) !important;
}

html[data-theme="dark"] .voucher-cashpayment .cpvRadio:hover,
html[data-theme="dark"] .voucher-cashpayment .crvRadio:hover {
  border-color: rgba(88, 192, 214, 0.34) !important;
  background: rgba(20, 33, 60, 0.84) !important;
}

html[data-theme="dark"] .voucher-cashpayment #btnAddCash,
html[data-theme="dark"] .voucher-cashpayment #A2 {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 24px rgba(37, 125, 150, 0.28) !important;
}

html[data-theme="dark"] .voucher-cashpayment #btnAddCash:hover,
html[data-theme="dark"] .voucher-cashpayment #A2:hover {
  filter: brightness(1.06) !important;
}

html[data-theme="dark"] .voucher-cashpayment .btnInvoice,
html[data-theme="dark"] .voucher-cashpayment .btnattachimage,
html[data-theme="dark"] .voucher-cashpayment .btnDelete,
html[data-theme="dark"] .voucher-cashpayment .btnReset,
html[data-theme="dark"] .voucher-cashpayment .btnsearchparty {
  background: rgba(15, 23, 42, 0.82) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-cashpayment .btnInvoice:hover,
html[data-theme="dark"] .voucher-cashpayment .btnattachimage:hover,
html[data-theme="dark"] .voucher-cashpayment .btnDelete:hover,
html[data-theme="dark"] .voucher-cashpayment .btnReset:hover,
html[data-theme="dark"] .voucher-cashpayment .btnsearchparty:hover {
  background: rgba(22, 34, 58, 0.94) !important;
  color: #ffffff !important;
  border-color: rgba(88, 192, 214, 0.26) !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table {
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  box-shadow: 0 12px 32px rgba(2, 6, 23, 0.2) !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table tbody > tr > td,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table tbody > tr > td,
html[data-theme="dark"] .voucher-cashpayment #cash_table tfoot > tr > td {
  background: #13203a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table tbody > tr:nth-of-type(even) > td {
  background: #0f1a31 !important;
}

html[data-theme="dark"] .voucher-cashpayment #cash_table tbody > tr:hover > td,
html[data-theme="dark"] .voucher-cashpayment #search_cash_table tbody > tr:hover > td {
  background: rgba(31, 53, 100, 0.72) !important;
}

html[data-theme="dark"] .voucher-cashpayment .dropdown-menu {
  background: #16233f !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-cashpayment .dropdown-menu > li > a {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-cashpayment .dropdown-menu > li > a:hover,
html[data-theme="dark"] .voucher-cashpayment .dropdown-menu > li > a:focus {
  background: rgba(88, 192, 214, 0.12) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .modal-content,
html[data-theme="dark"] body > #invoice-lookup .modal-content,
html[data-theme="dark"] .voucher-cashpayment #party-lookup .modal-content,
html[data-theme="dark"] body > #party-lookup .modal-content,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .modal-content,
html[data-theme="dark"] body > #Image-lookup .modal-content,
html[data-theme="dark"] .voucher-cashpayment #AccountAddModel .modal-content,
html[data-theme="dark"] body > #AccountAddModel .modal-content {
  background: #16233f !important;
  color: #e5edf9 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 24px 54px rgba(2, 6, 23, 0.46) !important;
}

html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .modal-header,
html[data-theme="dark"] body > #invoice-lookup .modal-header,
html[data-theme="dark"] .voucher-cashpayment #party-lookup .modal-header,
html[data-theme="dark"] body > #party-lookup .modal-header,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .modal-header,
html[data-theme="dark"] body > #Image-lookup .modal-header,
html[data-theme="dark"] .voucher-cashpayment #AccountAddModel .modal-header,
html[data-theme="dark"] body > #AccountAddModel .modal-header {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .modal-body,
html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .modal-footer,
html[data-theme="dark"] body > #invoice-lookup .modal-body,
html[data-theme="dark"] body > #invoice-lookup .modal-footer,
html[data-theme="dark"] .voucher-cashpayment #party-lookup .modal-body,
html[data-theme="dark"] .voucher-cashpayment #party-lookup .modal-footer,
html[data-theme="dark"] body > #party-lookup .modal-body,
html[data-theme="dark"] body > #party-lookup .modal-footer,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .modal-body,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .modal-footer,
html[data-theme="dark"] body > #Image-lookup .modal-body,
html[data-theme="dark"] body > #Image-lookup .modal-footer,
html[data-theme="dark"] .voucher-cashpayment #AccountAddModel .modal-body,
html[data-theme="dark"] .voucher-cashpayment #AccountAddModel .modal-footer,
html[data-theme="dark"] body > #AccountAddModel .modal-body,
html[data-theme="dark"] body > #AccountAddModel .modal-footer {
  background: #16233f !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .form-control,
html[data-theme="dark"] .voucher-cashpayment #invoice-lookup select,
html[data-theme="dark"] .voucher-cashpayment #invoice-lookup input,
html[data-theme="dark"] body > #invoice-lookup .form-control,
html[data-theme="dark"] body > #invoice-lookup select,
html[data-theme="dark"] body > #invoice-lookup input,
html[data-theme="dark"] .voucher-cashpayment #AccountAddModel .form-control,
html[data-theme="dark"] body > #AccountAddModel .form-control,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .form-control,
html[data-theme="dark"] body > #Image-lookup .form-control {
  background: rgba(10, 17, 31, 0.96) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .btn-primary,
html[data-theme="dark"] .voucher-cashpayment #invoice-lookup .btn-default,
html[data-theme="dark"] .voucher-cashpayment #party-lookup .btn-primary,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .btn-success,
html[data-theme="dark"] .voucher-cashpayment #Image-lookup .btn-danger,
html[data-theme="dark"] body > #invoice-lookup .btn-primary,
html[data-theme="dark"] body > #invoice-lookup .btn-default,
html[data-theme="dark"] body > #party-lookup .btn-primary,
html[data-theme="dark"] body > #Image-lookup .btn-success,
html[data-theme="dark"] body > #Image-lookup .btn-danger {
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-bill .bill-item-entry,
html[data-theme="dark"] .voucher-bill .bill-item-entry * {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-bill .page_bar,
html[data-theme="dark"] .voucher-bill .panel,
html[data-theme="dark"] .voucher-bill .panel .panel-body,
html[data-theme="dark"] .voucher-bill .container-wrap,
html[data-theme="dark"] .voucher-bill .bill-item-entry,
html[data-theme="dark"] .voucher-bill .laststockLocation_tabledisp,
html[data-theme="dark"] .voucher-bill .l5ratesdisp {
  background: linear-gradient(180deg, rgba(18, 29, 52, 0.96), rgba(15, 23, 42, 0.92)) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 16px 36px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(148, 163, 184, 0.05) !important;
}

html[data-theme="dark"] .voucher-bill .panel,
html[data-theme="dark"] .voucher-bill .container-wrap,
html[data-theme="dark"] .voucher-bill .bill-item-entry {
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-bill .nav.nav-pills > li > a,
html[data-theme="dark"] .voucher-bill .btnsearchitem,
html[data-theme="dark"] .voucher-bill .btnsearchPendingReceived,
html[data-theme="dark"] .voucher-bill .btnSave,
html[data-theme="dark"] .voucher-bill .btnSave1,
html[data-theme="dark"] .voucher-bill .btnReset,
html[data-theme="dark"] .voucher-bill .btnDelete,
html[data-theme="dark"] .voucher-bill .btnPrint {
  background: rgba(15, 23, 42, 0.82) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-bill .nav.nav-pills > li.active > a,
html[data-theme="dark"] .voucher-bill .btnSave,
html[data-theme="dark"] .voucher-bill .btnSave1,
html[data-theme="dark"] .voucher-bill .btnPrint {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .voucher-bill .form-control,
html[data-theme="dark"] .voucher-bill .input-group-addon,
html[data-theme="dark"] .voucher-bill .select2-container .select2-choice,
html[data-theme="dark"] .voucher-bill .select2-container .select2-selection {
  background: rgba(10, 17, 31, 0.96) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .voucher-bill .modal-content,
html[data-theme="dark"] .voucher-bill .modal-body,
html[data-theme="dark"] .voucher-bill .modal-footer {
  background: #16233f !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-bill .modal-header {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .voucher-bill #no-more-tables,
html[data-theme="dark"] .voucher-bill #no-more-tables .cf,
html[data-theme="dark"] .voucher-bill #purchase_table.table-bordered,
html[data-theme="dark"] .voucher-bill #purchase_table.table-striped,
html[data-theme="dark"] .voucher-bill #purchase_tableReport.table-bordered,
html[data-theme="dark"] .voucher-bill #purchase_tableReport.table-striped,
html[data-theme="dark"] .voucher-bill #purchase_table tbody > tr > td,
html[data-theme="dark"] .voucher-bill #purchase_table tbody > tr > th,
html[data-theme="dark"] .voucher-bill #purchase_table tfoot > tr > td,
html[data-theme="dark"] .voucher-bill #purchase_table tfoot > tr > th,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tbody > tr > td,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tbody > tr > th,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tfoot > tr > td,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tfoot > tr > th {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] .voucher-bill #purchase_table tbody > tr > td:empty,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tbody > tr > td:empty,
html[data-theme="dark"] .voucher-bill #purchase_table tfoot > tr > td:empty,
html[data-theme="dark"] .voucher-bill #purchase_tableReport tfoot > tr > td:empty {
  background: #16233f !important;
}

html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar),
html[data-theme="dark"] #main_wrapper table.table,
html[data-theme="dark"] #main_wrapper table.table-bordered,
html[data-theme="dark"] #main_wrapper table.table-striped,
html[data-theme="dark"] #main_wrapper table.table-condensed,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar),
html[data-theme="dark"] .voucher-modern table.table,
html[data-theme="dark"] .voucher-modern table.table-bordered,
html[data-theme="dark"] .voucher-modern table.table-striped,
html[data-theme="dark"] .voucher-modern table.table-condensed {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > thead,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > thead > tr,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > thead,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > thead > tr,
html[data-theme="dark"] #main_wrapper .tbl_thead,
html[data-theme="dark"] #main_wrapper .tbl_thead tr,
html[data-theme="dark"] .voucher-modern .tbl_thead,
html[data-theme="dark"] .voucher-modern .tbl_thead tr {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  background-image: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
}

html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > thead > tr > th,
html[data-theme="dark"] #main_wrapper .tbl_thead > th,
html[data-theme="dark"] #main_wrapper .tbl_thead tr > th,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > thead > tr > th,
html[data-theme="dark"] .voucher-modern .tbl_thead > th,
html[data-theme="dark"] .voucher-modern .tbl_thead tr > th {
  background: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tbody,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tfoot,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tbody > tr,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tfoot > tr,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tbody,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tfoot,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tbody > tr,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tfoot > tr {
  background: #16233f !important;
  background-image: none !important;
}

html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tbody > tr > td,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tbody > tr > th,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tfoot > tr > td,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tfoot > tr > th,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tbody > tr > td,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tbody > tr > th,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tfoot > tr > td,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tfoot > tr > th {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="dark"] #main_wrapper table.table-striped:not(.ui-datepicker-calendar) > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] #main_wrapper table.table-striped:not(.ui-datepicker-calendar) > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] .voucher-modern table.table-striped:not(.ui-datepicker-calendar) > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .voucher-modern table.table-striped:not(.ui-datepicker-calendar) > tbody > tr:nth-of-type(even) > th {
  background: rgba(17, 27, 47, 0.52) !important;
}

html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tbody > tr:hover > td,
html[data-theme="dark"] #main_wrapper table:not(.ui-datepicker-calendar) > tbody > tr:hover > th,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tbody > tr:hover > td,
html[data-theme="dark"] .voucher-modern table:not(.ui-datepicker-calendar) > tbody > tr:hover > th {
  background: rgba(88, 192, 214, 0.12) !important;
}

html[data-theme="dark"] .voucher-bill .tbl_thead,
html[data-theme="dark"] .voucher-bill .tbl_thead tr,
html[data-theme="dark"] .voucher-bill .tbl_thead th {
  color: #ffffff !important;
}

.settings-privillages .privileges-page-bar,
.settings-privillages .privileges-panel,
.settings-privillages .privileges-toolbar {
  border-radius: 22px !important;
}

.settings-privillages .privileges-page-bar {
  padding: 20px 24px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 246, 255, 0.96)) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
}

.settings-privillages .page_title {
  margin: 0 !important;
}

.settings-privillages .privileges-page-subtitle {
  margin: 6px 0 0 !important;
  color: #516079 !important;
  font-size: 14px !important;
}

.settings-privillages .privileges-toolbar {
  margin-bottom: 18px !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(191, 204, 222, 0.84) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 255, 0.96)) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.settings-privillages .privileges-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.settings-privillages .privileges-main-row {
  margin-top: 0 !important;
}

.settings-privillages .privileges-panel {
  border: 1px solid rgba(191, 204, 222, 0.84) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96)) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08) !important;
}

.settings-privillages .privileges-panel-body {
  padding: 22px 24px 18px !important;
}

.settings-privillages .privileges-links {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  font-weight: 600 !important;
}

.settings-privillages #checkAll,
.settings-privillages #uncheckAll {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(59, 130, 246, 0.08) !important;
  border: 1px solid rgba(59, 130, 246, 0.14) !important;
  text-decoration: none !important;
}

.settings-privillages .privileges-utility-row {
  margin: 4px 0 18px !important;
}

.settings-privillages .privileges-search-wrap label {
  display: block !important;
  margin-bottom: 8px !important;
  font-weight: 700 !important;
}

.settings-privillages .privileges-summary {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.settings-privillages .privileges-summary-card {
  min-width: 148px !important;
  padding: 12px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(191, 204, 222, 0.84) !important;
  background: rgba(255, 255, 255, 0.8) !important;
}

.settings-privillages .privileges-summary-label {
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.settings-privillages .privileges-summary-value {
  display: block !important;
  margin-top: 4px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  color: #0f172a !important;
}

.settings-privillages .columns > .txtshadow {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.settings-privillages .columns > hr {
  margin: 10px 0 18px !important;
}

.settings-privillages .priviligeBlocks {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr) !important;
  gap: 12px !important;
  padding: 12px !important;
  margin-bottom: 14px !important;
  border: 1px solid rgba(191, 204, 222, 0.84) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease !important;
}

.settings-privillages .priviligeBlock {
  margin: 0 !important;
  padding: 10px 14px !important;
  list-style: none !important;
  border: 1px solid rgba(191, 204, 222, 0.72) !important;
  border-radius: 16px !important;
  background: rgba(246, 249, 255, 0.96) !important;
}

.settings-privillages .priviligeBlock.rpt {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

.settings-privillages .priviligeBlock .li-head {
  margin: 0 !important;
  list-style: none !important;
}

.settings-privillages .checkbox.select {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

.settings-privillages .checkbox.select:hover {
  border-color: rgba(59, 130, 246, 0.28) !important;
  box-shadow: 0 10px 18px rgba(59, 130, 246, 0.08) !important;
}

.settings-privillages .privilege-card.is-selected,
.settings-privillages .priviligeBlocks.is-selected {
  border-color: rgba(45, 212, 191, 0.42) !important;
  box-shadow: 0 14px 28px rgba(45, 212, 191, 0.12) !important;
}

.settings-privillages .privilege-card.is-selected .checkbox.select,
.settings-privillages .priviligeBlocks.is-selected .checkbox.select {
  background: rgba(236, 253, 245, 0.92) !important;
  border-color: rgba(16, 185, 129, 0.28) !important;
}

.settings-privillages input[type="checkbox"] {
  accent-color: #0891b2 !important;
}

html[data-theme="dark"] .settings-privillages,
html[data-theme="dark"] .settings-privillages .page_content,
html[data-theme="dark"] .settings-privillages .container-fluid,
html[data-theme="dark"] .settings-privillages .page_bar,
html[data-theme="dark"] .settings-privillages .panel,
html[data-theme="dark"] .settings-privillages .panel .panel-body,
html[data-theme="dark"] .settings-privillages .columns {
  background: transparent !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .settings-privillages .page_bar,
html[data-theme="dark"] .settings-privillages .panel {
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(18, 29, 52, 0.96), rgba(15, 23, 42, 0.92)) !important;
  box-shadow: 0 16px 36px rgba(2, 6, 23, 0.22), inset 0 1px 0 rgba(148, 163, 184, 0.05) !important;
}

html[data-theme="dark"] .settings-privillages .page_title,
html[data-theme="dark"] .settings-privillages label,
html[data-theme="dark"] .settings-privillages .txtshadow,
html[data-theme="dark"] .settings-privillages .sub-heading,
html[data-theme="dark"] .settings-privillages .checkbox.select {
  color: #e5edf9 !important;
}

html[data-theme="dark"] .settings-privillages .page_bar {
  padding: 20px 24px !important;
  margin-bottom: 18px !important;
}

html[data-theme="dark"] .settings-privillages .page_title {
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

html[data-theme="dark"] .settings-privillages .privileges-page-subtitle,
html[data-theme="dark"] .settings-privillages .privileges-summary-label {
  color: #9fb0cf !important;
}

html[data-theme="dark"] .settings-privillages .privileges-toolbar {
  margin-bottom: 18px !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(19, 32, 58, 0.96), rgba(12, 20, 36, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] .settings-privillages .privileges-actions-col {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

html[data-theme="dark"] .settings-privillages .privileges-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

html[data-theme="dark"] .settings-privillages .form-control {
  background: rgba(10, 17, 31, 0.96) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-radius: 14px !important;
  min-height: 44px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] .settings-privillages .form-control:focus {
  border-color: rgba(94, 234, 212, 0.52) !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.14) !important;
}

html[data-theme="dark"] .settings-privillages .form-control::placeholder {
  color: #93a4c3 !important;
}

html[data-theme="dark"] .settings-privillages .btnSave,
html[data-theme="dark"] .settings-privillages .btnReset {
  border-color: transparent !important;
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .settings-privillages .btnSave {
  background: linear-gradient(135deg, #1f3564, #257d96 58%, #8950a5) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .settings-privillages .btnReset {
  background: rgba(15, 23, 42, 0.82) !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

html[data-theme="dark"] .settings-privillages .privileges-main-row {
  margin-top: 0 !important;
}

html[data-theme="dark"] .settings-privillages .privileges-panel {
  overflow: hidden !important;
}

html[data-theme="dark"] .settings-privillages .privileges-panel-body {
  padding: 22px 24px 18px !important;
}

html[data-theme="dark"] .settings-privillages .privileges-links-row {
  margin-bottom: 16px !important;
}

html[data-theme="dark"] .settings-privillages .privileges-links {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] .settings-privillages .privileges-summary-card {
  border-color: rgba(148, 163, 184, 0.14) !important;
  background: rgba(19, 32, 58, 0.72) !important;
}

html[data-theme="dark"] .settings-privillages .privileges-summary-value {
  color: #f8fbff !important;
}

html[data-theme="dark"] .settings-privillages .priviligeBlocks,
html[data-theme="dark"] .settings-privillages .priviligeBlock {
  background: rgba(15, 23, 42, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 18px !important;
}

html[data-theme="dark"] .settings-privillages .priviligeBlocks {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr) !important;
  gap: 12px !important;
  padding: 12px !important;
  margin-bottom: 14px !important;
}

html[data-theme="dark"] .settings-privillages .priviligeBlock {
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
  list-style: none !important;
}

html[data-theme="dark"] .settings-privillages .priviligeBlocks .priviligeBlock {
  margin-bottom: 0 !important;
}

html[data-theme="dark"] .settings-privillages .priviligeBlock.rpt {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

html[data-theme="dark"] .settings-privillages .priviligeBlock .li-head {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html[data-theme="dark"] .settings-privillages .checkbox.select {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: rgba(19, 32, 58, 0.7) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease !important;
}

html[data-theme="dark"] .settings-privillages .checkbox.select:hover {
  background: rgba(31, 53, 100, 0.82) !important;
  border-color: rgba(94, 234, 212, 0.24) !important;
}

html[data-theme="dark"] .settings-privillages .checkbox.select input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #44c5d9 !important;
}

html[data-theme="dark"] .settings-privillages .sub-heading-line {
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .settings-privillages a,
html[data-theme="dark"] .settings-privillages #checkAll,
html[data-theme="dark"] .settings-privillages #uncheckAll {
  color: #7dd3fc !important;
}

html[data-theme="dark"] .settings-privillages #checkAll,
html[data-theme="dark"] .settings-privillages #uncheckAll {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(31, 53, 100, 0.34) !important;
  border: 1px solid rgba(94, 234, 212, 0.18) !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .settings-privillages .columns > hr {
  border-top-color: rgba(148, 163, 184, 0.16) !important;
}

@media (max-width: 991px) {
  html[data-theme="dark"] .settings-privillages .privileges-actions-col {
    margin-top: 14px !important;
    justify-content: flex-start !important;
  }

  .settings-privillages .privileges-summary {
    justify-content: flex-start !important;
    margin-top: 14px !important;
  }

  .settings-privillages .privileges-actions-col {
    margin-top: 14px !important;
  }

  .settings-privillages .priviligeBlocks,
  .settings-privillages .priviligeBlock.rpt,
  html[data-theme="dark"] .settings-privillages .priviligeBlocks,
  html[data-theme="dark"] .settings-privillages .priviligeBlock.rpt {
    grid-template-columns: 1fr !important;
  }
}

html[data-theme="dark"] .voucher-stockissue table.table > tbody > tr > td,
html[data-theme="dark"] .voucher-stockissue table.table > tbody > tr > th,
html[data-theme="dark"] .voucher-stockissue .modal-table > tbody > tr > td,
html[data-theme="dark"] .voucher-stockissue .modal-table > tbody > tr > th,
html[data-theme="dark"] .voucher-bill table.table > tbody > tr > td,
html[data-theme="dark"] .voucher-bill table.table > tbody > tr > th,
html[data-theme="dark"] .voucher-bill .modal-table > tbody > tr > td,
html[data-theme="dark"] .voucher-bill .modal-table > tbody > tr > th,
html[data-theme="dark"] .voucher-cashpayment table.table > tbody > tr > td,
html[data-theme="dark"] .voucher-cashpayment table.table > tbody > tr > th,
html[data-theme="dark"] .voucher-cashpayment .modal-table > tbody > tr > td,
html[data-theme="dark"] .voucher-cashpayment .modal-table > tbody > tr > th,
html[data-theme="dark"] .settings-privillages table.table > tbody > tr > td,
html[data-theme="dark"] .settings-privillages table.table > tbody > tr > th,
html[data-theme="dark"] .dataTables_wrapper table.table > tbody > tr > td,
html[data-theme="dark"] .dataTables_wrapper table.table > tbody > tr > th {
  background: #13203a !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .voucher-stockissue table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .voucher-stockissue table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] .voucher-bill table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .voucher-bill table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] .voucher-cashpayment table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .voucher-cashpayment table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] .settings-privillages table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .settings-privillages table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] .dataTables_wrapper table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .dataTables_wrapper table.table-striped > tbody > tr:nth-of-type(even) > th {
  background: #0f1a31 !important;
}

html[data-theme="dark"] .voucher-stockissue table.table > tbody > tr:hover > td,
html[data-theme="dark"] .voucher-stockissue table.table > tbody > tr:hover > th,
html[data-theme="dark"] .voucher-bill table.table > tbody > tr:hover > td,
html[data-theme="dark"] .voucher-bill table.table > tbody > tr:hover > th,
html[data-theme="dark"] .voucher-cashpayment table.table > tbody > tr:hover > td,
html[data-theme="dark"] .voucher-cashpayment table.table > tbody > tr:hover > th,
html[data-theme="dark"] .settings-privillages table.table > tbody > tr:hover > td,
html[data-theme="dark"] .settings-privillages table.table > tbody > tr:hover > th,
html[data-theme="dark"] .dataTables_wrapper table.table > tbody > tr:hover > td,
html[data-theme="dark"] .dataTables_wrapper table.table > tbody > tr:hover > th {
  background: rgba(31, 53, 100, 0.72) !important;
}

html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr.odd > td,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr.odd > th,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr.even > td,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr.even > th,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr.odd > td,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr.odd > th,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr.even > td,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr.even > th,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr.odd > td,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr.odd > th,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr.even > td,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr.even > th {
  background: #13203a !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr.even > td,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr.even > th,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr.even > td,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr.even > th,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr.even > td,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr.even > th {
  background: #0f1a31 !important;
}

html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody td.sorting_1,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody td.sorting_2,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody td.sorting_3,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody td.sorting_1,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody td.sorting_2,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody td.sorting_3,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody td.sorting_1,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody td.sorting_2,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody td.sorting_3 {
  background: inherit !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr:hover > td,
html[data-theme="dark"] .voucher-modern .dataTables_wrapper tbody tr:hover > th,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr:hover > td,
html[data-theme="dark"] #main_wrapper .dataTables_wrapper tbody tr:hover > th,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr:hover > td,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr:hover > th,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr:hover > td.sorting_1,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr:hover > td.sorting_2,
html[data-theme="dark"] body > .modal .dataTables_wrapper tbody tr:hover > td.sorting_3 {
  background: rgba(31, 53, 100, 0.72) !important;
}

html[data-theme="dark"] .voucher-modern .modal.fade .modal-dialog,
html[data-theme="dark"] #main_wrapper .modal.fade .modal-dialog,
html[data-theme="dark"] body > .modal.fade .modal-dialog {
  -webkit-transition: transform 0.12s ease-out, opacity 0.12s ease-out !important;
  transition: transform 0.12s ease-out, opacity 0.12s ease-out !important;
}

html[data-theme="dark"] .voucher-modern .modal.fade .modal-dialog,
html[data-theme="dark"] #main_wrapper .modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -8px, 0) !important;
  transform: translate3d(0, -8px, 0) !important;
}

html[data-theme="dark"] .voucher-modern .modal.in .modal-dialog,
html[data-theme="dark"] #main_wrapper .modal.in .modal-dialog,
html[data-theme="dark"] body > .modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

html[data-theme="dark"] #side_nav .sub_panel,
html[data-theme="dark"] #side_nav .sub_panel .panel,
html[data-theme="dark"] #side_nav .sub_panel .panel-heading,
html[data-theme="dark"] #side_nav .sub_panel .panel-title > a,
html[data-theme="dark"] #side_nav .sub_panel .panel-body,
html[data-theme="dark"] #side_nav .sub_panel ul,
html[data-theme="dark"] #side_nav .sub_panel li,
html[data-theme="dark"] #side_nav .sub_panel ul a {
  background: #16233f !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] #side_nav .sub_panel ul a:hover,
html[data-theme="dark"] #side_nav .sub_panel ul a:focus,
html[data-theme="dark"] #side_nav .sub_panel li.current-link > a {
  background: rgba(88, 192, 214, 0.12) !important;
  color: #e5edf9 !important;
}

/* Final modal lookup row ownership: keep every lookup/dataTable cell dark in dark mode */
html[data-theme="dark"] .modal .modal-table > tbody > tr > td,
html[data-theme="dark"] .modal .modal-table > tbody > tr > th,
html[data-theme="dark"] .modal table.table-striped > tbody > tr > td,
html[data-theme="dark"] .modal table.table-striped > tbody > tr > th,
html[data-theme="dark"] .modal table.dataTable > tbody > tr > td,
html[data-theme="dark"] .modal table.dataTable > tbody > tr > th,
html[data-theme="dark"] body > .modal .modal-table > tbody > tr > td,
html[data-theme="dark"] body > .modal .modal-table > tbody > tr > th,
html[data-theme="dark"] body > .modal table.table-striped > tbody > tr > td,
html[data-theme="dark"] body > .modal table.table-striped > tbody > tr > th,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr > td,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr > th {
  background: #13203a !important;
  background-image: none !important;
  color: #e5edf9 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-theme="dark"] .modal .modal-table > tbody > tr:nth-child(even) > td,
html[data-theme="dark"] .modal .modal-table > tbody > tr:nth-child(even) > th,
html[data-theme="dark"] .modal table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .modal table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] .modal table.dataTable.stripe > tbody > tr.even > td,
html[data-theme="dark"] .modal table.dataTable.stripe > tbody > tr.even > th,
html[data-theme="dark"] .modal table.dataTable.display > tbody > tr.even > td,
html[data-theme="dark"] .modal table.dataTable.display > tbody > tr.even > th,
html[data-theme="dark"] body > .modal .modal-table > tbody > tr:nth-child(even) > td,
html[data-theme="dark"] body > .modal .modal-table > tbody > tr:nth-child(even) > th,
html[data-theme="dark"] body > .modal table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] body > .modal table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-theme="dark"] body > .modal table.dataTable.stripe > tbody > tr.even > td,
html[data-theme="dark"] body > .modal table.dataTable.stripe > tbody > tr.even > th,
html[data-theme="dark"] body > .modal table.dataTable.display > tbody > tr.even > td,
html[data-theme="dark"] body > .modal table.dataTable.display > tbody > tr.even > th {
  background: #0f1a31 !important;
}

html[data-theme="dark"] .modal table.dataTable > tbody > tr.odd > td.sorting_1,
html[data-theme="dark"] .modal table.dataTable > tbody > tr.odd > td.sorting_2,
html[data-theme="dark"] .modal table.dataTable > tbody > tr.odd > td.sorting_3,
html[data-theme="dark"] .modal table.dataTable > tbody > tr.even > td.sorting_1,
html[data-theme="dark"] .modal table.dataTable > tbody > tr.even > td.sorting_2,
html[data-theme="dark"] .modal table.dataTable > tbody > tr.even > td.sorting_3,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr.odd > td.sorting_1,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr.odd > td.sorting_2,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr.odd > td.sorting_3,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr.even > td.sorting_1,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr.even > td.sorting_2,
html[data-theme="dark"] body > .modal table.dataTable > tbody > tr.even > td.sorting_3 {
  background: inherit !important;
  color: #e5edf9 !important;
}

html[data-theme="dark"] .modal table.dataTable.hover > tbody > tr:hover > td,
html[data-theme="dark"] .modal table.dataTable.hover > tbody > tr:hover > th,
html[data-theme="dark"] .modal table.dataTable.display > tbody > tr:hover > td,
html[data-theme="dark"] .modal table.dataTable.display > tbody > tr:hover > th,
html[data-theme="dark"] body > .modal table.dataTable.hover > tbody > tr:hover > td,
html[data-theme="dark"] body > .modal table.dataTable.hover > tbody > tr:hover > th,
html[data-theme="dark"] body > .modal table.dataTable.display > tbody > tr:hover > td,
html[data-theme="dark"] body > .modal table.dataTable.display > tbody > tr:hover > th {
  background: rgba(31, 53, 100, 0.72) !important;
}