/* Date: 15-04-2026 | Work: Added project-wide light/dark theme support and today's UI refinements for Leads, Campaign, Messenger, Dashboard, shared modals, pagination, and cross-page dark-mode readability. */
:root {
    --theme-bg: #f4f7fb;
    --theme-surface: #ffffff;
    --theme-surface-muted: #f8fafc;
    --theme-surface-elevated: #eef4fb;
    --theme-border: #d9e2ec;
    --theme-text: #152033;
    --theme-text-muted: #6b7a90;
    --theme-link: #1f6feb;
    --theme-accent: #3e882c;
    --theme-accent-soft: rgba(62, 136, 44, 0.12);
    --theme-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    --theme-input-bg: #ffffff;
    --theme-table-alt: #f8fafc;
    --theme-header-bg: #ffffff;
}

html[data-theme="dark"] {
    --theme-bg: #0f1724;
    --theme-surface: #172131;
    --theme-surface-muted: #111a28;
    --theme-surface-elevated: #1c2a3d;
    --theme-dropdown-hover-bg: #24354c;
    --theme-border: #283447;
    --theme-text: #e6edf7;
    --theme-text-muted: #9dacbf;
    --theme-link: #7fb2ff;
    --theme-accent: #6bd38c;
    --theme-accent-soft: rgba(107, 211, 140, 0.16);
    --theme-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
    --theme-input-bg: #162334;
    --theme-table-alt: #111b29;
    --theme-header-bg: #111a28;
}

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

body,
.page-wrapper,
.main-wrapper,
.content-wrapper,
.content,
.half,
.half .contents,
.half .bg {
    background-color: transparent;
    color: var(--theme-text);
}

a {
    color: var(--theme-link);
}

.header,
.card-box,
.modal-content,
.dropdown-menu,
.dropdown-menu1,
.panel,
.small-box,
.table.table-black,
.searchable-select-dropdown,
.searchable-select-holder,
.ui-widget-content,
.jqx-widget,
.jqx-widget-content {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text);
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow);
}

.page-wrapper {
    background-color: var(--theme-bg);
}

html {
    scrollbar-gutter: stable;
}

body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
}

.header {
    background-color: var(--theme-header-bg) !important;
}

.header-nav-links a,
.nav-link,
.dropdown-item,
.dropdown1-item,
.page-title,
.card-title,
.table,
.table td,
.table th,
.modal-title,
.text-dark,
.text-secondary,
.text-muted,
label,
small,
span,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
}

.text-muted,
.dashboard-panel-title,
.dashboard-metric-title,
.dashboard-overview-label {
    color: var(--theme-text-muted) !important;
}

.form-control,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
.searchable-select-input,
.searchable-select-item,
.select2-container--default .select2-selection--single {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

.form-control:focus,
.searchable-select-input:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: #3e882c !important;
    box-shadow: 0 0 0 2px rgba(62, 136, 44, 0.16) !important;
}

::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--theme-text-muted) !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
.dataTables_wrapper .dataTable tbody tr:nth-of-type(odd) {
    background-color: var(--theme-table-alt);
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table-bordered td,
.table-bordered th,
.dataTables_wrapper .dataTable td,
.dataTables_wrapper .dataTable th {
    border-color: var(--theme-border) !important;
    color: var(--theme-text);
}

.modal-header,
.modal-footer,
.dropdown-divider {
    border-color: var(--theme-border) !important;
}

.modal-body,
.modal-header,
.modal-footer,
.dropdown-header,
.info1,
.user-menu td,
.user-menu td span,
.user-menu .text-muted {
    color: var(--theme-text) !important;
}

.close,
button.close,
.header-nav-links a,
.user-menu a,
.dropdown-item,
.dropdown1-item {
    color: var(--theme-text) !important;
}

.dropdown1-item:focus,
.dropdown-item:hover {
    background: var(--theme-surface-muted) !important;
}

.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    border: 1px solid #e6dcc7;
    border-radius: 50%;
    background: #fff7ea;
    color: #d48b00;
    font-size: 0;
    line-height: 1;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.14);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
    color: var(--theme-text);
    border-color: #d9c49a;
    text-decoration: none;
    outline: none;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
}

.theme-toggle-btn i {
    font-size: 18px;
    color: #181817;
}

