/* Vendora Futuristic System Skin */
:root {
  --vd-bg: #070b14;
  --vd-surface: #0d1526;
  --vd-surface-2: #111d33;
  --vd-border: rgba(91, 122, 255, 0.28);
  --vd-text: #e6ecff;
  --vd-text-soft: #9fb0d8;
  --vd-accent: #35c7ff;
  --vd-accent-2: #7a5cff;
}

body[class*="skin-"] {
  background: radial-gradient(1200px 500px at 20% -20%, rgba(53, 199, 255, 0.16), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(122, 92, 255, 0.2), transparent 50%),
    var(--vd-bg);
}

body[class*="skin-"] * {
  scrollbar-color: rgba(83, 120, 214, 0.7) rgba(9, 15, 30, 0.9);
}

/* Replace legacy dark blues */
.bg-navy,
.bg-navy-active,
.btn.bg-navy,
.label.bg-navy {
  background-color: #112749 !important;
}

.skin-blue .main-header .navbar,
.skin-blue-light .main-header .navbar,
.skin-blue .main-header .logo,
.skin-blue-light .main-header .logo {
  background: linear-gradient(120deg, #10294d 0%, #17396c 45%, #1d2f5f 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06), 0 12px 24px rgba(4, 10, 25, 0.35);
}

.skin-blue .main-sidebar,
.skin-blue-light .main-sidebar,
.skin-blue .left-side,
.skin-blue-light .left-side {
  background: linear-gradient(180deg, #0a1221 0%, #0a1529 100%) !important;
  border-right: 1px solid rgba(122, 92, 255, 0.2) !important;
}

.skin-blue .sidebar-menu > li.header,
.skin-blue-light .sidebar-menu > li.header {
  background: transparent !important;
  color: #7f93c2 !important;
}

.skin-blue .sidebar-menu > li > a,
.skin-blue-light .sidebar-menu > li > a {
  color: #b8c8ec !important;
  border-left-color: transparent !important;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue-light .sidebar-menu > li.active > a {
  background: linear-gradient(90deg, rgba(53, 199, 255, 0.16), rgba(122, 92, 255, 0.14)) !important;
  color: #eff4ff !important;
  border-left-color: #35c7ff !important;
}

/* Main app area */
.content-wrapper,
.right-side,
main.tw-flex.tw-flex-col.tw-flex-1.tw-h-full.tw-min-w-0.tw-bg-gray-100 {
  background: transparent !important;
}

body[class*="skin-"] .content-wrapper,
body[class*="skin-"] .right-side,
body[class*="skin-"] .content,
body[class*="skin-"] .container-fluid,
body[class*="skin-"] .main-footer {
  background-color: transparent !important;
  color: var(--vd-text) !important;
}

#scrollable-container {
  background: transparent !important;
}

/* Custom sidebar container (new Tailwind-based presenter) */
#side-bar {
  background: linear-gradient(180deg, rgba(10, 18, 33, 0.94), rgba(8, 14, 28, 0.94)) !important;
  border-right: 1px solid rgba(122, 92, 255, 0.22) !important;
}

#side-bar a {
  color: #bcd0f6 !important;
}

#side-bar a:hover {
  background: rgba(53, 199, 255, 0.08) !important;
  color: #f2f7ff !important;
}

/* Brand strip + heading (requested element) */
.side-brand-shell {
  background: linear-gradient(120deg, #0f2346 0%, #17376b 52%, #1d2f5f 100%) !important;
  border-right-color: rgba(122, 92, 255, 0.25) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

.side-bar-heading {
  color: #e8f2ff !important;
  text-shadow: 0 0 14px rgba(53, 199, 255, 0.2);
}

.side-bar-online-dot {
  background: #3df5b8 !important;
  box-shadow: 0 0 0 3px rgba(61, 245, 184, 0.15), 0 0 12px rgba(61, 245, 184, 0.75);
}

/* Header strip (Tailwind-based) */
div[class*="tw-bg-gradient-to-r"][class*="tw-border-primary-500/30"] {
  background: linear-gradient(120deg, #101f3d 0%, #17366b 50%, #182857 100%) !important;
  border-bottom-color: rgba(53, 199, 255, 0.24) !important;
}

/* Futuristic cards/panels */
.box,
.small-box,
.info-box,
.modal-content,
.nav-tabs-custom,
.tw-bg-white,
.bg-white {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.9), rgba(11, 18, 33, 0.92)) !important;
  color: var(--vd-text) !important;
  border: 1px solid var(--vd-border) !important;
  box-shadow: 0 12px 30px rgba(4, 10, 25, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body[class*="skin-"] .box,
body[class*="skin-"] .box.box-primary,
body[class*="skin-"] .box.box-solid,
body[class*="skin-"] .nav-tabs-custom,
body[class*="skin-"] .panel,
body[class*="skin-"] .well {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.93), rgba(10, 17, 32, 0.95)) !important;
  border-color: rgba(91, 122, 255, 0.28) !important;
  color: #e9f0ff !important;
}

.box-header,
.box-footer,
.modal-header,
.modal-footer {
  border-color: rgba(124, 145, 189, 0.2) !important;
}

.box-title,
h1,
h2,
h3,
h4,
h5,
h6,
.text-gray-900 {
  color: #edf3ff !important;
}

.text-gray-600,
.text-gray-500,
.text-muted,
small {
  color: var(--vd-text-soft) !important;
}

/* Tables */
.table,
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
  color: #dbe7ff;
}

.table > thead > tr > th,
.table > tbody > tr > td {
  border-color: rgba(114, 139, 191, 0.25) !important;
}

.table > thead > tr > th {
  background: rgba(83, 116, 209, 0.14);
}

/* Inputs */
.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background: rgba(12, 21, 39, 0.9) !important;
  color: #e8f0ff !important;
  border: 1px solid rgba(90, 122, 194, 0.4) !important;
}

.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(53, 199, 255, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(53, 199, 255, 0.2) !important;
}

