:root,
[data-bs-theme="light"] {
  --rm-primary: #13B98E;
  --rm-primary-rgb: 19, 185, 142;
  --rm-primary-hover: #29876E;
  --rm-primary-hover-rgb: 41, 135, 110;
  --rm-primary-pressed: #2A5449;
  --rm-primary-pressed-rgb: 42, 84, 73;
  --rm-primary-text: #29876E;
  --rm-primary-text-rgb: 41, 135, 110;
  --rm-primary-soft: #E4F7F2;
  --rm-primary-soft-rgb: 228, 247, 242;
  --rm-primary-border-soft: #B8ECE0;
  --rm-primary-border-soft-rgb: 184, 236, 224;
  --rm-ink: #171A1A;
  --rm-ink-rgb: 23, 26, 26;
  --rm-ink-soft: #343A39;
  --rm-ink-soft-rgb: 52, 58, 57;
  --rm-ink-deep: #0F1211;
  --rm-ink-deep-rgb: 15, 18, 17;
  --rm-dark: #24332F;
  --rm-dark-rgb: 36, 51, 47;
  --rm-dark-2: #2E3332;
  --rm-dark-2-rgb: 46, 51, 50;
  --rm-dark-panel: #2A5449;
  --rm-dark-panel-rgb: 42, 84, 73;
  --rm-light-mint: #E4F7F2;
  --rm-light-mint-rgb: 228, 247, 242;
  --rm-light-soft: #F3F8F6;
  --rm-light-soft-rgb: 243, 248, 246;
  --rm-light-panel: #F8FAF9;
  --rm-light-panel-rgb: 248, 250, 249;
  --rm-border: #E2E8E6;
  --rm-border-rgb: 226, 232, 230;
  --rm-muted: #64706D;
  --rm-muted-rgb: 100, 112, 109;
  --bs-blue: #2b9cd9;
  --bs-indigo: #6873DB;
  --bs-purple: #7e5ab0;
  --bs-pink: #ed6e87;
  --bs-red: #ca3053;
  --bs-orange: #e96126;
  --bs-yellow: #f5a92d;
  --bs-green: var(--rm-primary);
  --bs-teal: var(--rm-primary-hover);
  --bs-cyan: #4db3e2;
  --bs-black: var(--rm-ink-deep);
  --bs-white: #fff;
  --bs-gray: #64706D;
  --bs-gray-dark: var(--rm-ink-soft);
  --bs-gray-100: #f8fafc;
  --bs-gray-200: #f1f5f9;
  --bs-gray-300: #e2e8f0;
  --bs-gray-400: #94a3b8;
  --bs-gray-500: #64748b;
  --bs-gray-600: #475569;
  --bs-gray-700: #334155;
  --bs-gray-800: var(--rm-ink-soft);
  --bs-gray-900: var(--rm-ink);
  --bs-primary: var(--rm-primary);
  --bs-secondary: #475569;
  --bs-success: var(--rm-primary-hover);
  --bs-info: #4db3e2;
  --bs-warning: #f5a92d;
  --bs-danger: #ca3053;
  --bs-light: #f8fafc;
  --bs-dark: var(--rm-dark);
  --bs-primary-rgb: var(--rm-primary-rgb);
  --bs-secondary-rgb: 71, 85, 105;
  --bs-success-rgb: var(--rm-primary-hover-rgb);
  --bs-info-rgb: 77, 179, 226;
  --bs-warning-rgb: 245, 169, 45;
  --bs-danger-rgb: 202, 48, 83;
  --bs-light-rgb: 248, 250, 252;
  --bs-dark-rgb: var(--rm-dark-rgb);
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: var(--rm-ink-deep-rgb);
  --bs-primary-text-emphasis: var(--rm-primary-text);
  --bs-secondary-text-emphasis: #334155;
  --bs-success-text-emphasis: #236E5B;
  --bs-info-text-emphasis: #0E7490;
  --bs-warning-text-emphasis: #8A4B0B;
  --bs-danger-text-emphasis: #9F1239;
  --bs-light-text-emphasis: var(--rm-ink);
  --bs-dark-text-emphasis: var(--rm-dark-panel);
  --bs-primary-bg-subtle: var(--rm-primary-soft);
  --bs-secondary-bg-subtle: #F1F5F9;
  --bs-success-bg-subtle: #E7F5EF;
  --bs-info-bg-subtle: #E6F7FD;
  --bs-warning-bg-subtle: #FEF3C7;
  --bs-danger-bg-subtle: #FCE7F3;
  --bs-light-bg-subtle: #FBFCFD;
  --bs-dark-bg-subtle: #DDE8E4;
  --bs-primary-border-subtle: var(--rm-primary-border-soft);
  --bs-secondary-border-subtle: #DAE0E6;
  --bs-success-border-subtle: #B9E1D2;
  --bs-info-border-subtle: #BDEAF7;
  --bs-warning-border-subtle: #FDE68A;
  --bs-danger-border-subtle: #FBCFE8;
  --bs-light-border-subtle: #F1F5F9;
  --bs-dark-border-subtle: #B9C9C4;
  --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #334155;
  --bs-body-color-rgb: 51, 65, 85;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: var(--rm-ink);
  --bs-emphasis-color-rgb: var(--rm-ink-rgb);
  --bs-secondary-color: rgba(51, 65, 85, 0.65);
  --bs-secondary-color-rgb: 51, 65, 85;
  --bs-secondary-bg: #f1f5f9;
  --bs-secondary-bg-rgb: 241, 245, 249;
  --bs-tertiary-color: rgba(51, 65, 85, 0.5);
  --bs-tertiary-color-rgb: 51, 65, 85;
  --bs-tertiary-bg: #f8fafc;
  --bs-tertiary-bg-rgb: 248, 250, 252;
  --bs-heading-color: inherit;
  --bs-link-color: var(--rm-primary-text);
  --bs-link-color-rgb: var(--rm-primary-text-rgb);
  --bs-link-decoration: none;
  --bs-link-hover-color: var(--rm-primary-pressed);
  --bs-link-hover-color-rgb: var(--rm-primary-pressed-rgb);
  --bs-code-color: #ed6e87;
  --bs-highlight-color: #334155;
  --bs-highlight-bg: var(--rm-primary-soft);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #f1f5f9;
  --bs-border-color-translucent: #94a3b8;
  --bs-border-radius: 0.325rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(var(--rm-ink-deep-rgb), 0.05);
  --bs-box-shadow-sm: 0 3px 4px rgba(var(--rm-ink-deep-rgb), 0.03);
  --bs-box-shadow-lg: 0 1rem 2rem rgba(var(--rm-ink-deep-rgb), 0.1);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--rm-ink-deep-rgb), 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(var(--rm-primary-rgb), 0.25);
  --bs-form-valid-color: var(--rm-primary-hover);
  --bs-form-valid-border-color: var(--rm-primary-hover);
  --bs-form-invalid-color: #ca3053;
  --bs-form-invalid-border-color: #ca3053;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #E6EFEC;
  --bs-body-color-rgb: 230, 239, 236;
  --bs-body-bg: #182420;
  --bs-body-bg-rgb: 24, 36, 32;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(230, 239, 236, 0.75);
  --bs-secondary-color-rgb: 230, 239, 236;
  --bs-secondary-bg: #24332F;
  --bs-secondary-bg-rgb: 36, 51, 47;
  --bs-tertiary-color: rgba(230, 239, 236, 0.52);
  --bs-tertiary-color-rgb: 230, 239, 236;
  --bs-tertiary-bg: #1E2B28;
  --bs-tertiary-bg-rgb: 30, 43, 40;
  --bs-primary-text-emphasis: #8BE8D2;
  --bs-secondary-text-emphasis: #C9D6D2;
  --bs-success-text-emphasis: #9FE5D3;
  --bs-info-text-emphasis: #8DD8F2;
  --bs-warning-text-emphasis: #F7D891;
  --bs-danger-text-emphasis: #F2A0B7;
  --bs-light-text-emphasis: #F8FAFC;
  --bs-dark-text-emphasis: #DDE8E4;
  --bs-primary-bg-subtle: #123B33;
  --bs-secondary-bg-subtle: #1D2A27;
  --bs-success-bg-subtle: #14392F;
  --bs-info-bg-subtle: #0B3340;
  --bs-warning-bg-subtle: #422B12;
  --bs-danger-bg-subtle: #421827;
  --bs-light-bg-subtle: #2E3332;
  --bs-dark-bg-subtle: #101715;
  --bs-primary-border-subtle: #29876E;
  --bs-secondary-border-subtle: #2A5449;
  --bs-success-border-subtle: #29876E;
  --bs-info-border-subtle: #0F7890;
  --bs-warning-border-subtle: #8A4B0B;
  --bs-danger-border-subtle: #8F2443;
  --bs-light-border-subtle: #3B4C47;
  --bs-dark-border-subtle: #2E3332;
  --bs-heading-color: inherit;
  --bs-link-color: #8BE8D2;
  --bs-link-hover-color: #B5F4E6;
  --bs-link-color-rgb: 139, 232, 210;
  --bs-link-hover-color-rgb: 181, 244, 230;
  --bs-code-color: #F2A0B7;
  --bs-highlight-color: #E6EFEC;
  --bs-highlight-bg: #123B33;
  --bs-border-color: #2A5449;
  --bs-border-color-translucent: #3B4C47;
  --bs-form-valid-color: #8BE8D2;
  --bs-form-valid-border-color: #8BE8D2;
  --bs-form-invalid-color: #F2A0B7;
  --bs-form-invalid-border-color: #F2A0B7;
}

