/* Chatmee readable theme text layer.
   Loaded after the main theme CSS so decorative themes cannot hide text. */
html[data-chatmee-extra-theme],
html[data-chatmee-extra-theme] body,
body[data-chatmee-extra-theme],
body.theme-mode-neon,
body.theme-mode-forest,
body.theme-mode-aurora,
body.theme-mode-stars,
body.theme-mode-sunset,
body.theme-mode-lavender,
body.theme-mode-gold,
body.theme-mode-ice {
  --chatmee-readable-text: var(--chatmee-theme-text, #eef6ff);
  --chatmee-readable-muted: var(--chatmee-theme-muted, #c8d6f0);
  --chatmee-readable-link: var(--chatmee-theme-accent-b, #83b9ff);
  color: var(--chatmee-readable-text) !important;
}

body.theme-mode-ocean,
body.theme-mode-rose {
  --chatmee-readable-text: var(--chatmee-theme-text, #172033);
  --chatmee-readable-muted: var(--chatmee-theme-muted, #52647a);
  --chatmee-readable-link: var(--chatmee-theme-accent-2, #0f62fe);
}

body.theme-mode-ocean,
body.theme-mode-rose,
body.theme-mode-sunset,
body.theme-mode-lavender,
body.theme-mode-gold,
body.theme-mode-ice {
  --chatmee-readable-text: #0d2a3a;
  --chatmee-readable-muted: #31566c;
  --chatmee-readable-link: #0a6dca;
  --chatmee-theme-text: #0d2a3a;
  --chatmee-theme-muted: #31566c;
}

html[data-chatmee-extra-theme="oceaan"],
html[data-chatmee-extra-theme="oceaan"] body,
body[data-chatmee-extra-theme="oceaan"],
html[data-chatmee-extra-theme="roos"],
html[data-chatmee-extra-theme="roos"] body,
body[data-chatmee-extra-theme="roos"],
html[data-chatmee-extra-theme="zonsondergang"],
html[data-chatmee-extra-theme="zonsondergang"] body,
body[data-chatmee-extra-theme="zonsondergang"],
html[data-chatmee-extra-theme="lavendel"],
html[data-chatmee-extra-theme="lavendel"] body,
body[data-chatmee-extra-theme="lavendel"],
html[data-chatmee-extra-theme="goud"],
html[data-chatmee-extra-theme="goud"] body,
body[data-chatmee-extra-theme="goud"],
html[data-chatmee-extra-theme="ijs"],
html[data-chatmee-extra-theme="ijs"] body,
body[data-chatmee-extra-theme="ijs"] {
  --chatmee-readable-text: #0d2a3a;
  --chatmee-readable-muted: #31566c;
  --chatmee-readable-link: #0a6dca;
  --chatmee-theme-text: #0d2a3a;
  --chatmee-theme-muted: #31566c;
  color: #0d2a3a !important;
}

html[data-chatmee-extra-theme] body :is(.main-wrapper, .sg-offcanvas, .sg-offcanvas-mainbar, .card, .card-body, .ui-box, .publisher, .post, .dropdown-menu, .dropdown-item, .chat-sidebar, .data-container, .side-nav, .main-side-nav, .panel, .widget, .modal-content, .table, .table th, .table td, .form-label, label, p, small, span, strong, h1, h2, h3, h4, h5, h6),
body[data-chatmee-extra-theme] :is(.main-wrapper, .sg-offcanvas, .sg-offcanvas-mainbar, .card, .card-body, .ui-box, .publisher, .post, .dropdown-menu, .dropdown-item, .chat-sidebar, .data-container, .side-nav, .main-side-nav, .panel, .widget, .modal-content, .table, .table th, .table td, .form-label, label, p, small, span, strong, h1, h2, h3, h4, h5, h6),
body:is(.theme-mode-ocean, .theme-mode-neon, .theme-mode-rose, .theme-mode-forest, .theme-mode-aurora, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice, .theme-mode-stars) :is(.main-wrapper, .sg-offcanvas, .sg-offcanvas-mainbar, .card, .card-body, .ui-box, .publisher, .post, .dropdown-menu, .dropdown-item, .chat-sidebar, .data-container, .side-nav, .main-side-nav, .panel, .widget, .modal-content, .table, .table th, .table td, .form-label, label, p, small, span, strong, h1, h2, h3, h4, h5, h6) {
  color: var(--chatmee-readable-text) !important;
  opacity: 1 !important;
}

html[data-chatmee-extra-theme] body :is(.text-muted, .form-text, .data-content, .help-block, .card-header, .card-title, .block-title, .description, .text-small),
body[data-chatmee-extra-theme] :is(.text-muted, .form-text, .data-content, .help-block, .card-header, .card-title, .block-title, .description, .text-small),
body:is(.theme-mode-ocean, .theme-mode-neon, .theme-mode-rose, .theme-mode-forest, .theme-mode-aurora, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice, .theme-mode-stars) :is(.text-muted, .form-text, .data-content, .help-block, .card-header, .card-title, .block-title, .description, .text-small) {
  color: var(--chatmee-readable-muted) !important;
  opacity: 1 !important;
}

html[data-chatmee-extra-theme] body :is(a:not(.btn), .text-link),
body[data-chatmee-extra-theme] :is(a:not(.btn), .text-link),
body:is(.theme-mode-ocean, .theme-mode-neon, .theme-mode-rose, .theme-mode-forest, .theme-mode-aurora, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice, .theme-mode-stars) :is(a:not(.btn), .text-link) {
  color: var(--chatmee-readable-link) !important;
}

html[data-chatmee-extra-theme] body :is(input, select, textarea, .form-control, .form-select, .input-group-text),
body[data-chatmee-extra-theme] :is(input, select, textarea, .form-control, .form-select, .input-group-text),
body:is(.theme-mode-neon, .theme-mode-forest, .theme-mode-aurora, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice, .theme-mode-stars) :is(input, select, textarea, .form-control, .form-select, .input-group-text) {
  color: var(--chatmee-readable-text) !important;
}

html[data-chatmee-extra-theme] body :is(input, textarea, .form-control)::placeholder,
body[data-chatmee-extra-theme] :is(input, textarea, .form-control)::placeholder,
body:is(.theme-mode-neon, .theme-mode-forest, .theme-mode-aurora, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice, .theme-mode-stars) :is(input, textarea, .form-control)::placeholder {
  color: var(--chatmee-readable-muted) !important;
  opacity: 1 !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body :is(.main-wrapper, .sg-offcanvas, .sg-offcanvas-mainbar, .card, .card-body, .ui-box, .publisher, .post, .dropdown-menu, .dropdown-item, .chat-sidebar, .data-container, .side-nav, .main-side-nav, .panel, .widget, .modal-content, .table, .table th, .table td, .form-label, label, p, small, span, strong, h1, h2, h3, h4, h5, h6),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) :is(.main-wrapper, .sg-offcanvas, .sg-offcanvas-mainbar, .card, .card-body, .ui-box, .publisher, .post, .dropdown-menu, .dropdown-item, .chat-sidebar, .data-container, .side-nav, .main-side-nav, .panel, .widget, .modal-content, .table, .table th, .table td, .form-label, label, p, small, span, strong, h1, h2, h3, h4, h5, h6) {
  color: #0d2a3a !important;
  opacity: 1 !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body :is(.text-muted, .form-text, .data-content, .help-block, .card-header, .card-title, .block-title, .description, .text-small),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) :is(.text-muted, .form-text, .data-content, .help-block, .card-header, .card-title, .block-title, .description, .text-small) {
  color: #31566c !important;
  opacity: 1 !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body :is(a:not(.btn), .text-link),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) :is(a:not(.btn), .text-link) {
  color: #0a6dca !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) :is(.admin-sidebar, .admin-sidebar *, .admin-sidebar + .sg-offcanvas-mainbar, .admin-sidebar + .sg-offcanvas-mainbar *, .admin-sidebar ~ .sg-offcanvas-mainbar, .admin-sidebar ~ .sg-offcanvas-mainbar *) {
  color: #0d2a3a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) :is(.admin-sidebar .text-muted, .admin-sidebar .form-text, .admin-sidebar .data-content, .admin-sidebar .help-block, .sg-offcanvas-mainbar .text-muted, .sg-offcanvas-mainbar .form-text, .sg-offcanvas-mainbar .data-content, .sg-offcanvas-mainbar .help-block, .sg-offcanvas-mainbar small) {
  color: #31566c !important;
  opacity: 1 !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) :is(.admin-sidebar a:not(.btn), .sg-offcanvas-mainbar a:not(.btn), .admin-sidebar .text-link, .sg-offcanvas-mainbar .text-link) {
  color: #0a6dca !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) :is(.admin-sidebar svg, .admin-sidebar svg *, .admin-sidebar .main-icon, .admin-sidebar .main-icon *, .sg-offcanvas-mainbar svg, .sg-offcanvas-mainbar svg *, .sg-offcanvas-mainbar .main-icon, .sg-offcanvas-mainbar .main-icon *) {
  color: #0785a8 !important;
  fill: #0785a8 !important;
  stroke: #0785a8 !important;
  opacity: 1 !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar),
body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) :is(.card, .card-body, .card-header, .card-title, .block-title, .with-icon, .side-nav, .side-nav li, .side-nav a, .side-nav .static, .stat-panel, .stat-cell, .text-xxlg, .text-lg, .form-label, label, p, span, strong, small, th, td) {
  color: #082b3a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) :is(.card-header.with-icon, .card-header.with-icon *, .card-header.block-title, .card-header.block-title *, .admin-sidebar .card-header, .admin-sidebar .card-header *, .sg-offcanvas-mainbar .card-header, .sg-offcanvas-mainbar .card-header *) {
  color: #082b3a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) :is(.text-muted, .form-text, .data-content, .help-block, .description, .text-small) {
  color: #31566c !important;
  opacity: 1 !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) :is(.admin-chart, #admin-chart-dashboard, #payment-methods-chart, #payment-handles-chart, #commissions-chart, #admin-chart-earnings) {
  background: #f6fbff !important;
  background-color: #f6fbff !important;
  background-image: none !important;
  border-color: rgba(0, 111, 209, 0.28) !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) .admin-chart :is(.highcharts-background) {
  fill: #f6fbff !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) .admin-chart :is(.highcharts-title, .highcharts-axis-title, .highcharts-axis-labels text, .highcharts-legend-item text, .highcharts-data-label text, .highcharts-tooltip text) {
  color: #082b3a !important;
  fill: #082b3a !important;
  opacity: 1 !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) .admin-chart :is(.highcharts-grid-line, .highcharts-axis-line, .highcharts-tick) {
  stroke: rgba(8, 43, 58, 0.26) !important;
  opacity: 1 !important;
}

body:is(.theme-mode-ocean, .theme-mode-rose, .theme-mode-sunset, .theme-mode-lavender, .theme-mode-gold, .theme-mode-ice) .sg-offcanvas:has(.admin-sidebar) .admin-chart .highcharts-tooltip-box {
  fill: #ffffff !important;
  stroke: rgba(0, 111, 209, 0.45) !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body :is(.admin-chart, #admin-chart-dashboard, #payment-methods-chart, #payment-handles-chart, #commissions-chart, #admin-chart-earnings),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) :is(.admin-chart, #admin-chart-dashboard, #payment-methods-chart, #payment-handles-chart, #commissions-chart, #admin-chart-earnings) {
  background: #f6fbff !important;
  background-color: #f6fbff !important;
  background-image: none !important;
  border-color: rgba(0, 111, 209, 0.28) !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body .admin-chart :is(.highcharts-background),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) .admin-chart :is(.highcharts-background) {
  fill: #f6fbff !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body .admin-chart :is(.highcharts-title, .highcharts-axis-title, .highcharts-axis-labels text, .highcharts-legend-item text, .highcharts-data-label text, .highcharts-tooltip text),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) .admin-chart :is(.highcharts-title, .highcharts-axis-title, .highcharts-axis-labels text, .highcharts-legend-item text, .highcharts-data-label text, .highcharts-tooltip text) {
  color: #082b3a !important;
  fill: #082b3a !important;
  opacity: 1 !important;
}

html:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) body .admin-chart :is(.highcharts-grid-line, .highcharts-axis-line, .highcharts-tick),
body:is([data-chatmee-extra-theme="oceaan"], [data-chatmee-extra-theme="roos"], [data-chatmee-extra-theme="zonsondergang"], [data-chatmee-extra-theme="lavendel"], [data-chatmee-extra-theme="goud"], [data-chatmee-extra-theme="ijs"]) .admin-chart :is(.highcharts-grid-line, .highcharts-axis-line, .highcharts-tick) {
  stroke: rgba(8, 43, 58, 0.26) !important;
  opacity: 1 !important;
}

.admin-chart,
.admin-chart > div,
.admin-chart svg {
  background: #f6fbff !important;
  background-color: #f6fbff !important;
  background-image: none !important;
}

.admin-chart :is(.highcharts-background, .highcharts-plot-background) {
  fill: #f6fbff !important;
}

.admin-chart :is(.highcharts-title, .highcharts-subtitle, .highcharts-axis-title, .highcharts-axis-labels text, .highcharts-legend-item text, .highcharts-data-label text, .highcharts-tooltip text, .highcharts-axis text) {
  color: #082b3a !important;
  fill: #082b3a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.admin-chart :is(.highcharts-grid-line, .highcharts-axis-line, .highcharts-tick, .highcharts-plot-line) {
  stroke: rgba(8, 43, 58, 0.28) !important;
  opacity: 1 !important;
}

.admin-chart :is(.highcharts-color-0, .highcharts-series-0 rect, .highcharts-series-0 path.highcharts-point) {
  fill: #006fd1 !important;
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}

.admin-chart :is(.highcharts-color-1, .highcharts-series-1 rect, .highcharts-series-1 path.highcharts-point) {
  fill: #00a6c8 !important;
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}

.admin-chart :is(.highcharts-color-2, .highcharts-series-2 rect, .highcharts-series-2 path.highcharts-point) {
  fill: #ff7a1a !important;
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}

.admin-chart :is(.highcharts-color-3, .highcharts-series-3 rect, .highcharts-series-3 path.highcharts-point) {
  fill: #df2f6d !important;
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}

.admin-chart :is(.highcharts-color-4, .highcharts-series-4 rect, .highcharts-series-4 path.highcharts-point) {
  fill: #6c3df4 !important;
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}