/* Buttons */
.btn-primary,
.tw-dw-btn-primary {
  background: linear-gradient(135deg, #1f5af5 0%, #35c7ff 100%) !important;
  border-color: transparent !important;
}

.btn-success {
  background: linear-gradient(135deg, #0fbf8f 0%, #35c7ff 100%) !important;
  border-color: transparent !important;
}

.btn-warning {
  background: linear-gradient(135deg, #d9842b 0%, #f0b24b 100%) !important;
  border-color: transparent !important;
}

.btn-danger {
  background: linear-gradient(135deg, #cf3e67 0%, #f06161 100%) !important;
  border-color: transparent !important;
}

/* Dropdown/menu surfaces */
.dropdown-menu,
.tw-dw-dropdown-content {
  background: rgba(11, 18, 33, 0.96) !important;
  border: 1px solid rgba(91, 122, 255, 0.35) !important;
  box-shadow: 0 14px 32px rgba(2, 8, 22, 0.6) !important;
}

.dropdown-menu > li > a,
.tw-dw-dropdown-content a {
  color: #d8e6ff !important;
}

.dropdown-menu > li > a:hover,
.tw-dw-dropdown-content a:hover {
  background: rgba(53, 199, 255, 0.12) !important;
  color: #fff !important;
}

/* DataTables + Product page heavy tables */
body[class*="skin-"] .dataTables_wrapper .dataTables_length label,
body[class*="skin-"] .dataTables_wrapper .dataTables_filter label,
body[class*="skin-"] .dataTables_wrapper .dataTables_info,
body[class*="skin-"] .dataTables_wrapper .paginate_button a {
  color: #c8d7f7 !important;
}

body[class*="skin-"] table.dataTable,
body[class*="skin-"] table.dataTable tbody td,
body[class*="skin-"] table.dataTable thead th {
  background-color: transparent !important;
  color: #dce8ff !important;
  border-color: rgba(111, 136, 189, 0.28) !important;
}

body[class*="skin-"] table.dataTable thead th {
  background: rgba(83, 116, 209, 0.14) !important;
}

body[class*="skin-"] .pagination > li > a,
body[class*="skin-"] .pagination > li > span {
  background: rgba(14, 24, 43, 0.9) !important;
  color: #dbe7ff !important;
  border-color: rgba(83, 120, 214, 0.35) !important;
}

body[class*="skin-"] .pagination > .active > a,
body[class*="skin-"] .pagination > .active > span {
  background: linear-gradient(135deg, #1f5af5 0%, #35c7ff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* Dashboard number fonts visibility in futuristic dark cards */
.tw-font-mono,
.display_currency {
  color: #ebf2ff !important;
}

/* ===== Dashboard-specific hard overrides (the section you shared) ===== */
#scrollable-container > .tw-pb-6.tw-bg-gradient-to-r.tw-from-sky-800.tw-to-sky-900,
#scrollable-container .tw-bg-gradient-to-r.tw-from-sky-800.tw-to-sky-900 {
  background-image: linear-gradient(120deg, #0f1f3d 0%, #153468 55%, #1a2650 100%) !important;
  background-color: #0c1730 !important;
}

#scrollable-container .tw-bg-gray-100,
#scrollable-container .xl\:tw-bg-gray-100 {
  background: transparent !important;
}

#scrollable-container .tw-bg-white,
#scrollable-container .bg-white,
#scrollable-container .tw-rounded-xl.tw-ring-1.tw-ring-gray-200 {
  background: linear-gradient(180deg, rgba(12, 20, 36, 0.92), rgba(10, 17, 32, 0.95)) !important;
  border-color: rgba(91, 122, 255, 0.28) !important;
  color: #e8efff !important;
}

#scrollable-container .tw-text-gray-900,
#scrollable-container .tw-text-gray-800,
#scrollable-container .tw-font-bold,
#scrollable-container h1,
#scrollable-container h2,
#scrollable-container h3,
#scrollable-container h4 {
  color: #eef4ff !important;
}

/* Similar hardcoded white accents in dashboard hero strip */
#scrollable-container .text-white,
#scrollable-container .tw-text-white {
  color: #eef4ff !important;
}

#scrollable-container .tw-text-gray-500,
#scrollable-container .tw-text-gray-400,
#scrollable-container .text-muted {
  color: #9cb0da !important;
}

#scrollable-container .tw-bg-gray-50 {
  background: rgba(12, 20, 36, 0.75) !important;
}

#scrollable-container .tw-border-gray-200,
#scrollable-container .tw-ring-gray-200 {
  border-color: rgba(91, 122, 255, 0.28) !important;
  --tw-ring-color: rgba(91, 122, 255, 0.28) !important;
}

/* Dashboard controls */
#scrollable-container #dashboard_date_filter {
  background: rgba(12, 20, 36, 0.92) !important;
  color: #eaf2ff !important;
  border: 1px solid rgba(53, 199, 255, 0.35) !important;
}

#scrollable-container #dashboard_date_filter:hover {
  background: rgba(18, 33, 61, 0.95) !important;
}

/* Highcharts dark theme on dashboard */
#scrollable-container .highcharts-background,
#scrollable-container .highcharts-plot-background {
  fill: transparent !important;
}

#scrollable-container .highcharts-grid-line {
  stroke: rgba(117, 141, 191, 0.22) !important;
}

#scrollable-container .highcharts-axis-line {
  stroke: rgba(117, 141, 191, 0.34) !important;
}

#scrollable-container .highcharts-axis-labels text,
#scrollable-container .highcharts-legend-item text,
#scrollable-container .highcharts-axis-title tspan,
#scrollable-container .highcharts-title,
#scrollable-container .highcharts-subtitle {
  fill: #c9d7f5 !important;
  color: #c9d7f5 !important;
}

/* Pulse card hard visibility guard */
.vd-pulse-card {
  border-color: rgba(111, 136, 189, 0.45) !important;
}

.vd-pulse-card p,
.vd-pulse-card span,
.vd-pulse-card li,
.vd-pulse-card h3 {
  color: #eaf2ff !important;
}

.vd-pulse-card .tw-text-cyan-200\/70,
.vd-pulse-card .tw-text-cyan-200\/80 {
  color: #8fe7ff !important;
}