[data-bs-theme="dark"]  .table-light {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-black);
}

[data-bs-theme="dark"]  .bg-light, [data-bs-theme="dark"] .bg-white  {
  --bs-bg-opacity: 1;
  background-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .text-dark {
  --bs-text-opacity: 1;
  color: var(--bs-dark-text-emphasis) !important;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  color: var(--bs-dark-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
}

[data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select {border-color:var(--bs-primary);}
[data-bs-theme="dark"] .hint-hover:hover {
  background: var(--bs-border-color);
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
}

a:hover {
  color: var(--bs-link-hover-color);
}

.btn-primary {
  --bs-btn-color: #10231F;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rm-primary-hover);
  --bs-btn-hover-border-color: var(--rm-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--rm-primary-pressed);
  --bs-btn-active-border-color: var(--rm-primary-pressed);
  --bs-btn-disabled-color: #10231F;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #334155;
  --bs-btn-hover-border-color: #334155;
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #273346;
  --bs-btn-active-border-color: #273346;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rm-primary-pressed);
  --bs-btn-hover-border-color: var(--rm-primary-pressed);
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1F493E;
  --bs-btn-active-border-color: #1F493E;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn-info {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: #6CC7EA;
  --bs-btn-hover-border-color: #6CC7EA;
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: #3CA3CE;
  --bs-btn-active-border-color: #3CA3CE;
  --bs-btn-disabled-color: var(--bs-body-color);
  --bs-btn-disabled-bg: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn-warning {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: #F7BC52;
  --bs-btn-hover-border-color: #F7BC52;
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: #D88F18;
  --bs-btn-active-border-color: #D88F18;
  --bs-btn-disabled-color: var(--bs-body-color);
  --bs-btn-disabled-bg: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B31F43;
  --bs-btn-hover-border-color: #B31F43;
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9F1239;
  --bs-btn-active-border-color: #9F1239;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rm-dark-panel);
  --bs-btn-hover-border-color: var(--rm-dark-panel);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--rm-dark-2);
  --bs-btn-active-border-color: var(--rm-dark-2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

.min-vh-80 {
  min-height: 80vh !important;
}

table.dataTable thead th {
  white-space: nowrap;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: var(--bs-success-text-emphasis);
  background-color: var(--bs-success-bg-subtle);
  border: 1px solid var(--bs-success-border-subtle);
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: var(--bs-danger-text-emphasis);
  background-color: var(--bs-danger-bg-subtle);
  border: 1px solid var(--bs-danger-border-subtle);
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: var(--bs-danger-text-emphasis);

  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

div.dt-container .dt-paging .dt-paging-button {
  padding: 0;
}
.pagination .page-item .page-link {
  border-radius: 0.05rem;
}

.theme-card img {
  border-bottom: 1px solid var(--bs-border-color);
}
.theme-card:hover {
  transform: translateY(-3px);
  transition: 0.2s ease;
}

.file-item.editable {
  cursor: pointer;
}
.file-item.editable.loadactive,
.file-item.editable:hover {
  background-color: var(--bs-tertiary-bg);
}
.file-item small.text-success {
  font-size: 0.75rem;
}

.page-sidebar-mini .aside-menu .nav-section {
  display: none;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  background: var(--bs-body-bg) !important;
}

.monacoEditor {
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
}

.monacoEditor150h {
  height: 150px;
}
.monacoEditor450h {
  height: 450px;
}
.monacoEditor80vh {
  height: 80vh;
}
.monacoEditor100vh {
  height: 100vh;
}

.border-grey {
  border-color: var(--bs-border-color) !important;
}

.border-dashed {
  border-style: dashed !important;
}

.field-preview-options .form-check {
  opacity: 0.8;
}

.field-row.field-saving {
  opacity: 0.6;
  pointer-events: none;
}

.field-row {
  position: relative;
}

.field-row.field-saving::after {
  content: "Saving…";
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 11px;
  color: var(--bs-secondary-color);
}

.field-row.field-saving {
  opacity: 0.6;
}

.field-row.field-saving .drag-handle,
.field-row.field-saving .btn {
  pointer-events: none;
}