.theme-toggle-btn [data-theme-label] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.theme-toggle-btn::after {
    content: attr(data-theme-tooltip);
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    bottom: auto;
    transform: translateX(-50%) translateY(-4px);
    padding: 6px 10px;
    border-radius: 8px;
    background: #1f2937;
    color: #f8fafc;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
    opacity: 0;
    pointer-events: none;
    z-index: 1200;
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.theme-toggle-btn:hover::after,
.theme-toggle-btn:focus::after,
.theme-toggle-btn:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.theme-toggle-public {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 1100;
}

.theme-toggle-secured {
    margin-right: 20px;
}

html[data-theme="dark"] .theme-toggle-btn {
    background: #4a4f5b;
    border-color: #5d6470;
    color: #f7e08b;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .theme-toggle-btn:hover,
html[data-theme="dark"] .theme-toggle-btn:focus {
    border-color: #777f8d;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .theme-toggle-btn i {
    color: #f6e08d;
}

html[data-theme="dark"] .sidebar-overlay.opened {
    background-color: rgba(0, 0, 0, 0.65);
}

html[data-theme="dark"] #divLoading {
    background-color: rgba(10, 15, 23, 0.72);
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .user-menu td,
html[data-theme="dark"] .user-menu span,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-menu1 {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu .dropdown-item:focus,
html[data-theme="dark"] .dropdown-menu1 .dropdown1-item:hover,
html[data-theme="dark"] .dropdown-menu1 .dropdown1-item:focus,
html[data-theme="dark"] .dropdown-menu1 .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu1 .dropdown-item:focus,
html[data-theme="dark"] .dropdown-menu .dropdown-item.active,
html[data-theme="dark"] .dropdown-menu .dropdown-item:active,
html[data-theme="dark"] .dropdown-menu1 .dropdown1-item.active,
html[data-theme="dark"] .dropdown-menu1 .dropdown1-item:active,
html[data-theme="dark"] .dropdown-menu1 .dropdown-item.active,
html[data-theme="dark"] .dropdown-menu1 .dropdown-item:active {
    background: var(--theme-surface-elevated) !important;
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .message {
    background: #173724;
    color: #e6edf7;
}

html[data-theme="dark"] .right-panel,
html[data-theme="dark"] .right-panel .content,
html[data-theme="dark"] .right-panel .content1,
html[data-theme="dark"] .right-panel .breadcrumbs,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .content-wrapper {
    background-color: var(--theme-bg) !important;
    color: var(--theme-text) !important;
}

.campaign-page > .card-header {
    position: relative;
    border-bottom: 1px solid #ddd !important;
}

.paymenthistory-page > .card-md > .card-header {
    position: relative;
    border-bottom: 1px solid #ddd !important;
}

.profile-page > .card-sm > .card-header,
.settings-page > .card-sm > .card-header {
    position: relative;
    border-bottom: 1px solid #ddd !important;
}

.campaign-page > .card-header::after {
    content: none !important;
}

html[data-theme="dark"] #pagTtl,
html[data-theme="dark"] #pagTtl1,
html[data-theme="dark"] #pagTtl2,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .page-sub-title,
html[data-theme="dark"] .page-title-box h3,
html[data-theme="dark"] .right-panel .page-header h1,
html[data-theme="dark"] .right-panel .breadcrumbs .page-header h1,
html[data-theme="dark"] .right-panel .breadcrumbs .breadcrumb,
html[data-theme="dark"] .right-panel .breadcrumbs .breadcrumb li,
html[data-theme="dark"] .right-panel .breadcrumbs .breadcrumb a {
    color: #ffffff !important;
}

html[data-theme="dark"] .right-panel .breadcrumbs,
html[data-theme="dark"] .right-panel .page-header,
html[data-theme="dark"] .page-header,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-box,
html[data-theme="dark"] .card-panel,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .form-group,
html[data-theme="dark"] .form-block,
html[data-theme="dark"] .social-box,
html[data-theme="dark"] .bhoechie-tab-container,
html[data-theme="dark"] .bhoechie-tab-content,
html[data-theme="dark"] .upload-drop-zone,
html[data-theme="dark"] .upload-drop-zone1,
html[data-theme="dark"] .upload-info-tooltip,
html[data-theme="dark"] .custom-modal,
html[data-theme="dark"] .custom-modal-body,
html[data-theme="dark"] .modal.custom-modal,
html[data-theme="dark"] .note-editor.note-frame.panel.panel-default,
html[data-theme="dark"] .note-editor .note-editing-area,
html[data-theme="dark"] .note-editor .note-statusbar,
html[data-theme="dark"] .chat-sidebar,
html[data-theme="dark"] .well,
html[data-theme="dark"] .panel-body,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] div.bhoechie-tab-container,
html[data-theme="dark"] div.bhoechie-tab-content,
html[data-theme="dark"] .leads-page .leads-list-card,
html[data-theme="dark"] .campaign-page .campaign-list-card,
html[data-theme="dark"] .leads-page .lds-filter-bar,
html[data-theme="dark"] .campaign-page .cmp-filter-bar {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .card-box,
html[data-theme="dark"] .card-panel,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .form-block,
html[data-theme="dark"] .social-box,
html[data-theme="dark"] .bhoechie-tab-container,
html[data-theme="dark"] .leads-page .leads-list-card,
html[data-theme="dark"] .campaign-page .campaign-list-card {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .custom-modal-header,
html[data-theme="dark"] .custom-modal-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .note-editor.note-frame.panel.panel-default .note-toolbar.panel-heading,
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .card .card-header,
html[data-theme="dark"] .card .card-footer,
html[data-theme="dark"] div.bhoechie-tab-menu div.list-group > a,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .right-panel .page-header {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .card[class*="-page"] > .card-header,
html[data-theme="dark"] .card[class*="-page"] > .card-footer {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
}

html[data-theme="dark"] .campaign-page > .card-header {
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .paymenthistory-page > .card-md > .card-header {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditshistory-page > .card-header {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .card-header111 {
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] #lblCredittt {
    background: #2a1f24 !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #f3d7db !important;
}

html[data-theme="dark"] #lblCredittt,
html[data-theme="dark"] #lblCredittt span,
html[data-theme="dark"] #lblCredittt label,
html[data-theme="dark"] #lblCredittt strong {
    color: #f8dfe3 !important;
}

html[data-theme="dark"] .profile-page > .card-sm > .card-header,
html[data-theme="dark"] .settings-page > .card-sm > .card-header {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .paymenthistory-page > .card-md,
html[data-theme="dark"] .paymenthistory-page > .card-md > .card-body,
html[data-theme="dark"] .paymenthistory-page .card-panel,
html[data-theme="dark"] .paymenthistory-page .pay-filter-bar,
html[data-theme="dark"] .paymenthistory-page #grdLst {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

/* Date: 16-04-2026 | Description: Credits History dark mode - align page shell and top summary cards with secured page layout (CSS-only). */
html[data-theme="dark"] .creditshistory-page,
html[data-theme="dark"] .creditshistory-page > .card-body,
html[data-theme="dark"] .creditshistory-page .card-panel11,
html[data-theme="dark"] .creditshistory-page .card-panel,
html[data-theme="dark"] .creditshistory-page #datewise,
html[data-theme="dark"] .creditshistory-page #tblCditHistory {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .creditshistory-page .card-panel11,
html[data-theme="dark"] .creditshistory-page .card-panel {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .creditshistory-page .small-box {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditshistory-page .SecondaryHeadtop {
    color: #d5e2f2 !important;
}

html[data-theme="dark"] .creditshistory-page .SecondaryHeadresult {
    color: #ffffff !important;
}

html[data-theme="dark"] .creditshistory-page .modal-title,
html[data-theme="dark"] .creditshistory-page h5.modal-title {
    color: #ffffff !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory thead tr:first-child th,
html[data-theme="dark"] .creditshistory-page #tblCditHistory tbody td {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory.table-striped tbody tr:nth-of-type(odd) td {
    background: #1d283a !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory tbody tr:hover td {
    background: #243246 !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory tbody td:last-child,
html[data-theme="dark"] .creditshistory-page #tblCditHistory tbody td:nth-child(9),
html[data-theme="dark"] .creditshistory-page #tblCditHistory #Helpinfo,
html[data-theme="dark"] .creditshistory-page #tblCditHistory #Helpinfo i,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info-circle,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon-info-sign {
    color: #8fb8ff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory #Helpinfo,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info-circle,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon-info-sign,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon.glyphicon-info-sign {
    background: #2563eb !important;
    border: 1px solid #5b8cff !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 1 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 1px rgba(31, 95, 209, 0.08) !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory #Helpinfo i,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info-circle:before,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info:before,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon-info-sign:before,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon.glyphicon-info-sign:before {
    color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .creditshistory-page #tblCditHistory #Helpinfo:hover,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info-circle:hover,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .fa-info:hover,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon-info-sign:hover,
html[data-theme="dark"] .creditshistory-page #tblCditHistory .glyphicon.glyphicon-info-sign:hover {
    background: #1d4ed8 !important;
    border-color: #7aa2ff !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .profile-page > .card-sm,
html[data-theme="dark"] .profile-page > .card-sm > .card-body,
html[data-theme="dark"] .profile-page .card-panel,
html[data-theme="dark"] .settings-page > .card-sm,
html[data-theme="dark"] .settings-page > .card-sm > .card-body,
html[data-theme="dark"] .settings-page .card-panel {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .paymenthistory-page .card-panel {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .profile-page .card-panel,
html[data-theme="dark"] .settings-page .card-panel {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .paymenthistory-page .pay-filter-label {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .paymenthistory-page .pay-filter-control input,
html[data-theme="dark"] .paymenthistory-page .pay-filter-control select,
html[data-theme="dark"] .paymenthistory-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .paymenthistory-page #grdLst thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .paymenthistory-page #grdLst thead tr:nth-child(2) select.form-control {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .paymenthistory-page #grdLst tbody td {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-top-color: var(--theme-border) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .paymenthistory-page #grdLst.table-striped tbody tr:nth-of-type(odd) td {
    background: #1d283a !important;
}

html[data-theme="dark"] .paymenthistory-page #grdLst tbody tr:hover td {
    background: #243246 !important;
}

/* Date: 16-04-2026 | Description: Credits History dark mode - remove light filter strip from table header row (CSS-only). */
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2),
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) td,
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) th,
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) > td[id],
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) > th[id] {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) input,
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) select,
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) .form-control,
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] #tblCditHistory thead tr:nth-child(2) .bootstrap-select .dropdown-toggle {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .control-label,
html[data-theme="dark"] .form-check-label1,
html[data-theme="dark"] .upload-label,
html[data-theme="dark"] .upload-info-wrapper,
html[data-theme="dark"] .upload-info-text,
html[data-theme="dark"] .custom-modal-title,
html[data-theme="dark"] .custom-modal-body,
html[data-theme="dark"] .custom-modal-close,
html[data-theme="dark"] .card-header strong,
html[data-theme="dark"] .card-header small,
html[data-theme="dark"] .card-body label,
html[data-theme="dark"] .card-body p,
html[data-theme="dark"] .card-body span,
html[data-theme="dark"] .card-body strong,
html[data-theme="dark"] .card-panel label,
html[data-theme="dark"] .card-panel p,
html[data-theme="dark"] .card-panel span,
html[data-theme="dark"] .card-panel strong,
html[data-theme="dark"] .card-panel td,
html[data-theme="dark"] .card-panel th,
html[data-theme="dark"] .right-panel .content label,
html[data-theme="dark"] .right-panel .content p,
html[data-theme="dark"] .right-panel .content span,
html[data-theme="dark"] .right-panel .content small,
html[data-theme="dark"] .right-panel .content li,
html[data-theme="dark"] .right-panel .content td,
html[data-theme="dark"] .right-panel .content th,
html[data-theme="dark"] .right-panel .content .help-block,
html[data-theme="dark"] .right-panel .content .text-muted-light,
html[data-theme="dark"] .file-attached,
html[data-theme="dark"] .cmp-filter-label,
html[data-theme="dark"] .lds-filter-label,
html[data-theme="dark"] .cmp-child-head,
html[data-theme="dark"] .lds-child-head,
html[data-theme="dark"] .cmp-child-head-left,
html[data-theme="dark"] .cmp-child-head-right {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-muted-light,
html[data-theme="dark"] .cmp-filter-label,
html[data-theme="dark"] .lds-filter-label,
html[data-theme="dark"] .card-header small,
html[data-theme="dark"] .page-sub-title,
html[data-theme="dark"] .upload-info-wrapper {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .btn-link,
html[data-theme="dark"] .btn-link:hover,
html[data-theme="dark"] .btn-link:focus,
html[data-theme="dark"] .btn-link:active,
html[data-theme="dark"] .action-label > a {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .upload-drop-zone,
html[data-theme="dark"] .upload-drop-zone1 {
    background-color: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .upload-drop-zone.drop,
html[data-theme="dark"] .upload-drop-zone1.dragover,
html[data-theme="dark"] .upload-drop-zone1:hover {
    background-color: var(--theme-surface-elevated) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .upload-info-tooltip,
html[data-theme="dark"] .custom-modal,
html[data-theme="dark"] .custom-modal-overlay .custom-modal,
html[data-theme="dark"] .custom-modal-footer {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .searchable-select-holder,
html[data-theme="dark"] .searchable-select-input,
html[data-theme="dark"] .searchable-select-dropdown,
html[data-theme="dark"] .searchable-select-item,
html[data-theme="dark"] .select2-container .select2-selection--single,
html[data-theme="dark"] .select2-container .select2-selection--multiple,
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-search__field,
html[data-theme="dark"] .bootstrap-datetimepicker1-widget.dropdown-menu,
html[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .bootstrap-select .filter-option,
html[data-theme="dark"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .bootstrap-select .caret,
html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__rendered,
html[data-theme="dark"] .select2-results__option,
html[data-theme="dark"] .searchable-select-item,
html[data-theme="dark"] .searchable-select-holder,
html[data-theme="dark"] .searchable-select-caret,
html[data-theme="dark"] .searchable-select-input {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .bootstrap-select .dropdown-menu.inner,
html[data-theme="dark"] .bootstrap-select .bs-searchbox input,
html[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"],
html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .searchable-select-dropdown,
html[data-theme="dark"] .searchable-select-items,
html[data-theme="dark"] .searchable-select-item,
html[data-theme="dark"] .searchable-scroll,
html[data-theme="dark"] .searchable-has-privious,
html[data-theme="dark"] .searchable-has-next {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .searchable-select-item:hover,
html[data-theme="dark"] .searchable-select-item.hover,
html[data-theme="dark"] .searchable-select-item.selected,
html[data-theme="dark"] .searchable-select-item.active {
    background-color: var(--theme-dropdown-hover-bg) !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .searchable-has-privious,
html[data-theme="dark"] .searchable-has-next {
    color: #c9d8eb !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .bootstrap-select .dropdown-menu li a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li a span.text,
html[data-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .bootstrap-select .dropdown-menu li a:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li a:focus,
html[data-theme="dark"] .bootstrap-select .dropdown-menu .selected a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu .active a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu .active a:hover {
    background-color: var(--theme-dropdown-hover-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .bootstrap-select .dropdown-menu li:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.active,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected.active,
html[data-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:focus {
    background-color: var(--theme-dropdown-hover-bg) !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected > a:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected > a:focus,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.active > a:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.active > a:focus,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected.active > a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected.active > a:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected.active > a:focus,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected > a span.text,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.active > a span.text,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected.active > a span.text {
    background: var(--theme-dropdown-hover-bg) !important;
    background-color: var(--theme-dropdown-hover-bg) !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--theme-surface-elevated) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .nav-pills,
html[data-theme="dark"] .nav-tabs.nav-tabs-solid,
html[data-theme="dark"] .nav-tabs.nav-justified {
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .nav-tabs > li > a,
html[data-theme="dark"] .nav-tabs .nav-link,
html[data-theme="dark"] .nav-pills .nav-link,
html[data-theme="dark"] .nav-tabs.nav-tabs-solid > li > a,
html[data-theme="dark"] .nav-tabs.nav-justified > li > a {
    background: transparent !important;
    color: var(--theme-text-muted) !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .nav-tabs > li > a:hover,
html[data-theme="dark"] .nav-tabs > li > a:focus,
html[data-theme="dark"] .nav-tabs .nav-link:hover,
html[data-theme="dark"] .nav-tabs .nav-link:focus,
html[data-theme="dark"] .nav-pills .nav-link:hover,
html[data-theme="dark"] .nav-pills .nav-link:focus {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .nav-tabs .nav-link.active,
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-pills .nav-link.active,
html[data-theme="dark"] .nav-pills .show > .nav-link {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .nav-tabs.nav-tabs-solid > li > a.active,
html[data-theme="dark"] .nav-tabs.nav-tabs-solid > li > a.active:hover,
html[data-theme="dark"] .nav-tabs.nav-tabs-solid > li > a.active:focus {
    background-color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: #081019 !important;
}

html[data-theme="dark"] .badge-success-border,
html[data-theme="dark"] .badge-danger-border,
html[data-theme="dark"] .badge-warning-border,
html[data-theme="dark"] .badge-info-border {
    background-color: var(--theme-surface-muted) !important;
}

html[data-theme="dark"] .badge-success-border {
    border-color: #55ce63 !important;
    color: #8ce599 !important;
}

html[data-theme="dark"] .badge-danger-border {
    border-color: #f62d51 !important;
    color: #ff8fa3 !important;
}

html[data-theme="dark"] .badge-warning-border {
    border-color: #ffbc34 !important;
    color: #ffd67d !important;
}

html[data-theme="dark"] .badge-info-border {
    border-color: #59b1ff !important;
    color: #8cc8ff !important;
}

html[data-theme="dark"] div.bhoechie-tab-menu div.list-group > a.active,
html[data-theme="dark"] div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
html[data-theme="dark"] div.bhoechie-tab-menu div.list-group > a.active .fa {
    background-color: var(--theme-accent) !important;
    background-image: none !important;
    color: #081019 !important;
}

html[data-theme="dark"] div.bhoechie-tab-menu div.list-group > a.active:after {
    border-left-color: var(--theme-accent) !important;
}

html[data-theme="dark"] .lds-child-head,
html[data-theme="dark"] .lds-child-col,
html[data-theme="dark"] .lds-child-head-grid,
html[data-theme="dark"] .cmp-child-head,
html[data-theme="dark"] table.Child-table-striped thead th,
html[data-theme="dark"] table.Child-table-bordered thead th,
html[data-theme="dark"] #LstLeadGrid thead th,
html[data-theme="dark"] #LstLeadGrid thead td,
html[data-theme="dark"] #OutletLst thead th,
html[data-theme="dark"] #grdNoofUsers thead th,
html[data-theme="dark"] .grdDtl thead th {
    color: #ffffff !important;
}

html[data-theme="dark"] .lds-child-col,
html[data-theme="dark"] .cmp-child-head-left,
html[data-theme="dark"] .cmp-child-head-right,
html[data-theme="dark"] table.Child-table-striped thead th span,
html[data-theme="dark"] table.Child-table-bordered thead th span,
html[data-theme="dark"] #LstLeadGrid thead th span {
    text-decoration-color: var(--theme-accent) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] table.dataTable,
html[data-theme="dark"] table.dataTable tbody tr,
html[data-theme="dark"] table.dataTable tbody td,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] .dataTables_wrapper .dataTable,
html[data-theme="dark"] .dataTables_wrapper .dataTable tbody td,
html[data-theme="dark"] .table-responsive > .table-bordered {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] table.dataTable.stripe tbody tr.odd,
html[data-theme="dark"] table.dataTable.display tbody tr.odd {
    background-color: var(--theme-table-alt) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even),
html[data-theme="dark"] table.dataTable.stripe tbody tr.even,
html[data-theme="dark"] table.dataTable.display tbody tr.even {
    background-color: var(--theme-surface) !important;
}

html[data-theme="dark"] table.dataTable.hover tbody tr:hover,
html[data-theme="dark"] table.dataTable.display tbody tr:hover,
html[data-theme="dark"] .table-hover > tbody > tr:hover,
html[data-theme="dark"] .list-group-item:hover {
    background-color: var(--theme-surface-elevated) !important;
}

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

html[data-theme="dark"] .dataTables_wrapper div.dataTables_processing {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] .dataTables_wrapper .dataTables_length select,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    background: rgba(100, 116, 139, 0.28) !important;
    color: rgba(226, 232, 240, 0.62) !important;
    border-color: rgba(100, 116, 139, 0.34) !important;
    cursor: default !important;
    opacity: 0.45 !important;
}

html[data-theme="dark"] .campaign-page .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .campaign-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html[data-theme="dark"] .campaign-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: rgba(100, 116, 139, 0.28) !important;
    color: rgba(226, 232, 240, 0.62) !important;
    border-color: rgba(100, 116, 139, 0.34) !important;
    opacity: 0.45 !important;
}

html[data-theme="dark"] .campaign-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-theme="dark"] .campaign-page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: #081019 !important;
}

html[data-theme="dark"] .campaign-page .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #253246 !important;
    border-color: #45556d !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .leads-page {
    --leads-border: var(--theme-border);
    --leads-shadow: var(--theme-shadow);
    --leads-form-field-bg: #3b4658;
    --leads-form-field-hover: #455166;
    --leads-form-field-disabled: #364254;
    --leads-form-field-border: #71839d;
}

html[data-theme="dark"] .leads-page #div-panel .card-panel {
    background: #182334 !important;
    border: 1px solid #2b3a4f !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .leads-page #div-panel .form-control,
html[data-theme="dark"] .leads-page #div-panel input[type="text"],
html[data-theme="dark"] .leads-page #div-panel input[type="number"],
html[data-theme="dark"] .leads-page #div-panel input[type="email"],
html[data-theme="dark"] .leads-page #div-panel input[type="password"],
html[data-theme="dark"] .leads-page #div-panel select,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select.btn-group .dropdown-toggle,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select > .btn,
html[data-theme="dark"] .leads-page #div-panel .btn-default.dropdown-toggle {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border: 1px solid var(--leads-form-field-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px rgba(8, 14, 24, 0.18) !important;
}

html[data-theme="dark"] .leads-page #div-panel .form-control::placeholder,
html[data-theme="dark"] .leads-page #div-panel input::placeholder,
html[data-theme="dark"] .leads-page #div-panel textarea::placeholder,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .filter-option,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .filter-option-inner-inner {
    color: #d9e4f3 !important;
}

html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .btn-default,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .btn-default:hover,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .btn-default:focus,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .btn-default:active,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select.open > .dropdown-toggle.btn-default {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border-color: var(--leads-form-field-border) !important;
}

html[data-theme="dark"] .leads-page #txtLeadState,
html[data-theme="dark"] .leads-page #txtLeadCity,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select .btn,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select .btn,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select .btn-default,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select .btn-default,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select .filter-option,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select .filter-option,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select .filter-option-inner-inner {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border-color: var(--leads-form-field-border) !important;
}

html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .caret,
html[data-theme="dark"] .leads-page #div-panel .dropdown-toggle .caret {
    border-top-color: #dce7f7 !important;
    color: #dce7f7 !important;
}

html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu.inner,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .bs-searchbox input {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    color: #f4f8ff !important;
    border-color: var(--leads-form-field-border) !important;
}

html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu li a,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu li a span.text,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu .dropdown-item {
    color: #f4f8ff !important;
}

html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu li a:hover,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu li a:focus,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-menu li.active > a {
    background: var(--leads-form-field-hover) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .leads-page #div-panel .form-control:hover,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-toggle:hover {
    border-color: #506787 !important;
    background: var(--leads-form-field-hover) !important;
}

html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .leads-page #txtLeadState + .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .leads-page #txtLeadCity + .bootstrap-select .dropdown-toggle:hover {
    background: var(--leads-form-field-hover) !important;
}

html[data-theme="dark"] .leads-page #txtLeadState-searchableSelect,
html[data-theme="dark"] .leads-page #txtLeadCity-searchableSelect,
html[data-theme="dark"] .leads-page #txtLeadState-searchableSelect .searchable-select-holder,
html[data-theme="dark"] .leads-page #txtLeadCity-searchableSelect .searchable-select-holder,
html[data-theme="dark"] .leads-page #txtLeadState-searchableSelect .searchable-select-input,
html[data-theme="dark"] .leads-page #txtLeadCity-searchableSelect .searchable-select-input,
html[data-theme="dark"] .leads-page #txtLeadState-searchableSelect .searchable-select-dropdown,
html[data-theme="dark"] .leads-page #txtLeadCity-searchableSelect .searchable-select-dropdown,
html[data-theme="dark"] .leads-page #txtLeadState-searchableSelect .searchable-select-items,
html[data-theme="dark"] .leads-page #txtLeadCity-searchableSelect .searchable-select-items {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border-color: var(--leads-form-field-border) !important;
}

html[data-theme="dark"] .leads-page #div-panel .form-control:focus,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .leads-page #div-panel .bootstrap-select.open > .dropdown-toggle {
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px rgba(136, 168, 207, 0.18) !important;
    outline: none !important;
}

html[data-theme="dark"] .leads-page #div-panel .form-control[readonly],
html[data-theme="dark"] .leads-page #div-panel .form-control[disabled],
html[data-theme="dark"] .leads-page #div-panel input[readonly],
html[data-theme="dark"] .leads-page #div-panel input[disabled] {
    background: var(--leads-form-field-disabled) !important;
    color: #dbe6f6 !important;
    border-color: #6f829b !important;
    opacity: 1 !important;
}

.lead-bcat-autocomplete-menu.ui-autocomplete {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #d6e2d7 !important;
    color: #1f2937 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12) !important;
    margin-top: 4px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 100000 !important;
    border-radius: 8px !important;
}

.lead-bcat-autocomplete-menu,
.lead-bcat-autocomplete-menu.ui-widget,
.lead-bcat-autocomplete-menu.ui-widget.ui-widget-content,
.lead-bcat-autocomplete-menu.ui-menu,
.lead-bcat-autocomplete-menu .ui-menu-item,
.lead-bcat-autocomplete-menu li {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.lead-bcat-autocomplete-menu.ui-menu .ui-menu-item-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border: none !important;
    margin: 0 !important;
    padding: 8px 12px !important;
}

.lead-bcat-autocomplete-menu.ui-menu .ui-menu-item-wrapper.ui-state-active,
.lead-bcat-autocomplete-menu.ui-menu .ui-menu-item-wrapper.ui-state-focus,
.lead-bcat-autocomplete-menu.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
    margin: 0 !important;
    background: #edf2f7 !important;
    background-color: #edf2f7 !important;
    color: #1f2937 !important;
    border: none !important;
}

html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-autocomplete {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    border: 1px solid var(--leads-form-field-border) !important;
    color: #f4f8ff !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28) !important;
    margin-top: 4px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 100000 !important;
    border-radius: 8px !important;
}

html[data-theme="dark"] .lead-bcat-autocomplete-menu,
html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-widget,
html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-widget.ui-widget-content,
html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-menu,
html[data-theme="dark"] .lead-bcat-autocomplete-menu .ui-menu-item,
html[data-theme="dark"] .lead-bcat-autocomplete-menu li {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
}

html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-menu .ui-menu-item-wrapper {
    background: var(--leads-form-field-bg) !important;
    background-color: var(--leads-form-field-bg) !important;
    color: #f4f8ff !important;
    border: none !important;
    margin: 0 !important;
    padding: 8px 12px !important;
}

html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-menu .ui-menu-item-wrapper.ui-state-active,
html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-menu .ui-menu-item-wrapper.ui-state-focus,
html[data-theme="dark"] .lead-bcat-autocomplete-menu.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
    margin: 0 !important;
    background: var(--leads-form-field-hover) !important;
    background-color: var(--leads-form-field-hover) !important;
    color: #ffffff !important;
    border: none !important;
}

.lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item-wrapper.ui-state-active,
.lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item-wrapper.ui-state-focus,
.lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item.ui-state-active .ui-menu-item-wrapper,
.lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item.ui-state-focus .ui-menu-item-wrapper,
.lead-bcat-autocomplete-hoveronly.ui-widget-content .ui-state-active,
.lead-bcat-autocomplete-hoveronly.ui-widget-content .ui-state-focus,
.lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
    margin: 0 !important;
    background: #edf2f7 !important;
    background-color: #edf2f7 !important;
    color: #1f2937 !important;
    border: none !important;
}

html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item-wrapper.ui-state-active,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item-wrapper.ui-state-focus,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item.ui-state-active .ui-menu-item-wrapper,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item.ui-state-focus .ui-menu-item-wrapper,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-widget-content .ui-state-active,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-widget-content .ui-state-focus,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
    margin: 0 !important;
    background: #24354c !important;
    background-color: #24354c !important;
    color: #ffffff !important;
    border: none !important;
}

html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-autocomplete .ui-menu-item:hover,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-autocomplete .ui-menu-item.ui-state-active,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-autocomplete .ui-menu-item.ui-state-focus,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-autocomplete .ui-menu-item .ui-state-active,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-autocomplete .ui-menu-item .ui-state-focus,
html[data-theme="dark"] .lead-bcat-autocomplete-hoveronly.ui-autocomplete .ui-menu-item-wrapper.lead-bcat-item-active {
    background: #24354c !important;
    background-color: #24354c !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Date: 20-04-2026 | Work: Removed the custom Time Zone dropdown skin so Campaign uses the same searchable-select treatment as Lead State, while keeping the field aligned with Date and Time Window. */
#dialog-dtls-Detail #txtEstPst-searchableSelect,
#dialog-dtls-Detail #txtEstPst-searchableSelect > div,
#dialog-dtls-Detail #txtEstPst-searchableSelect .searchable-select {
    width: 100% !important;
}

#dialog-dtls-Detail #txtEstPst-searchableSelect {
    position: relative !important;
}

#dialog-dtls-Detail #txtEstPst-searchableSelect .searchable-select-holder {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0.375rem 34px 0.375rem 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 13px !important;
}

#dialog-dtls-Detail #txtEstPst-searchableSelect .searchable-select-dropdown {
    top: calc(100% + 6px) !important;
    z-index: 1065 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

#dialog-dtls-Detail #txtEstPst-searchableSelect .searchable-select-input {
    margin: 0 0 6px 0 !important;
}

#dialog-dtls-Detail #txtEstPst-searchableSelect .searchable-select-items {
    max-height: 220px !important;
}

html[data-theme="dark"] .campaign-page {
    --campaign-border: var(--theme-border);
    --campaign-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .creditsettings-page .creditsettings-list-card,
html[data-theme="dark"] .creditsettings-page .cs-filter-bar,
html[data-theme="dark"] .creditsettings-page .cs-pagination-row,
html[data-theme="dark"] .creditsettings-page .card-panel,
html[data-theme="dark"] .creditsettings-page .col-md-12 {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditsettings-page .creditsettings-list-card {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .creditsettings-page .cmp-filter-label {
    color: #c2d0e2 !important;
}

html[data-theme="dark"] .creditsettings-page .cmp-filter-control input,
html[data-theme="dark"] .creditsettings-page .cmp-filter-control select,
html[data-theme="dark"] .creditsettings-page #grdLst thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .creditsettings-page #grdLst thead tr:nth-child(2) select.form-control {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditsettings-page #grdLst thead tr:nth-child(2) td {
    background: var(--theme-surface) !important;
    border-top-color: rgba(255, 255, 255, 0.05) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .creditsettings-page .cs-pagination-row .dataTables_paginate,
html[data-theme="dark"] .creditsettings-page .cs-pagination-row .pagination,
html[data-theme="dark"] .creditsettings-page .cs-pagination-row {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
}

/* Date: 18-04-2026 18:28 | Description: Event Setup dark-mode surfaces aligned with secured pages; remove inline/generated white panels, filter bars, child tables, and editor shells without changing behavior. */
html[data-theme="dark"] .eventsetup-page,
html[data-theme="dark"] .eventsetup-page > .card-body,
html[data-theme="dark"] .eventsetup-page #div-grid,
html[data-theme="dark"] .eventsetup-page #div-panel,
html[data-theme="dark"] .eventsetup-page #divCtl,
html[data-theme="dark"] .eventsetup-page .eventsetup-list-card,
html[data-theme="dark"] .eventsetup-page .evt-filter-bar,
html[data-theme="dark"] .eventsetup-page .evt-pagination-row,
html[data-theme="dark"] .eventsetup-page .card-panel,
html[data-theme="dark"] .eventsetup-page .card-header-child,
html[data-theme="dark"] .eventsetup-page .table-responsive,
html[data-theme="dark"] .eventsetup-page #grdLst,
html[data-theme="dark"] .eventsetup-page #grdLst1,
html[data-theme="dark"] .eventsetup-page #grdLst1_wrapper,
html[data-theme="dark"] .eventsetup-page #grdLst1_wrapper .dataTables_scroll,
html[data-theme="dark"] .eventsetup-page #grdLst1_wrapper .dataTables_scrollHead,
html[data-theme="dark"] .eventsetup-page #grdLst1_wrapper .dataTables_scrollBody,
html[data-theme="dark"] .eventsetup-page #editorWrapper,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor,
html[data-theme="dark"] .eventsetup-page .ui-widget-content {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .eventsetup-page .eventsetup-list-card,
html[data-theme="dark"] .eventsetup-page .card-panel {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .eventsetup-page .evt-filter-label {
    color: #c2d0e2 !important;
}

html[data-theme="dark"] .eventsetup-page .evt-filter-control input,
html[data-theme="dark"] .eventsetup-page .evt-filter-control select,
html[data-theme="dark"] .eventsetup-page #grdLst thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .eventsetup-page #grdLst thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .eventsetup-page #txtEventdesc,
html[data-theme="dark"] .eventsetup-page #txtSubjectarea,
html[data-theme="dark"] .eventsetup-page input.form-control,
html[data-theme="dark"] .eventsetup-page select.form-control,
html[data-theme="dark"] .eventsetup-page textarea.form-control {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    background-image: none !important;
    color: #f3f7ff !important;
    border-color: #71839d !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] .eventsetup-page .form-control::placeholder,
html[data-theme="dark"] .eventsetup-page .evt-filter-control input::placeholder {
    color: #d2dceb !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .eventsetup-page .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .eventsetup-page .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .eventsetup-page .searchable-select-holder,
html[data-theme="dark"] .eventsetup-page .searchable-select-input {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    color: #f3f7ff !important;
    border-color: #71839d !important;
}

html[data-theme="dark"] .eventsetup-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .eventsetup-page .searchable-select-dropdown {
    background: #263245 !important;
    background-color: #263245 !important;
    border-color: #71839d !important;
}

html[data-theme="dark"] .eventsetup-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .eventsetup-page #grdLst1 thead tr th,
html[data-theme="dark"] .eventsetup-page #grdLst1 thead tr td,
html[data-theme="dark"] .eventsetup-page #grdLst1 tbody td {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .eventsetup-page #grdLst tbody td,
html[data-theme="dark"] .eventsetup-page #grdLst1 tbody td {
    color: var(--theme-text) !important;
    border-top-color: var(--theme-border) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .eventsetup-page #grdLst.table-striped tbody tr:nth-of-type(odd),
html[data-theme="dark"] .eventsetup-page #grdLst1.Child-table-striped tbody tr:nth-of-type(odd) {
    background: var(--theme-table-alt) !important;
}

html[data-theme="dark"] .eventsetup-page #grdLst tbody tr:hover td,
html[data-theme="dark"] .eventsetup-page #grdLst1 tbody tr:hover td {
    background: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .eventsetup-page #txtMailbody,
html[data-theme="dark"] .eventsetup-page #txtMailbody *,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-content,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-toolbar,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor .ui-widget-header {
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-content,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor .ui-widget-header,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-toolbar {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-content,
html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-content *,
html[data-theme="dark"] .eventsetup-page #txtMailbody,
html[data-theme="dark"] .eventsetup-page #txtMailbody *,
html[data-theme="dark"] .eventsetup-page #mailbodycopy,
html[data-theme="dark"] .eventsetup-page #mailbodycopy * {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .eventsetup-page .ui-ightmleditor-content a,
html[data-theme="dark"] .eventsetup-page #txtMailbody a,
html[data-theme="dark"] .eventsetup-page #mailbodycopy a {
    color: var(--theme-link) !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-list-card"],
html[data-theme="dark"] .usermanagement-page [class$="-list-card"],
html[data-theme="dark"] .heartbeatstatus-page [class$="-list-card"],
html[data-theme="dark"] .userpaymenthistory-page [class$="-list-card"],
html[data-theme="dark"] .freecreditalloc-page [class$="-list-card"],
html[data-theme="dark"] .useractvtysts-page [class$="-list-card"],
html[data-theme="dark"] .userdeactivation-page [class$="-list-card"],
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-bar"],
html[data-theme="dark"] .usermanagement-page [class$="-filter-bar"],
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-bar"],
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-bar"],
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-bar"],
html[data-theme="dark"] .useractvtysts-page [class$="-filter-bar"],
html[data-theme="dark"] .userdeactivation-page [class$="-filter-bar"],
html[data-theme="dark"] .httpsmsfrom-page [class$="-pagination-row"],
html[data-theme="dark"] .usermanagement-page [class$="-pagination-row"],
html[data-theme="dark"] .heartbeatstatus-page [class$="-pagination-row"],
html[data-theme="dark"] .userpaymenthistory-page [class$="-pagination-row"],
html[data-theme="dark"] .freecreditalloc-page [class$="-pagination-row"],
html[data-theme="dark"] .useractvtysts-page [class$="-pagination-row"],
html[data-theme="dark"] .userdeactivation-page [class$="-pagination-row"] {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .httpsmsfrom-page,
html[data-theme="dark"] .usermanagement-page,
html[data-theme="dark"] .heartbeatstatus-page,
html[data-theme="dark"] .userpaymenthistory-page,
html[data-theme="dark"] .freecreditalloc-page,
html[data-theme="dark"] .useractvtysts-page,
html[data-theme="dark"] .userdeactivation-page {
    --admin-field-bg: #3b4658;
    --admin-field-bg-hover: #455166;
    --admin-field-border: #71839d;
    --admin-field-text: #f3f7ff;
    --admin-field-placeholder: #d2dceb;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-list-card"],
html[data-theme="dark"] .usermanagement-page [class$="-list-card"],
html[data-theme="dark"] .heartbeatstatus-page [class$="-list-card"],
html[data-theme="dark"] .userpaymenthistory-page [class$="-list-card"],
html[data-theme="dark"] .freecreditalloc-page [class$="-list-card"],
html[data-theme="dark"] .useractvtysts-page [class$="-list-card"],
html[data-theme="dark"] .userdeactivation-page [class$="-list-card"] {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-label"],
html[data-theme="dark"] .usermanagement-page [class$="-filter-label"],
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-label"],
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-label"],
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-label"],
html[data-theme="dark"] .useractvtysts-page [class$="-filter-label"],
html[data-theme="dark"] .userdeactivation-page [class$="-filter-label"] {
    color: #c2d0e2 !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] input,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] select,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] input,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] select,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] input,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] select,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] input,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] select,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] input,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] select,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] input,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] select,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] input,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] select,
html[data-theme="dark"] .httpsmsfrom-page #grdLst thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .httpsmsfrom-page #grdLst thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .usermanagement-page #grdLst thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .usermanagement-page #grdLst thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .freecreditalloc-page #grdLst thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .freecreditalloc-page #grdLst thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .useractvtysts-page #grdLstDate thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .useractvtysts-page #grdLstDate thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .userdeactivation-page #grdLstDate thead tr:nth-child(2) .form-control,
html[data-theme="dark"] .userdeactivation-page #grdLstDate thead tr:nth-child(2) select.form-control,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .searchable-select-holder,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .searchable-select-input,
html[data-theme="dark"] .httpsmsfrom-page .form-control,
html[data-theme="dark"] .httpsmsfrom-page input[type="text"],
html[data-theme="dark"] .httpsmsfrom-page input[type="password"],
html[data-theme="dark"] .httpsmsfrom-page input[type="email"],
html[data-theme="dark"] .httpsmsfrom-page input[type="number"],
html[data-theme="dark"] .httpsmsfrom-page select.form-control,
html[data-theme="dark"] .httpsmsfrom-page textarea.form-control,
html[data-theme="dark"] .usermanagement-page .form-control,
html[data-theme="dark"] .usermanagement-page input[type="text"],
html[data-theme="dark"] .usermanagement-page input[type="password"],
html[data-theme="dark"] .usermanagement-page input[type="email"],
html[data-theme="dark"] .usermanagement-page input[type="number"],
html[data-theme="dark"] .usermanagement-page select.form-control,
html[data-theme="dark"] .usermanagement-page textarea.form-control,
html[data-theme="dark"] .heartbeatstatus-page .form-control,
html[data-theme="dark"] .heartbeatstatus-page input[type="text"],
html[data-theme="dark"] .heartbeatstatus-page input[type="password"],
html[data-theme="dark"] .heartbeatstatus-page input[type="email"],
html[data-theme="dark"] .heartbeatstatus-page input[type="number"],
html[data-theme="dark"] .heartbeatstatus-page select.form-control,
html[data-theme="dark"] .heartbeatstatus-page textarea.form-control,
html[data-theme="dark"] .userpaymenthistory-page .form-control,
html[data-theme="dark"] .userpaymenthistory-page input[type="text"],
html[data-theme="dark"] .userpaymenthistory-page input[type="password"],
html[data-theme="dark"] .userpaymenthistory-page input[type="email"],
html[data-theme="dark"] .userpaymenthistory-page input[type="number"],
html[data-theme="dark"] .userpaymenthistory-page select.form-control,
html[data-theme="dark"] .userpaymenthistory-page textarea.form-control,
html[data-theme="dark"] .freecreditalloc-page .form-control,
html[data-theme="dark"] .freecreditalloc-page input[type="text"],
html[data-theme="dark"] .freecreditalloc-page input[type="password"],
html[data-theme="dark"] .freecreditalloc-page input[type="email"],
html[data-theme="dark"] .freecreditalloc-page input[type="number"],
html[data-theme="dark"] .freecreditalloc-page select.form-control,
html[data-theme="dark"] .freecreditalloc-page textarea.form-control,
html[data-theme="dark"] .useractvtysts-page .form-control,
html[data-theme="dark"] .useractvtysts-page input[type="text"],
html[data-theme="dark"] .useractvtysts-page input[type="password"],
html[data-theme="dark"] .useractvtysts-page input[type="email"],
html[data-theme="dark"] .useractvtysts-page input[type="number"],
html[data-theme="dark"] .useractvtysts-page select.form-control,
html[data-theme="dark"] .useractvtysts-page textarea.form-control,
html[data-theme="dark"] .userdeactivation-page .form-control,
html[data-theme="dark"] .userdeactivation-page input[type="text"],
html[data-theme="dark"] .userdeactivation-page input[type="password"],
html[data-theme="dark"] .userdeactivation-page input[type="email"],
html[data-theme="dark"] .userdeactivation-page input[type="number"],
html[data-theme="dark"] .userdeactivation-page select.form-control,
html[data-theme="dark"] .userdeactivation-page textarea.form-control {
    background: var(--admin-field-bg) !important;
    background-color: var(--admin-field-bg) !important;
    color: var(--admin-field-text) !important;
    background-image: none !important;
    border-color: var(--admin-field-border) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .bootstrap-select .filter-option,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .filter-option,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .filter-option,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .filter-option,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .filter-option,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .filter-option,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .filter-option,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .filter-option,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .filter-option-inner-inner {
    color: var(--admin-field-text) !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .bootstrap-select .caret,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] .searchable-select-caret,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .caret,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .caret,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .caret,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .caret,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .caret,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .caret,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .caret,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-caret,
html[data-theme="dark"] .usermanagement-page .searchable-select-caret,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-caret,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-caret,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-caret,
html[data-theme="dark"] .useractvtysts-page .searchable-select-caret,
html[data-theme="dark"] .userdeactivation-page .searchable-select-caret {
    color: #dbe7f6 !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] input::placeholder,
html[data-theme="dark"] .httpsmsfrom-page #grdLst thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .usermanagement-page #grdLst thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .freecreditalloc-page #grdLst thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .useractvtysts-page #grdLstDate thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .userdeactivation-page #grdLstDate thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] .httpsmsfrom-page .form-control::placeholder,
html[data-theme="dark"] .usermanagement-page .form-control::placeholder,
html[data-theme="dark"] .heartbeatstatus-page .form-control::placeholder,
html[data-theme="dark"] .userpaymenthistory-page .form-control::placeholder,
html[data-theme="dark"] .freecreditalloc-page .form-control::placeholder,
html[data-theme="dark"] .useractvtysts-page .form-control::placeholder,
html[data-theme="dark"] .userdeactivation-page .form-control::placeholder {
    color: var(--admin-field-placeholder) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .httpsmsfrom-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .usermanagement-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate thead tr:nth-child(2) td,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate thead tr:nth-child(2) td,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust thead tr:nth-child(2) td,
html[data-theme="dark"] .freecreditalloc-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .useractvtysts-page #grdLstDate thead tr:nth-child(2) td,
html[data-theme="dark"] .userdeactivation-page #grdLstDate thead tr:nth-child(2) td {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-top-color: rgba(255, 255, 255, 0.04) !important;
    border-bottom-color: rgba(128, 149, 178, 0.22) !important;
}

html[data-theme="dark"] .httpsmsfrom-page #grdLst th,
html[data-theme="dark"] .httpsmsfrom-page #grdLst td,
html[data-theme="dark"] .usermanagement-page #grdLst th,
html[data-theme="dark"] .usermanagement-page #grdLst td,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate th,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate td,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate th,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate td,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust th,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust td,
html[data-theme="dark"] .freecreditalloc-page #grdLst th,
html[data-theme="dark"] .freecreditalloc-page #grdLst td,
html[data-theme="dark"] .useractvtysts-page #grdLstDate th,
html[data-theme="dark"] .useractvtysts-page #grdLstDate td,
html[data-theme="dark"] .userdeactivation-page #grdLstDate th,
html[data-theme="dark"] .userdeactivation-page #grdLstDate td {
    border-color: rgba(128, 149, 178, 0.22) !important;
}

html[data-theme="dark"] .httpsmsfrom-page #grdLst tbody tr:hover td,
html[data-theme="dark"] .usermanagement-page #grdLst tbody tr:hover td,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate tbody tr:hover td,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate tbody tr:hover td,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust tbody tr:hover td,
html[data-theme="dark"] .freecreditalloc-page #grdLst tbody tr:hover td,
html[data-theme="dark"] .useractvtysts-page #grdLstDate tbody tr:hover td,
html[data-theme="dark"] .userdeactivation-page #grdLstDate tbody tr:hover td {
    background: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .usermanagement-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-holder:hover,
html[data-theme="dark"] .usermanagement-page .searchable-select-holder:hover,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-holder:hover,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-holder:hover,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-holder:hover,
html[data-theme="dark"] .useractvtysts-page .searchable-select-holder:hover,
html[data-theme="dark"] .userdeactivation-page .searchable-select-holder:hover {
    background: var(--admin-field-bg-hover) !important;
    background-color: var(--admin-field-bg-hover) !important;
}

html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .httpsmsfrom-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .usermanagement-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .heartbeatstatus-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .userpaymenthistory-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .freecreditalloc-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .useractvtysts-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] input:focus,
html[data-theme="dark"] .userdeactivation-page [class$="-filter-control"] select:focus,
html[data-theme="dark"] .httpsmsfrom-page #grdLst thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .usermanagement-page #grdLst thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .heartbeatstatus-page #grdLstDate thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .userpaymenthistory-page #grdLstDate thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .userpaymenthistory-page #grdLstCust thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .freecreditalloc-page #grdLst thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .useractvtysts-page #grdLstDate thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .userdeactivation-page #grdLstDate thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .usermanagement-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-holder:focus,
html[data-theme="dark"] .usermanagement-page .searchable-select-holder:focus,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-holder:focus,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-holder:focus,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-holder:focus,
html[data-theme="dark"] .useractvtysts-page .searchable-select-holder:focus,
html[data-theme="dark"] .userdeactivation-page .searchable-select-holder:focus {
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px rgba(136, 168, 207, 0.16) !important;
}

html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-dropdown,
html[data-theme="dark"] .usermanagement-page .searchable-select-dropdown,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-dropdown,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-dropdown,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-dropdown,
html[data-theme="dark"] .useractvtysts-page .searchable-select-dropdown,
html[data-theme="dark"] .userdeactivation-page .searchable-select-dropdown {
    background: #263245 !important;
    background-color: #263245 !important;
    border-color: #71839d !important;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .bs-searchbox .form-control,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-input,
html[data-theme="dark"] .usermanagement-page .searchable-select-input,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-input,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-input,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-input,
html[data-theme="dark"] .useractvtysts-page .searchable-select-input,
html[data-theme="dark"] .userdeactivation-page .searchable-select-input {
    background: var(--admin-field-bg) !important;
    background-color: var(--admin-field-bg) !important;
    color: var(--admin-field-text) !important;
    border-color: var(--admin-field-border) !important;
}

html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .dropdown-menu li > a,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-item,
html[data-theme="dark"] .usermanagement-page .searchable-select-item,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-item,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-item,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-item,
html[data-theme="dark"] .useractvtysts-page .searchable-select-item,
html[data-theme="dark"] .userdeactivation-page .searchable-select-item {
    color: var(--admin-field-text) !important;
    background: transparent !important;
}

html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .httpsmsfrom-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .usermanagement-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .heartbeatstatus-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .userpaymenthistory-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .freecreditalloc-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .useractvtysts-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .dropdown-menu li > a:hover,
html[data-theme="dark"] .userdeactivation-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-item.hover,
html[data-theme="dark"] .httpsmsfrom-page .searchable-select-item.selected,
html[data-theme="dark"] .usermanagement-page .searchable-select-item.hover,
html[data-theme="dark"] .usermanagement-page .searchable-select-item.selected,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-item.hover,
html[data-theme="dark"] .heartbeatstatus-page .searchable-select-item.selected,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-item.hover,
html[data-theme="dark"] .userpaymenthistory-page .searchable-select-item.selected,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-item.hover,
html[data-theme="dark"] .freecreditalloc-page .searchable-select-item.selected,
html[data-theme="dark"] .useractvtysts-page .searchable-select-item.hover,
html[data-theme="dark"] .useractvtysts-page .searchable-select-item.selected,
html[data-theme="dark"] .userdeactivation-page .searchable-select-item.hover,
html[data-theme="dark"] .userdeactivation-page .searchable-select-item.selected {
    background: #46546a !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .messenger-page {
    --messenger-border: var(--theme-border);
    --messenger-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .messenger-page .card11,
html[data-theme="dark"] .messenger-page #Messenger .panel.panel-success,
html[data-theme="dark"] .messenger-page #Messenger .card-panel,
html[data-theme="dark"] .messenger-page #Messenger .panel-body,
html[data-theme="dark"] .messenger-page .messenger-container .conversation-container,
html[data-theme="dark"] .messenger-page .messenger-container .conversation-body,
html[data-theme="dark"] .messenger-page .conversation-header,
html[data-theme="dark"] .messenger-page .custom-modal,
html[data-theme="dark"] .messenger-page .custom-modal-body,
html[data-theme="dark"] .messenger-page .custom-modal-footer {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .messenger-page .custom-modal-header {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .messenger-page #pagTtl,
html[data-theme="dark"] .messenger-page #Messenger .col-form-label,
html[data-theme="dark"] .messenger-page #Messenger .d-flex > span,
html[data-theme="dark"] .messenger-page #Messenger label,
html[data-theme="dark"] .messenger-page #lblfmain,
html[data-theme="dark"] .messenger-page .custom-modal-title {
    color: #ffffff !important;
}

html[data-theme="dark"] .messenger-page #lblflog,
html[data-theme="dark"] .messenger-page #chatBox label,
html[data-theme="dark"] .messenger-page #messageInfo,
html[data-theme="dark"] .messenger-page .custom-modal-close {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color: #ffffff"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color:#ffffff"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color: #fff"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color:#fff"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color: #EDF2F5"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color:#EDF2F5"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color: #edf2f5"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="background-color:#edf2f5"],
html[data-theme="dark"] .messenger-page #Messenger .panel[style*="background-color: #EDF2F5"],
html[data-theme="dark"] .messenger-page #Messenger .panel[style*="background-color:#EDF2F5"],
html[data-theme="dark"] .messenger-page #Messenger .panel[style*="background-color: #edf2f5"],
html[data-theme="dark"] .messenger-page #Messenger .panel[style*="background-color:#edf2f5"] {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .messenger-page #txtLeadNoRecords,
html[data-theme="dark"] .messenger-page #chatInput,
html[data-theme="dark"] .messenger-page .chat-input,
html[data-theme="dark"] .messenger-page .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu.inner,
html[data-theme="dark"] .messenger-page .bootstrap-select .bs-searchbox input {
    background-color: #3b4658 !important;
    color: #f3f7ff !important;
    border-color: #71839d !important;
}

html[data-theme="dark"] .messenger-page #txtLeadNoRecords.input-search {
    background-color: #3b4658 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23cfd9e6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 18px 18px !important;
    color: #f3f7ff !important;
    border-color: #71839d !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] .messenger-page #txtLeadNoRecords.input-search::placeholder {
    color: #d2dceb !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-toggle {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .filter-option,
html[data-theme="dark"] .messenger-page .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .messenger-page .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .messenger-page .bootstrap-select .caret {
    color: #f3f7ff !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu .dropdown-item {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li a:hover,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li a:focus,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected > a:hover,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active > a:hover,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu .selected a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu .active a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu .dropdown-item.active,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu .dropdown-item:active {
    background: var(--theme-surface-elevated) !important;
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.disabled > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.disabled > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled > a span.text {
    background: #243246 !important;
    background-color: #243246 !important;
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu.inner li,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu.inner li a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu.inner li a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.active,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.active > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.active > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled > a span.text {
    background-image: none !important;
    text-shadow: none !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.active,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled {
    background: #243246 !important;
    background-color: #243246 !important;
}

html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.active > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled > a,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.active > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.active > a span.text,
html[data-theme="dark"] .messenger-page .bootstrap-select .dropdown-menu li.selected.disabled > a span.text {
    background: #243246 !important;
    background-color: #243246 !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .btn,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .btn-default,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .filter-option,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .filter-option-inner-inner {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border-color: #71839d !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-toggle {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .caret,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-toggle .caret {
    border-top-color: #dce7f7 !important;
    color: #dce7f7 !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu.inner,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .bs-searchbox input {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    color: #f4f8ff !important;
    border-color: #71839d !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu li a,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu li a span.text,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu .dropdown-item {
    color: #f4f8ff !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-toggle:hover {
    background: #455166 !important;
    background-color: #455166 !important;
    border-color: #506787 !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu li a:hover,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu li a:focus,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu li.selected > a,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-menu li.active > a {
    background: #455166 !important;
    background-color: #455166 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .messenger-page #txtCampaign + .bootstrap-select.open > .dropdown-toggle {
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px rgba(136, 168, 207, 0.18) !important;
    outline: none !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-holder,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-input,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-dropdown,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-items,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-item {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border-color: #71839d !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-holder,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-input {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-caret,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-holder:after {
    color: #dce7f7 !important;
    border-top-color: #dce7f7 !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-holder:hover,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-input:hover,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect.active .searchable-select-holder,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect.open .searchable-select-holder {
    background: #455166 !important;
    background-color: #455166 !important;
    border-color: #506787 !important;
}

html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-holder:focus,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect .searchable-select-input:focus,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect.active .searchable-select-holder,
html[data-theme="dark"] .messenger-page #txtCampaign-searchableSelect.open .searchable-select-holder {
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px rgba(136, 168, 207, 0.18) !important;
    outline: none !important;
}

html[data-theme="dark"] .messenger-page #xyz .chat-input,
html[data-theme="dark"] .messenger-page .chat-input {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    border: 1px solid #71839d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px rgba(8, 14, 24, 0.18) !important;
}

html[data-theme="dark"] .messenger-page #xyz #chatInput,
html[data-theme="dark"] .messenger-page #chatInput {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    color: #f4f8ff !important;
}

html[data-theme="dark"] .messenger-page #xyz .chat-input:hover,
html[data-theme="dark"] .messenger-page .chat-input:hover,
html[data-theme="dark"] .messenger-page #xyz #chatInput:hover,
html[data-theme="dark"] .messenger-page #chatInput:hover {
    background: #455166 !important;
    background-color: #455166 !important;
    border-color: #506787 !important;
}

html[data-theme="dark"] .messenger-page #xyz .chat-input:focus-within,
html[data-theme="dark"] .messenger-page .chat-input:focus-within,
html[data-theme="dark"] .messenger-page #xyz #chatInput:focus,
html[data-theme="dark"] .messenger-page #chatInput:focus {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px rgba(136, 168, 207, 0.18) !important;
    outline: none !important;
}

html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="height: 468px"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="height:468px"] {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="height: 468px"] > div[style*="overflow-y: auto"],
html[data-theme="dark"] .messenger-page #Messenger .card-panel[style*="height:468px"] > div[style*="overflow-y: auto"] {
    background: transparent !important;
}

html[data-theme="dark"] .messenger-page .card-footer,
html[data-theme="dark"] .messenger-page #Messenger .card-footer {
    background: transparent !important;
    background-color: transparent !important;
    border-top-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .messenger-page > .card-footer {
    display: none !important;
}

html[data-theme="dark"] .messenger-page #xyz,
html[data-theme="dark"] .messenger-page #Messenger #xyz,
html[data-theme="dark"] .messenger-page .card-panel #xyz,
html[data-theme="dark"] .messenger-page .card-panel[style*="background-color: #ffffff"] #xyz,
html[data-theme="dark"] .messenger-page .card-panel[style*="background-color:#ffffff"] #xyz {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-top-color: var(--theme-border) !important;
}

html[data-theme="dark"] .messenger-page #xyz #openModal,
html[data-theme="dark"] .messenger-page #xyz #BillDtl {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] emoji-picker,
html[data-theme="dark"] #emojiPicker,
html[data-theme="dark"] #emojiPicker1,
html[data-theme="dark"] .messenger-page #emojiPicker,
html[data-theme="dark"] #dialog-dtls-Detail #emojiPicker,
html[data-theme="dark"] #dialog-dtls-Detail #emojiPicker1 {
    color-scheme: dark !important;
    background: #172131 !important;
    background-color: #172131 !important;
    border: 1px solid #2d3a4d !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34) !important;
    --background: #172131;
    --background-rgb: 23, 33, 49;
    --border-color: #2d3a4d;
    --button-active-background-color: #243246;
    --button-hover-background: #202d40;
    --category-font-color: #d8e5f5;
    --category-button-color: #c8d5e7;
    --category-button-active-color: #ffffff;
    --category-button-active-background-color: #243246;
    --category-button-hover-background-color: #202d40;
    --emoji-button-hover-background-color: #202d40;
    --emoji-padding: 0.35rem;
    --indicator-color: #6bd38c;
    --input-background-color: #202d40;
    --input-border-color: #405066;
    --input-font-color: #e6edf7;
    --input-placeholder-color: #aebdd1;
    --outline-color: rgba(107, 211, 140, 0.22);
    --shadow-color: rgba(0, 0, 0, 0.34);
    --text-color: #e6edf7;
}

html[data-theme="dark"] .messenger-page #xyz .chat-input {
    background: #3b4658 !important;
    background-color: #3b4658 !important;
    border-color: #71839d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px rgba(8, 14, 24, 0.18) !important;
}

html[data-theme="dark"] .messenger-page #xyz .row,
html[data-theme="dark"] .messenger-page #xyz .col-sm-12,
html[data-theme="dark"] .messenger-page #xyz .col-sm-8,
html[data-theme="dark"] .messenger-page #xyz .col-sm-4 {
    background: transparent !important;
}

html[data-theme="dark"] .messenger-page #xyz #messageInfo,
html[data-theme="dark"] .messenger-page #xyz #mmsWarning,
html[data-theme="dark"] .messenger-page #xyz small.form-text {
    color: #d7e3f2 !important;
}

html[data-theme="dark"] .messenger-page #txtLeadNoRecords::placeholder,
html[data-theme="dark"] .messenger-page #chatInput::placeholder {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .messenger-page #chatBox .control-label.col-sm-12,
html[data-theme="dark"] .messenger-page #chatBox label.control-label,
html[data-theme="dark"] .messenger-page #chatBox label[style*="opacity: 0.3"] {
    color: #cfdced !important;
    opacity: 0.9 !important;
}

html[data-theme="dark"] .messenger-page #chatBox,
html[data-theme="dark"] .messenger-page .chat-box,
html[data-theme="dark"] .messenger-page .scroll-container,
html[data-theme="dark"] .messenger-page .panel-body.scroll-container {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .messenger-page #grdDtl_wrapper,
html[data-theme="dark"] .messenger-page #grdDtl_wrapper .dataTables_scroll,
html[data-theme="dark"] .messenger-page #grdDtl_wrapper .dataTables_scrollHead,
html[data-theme="dark"] .messenger-page #grdDtl_wrapper .dataTables_scrollHeadInner,
html[data-theme="dark"] .messenger-page #grdDtl_wrapper .dataTables_scrollBody,
html[data-theme="dark"] .messenger-page #grdDtl_wrapper .dataTables_scrollBody table,
html[data-theme="dark"] .messenger-page #Messenger .panel-success,
html[data-theme="dark"] .messenger-page #Messenger #divpanelcolor1,
html[data-theme="dark"] .messenger-page #Messenger .panel-body.scroll-container,
html[data-theme="dark"] .messenger-page .messenger-list-card,
html[data-theme="dark"] .messenger-page .messenger-list-shell,
html[data-theme="dark"] .messenger-page .messenger-list-scroll {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    background-image: none !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .messenger-page #grdDtl_wrapper .dataTables_scrollBody {
    box-shadow: none !important;
}

html[data-theme="dark"] .messenger-page .slider1 {
    background-color: #4b5563 !important;
}

html[data-theme="dark"] .messenger-page .slider1:before {
    background-color: #f8fafc !important;
}

html[data-theme="dark"] .messenger-page .switch input:checked + .slider1 {
    background-color: var(--theme-accent) !important;
}

html[data-theme="dark"] .messenger-page #grdDtl,
html[data-theme="dark"] .messenger-page #grdDtl thead,
html[data-theme="dark"] .messenger-page #grdDtl tbody,
html[data-theme="dark"] .messenger-page #grdDtl th,
html[data-theme="dark"] .messenger-page #grdDtl td {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .messenger-page #grdDtl .messenger-initial-badge,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row .messenger-initial-badge {
    color: #ffffff !important;
    border-color: transparent !important;
    background-image: none !important;
}

html[data-theme="dark"] .messenger-page #grdDtl tbody tr:hover td,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td {
    background-color: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th {
    background: #243246 !important;
    color: #ffffff !important;
    border-color: #31435c !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td *,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th *,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td strong,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th strong,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td b,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th b,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td span,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th span,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td div,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th div {
    color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row td:first-child,
html[data-theme="dark"] .messenger-page #grdDtl tbody tr.selected-row th:first-child {
    border-left: 3px solid var(--theme-accent) !important;
}

html[data-theme="dark"] .messenger-page .incoming .bubble {
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .messenger-page .outgoing .bubble {
    background-color: #17382f !important;
    color: #dff8ef !important;
}

html[data-theme="dark"] .messenger-page .time {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .leads-page #grdLst thead tr:first-child th.lds-head-action,
html[data-theme="dark"] .campaign-page #grdLst thead tr:first-child th.cmp-head-action {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-left-color: var(--theme-border) !important;
}

html[data-theme="dark"] .leads-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .campaign-page #grdLst thead tr:nth-child(2) td,
html[data-theme="dark"] .leads-page .lds-filter-bar,
html[data-theme="dark"] .campaign-page .cmp-filter-bar,
html[data-theme="dark"] .leads-page .leads-list-card .table-responsive,
html[data-theme="dark"] .campaign-page .campaign-list-card .table-responsive {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .leads-page #grdLst tbody tr.child td,
html[data-theme="dark"] .campaign-page #grdLst tbody tr.child td {
    background: var(--theme-surface-muted) !important;
}

html[data-theme="dark"] .leads-page #grdLst tbody tr.child div.slider,
html[data-theme="dark"] .campaign-page #grdLst tbody tr.child div.slider,
html[data-theme="dark"] .leads-page #LstLeadGrid,
html[data-theme="dark"] .campaign-page #LstLeadGrid {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .leads-page #LstLeadGrid tbody td,
html[data-theme="dark"] .campaign-page #LstLeadGrid tbody td,
html[data-theme="dark"] .leads-page #grdLst tbody td,
html[data-theme="dark"] .campaign-page #grdLst tbody td {
    border-top-color: var(--theme-border) !important;
    border-bottom-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .leads-page #grdLst.table-striped tbody tr:nth-of-type(odd),
html[data-theme="dark"] .campaign-page #grdLst.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--theme-table-alt) !important;
}

html[data-theme="dark"] .leads-page #grdLst tbody tr:not(.child):hover td,
html[data-theme="dark"] .campaign-page #grdLst tbody tr:not(.child):hover td,
html[data-theme="dark"] .leads-page #LstLeadGrid tbody tr:hover td,
html[data-theme="dark"] .campaign-page #LstLeadGrid tbody tr:hover td {
    background: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center .btnHelp,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center .HelpEdit,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [data-tooltip2],
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [data-tooltip2] i,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [data-tooltip2] .fa,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [id="HelpEdit"],
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [id="HelpEdit"] i {
    color: #8fb8ff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center .btnHelp:hover,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center .HelpEdit:hover,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [data-tooltip2]:hover,
html[data-theme="dark"] .campaign-page #grdLst tbody td.dt-body-center [id="HelpEdit"]:hover {
    color: #c4daff !important;
}

html[data-theme="dark"] .campaign-page [data-tooltip2]::after,
html[data-theme="dark"] .campaign-page .btnHelp:hover::after {
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border: 1px solid var(--theme-border) !important;
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .btnHelp,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .HelpEdit,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center [data-tooltip1],
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center [data-tooltip1] i,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center [data-tooltip1] .fa,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .text-primary,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .fa-info-circle {
    color: #8fb8ff !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .btnHelp:hover,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .HelpEdit:hover,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center [data-tooltip1]:hover,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .text-primary:hover,
html[data-theme="dark"] .leads-page #grdLst tbody td.dt-body-center .fa-info-circle:hover {
    color: #c4daff !important;
}

html[data-theme="dark"] .leads-page [data-tooltip1]::after,
html[data-theme="dark"] .leads-page .btnHelp:hover::after {
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border: 1px solid var(--theme-border) !important;
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] .leads-page table.dataTable tbody > tr > td.dt-control:before,
html[data-theme="dark"] .leads-page table.dataTable tr.shown td.dt-control:before,
html[data-theme="dark"] .campaign-page table.dataTable tbody > tr > td.dt-control:before,
html[data-theme="dark"] .campaign-page table.dataTable tr.shown td.dt-control:before,
html[data-theme="dark"] .campaign-page #grdDtl tbody > tr > td.dt-control1:before,
html[data-theme="dark"] .campaign-page #grdDtl tr.shown td.dt-control1:before {
    color: #d9e7fb !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(217, 231, 251, 0.18) !important;
}

html[data-theme="dark"] .leads-page .panel-body,
html[data-theme="dark"] table#grdDtl,
html[data-theme="dark"] table#grdDtl thead,
html[data-theme="dark"] table#grdDtl tbody,
html[data-theme="dark"] table#grdDtl th,
html[data-theme="dark"] table#grdDtl td,
html[data-theme="dark"] table#grdDtl1,
html[data-theme="dark"] table#grdDtl1 thead,
html[data-theme="dark"] table#grdDtl1 tbody,
html[data-theme="dark"] table#grdDtl1 th,
html[data-theme="dark"] table#grdDtl1 td,
html[data-theme="dark"] table#grdDtl2,
html[data-theme="dark"] table#grdDtl2 thead,
html[data-theme="dark"] table#grdDtl2 tbody,
html[data-theme="dark"] table#grdDtl2 th,
html[data-theme="dark"] table#grdDtl2 td,
html[data-theme="dark"] table#grdDtl3,
html[data-theme="dark"] table#grdDtl3 thead,
html[data-theme="dark"] table#grdDtl3 tbody,
html[data-theme="dark"] table#grdDtl3 th,
html[data-theme="dark"] table#grdDtl3 td,
html[data-theme="dark"] table#grdDtl4,
html[data-theme="dark"] table#grdDtl4 thead,
html[data-theme="dark"] table#grdDtl4 tbody,
html[data-theme="dark"] table#grdDtl4 th,
html[data-theme="dark"] table#grdDtl4 td,
html[data-theme="dark"] table#grdDtl5,
html[data-theme="dark"] table#grdDtl5 thead,
html[data-theme="dark"] table#grdDtl5 tbody,
html[data-theme="dark"] table#grdDtl5 th,
html[data-theme="dark"] table#grdDtl5 td,
html[data-theme="dark"] table#OutletLst,
html[data-theme="dark"] table#OutletLst th,
html[data-theme="dark"] table#OutletLst td,
html[data-theme="dark"] table#grdNoofUsers,
html[data-theme="dark"] table#grdNoofUsers th,
html[data-theme="dark"] table#grdNoofUsers td,
html[data-theme="dark"] table.grdDtl,
html[data-theme="dark"] table.grdDtl th,
html[data-theme="dark"] table.grdDtl td {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .leads-page #grdDtl thead th,
html[data-theme="dark"] .leads-page #grdDtl thead td,
html[data-theme="dark"] .campaign-page #grdDtl thead th,
html[data-theme="dark"] .campaign-page #grdDtl1 thead th,
html[data-theme="dark"] .campaign-page #grdDtl2 thead th,
html[data-theme="dark"] .campaign-page #grdDtl3 thead th,
html[data-theme="dark"] .campaign-page #grdDtl4 thead th,
html[data-theme="dark"] .campaign-page #grdDtl5 thead th,
html[data-theme="dark"] #OutletLst thead th,
html[data-theme="dark"] #grdNoofUsers thead th,
html[data-theme="dark"] table.grdDtl thead th {
    color: #ffffff !important;
    text-decoration-color: var(--theme-accent) !important;
}

html[data-theme="dark"] .leads-page #grdDtl tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdDtl tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdDtl1 tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdDtl2 tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdDtl3 tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdDtl4 tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdDtl5 tbody tr:hover td,
html[data-theme="dark"] #OutletLst tbody tr:hover td,
html[data-theme="dark"] #grdNoofUsers tbody tr:hover td,
html[data-theme="dark"] table.grdDtl tbody tr:hover td {
    background-color: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .campaign-page .card-header-child,
html[data-theme="dark"] .campaign-page .campaign-finalize-card,
html[data-theme="dark"] .campaign-page .campaign-finalize-hero,
html[data-theme="dark"] .campaign-page .kpi-card,
html[data-theme="dark"] .campaign-page .summary-tile-lg,
html[data-theme="dark"] .campaign-page .billing-card,
html[data-theme="dark"] .campaign-page .billing-left,
html[data-theme="dark"] .campaign-page .chat-container-card,
html[data-theme="dark"] .campaign-page .os-view-wrapper,
html[data-theme="dark"] .campaign-page .os-chart-container,
html[data-theme="dark"] .campaign-page .bg-white,
html[data-theme="dark"] .campaign-page .bg-light {
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .campaign-page #div-panel-Finalize,
html[data-theme="dark"] .campaign-page #div-panel-Finalize #divCtl2,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .card-panel,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-panel,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-body {
    background: #1a2434 !important;
    background-color: #1a2434 !important;
    color: var(--theme-text) !important;
    border-color: #314055 !important;
}

html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-panel {
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24) !important;
    border: 1px solid #314055 !important;
}

html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-card,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-hero,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-stat,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .summary-tile-lg,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .bg-white,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .bg-light {
    background: linear-gradient(180deg, #243246 0%, #1d293a 100%) !important;
    background-color: #223043 !important;
    color: var(--theme-text) !important;
    border-color: #39506a !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-card::before,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-hero::before {
    background: radial-gradient(circle at top right, rgba(79, 184, 91, 0.18), transparent 36%) !important;
}

html[data-theme="dark"] .campaign-page .summary-tile-lg .label,
html[data-theme="dark"] .campaign-page .kpi-label,
html[data-theme="dark"] .campaign-page .billing-title,
html[data-theme="dark"] .campaign-page .bp-label,
html[data-theme="dark"] .campaign-page .bp-row,
html[data-theme="dark"] .campaign-page .chat-header,
html[data-theme="dark"] .campaign-page .text-secondary,
html[data-theme="dark"] .campaign-page .text-muted {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-card .label,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-hero .label,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-stat .label,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .summary-tile-lg .label,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .text-secondary,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .text-muted {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .campaign-page .summary-tile-lg .value,
html[data-theme="dark"] .campaign-page .bp-value,
html[data-theme="dark"] .campaign-page .bp-full,
html[data-theme="dark"] .campaign-page .text-dark {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .campaign-page {
    --campaign-form-field-bg: #3b4658;
    --campaign-form-field-hover: #455166;
    --campaign-form-field-disabled: #364254;
    --campaign-form-field-border: #71839d;
}

html[data-theme="dark"] .campaign-page #div-panel .card-panel,
html[data-theme="dark"] .campaign-page #div-panel-Messages .card-panel {
    background: #1a2434 !important;
    background-color: #1a2434 !important;
    border-color: #314055 !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .campaign-page #div-panel .form-control,
html[data-theme="dark"] .campaign-page #div-panel input[type="text"],
html[data-theme="dark"] .campaign-page #div-panel input[type="number"],
html[data-theme="dark"] .campaign-page #div-panel input[type="email"],
html[data-theme="dark"] .campaign-page #div-panel input[type="password"],
html[data-theme="dark"] .campaign-page #div-panel select,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .dropdown-toggle,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select.btn-group .dropdown-toggle,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select > .btn,
html[data-theme="dark"] .campaign-page #div-panel .btn-default.dropdown-toggle,
html[data-theme="dark"] .campaign-page #div-panel-Messages .form-control,
html[data-theme="dark"] .campaign-page #div-panel-Messages input[type="text"],
html[data-theme="dark"] .campaign-page #div-panel-Messages input[type="number"],
html[data-theme="dark"] .campaign-page #div-panel-Messages select {
    background: var(--campaign-form-field-bg) !important;
    background-color: var(--campaign-form-field-bg) !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border: 1px solid var(--campaign-form-field-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px rgba(8, 14, 24, 0.18) !important;
}

html[data-theme="dark"] .campaign-page #div-panel .form-control::placeholder,
html[data-theme="dark"] .campaign-page #div-panel input::placeholder,
html[data-theme="dark"] .campaign-page #div-panel textarea::placeholder,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .filter-option,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .campaign-page #div-panel-Messages .form-control::placeholder,
html[data-theme="dark"] .campaign-page #div-panel-Messages input::placeholder {
    color: #d9e4f3 !important;
}

html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .btn-default,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .btn-default:hover,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .btn-default:focus,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .btn-default:active,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select.open > .dropdown-toggle.btn-default {
    background: var(--campaign-form-field-bg) !important;
    background-color: var(--campaign-form-field-bg) !important;
    background-image: none !important;
    color: #f4f8ff !important;
    border-color: var(--campaign-form-field-border) !important;
}

html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .caret,
html[data-theme="dark"] .campaign-page #div-panel .dropdown-toggle .caret {
    border-top-color: #dce7f7 !important;
    color: #dce7f7 !important;
}

html[data-theme="dark"] .campaign-page #div-panel .form-control:hover,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .dropdown-toggle:hover,
html[data-theme="dark"] .campaign-page #div-panel-Messages .form-control:hover {
    border-color: #506787 !important;
    background: var(--campaign-form-field-hover) !important;
}

html[data-theme="dark"] .campaign-page #div-panel .form-control:focus,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select .dropdown-toggle:focus,
html[data-theme="dark"] .campaign-page #div-panel .bootstrap-select.open > .dropdown-toggle,
html[data-theme="dark"] .campaign-page #div-panel-Messages .form-control:focus {
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px rgba(136, 168, 207, 0.18) !important;
    outline: none !important;
}

html[data-theme="dark"] .campaign-page #div-panel .form-control[readonly],
html[data-theme="dark"] .campaign-page #div-panel .form-control[disabled],
html[data-theme="dark"] .campaign-page #div-panel input[readonly],
html[data-theme="dark"] .campaign-page #div-panel input[disabled],
html[data-theme="dark"] .campaign-page #div-panel-Messages .form-control[readonly],
html[data-theme="dark"] .campaign-page #div-panel-Messages .form-control[disabled] {
    background: var(--campaign-form-field-disabled) !important;
    color: #dbe6f6 !important;
    border-color: #6f829b !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-card .value,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-hero .value,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .campaign-finalize-stat .value,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .summary-tile-lg .value,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .text-dark,
html[data-theme="dark"] .campaign-page #div-panel-Finalize .text-success,
html[data-theme="dark"] .campaign-page #div-panel-Finalize #finalCampaignName,
html[data-theme="dark"] .campaign-page #div-panel-Finalize #finalCampaignStart {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #myNav.overlay {
    background-color: rgba(10, 16, 24, 0.86) !important;
}

html[data-theme="dark"] #myNav .overlay-content {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #myNav .card-md1,
html[data-theme="dark"] #myNav .terms-content {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #myNav .card-md1 {
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme="dark"] #myNav .terms-content h1,
html[data-theme="dark"] #myNav .terms-content h2,
html[data-theme="dark"] #myNav .terms-content h3,
html[data-theme="dark"] #myNav .terms-content h4,
html[data-theme="dark"] #myNav .terms-content p,
html[data-theme="dark"] #myNav .terms-content li,
html[data-theme="dark"] #myNav .terms-content strong,
html[data-theme="dark"] #myNav .terms-content span {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #myNav .terms-content p,
html[data-theme="dark"] #myNav .terms-content li {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] #myNav .terms-content h1,
html[data-theme="dark"] #myNav .terms-content h3,
html[data-theme="dark"] #myNav .terms-content h4 {
    color: #f7fafc !important;
}

html[data-theme="dark"] #myNav .closebtn {
    color: #ffffff !important;
}

html[data-theme="dark"] .campaign-page .text-primary {
    color: #8cc8ff !important;
}

html[data-theme="dark"] .campaign-page .text-success {
    color: #8ce599 !important;
}

html[data-theme="dark"] .campaign-page .text-warning {
    color: #ffd67d !important;
}

html[data-theme="dark"] .campaign-page .billing-title {
    background: linear-gradient(180deg, #58c24d 0%, #3da93b 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(61, 169, 59, 0.18) !important;
}

html[data-theme="dark"] .campaign-page .billing-card .bp-label,
html[data-theme="dark"] .campaign-page .billing-left .bp-label,
html[data-theme="dark"] .campaign-page .billing-card .bp-row,
html[data-theme="dark"] .campaign-page .billing-left .bp-row,
html[data-theme="dark"] .campaign-page .billing-card .billing-subtitle,
html[data-theme="dark"] .campaign-page .billing-left .billing-subtitle {
    color: #dbe8f6 !important;
}

html[data-theme="dark"] .campaign-page .billing-card .bp-value,
html[data-theme="dark"] .campaign-page .billing-left .bp-value,
html[data-theme="dark"] .campaign-page .billing-card .bp-full,
html[data-theme="dark"] .campaign-page .billing-left .bp-full {
    color: #ffffff !important;
}

html[data-theme="dark"] .campaign-page .billing-card,
html[data-theme="dark"] .campaign-page .billing-left {
    background: linear-gradient(180deg, #223043 0%, #1c2737 100%) !important;
    background-color: #223043 !important;
    border: 1px solid rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] .campaign-page .kpi-card,
html[data-theme="dark"] .campaign-page .summary-tile-lg {
    border: 1px solid rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] .campaign-page .bp-row i,
html[data-theme="dark"] .campaign-page .green,
html[data-theme="dark"] .campaign-page .green b {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .campaign-page .bp-divider,
html[data-theme="dark"] .campaign-page .chat-header {
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .campaign-page #grdViewSms,
html[data-theme="dark"] .campaign-page #grdViewSms th,
html[data-theme="dark"] .campaign-page #grdViewSms td,
html[data-theme="dark"] .campaign-page #grdViewSms1,
html[data-theme="dark"] .campaign-page #grdViewSms1 th,
html[data-theme="dark"] .campaign-page #grdViewSms1 td,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted th,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted td,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted1,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted1 th,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted1 td {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .campaign-page #grdViewSms tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdViewSms1 tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted tbody tr:hover td,
html[data-theme="dark"] .campaign-page #grdViewSmsCompleted1 tbody tr:hover td {
    background-color: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .campaign-page .chat-messages {
    background: transparent !important;
}

html[data-theme="dark"] .campaign-page .chat-message,
html[data-theme="dark"] .campaign-page .chat-my-message,
html[data-theme="dark"] .campaign-page .chat-from-them {
    color: #111827 !important;
}

html[data-theme="dark"] .campaign-page .chat-message-info .chat-time,
html[data-theme="dark"] .campaign-page .chat-message-info .chat-status,
html[data-theme="dark"] .campaign-page #chatMessageCount {
    color: #5b6b80 !important;
}

html[data-theme="dark"] .campaign-page .chat-container-card,
html[data-theme="dark"] .campaign-page .chat-preview-container {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .campaign-page .os-view-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .dashboard-page,
html[data-theme="dark"] .dashboard-page .content-wrapper,
html[data-theme="dark"] .dashboard-page .content,
html[data-theme="dark"] .dashboard-page .dashboard-content,
html[data-theme="dark"] .dashboard-page .dashboard-shell {
    background: transparent !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-filter-card,
html[data-theme="dark"] .dashboard-page .dashboard-domain-card,
html[data-theme="dark"] .dashboard-page .dashboard-section-shell,
html[data-theme="dark"] .dashboard-page .dashboard-metric-card,
html[data-theme="dark"] .dashboard-page .dashboard-panel,
html[data-theme="dark"] .dashboard-page .dashboard-overview-stat,
html[data-theme="dark"] .dashboard-page .analytics-wrapper,
html[data-theme="dark"] .dashboard-page .analytics-card,
html[data-theme="dark"] #ClickRateModal .modal-content,
html[data-theme="dark"] #ClickRateModal .clickrate-body,
html[data-theme="dark"] #ClickRateModal .clickrate-panel,
html[data-theme="dark"] #ClickRateModal .clickrate-panel-body,
html[data-theme="dark"] #ClickRateModal .clickrate-metric-card,
html[data-theme="dark"] #ClickRateModal .clickrate-chart-wrap {
    background: var(--theme-surface) !important;
    background-color: 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"] #ClickRateModal .modal-header,
html[data-theme="dark"] #ClickRateModal .clickrate-panel-header {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-filter-label,
html[data-theme="dark"] .dashboard-page .dashboard-domain-copy,
html[data-theme="dark"] .dashboard-page .dashboard-section-copy,
html[data-theme="dark"] .dashboard-page .dashboard-metric-title,
html[data-theme="dark"] .dashboard-page .dashboard-panel-title,
html[data-theme="dark"] .dashboard-page .dashboard-overview-label,
html[data-theme="dark"] .dashboard-page .dashboard-progress-head,
html[data-theme="dark"] .dashboard-page .dashboard-performance-label,
html[data-theme="dark"] .dashboard-page .dashboard-performance-meta,
html[data-theme="dark"] .dashboard-page .analytics-title,
html[data-theme="dark"] .dashboard-page .analytics-item,
html[data-theme="dark"] #ClickRateModal .clickrate-panel-header p,
html[data-theme="dark"] #ClickRateModal .clickrate-metric-label,
html[data-theme="dark"] #ClickRateModal .clickrate-hint {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-metric-value,
html[data-theme="dark"] .dashboard-page .dashboard-section-title,
html[data-theme="dark"] .dashboard-page .dashboard-overview-value,
html[data-theme="dark"] .dashboard-page .dashboard-performance-value,
html[data-theme="dark"] .dashboard-page .analytics-count,
html[data-theme="dark"] #ClickRateModal .clickrate-panel-header h6,
html[data-theme="dark"] #ClickRateModal .clickrate-metric-value,
html[data-theme="dark"] #ClickRateModal .clickrate-title {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-panel-action,
html[data-theme="dark"] .dashboard-page .dashboard-metric-link {
    color: #8cc8ff !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-section-kicker {
    color: #8cc8ff !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-guide-button {
    background: rgb(45 122 58) !important;
    color: #ffffff !important;
    border-color: rgb(45 122 58) !important;
    box-shadow: 0 12px 28px rgba(18, 56, 28, 0.32) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-guide-button:hover {
    background: rgb(39 107 50) !important;
    border-color: rgb(39 107 50) !important;
    box-shadow: 0 14px 32px rgba(18, 56, 28, 0.4) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-guide-button:focus-visible {
    box-shadow: 0 0 0 2px rgba(45, 122, 58, 0.22) !important, 0 14px 32px rgba(18, 56, 28, 0.34) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-panel-action,
html[data-theme="dark"] .dashboard-page .dashboard-metric-link {
    text-decoration-color: rgba(140, 200, 255, 0.65) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-panel-action:focus-visible,
html[data-theme="dark"] .dashboard-page .dashboard-metric-link:focus-visible {
    box-shadow: 0 0 0 2px rgba(140, 200, 255, 0.18) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-icon-badge {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-icon-badge i {
    color: #d9e6f2 !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-icon-available,
html[data-theme="dark"] .dashboard-page .dashboard-icon-used,
html[data-theme="dark"] .dashboard-page .dashboard-icon-purchased,
html[data-theme="dark"] .dashboard-page .dashboard-icon-bonus,
html[data-theme="dark"] .dashboard-page .dashboard-icon-leads,
html[data-theme="dark"] .dashboard-page .dashboard-icon-lists {
    background: var(--theme-surface-muted) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-progress-track {
    background: #2a3647 !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-performance-row,
html[data-theme="dark"] .dashboard-page .dashboard-performance-button {
    color: var(--theme-text) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-performance-button:hover {
    background: rgba(140, 200, 255, 0.08) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-performance-button .dashboard-performance-label {
    text-decoration-color: rgba(140, 200, 255, 0.65) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-performance-button .dashboard-performance-label::after {
    color: #8cc8ff !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-performance-button:focus-visible {
    box-shadow: 0 0 0 2px rgba(140, 200, 255, 0.18) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-chart-frame,
html[data-theme="dark"] .dashboard-page #chart,
html[data-theme="dark"] .dashboard-page #ChartDept,
html[data-theme="dark"] .dashboard-page #ChartCampaign {
    background: transparent !important;
}

html[data-theme="dark"] .dashboard-page #txtDashboardUser,
html[data-theme="dark"] .dashboard-page .dashboard-filter-card select,
html[data-theme="dark"] #ClickRateModal #campaignSelect {
    background: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #ClickRateModal .modal-body table,
html[data-theme="dark"] #ClickRateModal .modal-body th,
html[data-theme="dark"] #ClickRateModal .modal-body td,
html[data-theme="dark"] #ClickRateModal .analytics-wrapper,
html[data-theme="dark"] #ClickRateModal .analytics-card {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #tblReplies thead tr:nth-child(2),
html[data-theme="dark"] #tblReplies thead tr:nth-child(2) td,
html[data-theme="dark"] #tblReplies thead tr:nth-child(2) th,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2),
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) td,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) th {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #tblReplies thead tr:nth-child(2) input,
html[data-theme="dark"] #tblReplies thead tr:nth-child(2) .form-control,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) input,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) .form-control {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: #3a4b61 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] #tblReplies thead tr:nth-child(2) input::placeholder,
html[data-theme="dark"] #tblReplies thead tr:nth-child(2) .form-control::placeholder,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) input::placeholder,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) .form-control::placeholder {
    color: #b8c8da !important;
    opacity: 1 !important;
}

html[data-theme="dark"] #tblReplies thead tr:nth-child(2) input:focus,
html[data-theme="dark"] #tblReplies thead tr:nth-child(2) .form-control:focus,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) input:focus,
html[data-theme="dark"] #tblOptout thead tr:nth-child(2) .form-control:focus {
    border-color: #6bd38c !important;
    box-shadow: 0 0 0 2px rgba(107, 211, 140, 0.14) !important;
}

html[data-theme="dark"] #ClickRateModal .clickrate-insight-item {
    background: var(--theme-surface-elevated) !important;
    background-color: var(--theme-surface-elevated) !important;
    border-color: var(--theme-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #ClickRateModal .clickrate-insight-label {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] #ClickRateModal .clickrate-insight-value {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #ClickRateModal tbody tr:nth-of-type(odd) td {
    background: var(--theme-table-alt) !important;
}

html[data-theme="dark"] #ClickRateModal tbody tr:hover td {
    background: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .modal-content,
html[data-theme="dark"] #dialog-dtls-Detail .modal-body,
html[data-theme="dark"] #dialog-dtls-Detail .card,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-main,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-panel,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-panel-body,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-card,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-ai-card,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-ai-body,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-link-preview,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-note,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-meta,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-compliance-body,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-footer {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-shell,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-body,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-grid,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-main-grid,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-body,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-row,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-editor-row,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-action-row,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-ai-select-row,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-actions,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-ai-actions,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-compliance-body .form-group.row {
    background: transparent !important;
}

html[data-theme="dark"] #dialog-dtls-Detail {
    --campaign-detail-field-bg: #3b4658;
    --campaign-detail-field-hover: #455166;
    --campaign-detail-field-border: #71839d;
    --campaign-detail-field-text: #f3f7ff;
    --campaign-detail-field-placeholder: #d2dceb;
    --campaign-detail-field-focus: rgba(136, 168, 207, 0.18);
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-panel-header,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-header,
html[data-theme="dark"] #dialog-dtls-Detail .modal-header,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-note,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-compliance-check,
html[data-theme="dark"] #dialog-dtls-Detail .col-form-label[style*="background-color:white"],
html[data-theme="dark"] #dialog-dtls-Detail .col-form-label[style*="background-color: white"] {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-panel-header,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-header,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-footer,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-compliance-check,
html[data-theme="dark"] #dialog-dtls-Detail #txtReplyStopCampaignMsg,
html[data-theme="dark"] #dialog-dtls-Detail #txtReplyStopCampaignMsgResponse,
html[data-theme="dark"] #dialog-dtls-Detail #xyz,
html[data-theme="dark"] #dialog-dtls-Detail #xyz .nav-tabs {
    background: var(--theme-surface-muted) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-field-label,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-title,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-panel-header label,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-panel-header h6,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-compliance-title,
html[data-theme="dark"] #dialog-dtls-Detail .panel-header-label,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-guideline-link,
html[data-theme="dark"] #dialog-dtls-Detail p,
html[data-theme="dark"] #dialog-dtls-Detail span,
html[data-theme="dark"] #dialog-dtls-Detail small,
html[data-theme="dark"] #dialog-dtls-Detail strong,
html[data-theme="dark"] #dialog-dtls-Detail label,
html[data-theme="dark"] #dialog-dtls-Detail .text-muted,
html[data-theme="dark"] #dialog-dtls-Detail .form-text {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-guideline-link,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-link-preview .preview-link,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-msg-editor a.inline-msg-link {
    color: var(--theme-link) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal .form-control,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal .searchable-select-holder,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal .searchable-select-input,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal .searchable-select-dropdown,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select .dropdown-menu,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select .dropdown-menu .inner {
    background-color: var(--campaign-detail-field-bg) !important;
    color: var(--campaign-detail-field-text) !important;
    border-color: var(--campaign-detail-field-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignStartDate,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignStartDate[readonly],
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignStartDate:disabled,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignOffsetDays,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignOffsetDays[readonly],
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignOffsetDays:disabled,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignFromTym,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignToTym,
html[data-theme="dark"] #dialog-dtls-Detail #txtEstPst,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] #dialog-dtls-Detail #txtEstPst-searchableSelect .searchable-select-holder {
    min-height: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    background: var(--campaign-detail-field-bg) !important;
    background-color: var(--campaign-detail-field-bg) !important;
    color: var(--campaign-detail-field-text) !important;
    border: 1px solid var(--campaign-detail-field-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px rgba(8, 14, 24, 0.18) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignStartDate::placeholder,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignOffsetDays::placeholder,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignFromTym::placeholder,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignToTym::placeholder {
    color: var(--campaign-detail-field-placeholder) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignStartDate:hover,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignOffsetDays:hover,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignFromTym:hover,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignToTym:hover,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] #dialog-dtls-Detail #txtEstPst-searchableSelect:hover,
html[data-theme="dark"] #dialog-dtls-Detail #txtEstPst-searchableSelect > div:hover,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal .form-control:hover {
    background: var(--campaign-detail-field-hover) !important;
    background-color: var(--campaign-detail-field-hover) !important;
    border-color: #88a8cf !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignStartDate:focus,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignOffsetDays:focus,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignFromTym:focus,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignToTym:focus,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-body .bootstrap-select.open > .dropdown-toggle,
html[data-theme="dark"] #dialog-dtls-Detail #txtEstPst-searchableSelect:focus-within,
html[data-theme="dark"] #dialog-dtls-Detail #txtEstPst-searchableSelect > div:focus-within,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-detail-modal .form-control:focus {
    border-color: #88a8cf !important;
    box-shadow: 0 0 0 2px var(--campaign-detail-field-focus) !important;
    outline: none !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 18px;
    align-items: flex-end;
    margin: 0 !important;
    padding-top: 2px !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body {
    padding: 10px 14px 8px !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child > .col-md-2,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child > .col-md-4 {
    padding-left: 2px !important;
    padding-right: 2px !important;
    max-width: none !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child > .col-md-2 {
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child > .col-md-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child .col-sm-4,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child .col-sm-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child .bootstrap-select,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-schedule-panel .campaign-panel-body > .form-group.row:first-child .form-control {
    width: 100% !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-msg-editor,
html[data-theme="dark"] #dialog-dtls-Detail #chatResponse,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignMsg {
    background: var(--campaign-detail-field-bg) !important;
    background-color: var(--campaign-detail-field-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--campaign-detail-field-border) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-msg-editor:empty:before,
html[data-theme="dark"] #dialog-dtls-Detail #chatResponse:empty:before,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignMsg:empty:before {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-msg-editor *,
html[data-theme="dark"] #dialog-dtls-Detail #chatResponse *,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignMsg * {
    /* Date: 18-04-2026 12:12:05 | Work: Cleared placeholder child background patches inside Message Details editors for dark mode readability. */
    color: var(--theme-text) !important;
    -webkit-text-fill-color: var(--theme-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-msg-editor a,
html[data-theme="dark"] #dialog-dtls-Detail #chatResponse a,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignMsg a,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-msg-editor a.inline-msg-link,
html[data-theme="dark"] #dialog-dtls-Detail #chatResponse a.inline-msg-link,
html[data-theme="dark"] #dialog-dtls-Detail #txtCampaignMsg a.inline-msg-link {
    color: var(--theme-link) !important;
    -webkit-text-fill-color: var(--theme-link) !important;
}

html[data-theme="dark"] #tooltip,
html[data-theme="dark"] #tooltip1 {
    background-color: var(--theme-surface) !important;
    border: 1px solid var(--theme-border) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] #tooltip .tooltip-item,
html[data-theme="dark"] #tooltip1 .tooltip-item1 {
    color: var(--theme-text) !important;
    background-color: transparent !important;
}

html[data-theme="dark"] #tooltip .tooltip-item:hover,
html[data-theme="dark"] #tooltip1 .tooltip-item1:hover {
    background-color: #253348 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create .modal-content {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border: 1px solid var(--theme-border-strong) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create .modal-header {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border-bottom: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create .modal-title,
html[data-theme="dark"] #dialog-dtls-Message_Create .close,
html[data-theme="dark"] #dialog-dtls-Message_Create .close span,
html[data-theme="dark"] #dialog-dtls-Message_Create .modal-body,
html[data-theme="dark"] #dialog-dtls-Message_Create .modal-body strong,
html[data-theme="dark"] #dialog-dtls-Message_Create .modal-body p,
html[data-theme="dark"] #dialog-dtls-Message_Create .modal-body label,
html[data-theme="dark"] #dialog-dtls-Message_Create .modal-body span {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create .card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create .modal-body {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 18px !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create #txtCreateMessage {
    background: #435067 !important;
    background-color: #435067 !important;
    color: var(--campaign-detail-field-text) !important;
    border: 1px solid #7f93b0 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create #txtCreateMessage::placeholder {
    color: var(--campaign-detail-field-placeholder) !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create #txtCreateMessage:hover {
    background: #4a5871 !important;
    background-color: #4a5871 !important;
    border-color: #97b1d4 !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create #txtCreateMessage:focus {
    background: #4a5871 !important;
    background-color: #4a5871 !important;
    border-color: #97b1d4 !important;
    box-shadow: 0 0 0 2px var(--campaign-detail-field-focus) !important;
    outline: none !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create .modal-footer {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-top: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Message_Create #dialog-dtl-Message-Clear,
html[data-theme="dark"] #dialog-dtls-Message_Create #dialog-dtl-Message-Cancel,
html[data-theme="dark"] #dialog-dtls-Message_Create #dialog-dtl-Message-Create {
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    border: 1px solid var(--theme-border-strong) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #linksDropdown,
html[data-theme="dark"] #linksDropdown.show {
    background: var(--theme-surface-muted) !important;
    background-color: var(--theme-surface-muted) !important;
    border: 1px solid var(--theme-border-strong) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] #linksDropdown table,
html[data-theme="dark"] #linksDropdown thead,
html[data-theme="dark"] #linksDropdown tbody,
html[data-theme="dark"] #linksDropdown tr,
html[data-theme="dark"] #linksDropdown th,
html[data-theme="dark"] #linksDropdown td {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #linksDropdown thead tr,
html[data-theme="dark"] #linksDropdown thead th {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #linksDropdown a,
html[data-theme="dark"] #linksDropdown .link-anchor,
html[data-theme="dark"] #linksDropdown .fa-link,
html[data-theme="dark"] #linksDropdown .close,
html[data-theme="dark"] #linksDropdown .close span {
    color: var(--theme-link) !important;
}

html[data-theme="dark"] #linksDropdown .clickable-row:hover,
html[data-theme="dark"] #linksDropdown .clickable-row:focus {
    background: #253348 !important;
    background-color: #253348 !important;
}

html[data-theme="dark"] #linksDropdown input[type="checkbox"] {
    accent-color: var(--theme-accent) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #xyz .nav-tabs,
html[data-theme="dark"] #dialog-dtls-Detail #xyz .nav-tabs li a,
html[data-theme="dark"] #dialog-dtls-Detail #BillDtl,
html[data-theme="dark"] #dialog-dtls-Detail #BillDtl1,
html[data-theme="dark"] #dialog-dtls-Detail #openModal,
html[data-theme="dark"] #dialog-dtls-Detail #openModal1,
html[data-theme="dark"] #dialog-dtls-Detail #CreateMessage,
html[data-theme="dark"] #dialog-dtls-Detail #SavedLinks,
html[data-theme="dark"] #dialog-dtls-Detail #SavedLinks1 {
    background: var(--campaign-detail-field-bg) !important;
    background-color: var(--campaign-detail-field-bg) !important;
    color: var(--campaign-detail-field-text) !important;
    border-color: var(--campaign-detail-field-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #xyz .nav-tabs li a i,
html[data-theme="dark"] #dialog-dtls-Detail #txtReplyStopCampaignMsg i,
html[data-theme="dark"] #dialog-dtls-Detail #txtReplyStopCampaignMsgResponse i {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #txtReplyStopCampaignMsg,
html[data-theme="dark"] #dialog-dtls-Detail #txtReplyStopCampaignMsgResponse {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .campaign-panel-body > .form-group.row:not(.campaign-message-editor-row) {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 12px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px;
    background: var(--theme-surface-muted) !important;
    border-top: 1px solid var(--theme-border) !important;
    border-radius: 0 0 12px 12px !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .campaign-panel-body > .form-group.row:not(.campaign-message-editor-row) > .col-sm-2 {
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .campaign-panel-body > .form-group.row:not(.campaign-message-editor-row) > .col-sm-10.row {
    flex: 1 1 auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 14px;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .campaign-panel-body > .form-group.row:not(.campaign-message-editor-row) > .col-sm-10.row > .col-sm-6 {
    display: none !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .campaign-panel-body > .form-group.row:not(.campaign-message-editor-row) > .col-sm-10.row > .col-sm-3 {
    flex: 0 0 150px !important;
    max-width: 150px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 70px !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    box-shadow: none !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"],
html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row {
    background: linear-gradient(180deg, #4fa73d 0%, #3f8e31 100%) !important;
    border: 1px solid #4b9d3c !important;
    border-radius: 10px !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] label,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] span,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] i {
    color: #ffffff !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] input[type="checkbox"],
html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row input[type="checkbox"] {
    display: block !important;
    width: 13px;
    height: 13px;
    margin: 0 !important;
    vertical-align: middle !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] label,
html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row label {
    margin: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 {
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 70px !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    box-shadow: none !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row label,
html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row span,
html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row i {
    color: #ffffff !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-message-panel .buttonshow[data-tooltip="Select"] label,
html[data-theme="dark"] #dialog-dtls-Detail #chatDivUpload > .col-sm-2 > .row label {
    justify-content: center !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

html[data-theme="dark"] #dialog-dtls-Detail #txtClear,
html[data-theme="dark"] #dialog-dtls-Detail #askBtn {
    width: 100% !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-compliance-check {
    box-shadow: none !important;
}

html[data-theme="dark"] #dialog-dtls-Detail .campaign-preview-panel,
html[data-theme="dark"] #dialog-dtls-Detail .campaign-preview-body {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail form.chat .myMessage {
    background: #d7e9ff !important;
    color: #132238 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail form.chat .myMessage *,
html[data-theme="dark"] #dialog-dtls-Detail form.chat .myMessage p,
html[data-theme="dark"] #dialog-dtls-Detail form.chat .myMessage span,
html[data-theme="dark"] #dialog-dtls-Detail form.chat .myMessage .date {
    color: #132238 !important;
    -webkit-text-fill-color: #132238 !important;
}

html[data-theme="dark"] #dialog-dtls-Detail form.chat .fromThem {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #dialog-dtls-Detail form.chat .fromThem *,
html[data-theme="dark"] #dialog-dtls-Detail form.chat .fromThem p,
html[data-theme="dark"] #dialog-dtls-Detail form.chat .fromThem span,
html[data-theme="dark"] #dialog-dtls-Detail form.chat .fromThem .date {
    color: var(--theme-text) !important;
    -webkit-text-fill-color: var(--theme-text) !important;
}

html[data-theme="dark"] table[style*="background-color: #ffffff"],
html[data-theme="dark"] table[style*="background-color:#ffffff"],
html[data-theme="dark"] td[style*="background-color: #ffffff"],
html[data-theme="dark"] td[style*="background-color:#ffffff"],
html[data-theme="dark"] tr[style*="background-color: #ffffff"],
html[data-theme="dark"] tr[style*="background-color:#ffffff"],
html[data-theme="dark"] div[style*="background-color: #ffffff"],
html[data-theme="dark"] div[style*="background-color:#ffffff"],
html[data-theme="dark"] div[style*="background: #ffffff"],
html[data-theme="dark"] div[style*="background:#ffffff"] {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

@media (max-width: 767px) {
    .theme-toggle-btn {
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
    }

    .theme-toggle-public {
        top: 12px;
        right: 12px;
    }
}