.vd-pulse-card .tw-text-slate-300,
.vd-pulse-card .tw-text-slate-100,
.vd-pulse-card .tw-text-slate-50 {
  color: #edf4ff !important;
}

.vd-pulse-card .tw-bg-slate-900\/45 {
  background: rgba(13, 25, 48, 0.9) !important;
  border-color: rgba(89, 126, 214, 0.45) !important;
}

/* Pulse status badge explicit colors */
.vd-pulse-card .vd-pulse-status--green {
  color: #bbf7d0 !important;
  border-color: rgba(52, 211, 153, 0.45) !important;
  background: rgba(16, 185, 129, 0.15) !important;
}

.vd-pulse-card .vd-pulse-status--amber {
  color: #fde68a !important;
  border-color: rgba(251, 191, 36, 0.45) !important;
  background: rgba(245, 158, 11, 0.15) !important;
}

.vd-pulse-card .vd-pulse-status--red {
  color: #fecdd3 !important;
  border-color: rgba(251, 113, 133, 0.45) !important;
  background: rgba(244, 63, 94, 0.15) !important;
}

.vd-pulse-card .vd-pulse-status-dot--green {
  background: #34d399 !important;
}

.vd-pulse-card .vd-pulse-status-dot--amber {
  background: #fbbf24 !important;
}

.vd-pulse-card .vd-pulse-status-dot--red {
  background: #fb7185 !important;
}

/* ===== Sells / Products / Contacts readability hard overrides ===== */
body[class*="skin-"] .tw-text-black,
body[class*="skin-"] .text-black,
body[class*="skin-"] .content-header h1,
body[class*="skin-"] .content-header h1 small,
body[class*="skin-"] .content-header .tw-text-gray-700,
body[class*="skin-"] .content-header .tw-text-gray-600 {
  color: #edf4ff !important;
}

body[class*="skin-"] section.content .box.box-primary,
body[class*="skin-"] section.content .box,
body[class*="skin-"] section.content .nav-tabs-custom,
body[class*="skin-"] section.content .table-responsive,
body[class*="skin-"] section.content .dataTables_wrapper {
  background: linear-gradient(180deg, rgba(12, 20, 36, 0.93), rgba(10, 17, 32, 0.96)) !important;
  color: #eaf2ff !important;
  border-color: rgba(95, 128, 214, 0.3) !important;
}

body[class*="skin-"] section.content .box-header.with-border,
body[class*="skin-"] section.content .box-body,
body[class*="skin-"] section.content .nav-tabs-custom > .tab-content {
  background: transparent !important;
  color: #eaf2ff !important;
  border-color: rgba(95, 128, 214, 0.26) !important;
}

body[class*="skin-"] #sell_table_wrapper,
body[class*="skin-"] #product_table_wrapper,
body[class*="skin-"] #contact_table_wrapper,
body[class*="skin-"] #sell_table,
body[class*="skin-"] #product_table,
body[class*="skin-"] #contact_table {
  color: #e8f0ff !important;
  background: transparent !important;
}

body[class*="skin-"] #sell_table thead th,
body[class*="skin-"] #product_table thead th,
body[class*="skin-"] #contact_table thead th,
body[class*="skin-"] section.content table.dataTable thead th {
  color: #eaf2ff !important;
  background: rgba(61, 93, 176, 0.25) !important;
  border-color: rgba(103, 132, 208, 0.35) !important;
}

body[class*="skin-"] #sell_table tbody td,
body[class*="skin-"] #product_table tbody td,
body[class*="skin-"] #contact_table tbody td,
body[class*="skin-"] section.content table.dataTable tbody td {
  color: #dbe7ff !important;
  background: rgba(10, 17, 31, 0.72) !important;
  border-color: rgba(103, 132, 208, 0.22) !important;
}

body[class*="skin-"] section.content table.dataTable tbody tr:nth-child(even) td {
  background: rgba(14, 24, 44, 0.75) !important;
}

body[class*="skin-"] section.content .dataTables_wrapper .dataTables_filter input,
body[class*="skin-"] section.content .dataTables_wrapper .dataTables_length select {
  background: rgba(9, 17, 32, 0.95) !important;
  color: #e7efff !important;
  border: 1px solid rgba(89, 126, 214, 0.4) !important;
}

body[class*="skin-"] section.content .dataTables_wrapper .dataTables_filter label,
body[class*="skin-"] section.content .dataTables_wrapper .dataTables_length label,
body[class*="skin-"] section.content .dataTables_wrapper .dataTables_info,
body[class*="skin-"] section.content .dataTables_wrapper .dataTables_paginate a {
  color: #ccdaf7 !important;
}

body[class*="skin-"] section.content .select2-dropdown,
body[class*="skin-"] section.content .select2-results__option {
  background: #0d172b !important;
  color: #e8f0ff !important;
}

body[class*="skin-"] section.content .select2-results__option--highlighted[aria-selected] {
  background: rgba(53, 199, 255, 0.18) !important;
  color: #ffffff !important;
}

body[class*="skin-"] section.content .bg-gray,
body[class*="skin-"] section.content .footer-total {
  background: rgba(16, 27, 49, 0.85) !important;
  color: #e8f1ff !important;
}

/* ===== Dashboard DataTables contrast fix (Product Stock Alert + similar cards) ===== */
body[class*="skin-"] #scrollable-container .dataTables_wrapper,
body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_scrollHead,
body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_scrollBody,
body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_scrollHeadInner {
  background: transparent !important;
  color: #dbe8ff !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper table,
body[class*="skin-"] #scrollable-container .dataTables_wrapper table.dataTable,
body[class*="skin-"] #scrollable-container #stock_alert_table,
body[class*="skin-"] #scrollable-container #sales_payment_dues_table,
body[class*="skin-"] #scrollable-container #purchase_payment_dues_table {
  background: rgba(11, 19, 35, 0.75) !important;
  color: #e8f2ff !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper thead th,
body[class*="skin-"] #scrollable-container .dataTables_wrapper .sorting_disabled {
  background: rgba(60, 92, 176, 0.28) !important;
  color: #eef4ff !important;
  border-color: rgba(99, 128, 206, 0.38) !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper tbody td,
body[class*="skin-"] #scrollable-container .dataTables_wrapper tbody th {
  background: rgba(10, 17, 31, 0.78) !important;
  color: #dce8ff !important;
  border-color: rgba(99, 128, 206, 0.25) !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper tbody tr:nth-child(even) td,
body[class*="skin-"] #scrollable-container .dataTables_wrapper tbody tr:nth-child(even) th {
  background: rgba(13, 22, 40, 0.8) !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_empty {
  color: #cfe0ff !important;
  background: rgba(12, 21, 38, 0.86) !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_info,
body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_filter label,
body[class*="skin-"] #scrollable-container .dataTables_wrapper .dataTables_length label {
  color: #c6d8fb !important;
}

body[class*="skin-"] #scrollable-container .dataTables_wrapper .dt-buttons .tw-dw-btn-outline {
  background: rgba(12, 21, 38, 0.9) !important;
  color: #dce9ff !important;
  border-color: rgba(93, 126, 210, 0.36) !important;
}

/* ===== Sidebar active/open contrast fix ===== */
body[class*="skin-"] #side-bar .tw-text-gray-600,
body[class*="skin-"] #side-bar .tw-text-gray-500 {
  color: #c5d8ff !important;
}

body[class*="skin-"] #side-bar a:hover,
body[class*="skin-"] #side-bar a:focus,
body[class*="skin-"] #side-bar .drop_down:hover,
body[class*="skin-"] #side-bar .drop_down:focus {
  background: linear-gradient(90deg, rgba(53, 199, 255, 0.16), rgba(122, 92, 255, 0.14)) !important;
  color: #eff5ff !important;
}

/* Active item classes generated by AdminlteCustomPresenter */
body[class*="skin-"] #side-bar .tw-bg-gray-200,
body[class*="skin-"] #side-bar .tw-rounded-md.tw-bg-gray-200,
body[class*="skin-"] #side-bar a.tw-bg-gray-200,
body[class*="skin-"] #side-bar .drop_down.tw-bg-gray-200 {
  background: linear-gradient(95deg, rgba(39, 74, 150, 0.72), rgba(84, 63, 166, 0.6)) !important;
  color: #f5f8ff !important;
  box-shadow: inset 0 0 0 1px rgba(113, 153, 255, 0.35), 0 8px 20px rgba(5, 11, 26, 0.35) !important;
}

body[class*="skin-"] #side-bar .tw-text-primary-700,
body[class*="skin-"] #side-bar a.tw-text-primary-700,
body[class*="skin-"] #side-bar .drop_down.tw-text-primary-700 {
  color: #f1f6ff !important;
}

/* Expanded children */
body[class*="skin-"] #side-bar .chiled .tw-bg-gray-200 {
  background: rgba(23, 39, 72, 0.7) !important;
}

body[class*="skin-"] #side-bar .chiled a,
body[class*="skin-"] #side-bar .chiled a.tw-text-gray-600 {
  color: #c8dbff !important;
}

body[class*="skin-"] #side-bar .chiled a:hover,
body[class*="skin-"] #side-bar .chiled a:focus {
  color: #ffffff !important;
}

body[class*="skin-"] #side-bar .chiled .tw-absolute.tw-bg-gray-200 {
  background: linear-gradient(180deg, rgba(71, 106, 195, 0.5), rgba(86, 72, 165, 0.55)) !important;
}

/* ===== Import Products readability ===== */
body[class*="skin-"] .content .table .text-muted,
body[class*="skin-"] .content .text-muted,
body[class*="skin-"] .content small.text-muted {
  color: #b9c9ea !important;
}

body[class*="skin-"] .content .table-striped > tbody > tr:nth-of-type(odd),
body[class*="skin-"] .content .table-striped > tbody > tr:nth-of-type(odd) > td,
body[class*="skin-"] .content .table-striped > tbody > tr:nth-of-type(odd) > th {
  background-color: rgba(12, 21, 39, 0.82) !important;
}

body[class*="skin-"] .content .table-striped > tbody > tr:nth-of-type(even),
body[class*="skin-"] .content .table-striped > tbody > tr:nth-of-type(even) > td,
body[class*="skin-"] .content .table-striped > tbody > tr:nth-of-type(even) > th {
  background-color: rgba(15, 26, 47, 0.82) !important;
}

/* ===== POS page fix (body has lockscreen class, not skin-*) ===== */
body.lockscreen #scrollable-container,
body.lockscreen section.content,
body.lockscreen #add_pos_sell_form {
  background: transparent !important;
  color: #e8f1ff !important;
}

body.lockscreen #add_pos_sell_form .tw-bg-white,
body.lockscreen #add_pos_sell_form .bg-white,
body.lockscreen #add_pos_sell_form .box,
body.lockscreen #add_pos_sell_form .panel,
body.lockscreen #add_pos_sell_form .modal-content,
body.lockscreen .pos-form-actions {
  background: linear-gradient(180deg, rgba(12, 20, 36, 0.93), rgba(10, 17, 32, 0.96)) !important;
  color: #eaf2ff !important;
  border: 1px solid rgba(95, 128, 214, 0.3) !important;
}

body.lockscreen #add_pos_sell_form .tw-text-gray-700,
body.lockscreen #add_pos_sell_form .tw-text-gray-600,
body.lockscreen #add_pos_sell_form .tw-text-gray-500,
body.lockscreen #add_pos_sell_form .text-muted,
body.lockscreen #add_pos_sell_form .text-black {
  color: #d7e5ff !important;
}

body.lockscreen #add_pos_sell_form .table,
body.lockscreen #add_pos_sell_form .table > thead > tr > th,
body.lockscreen #add_pos_sell_form .table > tbody > tr > td {
  color: #dbe8ff !important;
  border-color: rgba(103, 132, 208, 0.28) !important;
}

body.lockscreen #add_pos_sell_form .table > thead > tr > th {
  background: rgba(61, 93, 176, 0.25) !important;
}

body.lockscreen #add_pos_sell_form .table > tbody > tr > td {
  background: rgba(11, 19, 35, 0.78) !important;
}

body.lockscreen #add_pos_sell_form .tw-dw-menu.tw-bg-white,
body.lockscreen #add_pos_sell_form .tw-dw-card.tw-bg-white,
body.lockscreen #add_pos_sell_form .tw-dw-card.tw-bg-base-100 {
  background: rgba(12, 21, 39, 0.96) !important;
  color: #eaf2ff !important;
  border-color: rgba(91, 122, 255, 0.35) !important;
}

/* POS product grid: remove light gray background + larger product icon/image */
body.lockscreen #product_list_body,
body.lockscreen #featured_products_box {
  background: transparent !important;
}

body.lockscreen .product_list {
  background: transparent !important;
}

body.lockscreen .product_box {
  background: linear-gradient(180deg, rgba(14, 24, 44, 0.95), rgba(10, 18, 34, 0.96)) !important;
  border: 1px solid rgba(98, 130, 210, 0.35) !important;
  box-shadow: 0 10px 24px rgba(3, 8, 22, 0.45) !important;
  color: #eaf2ff !important;
}

body.lockscreen .product_box:hover {
  background: linear-gradient(180deg, rgba(18, 32, 58, 0.98), rgba(12, 22, 42, 0.98)) !important;
  border-color: rgba(53, 199, 255, 0.55) !important;
}

body.lockscreen .product_box .image-container {
  height: 86px !important;
  margin-bottom: 8px !important;
  background-size: 78% !important;
}

body.lockscreen .product_box .image-container img {
  object-fit: contain !important;
}

body.lockscreen .product_box .text,
body.lockscreen .product_box .text-muted,
body.lockscreen .product_box small {
  color: #dfeaff !important;
}

/* ===== Light Theme Overrides ===== */
html[data-vd-theme="light"] body {
  background: #eef3fb !important;
  color: #1b2b44 !important;
}

html[data-vd-theme="light"] body[class*="skin-"] {
  background: linear-gradient(180deg, #f3f7ff 0%, #eaf1fb 100%) !important;
}

html[data-vd-theme="light"] main.tw-flex.tw-flex-col.tw-flex-1.tw-h-full.tw-min-w-0.tw-bg-gray-100,
html[data-vd-theme="light"] #scrollable-container,
html[data-vd-theme="light"] .content-wrapper,
html[data-vd-theme="light"] .right-side,
html[data-vd-theme="light"] .content {
  background: transparent !important;
  color: #1f2f4b !important;
}

html[data-vd-theme="light"] #side-bar {
  background: linear-gradient(180deg, #fdfefe 0%, #f1f6ff 100%) !important;
  border-right: 1px solid rgba(67, 103, 177, 0.18) !important;
}

html[data-vd-theme="light"] #side-bar a,
html[data-vd-theme="light"] #side-bar .tw-text-gray-600,
html[data-vd-theme="light"] #side-bar .tw-text-gray-500 {
  color: #29426a !important;
}

html[data-vd-theme="light"] #side-bar a:hover,
html[data-vd-theme="light"] #side-bar a:focus,
html[data-vd-theme="light"] #side-bar .drop_down:hover,
html[data-vd-theme="light"] #side-bar .drop_down:focus {
  background: linear-gradient(90deg, rgba(38, 113, 229, 0.12), rgba(100, 82, 216, 0.11)) !important;
  color: #1c3155 !important;
}

html[data-vd-theme="light"] #side-bar .tw-bg-gray-200,
html[data-vd-theme="light"] #side-bar .tw-rounded-md.tw-bg-gray-200,
html[data-vd-theme="light"] #side-bar a.tw-bg-gray-200,
html[data-vd-theme="light"] #side-bar .drop_down.tw-bg-gray-200 {
  background: linear-gradient(90deg, rgba(45, 122, 236, 0.2), rgba(119, 91, 225, 0.2)) !important;
  color: #17345f !important;
  box-shadow: inset 0 0 0 1px rgba(71, 105, 189, 0.25) !important;
}

html[data-vd-theme="light"] .side-brand-shell {
  background: linear-gradient(120deg, #d6e7ff 0%, #bfd8ff 52%, #dce9ff 100%) !important;
}

html[data-vd-theme="light"] .side-bar-heading {
  color: #13335f !important;
  text-shadow: none !important;
}

html[data-vd-theme="light"] .box,
html[data-vd-theme="light"] .small-box,
html[data-vd-theme="light"] .info-box,
html[data-vd-theme="light"] .modal-content,
html[data-vd-theme="light"] .nav-tabs-custom,
html[data-vd-theme="light"] .tw-bg-white,
html[data-vd-theme="light"] .bg-white,
html[data-vd-theme="light"] .panel,
html[data-vd-theme="light"] .well {
  background: #ffffff !important;
  color: #1d2f4d !important;
  border: 1px solid rgba(91, 119, 177, 0.16) !important;
  box-shadow: 0 8px 22px rgba(15, 27, 50, 0.08) !important;
}

html[data-vd-theme="light"] .box-title,
html[data-vd-theme="light"] h1,
html[data-vd-theme="light"] h2,
html[data-vd-theme="light"] h3,
html[data-vd-theme="light"] h4,
html[data-vd-theme="light"] h5,
html[data-vd-theme="light"] h6,
html[data-vd-theme="light"] .text-gray-900 {
  color: #1a2f52 !important;
}

html[data-vd-theme="light"] .text-gray-600,
html[data-vd-theme="light"] .text-gray-500,
html[data-vd-theme="light"] .text-muted,
html[data-vd-theme="light"] small {
  color: #526a8f !important;
}

html[data-vd-theme="light"] .form-control,
html[data-vd-theme="light"] .select2-container--default .select2-selection--single,
html[data-vd-theme="light"] .select2-container--default .select2-selection--multiple {
  background: #ffffff !important;
  color: #1f355a !important;
  border: 1px solid rgba(98, 124, 184, 0.32) !important;
}

html[data-vd-theme="light"] .form-control:focus,
html[data-vd-theme="light"] .select2-container--default.select2-container--focus .select2-selection--multiple,
html[data-vd-theme="light"] .select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(48, 122, 232, 0.82) !important;
  box-shadow: 0 0 0 3px rgba(45, 122, 236, 0.12) !important;
}

html[data-vd-theme="light"] .dropdown-menu,
html[data-vd-theme="light"] .tw-dw-dropdown-content,
html[data-vd-theme="light"] .select2-dropdown,
html[data-vd-theme="light"] .select2-results__option {
  background: #ffffff !important;
  color: #1f355a !important;
  border-color: rgba(88, 118, 178, 0.25) !important;
}

html[data-vd-theme="light"] .dropdown-menu > li > a,
html[data-vd-theme="light"] .tw-dw-dropdown-content a {
  color: #233f68 !important;
}

html[data-vd-theme="light"] .dropdown-menu > li > a:hover,
html[data-vd-theme="light"] .tw-dw-dropdown-content a:hover,
html[data-vd-theme="light"] .select2-results__option--highlighted[aria-selected] {
  background: rgba(45, 122, 236, 0.12) !important;
  color: #1a3764 !important;
}

html[data-vd-theme="light"] .table,
html[data-vd-theme="light"] .table-bordered,
html[data-vd-theme="light"] table.dataTable {
  background: #ffffff !important;
  color: #203861 !important;
}

html[data-vd-theme="light"] .table > thead > tr > th,
html[data-vd-theme="light"] table.dataTable thead th,
html[data-vd-theme="light"] section.content table.dataTable thead th {
  background: rgba(45, 122, 236, 0.12) !important;
  color: #1a3868 !important;
  border-color: rgba(86, 120, 186, 0.27) !important;
}

html[data-vd-theme="light"] .table > tbody > tr > td,
html[data-vd-theme="light"] table.dataTable tbody td,
html[data-vd-theme="light"] #scrollable-container .dataTables_wrapper tbody td,
html[data-vd-theme="light"] #scrollable-container .dataTables_wrapper tbody th {
  background: #ffffff !important;
  color: #213a63 !important;
  border-color: rgba(106, 134, 188, 0.24) !important;
}

html[data-vd-theme="light"] section.content table.dataTable tbody tr:nth-child(even) td,
html[data-vd-theme="light"] #scrollable-container .dataTables_wrapper tbody tr:nth-child(even) td,
html[data-vd-theme="light"] #scrollable-container .dataTables_wrapper tbody tr:nth-child(even) th {
  background: #f6f9ff !important;
}

html[data-vd-theme="light"] .dataTables_wrapper .dataTables_filter label,
html[data-vd-theme="light"] .dataTables_wrapper .dataTables_length label,
html[data-vd-theme="light"] .dataTables_wrapper .dataTables_info,
html[data-vd-theme="light"] .dataTables_wrapper .dataTables_paginate a,
html[data-vd-theme="light"] #scrollable-container .dataTables_wrapper .dataTables_empty {
  color: #4f678d !important;
}

html[data-vd-theme="light"] .tw-dw-btn.tw-dw-btn-outline,
html[data-vd-theme="light"] #scrollable-container .dataTables_wrapper .dt-buttons .tw-dw-btn-outline {
  background: #ffffff !important;
  color: #21406d !important;
  border-color: rgba(98, 126, 186, 0.32) !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .tw-bg-white,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .bg-white,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .box,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .panel,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .modal-content,
html[data-vd-theme="light"] body.lockscreen .pos-form-actions,
html[data-vd-theme="light"] body.lockscreen .product_box {
  background: #ffffff !important;
  color: #1f3558 !important;
  border-color: rgba(98, 126, 186, 0.28) !important;
  box-shadow: 0 8px 20px rgba(20, 33, 59, 0.08) !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .tw-text-gray-700,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .tw-text-gray-600,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .tw-text-gray-500,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .text-muted,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .text-black,
html[data-vd-theme="light"] body.lockscreen .product_box .text,
html[data-vd-theme="light"] body.lockscreen .product_box .text-muted,
html[data-vd-theme="light"] body.lockscreen .product_box small {
  color: #2a4168 !important;
}

html[data-vd-theme="light"] .tw-relative.tw-mt-6.tw-overflow-hidden.tw-rounded-2xl.tw-ring-1.tw-ring-slate-700\/60 {
  background: radial-gradient(110% 100% at 8% 5%, rgba(45, 122, 236, 0.16) 0%, rgba(246, 250, 255, 0.98) 52%), #ffffff !important;
  box-shadow: 0 0 0 1px rgba(70, 109, 184, 0.2), 0 16px 34px rgba(17, 34, 63, 0.1) !important;
}

/* Light mode fixes for globally forced dark dashboard/header styles */
html[data-vd-theme="light"] .skin-blue .main-header .navbar,
html[data-vd-theme="light"] .skin-blue-light .main-header .navbar,
html[data-vd-theme="light"] .skin-blue .main-header .logo,
html[data-vd-theme="light"] .skin-blue-light .main-header .logo {
  background: linear-gradient(120deg, #f0f6ff 0%, #dde9ff 45%, #edf4ff 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(40, 71, 132, 0.08), 0 8px 18px rgba(23, 43, 78, 0.08) !important;
}

html[data-vd-theme="light"] #scrollable-container > .tw-pb-6.tw-bg-gradient-to-r.tw-from-sky-800.tw-to-sky-900,
html[data-vd-theme="light"] #scrollable-container .tw-bg-gradient-to-r.tw-from-sky-800.tw-to-sky-900 {
  background-image: linear-gradient(120deg, #edf5ff 0%, #e0ecff 55%, #eef4ff 100%) !important;
  background-color: #ecf3ff !important;
}

html[data-vd-theme="light"] #scrollable-container .tw-bg-white,
html[data-vd-theme="light"] #scrollable-container .bg-white,
html[data-vd-theme="light"] #scrollable-container .tw-rounded-xl.tw-ring-1.tw-ring-gray-200 {
  background: #ffffff !important;
  border-color: rgba(91, 122, 180, 0.2) !important;
  color: #1d355d !important;
}

html[data-vd-theme="light"] #scrollable-container .tw-text-gray-900,
html[data-vd-theme="light"] #scrollable-container .tw-text-gray-800,
html[data-vd-theme="light"] #scrollable-container .tw-font-bold,
html[data-vd-theme="light"] #scrollable-container h1,
html[data-vd-theme="light"] #scrollable-container h2,
html[data-vd-theme="light"] #scrollable-container h3,
html[data-vd-theme="light"] #scrollable-container h4,
html[data-vd-theme="light"] #scrollable-container .text-white,
html[data-vd-theme="light"] #scrollable-container .tw-text-white {
  color: #1a3460 !important;
}

html[data-vd-theme="light"] #scrollable-container .tw-text-gray-500,
html[data-vd-theme="light"] #scrollable-container .tw-text-gray-400,
html[data-vd-theme="light"] #scrollable-container .text-muted {
  color: #58719a !important;
}

html[data-vd-theme="light"] #scrollable-container .tw-bg-gray-50 {
  background: #f4f8ff !important;
}

html[data-vd-theme="light"] #scrollable-container .tw-border-gray-200,
html[data-vd-theme="light"] #scrollable-container .tw-ring-gray-200 {
  border-color: rgba(91, 122, 180, 0.2) !important;
  --tw-ring-color: rgba(91, 122, 180, 0.2) !important;
}

html[data-vd-theme="light"] #scrollable-container #dashboard_date_filter {
  background: #ffffff !important;
  color: #1e3a67 !important;
  border: 1px solid rgba(86, 120, 188, 0.34) !important;
}

html[data-vd-theme="light"] #scrollable-container #dashboard_date_filter:hover {
  background: #f2f7ff !important;
}

html[data-vd-theme="light"] #scrollable-container .highcharts-grid-line {
  stroke: rgba(103, 129, 180, 0.22) !important;
}

html[data-vd-theme="light"] #scrollable-container .highcharts-axis-line {
  stroke: rgba(103, 129, 180, 0.34) !important;
}

html[data-vd-theme="light"] #scrollable-container .highcharts-axis-labels text,
html[data-vd-theme="light"] #scrollable-container .highcharts-legend-item text,
html[data-vd-theme="light"] #scrollable-container .highcharts-axis-title tspan,
html[data-vd-theme="light"] #scrollable-container .highcharts-title,
html[data-vd-theme="light"] #scrollable-container .highcharts-subtitle {
  fill: #344f79 !important;
  color: #344f79 !important;
}

html[data-vd-theme="light"] .vd-pulse-card p,
html[data-vd-theme="light"] .vd-pulse-card span,
html[data-vd-theme="light"] .vd-pulse-card li,
html[data-vd-theme="light"] .vd-pulse-card h3,
html[data-vd-theme="light"] .vd-pulse-card .tw-text-slate-300,
html[data-vd-theme="light"] .vd-pulse-card .tw-text-slate-100,
html[data-vd-theme="light"] .vd-pulse-card .tw-text-slate-50 {
  color: #17335f !important;
}

html[data-vd-theme="light"] .vd-pulse-card .tw-bg-slate-900\/45 {
  background: rgba(33, 99, 198, 0.07) !important;
  border-color: rgba(86, 120, 188, 0.22) !important;
}

html[data-vd-theme="light"] .tw-font-mono,
html[data-vd-theme="light"] .display_currency {
  color: #18345f !important;
}

/* ===== Sidebar expanded menu: final contrast pass ===== */
body[class*="skin-"] #side-bar > div.tw-pb-1.tw-rounded-md.tw-bg-gray-200.tw-text-primary-700 {
  background: linear-gradient(95deg, rgba(39, 74, 150, 0.72), rgba(84, 63, 166, 0.6)) !important;
  color: #f5f8ff !important;
}

body[class*="skin-"] #side-bar .drop_down .svg,
body[class*="skin-"] #side-bar .drop_down svg {
  color: #cfe0ff !important;
}

body[class*="skin-"] #side-bar .chiled {
  background: transparent !important;
}

body[class*="skin-"] #side-bar .chiled > .tw-space-y-3\.5 > a {
  color: #cfe0ff !important;
}

body[class*="skin-"] #side-bar .chiled > .tw-space-y-3\.5 > a.tw-text-primary-700,
body[class*="skin-"] #side-bar .chiled > .tw-space-y-3\.5 > a:hover,
body[class*="skin-"] #side-bar .chiled > .tw-space-y-3\.5 > a:focus {
  color: #ffffff !important;
}

html[data-vd-theme="light"] #side-bar > div.tw-pb-1.tw-rounded-md.tw-bg-gray-200.tw-text-primary-700 {
  background: linear-gradient(90deg, rgba(45, 122, 236, 0.2), rgba(119, 91, 225, 0.2)) !important;
  color: #17345f !important;
}

html[data-vd-theme="light"] #side-bar .drop_down .svg,
html[data-vd-theme="light"] #side-bar .drop_down svg {
  color: #365885 !important;
}

html[data-vd-theme="light"] #side-bar .chiled > .tw-space-y-3\.5 > a {
  color: #32517f !important;
}

html[data-vd-theme="light"] #side-bar .chiled > .tw-space-y-3\.5 > a.tw-text-primary-700,
html[data-vd-theme="light"] #side-bar .chiled > .tw-space-y-3\.5 > a:hover,
html[data-vd-theme="light"] #side-bar .chiled > .tw-space-y-3\.5 > a:focus {
  color: #173b6b !important;
}

html[data-vd-theme="light"] #side-bar .chiled .tw-absolute.tw-bg-gray-200 {
  background: linear-gradient(180deg, rgba(61, 112, 204, 0.45), rgba(126, 92, 225, 0.4)) !important;
}

/* ===== POS: final contrast pass ===== */
body.lockscreen .content-wrapper,
body.lockscreen .right-side,
body.lockscreen .content,
body.lockscreen .container-fluid {
  background: transparent !important;
  color: #e8f1ff !important;
}

body.lockscreen #add_pos_sell_form .form-control,
body.lockscreen #add_pos_sell_form .select2-container--default .select2-selection--single,
body.lockscreen #add_pos_sell_form .select2-container--default .select2-selection--multiple {
  background: rgba(9, 17, 32, 0.95) !important;
  color: #e7efff !important;
  border: 1px solid rgba(89, 126, 214, 0.4) !important;
}

body.lockscreen #add_pos_sell_form .table-striped > tbody > tr:nth-of-type(odd) > td,
body.lockscreen #add_pos_sell_form .table-striped > tbody > tr:nth-of-type(even) > td {
  color: #dce8ff !important;
}

body.lockscreen #add_pos_sell_form .text-muted,
body.lockscreen #add_pos_sell_form small {
  color: #b9cbed !important;
}

html[data-vd-theme="light"] body.lockscreen .content-wrapper,
html[data-vd-theme="light"] body.lockscreen .right-side,
html[data-vd-theme="light"] body.lockscreen .content,
html[data-vd-theme="light"] body.lockscreen .container-fluid {
  background: #eef4ff !important;
  color: #1f355a !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .form-control,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .select2-container--default .select2-selection--single,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .select2-container--default .select2-selection--multiple {
  background: #ffffff !important;
  color: #1f355a !important;
  border: 1px solid rgba(98, 126, 186, 0.32) !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .table > thead > tr > th {
  background: rgba(45, 122, 236, 0.12) !important;
  color: #1a3868 !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .table > tbody > tr > td {
  background: #ffffff !important;
  color: #213a63 !important;
  border-color: rgba(106, 134, 188, 0.24) !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .table-striped > tbody > tr:nth-of-type(even) > td {
  background: #f6f9ff !important;
}

html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form .text-muted,
html[data-vd-theme="light"] body.lockscreen #add_pos_sell_form small {
  color: #56709a !important;
}

/* ===== Superadmin Settings page dark-mode fixes ===== */
body[class*="skin-"] .vd-superadmin-nav.navbar-default {
  background: linear-gradient(180deg, rgba(14, 23, 40, 0.94), rgba(11, 19, 35, 0.96)) !important;
  border-color: rgba(92, 122, 198, 0.38) !important;
  box-shadow: 0 10px 26px rgba(3, 9, 22, 0.42) !important;
}

body[class*="skin-"] .vd-superadmin-nav .navbar-brand,
body[class*="skin-"] .vd-superadmin-nav .nav > li > a {
  color: #dce8ff !important;
}

body[class*="skin-"] .vd-superadmin-nav .nav > li.active > a,
body[class*="skin-"] .vd-superadmin-nav .nav > li > a:hover,
body[class*="skin-"] .vd-superadmin-nav .nav > li > a:focus {
  color: #ffffff !important;
  background: rgba(58, 94, 196, 0.24) !important;
}

body[class*="skin-"] .vd-superadmin-settings-title {
  color: #edf4ff !important;
}

body[class*="skin-"] .vd-superadmin-settings .list-group-item {
  background: rgba(13, 21, 38, 0.92) !important;
  border-color: rgba(96, 126, 201, 0.34) !important;
  color: #dbe7ff !important;
}

body[class*="skin-"] .vd-superadmin-settings .list-group-item.active,
body[class*="skin-"] .vd-superadmin-settings .list-group-item:hover,
body[class*="skin-"] .vd-superadmin-settings .list-group-item:focus {
  background: linear-gradient(120deg, rgba(43, 83, 183, 0.34), rgba(28, 62, 145, 0.36)) !important;
  border-color: rgba(111, 154, 245, 0.55) !important;
  color: #ffffff !important;
}

body[class*="skin-"] .vd-superadmin-settings .form-control,
body[class*="skin-"] .vd-superadmin-settings .select2-container--default .select2-selection--single,
body[class*="skin-"] .vd-superadmin-settings .select2-container--default .select2-selection--multiple {
  background: rgba(11, 20, 36, 0.94) !important;
  border-color: rgba(91, 122, 194, 0.42) !important;
  color: #e7f0ff !important;
}

body[class*="skin-"] .vd-superadmin-settings .form-control::placeholder {
  color: #9fb1d7 !important;
}

/* ===== Admin Business Settings page dark-mode fixes ===== */
body[class*="skin-"] .vd-admin-settings-title {
  color: #edf4ff !important;
}

body[class*="skin-"] .vd-admin-settings .pos-tab-container,
body[class*="skin-"] .vd-admin-settings .box,
body[class*="skin-"] .vd-admin-settings .panel {
  background: rgba(12, 20, 36, 0.9) !important;
  border-color: rgba(95, 126, 201, 0.34) !important;
  color: #dbe7ff !important;
}

body[class*="skin-"] .vd-admin-settings .list-group-item {
  background: rgba(14, 23, 41, 0.94) !important;
  border-color: rgba(92, 123, 198, 0.34) !important;
  color: #dce8ff !important;
}

body[class*="skin-"] .vd-admin-settings .list-group-item.active,
body[class*="skin-"] .vd-admin-settings .list-group-item:hover,
body[class*="skin-"] .vd-admin-settings .list-group-item:focus {
  background: linear-gradient(120deg, rgba(44, 83, 182, 0.34), rgba(30, 62, 145, 0.36)) !important;
  border-color: rgba(111, 154, 245, 0.55) !important;
  color: #ffffff !important;
}

body[class*="skin-"] .vd-admin-settings .form-control,
body[class*="skin-"] .vd-admin-settings .input-group-addon,
body[class*="skin-"] .vd-admin-settings .select2-container--default .select2-selection--single,
body[class*="skin-"] .vd-admin-settings .select2-container--default .select2-selection--multiple {
  background: rgba(10, 18, 33, 0.95) !important;
  border-color: rgba(93, 124, 196, 0.42) !important;
  color: #e7f0ff !important;
}

body[class*="skin-"] .vd-admin-settings .form-control::placeholder {
  color: #9fb1d7 !important;
}