@charset "UTF-8";

.removeNoWrap-table {
    white-space: normal !important;
}

.table-container {
    overflow-x: auto;
    max-width: 100%; /* or set a fixed width like 600px */
}

input[readonly],
textarea[readonly],
select[readonly] {
    background-color: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, #6c757d);
    cursor: not-allowed;
}

/* icon line */

.icon-primary {
    color: #f56a17 !important;
}

.icon-secondary {
    color: #243a8f !important;
}

.icon-info {
    color: #09c2de !important;
}

.icon-success {
    color: #1ee0ac !important;
}

.icon-danger {
    color: #e85347 !important;
}

.icon-warning {
    color: #f4bd0e !important;
}

.readonly-enabled {
    background-color: unset !important;
    color: unset !important;
    cursor: unset !important;
}

.dropdown-menu-50 {
    min-width: 50%;
    max-width: 50%;
}

@media (max-width: 576px) {
    .dropdown-menu-50 {
        min-width: 100%;
        max-width: 100%;
    }
}

/*
 * DashLite palette override based on referensi_warna.jpeg:
 * orange for primary actions, deep blue for secondary/text, gold as accent.
 */
:root {
    --brand-primary: #f56a17;
    --brand-primary-hover: #df4c0b;
    --brand-primary-active: #c9430b;
    --brand-primary-soft: #fff0e4;
    --brand-primary-soft-border: #ffd3b5;
    --brand-secondary: #243a8f;
    --brand-secondary-hover: #1b2e72;
    --brand-secondary-active: #142457;
    --brand-secondary-soft: #e8edff;
    --brand-secondary-soft-border: #c7d2ff;
    --brand-success: #f08f1d;
    --brand-success-hover: #da7f14;
    --brand-success-active: #bf6f12;
    --brand-success-soft: #fff3e0;
    --brand-success-soft-border: #ffd8a7;
    --brand-info: #314ab1;
    --brand-info-hover: #263d98;
    --brand-info-active: #1d307b;
    --brand-info-soft: #e9eeff;
    --brand-info-soft-border: #cad5ff;
    --brand-accent: #f4ba16;
    --brand-warning: #f4ba16;
    --brand-warning-hover: #dfa300;
    --brand-warning-active: #c88f00;
    --brand-warning-soft: #fff7dd;
    --brand-warning-soft-border: #ffe29a;
    --brand-danger: #d94a1c;
    --brand-danger-hover: #bf3f16;
    --brand-danger-active: #a73712;
    --brand-danger-soft: #ffe9df;
    --brand-danger-soft-border: #ffc7b2;
    --brand-body: #2c3f78;
    --brand-body-rgb: 44, 63, 120;
    --brand-muted: #7383a3;
    --brand-border: #d8dfef;

    --bs-blue: var(--brand-secondary);
    --bs-indigo: #314ab1;
    --bs-orange: var(--brand-primary);
    --bs-yellow: var(--brand-accent);
    --bs-primary: var(--brand-primary);
    --bs-secondary: var(--brand-secondary);
    --bs-primary-rgb: 245, 106, 23;
    --bs-secondary-rgb: 36, 58, 143;
    --bs-success: var(--brand-success);
    --bs-success-rgb: 240, 143, 29;
    --bs-info: var(--brand-info);
    --bs-info-rgb: 49, 74, 177;
    --bs-warning: var(--brand-warning);
    --bs-warning-rgb: 244, 186, 22;
    --bs-danger: var(--brand-danger);
    --bs-danger-rgb: 217, 74, 28;
    --bs-body-color: var(--brand-body);
    --bs-body-color-rgb: var(--brand-body-rgb);
    --bs-gray: var(--brand-muted);
    --bs-gray-500: var(--brand-muted);
    --bs-gray-600: var(--brand-body);
    --bs-border-color: var(--brand-border);
    --bs-link-color: var(--brand-secondary);
    --bs-link-hover-color: var(--brand-primary);
}

.btn-primary {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary-hover);
    --bs-btn-hover-border-color: var(--brand-primary-hover);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--brand-primary-active);
    --bs-btn-active-border-color: var(--brand-primary-active);
    --bs-btn-disabled-bg: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
}

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

.btn-outline-primary {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-border-color: var(--brand-primary);
    --bs-btn-disabled-color: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
}

.btn-outline-secondary {
    --bs-btn-color: var(--brand-secondary);
    --bs-btn-border-color: var(--brand-secondary);
    --bs-btn-hover-bg: var(--brand-secondary);
    --bs-btn-hover-border-color: var(--brand-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--brand-secondary);
    --bs-btn-active-border-color: var(--brand-secondary);
    --bs-btn-disabled-color: var(--brand-secondary);
    --bs-btn-disabled-border-color: var(--brand-secondary);
}

.link-primary {
    color: var(--brand-primary) !important;
}

.link-primary:hover,
.link-primary:focus {
    color: var(--brand-primary-hover) !important;
}

.bg-primary {
    border-color: var(--brand-primary) !important;
    background: var(--brand-primary) !important;
}

.bg-secondary {
    border-color: var(--brand-secondary) !important;
    background: var(--brand-secondary) !important;
}

.bg-primary-dim,
.dual-listbox .dual-listbox__item:active,
.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
    background-color: var(--brand-primary-soft) !important;
}

.text-primary-dim {
    color: var(--brand-primary-soft) !important;
}

.bg-secondary-dim {
    background-color: var(--brand-secondary-soft) !important;
}

.text-secondary-dim {
    color: var(--brand-secondary-soft) !important;
}

.badge-dim.bg-primary {
    color: var(--brand-primary);
    background-color: var(--brand-primary-soft) !important;
}

.badge-dim.bg-secondary {
    color: var(--brand-secondary);
    background-color: var(--brand-secondary-soft) !important;
}

.badge-dot.bg-primary {
    color: var(--brand-primary);
}

.badge-dot.bg-secondary {
    color: var(--brand-secondary);
}

.alert-primary {
    --bs-alert-color: #9a430d;
    --bs-alert-bg: var(--brand-primary-soft);
    --bs-alert-border-color: var(--brand-primary-soft-border);
}

.alert-primary .alert-link {
    color: #7d3308;
}

.alert-secondary {
    --bs-alert-color: #1d3178;
    --bs-alert-bg: var(--brand-secondary-soft);
    --bs-alert-border-color: var(--brand-secondary-soft-border);
}

.alert-secondary .alert-link {
    color: #16265b;
}

.alert-fill.alert-primary {
    background: var(--brand-primary);
}

.alert-fill.alert-secondary {
    background: var(--brand-secondary);
}

.alert-pro.alert-primary,
.alert-pro.alert-primary > .icon {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

.alert-pro.alert-secondary,
.alert-pro.alert-secondary > .icon {
    border-color: var(--brand-secondary);
    color: var(--brand-secondary);
}

.btn-dim.btn-primary,
.btn-dim.btn-outline-primary {
    color: var(--brand-primary);
    background-color: var(--brand-primary-soft);
    border-color: var(--brand-primary-soft-border);
}

.btn-dim.btn-primary:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.dt-buttons .btn-outline-primary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-trans.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--brand-primary);
    background: var(--brand-primary-soft);
}

.btn-dim.btn-secondary,
.btn-dim.btn-outline-secondary {
    color: var(--brand-secondary);
    background-color: var(--brand-secondary-soft);
    border-color: var(--brand-secondary-soft-border);
}

.btn-dim.btn-secondary:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
}

.btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.dt-buttons .btn-outline-secondary.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-trans.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--brand-secondary);
    background: var(--brand-secondary-soft);
}

.nk-header.is-theme:not([class*=bg-]) {
    border-color: var(--brand-primary-hover);
    background: var(--brand-primary);
    background: linear-gradient(90deg, #df4c0b 0%, #f56a17 55%, #f4ba16 100%);
}

.nav-tabs .nav-link:hover {
    color: var(--brand-secondary);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--brand-primary);
    border: none;
    background-color: transparent;
}

.nav-tabs .nav-link:after {
    background: var(--brand-primary);
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-accent);
    --bs-btn-border-color: var(--brand-accent);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dfa300;
    --bs-btn-hover-border-color: #d39b00;
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c88f00;
    --bs-btn-active-border-color: #c88f00;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand-accent);
    --bs-btn-disabled-border-color: var(--brand-accent);
}

.btn-dim.btn-info {
    color: #ba8100;
    background-color: #fff7dd;
    border-color: #ffe29a;
}

.btn-dim.btn-info:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-accent);
    border-color: var(--brand-accent);
}

.btn-dim.btn-outline-light,
.dt-buttons .btn-dim.btn-secondary {
    color: var(--brand-secondary);
    background-color: var(--brand-secondary-soft);
    border-color: var(--brand-secondary-soft-border);
}

.btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover,
.dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
}

.pagination {
    --bs-pagination-color: var(--brand-secondary);
    --bs-pagination-border-color: var(--brand-border);
    --bs-pagination-hover-color: var(--brand-primary);
    --bs-pagination-hover-bg: var(--brand-primary-soft);
    --bs-pagination-hover-border-color: var(--brand-primary-soft-border);
    --bs-pagination-focus-color: var(--brand-primary);
    --bs-pagination-focus-bg: var(--brand-primary-soft);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--brand-primary);
    --bs-pagination-active-border-color: var(--brand-primary);
    --bs-pagination-disabled-color: #b8c3dc;
    --bs-pagination-disabled-border-color: var(--brand-border);
}

.page-link:hover,
.page-link:focus {
    box-shadow: none;
}

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

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

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

.btn-outline-success {
    --bs-btn-color: var(--brand-success);
    --bs-btn-border-color: var(--brand-success);
    --bs-btn-hover-bg: var(--brand-success);
    --bs-btn-hover-border-color: var(--brand-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-bg: var(--brand-success);
    --bs-btn-active-border-color: var(--brand-success);
    --bs-btn-disabled-color: var(--brand-success);
    --bs-btn-disabled-border-color: var(--brand-success);
}

.btn-outline-info {
    --bs-btn-color: var(--brand-info);
    --bs-btn-border-color: var(--brand-info);
    --bs-btn-hover-bg: var(--brand-info);
    --bs-btn-hover-border-color: var(--brand-info);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-bg: var(--brand-info);
    --bs-btn-active-border-color: var(--brand-info);
    --bs-btn-disabled-color: var(--brand-info);
    --bs-btn-disabled-border-color: var(--brand-info);
}

.btn-outline-warning {
    --bs-btn-color: var(--brand-warning);
    --bs-btn-border-color: var(--brand-warning);
    --bs-btn-hover-bg: var(--brand-warning);
    --bs-btn-hover-border-color: var(--brand-warning);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--brand-warning);
    --bs-btn-active-border-color: var(--brand-warning);
    --bs-btn-disabled-color: var(--brand-warning);
    --bs-btn-disabled-border-color: var(--brand-warning);
}

.btn-outline-danger {
    --bs-btn-color: var(--brand-danger);
    --bs-btn-border-color: var(--brand-danger);
    --bs-btn-hover-bg: var(--brand-danger);
    --bs-btn-hover-border-color: var(--brand-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-bg: var(--brand-danger);
    --bs-btn-active-border-color: var(--brand-danger);
    --bs-btn-disabled-color: var(--brand-danger);
    --bs-btn-disabled-border-color: var(--brand-danger);
}

.btn-dim.btn-success,
.btn-dim.btn-outline-success {
    color: var(--brand-success);
    background-color: var(--brand-success-soft);
    border-color: var(--brand-success-soft-border);
}

.btn-dim.btn-success:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-success);
    border-color: var(--brand-success);
}

.btn-dim.btn-info,
.btn-dim.btn-outline-info {
    color: var(--brand-info);
    background-color: var(--brand-info-soft);
    border-color: var(--brand-info-soft-border);
}

.btn-dim.btn-info:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-info:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-info);
    border-color: var(--brand-info);
}

.btn-dim.btn-warning,
.btn-dim.btn-outline-warning {
    color: #ba8100;
    background-color: var(--brand-warning-soft);
    border-color: var(--brand-warning-soft-border);
}

.btn-dim.btn-warning:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-warning:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-warning);
    border-color: var(--brand-warning);
}

.btn-dim.btn-danger,
.btn-dim.btn-outline-danger {
    color: var(--brand-danger);
    background-color: var(--brand-danger-soft);
    border-color: var(--brand-danger-soft-border);
}

.btn-dim.btn-danger:not(:disabled):not(.disabled):hover,
.btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: var(--brand-danger);
    border-color: var(--brand-danger);
}

.btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover,
.dt-buttons .btn-outline-success.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--brand-success);
    background: var(--brand-success-soft);
}

.btn-white.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover,
.dt-buttons .btn-outline-info.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-trans.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--brand-info);
    background: var(--brand-info-soft);
}

.btn-white.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover,
.dt-buttons .btn-outline-warning.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-trans.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--brand-warning);
    background: var(--brand-warning-soft);
}

.btn-white.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover,
.dt-buttons .btn-outline-danger.btn-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-trans.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--brand-danger);
    background: var(--brand-danger-soft);
}

.bg-success-dim {
    background-color: var(--brand-success-soft) !important;
}

.text-success-dim {
    color: var(--brand-success-soft) !important;
}

.bg-info-dim {
    background-color: var(--brand-info-soft) !important;
}

.text-info-dim {
    color: var(--brand-info-soft) !important;
}

.bg-warning-dim {
    background-color: var(--brand-warning-soft) !important;
}

.text-warning-dim {
    color: var(--brand-warning-soft) !important;
}

.bg-danger-dim {
    background-color: var(--brand-danger-soft) !important;
}

.text-danger-dim {
    color: var(--brand-danger-soft) !important;
}

.bg-success {
    border-color: var(--brand-success) !important;
    background: var(--brand-success) !important;
}

.bg-info {
    border-color: var(--brand-info) !important;
    background: var(--brand-info) !important;
}

.bg-warning {
    border-color: var(--brand-warning) !important;
    background: var(--brand-warning) !important;
}

.bg-danger {
    border-color: var(--brand-danger) !important;
    background: var(--brand-danger) !important;
}

.badge-dim.bg-success {
    color: var(--brand-success);
    background-color: var(--brand-success-soft) !important;
}

.badge-dim.bg-info {
    color: var(--brand-info);
    background-color: var(--brand-info-soft) !important;
}

.badge-dim.bg-warning {
    color: var(--brand-warning);
    background-color: var(--brand-warning-soft) !important;
}

.badge-dim.bg-danger {
    color: var(--brand-danger);
    background-color: var(--brand-danger-soft) !important;
}

.badge-dot.bg-success {
    color: var(--brand-success);
}

.badge-dot.bg-info {
    color: var(--brand-info);
}

.badge-dot.bg-warning {
    color: var(--brand-warning);
}

.badge-dot.bg-danger {
    color: var(--brand-danger);
}

.alert-success {
    --bs-alert-color: #a85c00;
    --bs-alert-bg: var(--brand-success-soft);
    --bs-alert-border-color: var(--brand-success-soft-border);
}

.alert-success .alert-link {
    color: #8d4c00;
}

.alert-info {
    --bs-alert-color: #233985;
    --bs-alert-bg: var(--brand-info-soft);
    --bs-alert-border-color: var(--brand-info-soft-border);
}

.alert-info .alert-link {
    color: #1a2b66;
}

.alert-warning {
    --bs-alert-color: #a77500;
    --bs-alert-bg: var(--brand-warning-soft);
    --bs-alert-border-color: var(--brand-warning-soft-border);
}

.alert-warning .alert-link {
    color: #845d00;
}

.alert-danger {
    --bs-alert-color: #983311;
    --bs-alert-bg: var(--brand-danger-soft);
    --bs-alert-border-color: var(--brand-danger-soft-border);
}

.alert-danger .alert-link {
    color: #7a280d;
}

.alert-fill.alert-success {
    background: var(--brand-success);
}

.alert-fill.alert-info {
    background: var(--brand-info);
}

.alert-fill.alert-warning {
    background: var(--brand-warning);
}

.alert-fill.alert-danger {
    background: var(--brand-danger);
}

.alert-pro.alert-success,
.alert-pro.alert-success > .icon {
    border-color: var(--brand-success);
    color: var(--brand-success);
}

.alert-pro.alert-info,
.alert-pro.alert-info > .icon {
    border-color: var(--brand-info);
    color: var(--brand-info);
}

.alert-pro.alert-warning,
.alert-pro.alert-warning > .icon {
    border-color: var(--brand-warning);
    color: var(--brand-warning);
}

.alert-pro.alert-danger,
.alert-pro.alert-danger > .icon {
    border-color: var(--brand-danger);
    color: var(--brand-danger);
}

a.fc-event-primary,
.modal-header.fc-event-primary,
span.fc-event-primary .dot,
.fc-event-primary:not(a) .fc-list-event-dot {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

a.fc-event-secondary,
.modal-header.fc-event-secondary,
span.fc-event-secondary .dot,
.fc-event-secondary:not(a) .fc-list-event-dot {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
}

a.fc-event-success,
.modal-header.fc-event-success,
span.fc-event-success .dot,
.fc-event-success:not(a) .fc-list-event-dot {
    background-color: var(--brand-success) !important;
    border-color: var(--brand-success) !important;
}

a.fc-event-info,
.modal-header.fc-event-info,
span.fc-event-info .dot,
.fc-event-info:not(a) .fc-list-event-dot {
    background-color: var(--brand-info) !important;
    border-color: var(--brand-info) !important;
}

a.fc-event-warning,
.modal-header.fc-event-warning,
span.fc-event-warning .dot,
.fc-event-warning:not(a) .fc-list-event-dot {
    background-color: var(--brand-warning) !important;
    border-color: var(--brand-warning) !important;
}

a.fc-event-danger,
.modal-header.fc-event-danger,
span.fc-event-danger .dot,
.fc-event-danger:not(a) .fc-list-event-dot {
    background-color: var(--brand-danger) !important;
    border-color: var(--brand-danger) !important;
}

.modal-header.fc-event-primary-dim {
    background-color: var(--brand-primary-soft) !important;
    color: var(--brand-primary) !important;
    border-color: var(--brand-primary-soft-border) !important;
}

.modal-header.fc-event-secondary-dim {
    background-color: var(--brand-secondary-soft) !important;
    color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary-soft-border) !important;
}

.modal-header.fc-event-success-dim {
    background-color: var(--brand-success-soft) !important;
    color: var(--brand-success) !important;
    border-color: var(--brand-success-soft-border) !important;
}

.modal-header.fc-event-info-dim {
    background-color: var(--brand-info-soft) !important;
    color: var(--brand-info) !important;
    border-color: var(--brand-info-soft-border) !important;
}

.modal-header.fc-event-warning-dim {
    background-color: var(--brand-warning-soft) !important;
    color: var(--brand-warning) !important;
    border-color: var(--brand-warning-soft-border) !important;
}

.modal-header.fc-event-danger-dim {
    background-color: var(--brand-danger-soft) !important;
    color: var(--brand-danger) !important;
    border-color: var(--brand-danger-soft-border) !important;
}

.modal-header.fc-event-primary-dim .close,
.modal-header.fc-event-primary-dim .modal-title {
    color: var(--brand-primary) !important;
}

.modal-header.fc-event-secondary-dim .close,
.modal-header.fc-event-secondary-dim .modal-title {
    color: var(--brand-secondary) !important;
}

.modal-header.fc-event-success-dim .close,
.modal-header.fc-event-success-dim .modal-title {
    color: var(--brand-success) !important;
}

.modal-header.fc-event-info-dim .close,
.modal-header.fc-event-info-dim .modal-title {
    color: var(--brand-info) !important;
}

.modal-header.fc-event-warning-dim .close,
.modal-header.fc-event-warning-dim .modal-title {
    color: var(--brand-warning) !important;
}

.modal-header.fc-event-danger-dim .close,
.modal-header.fc-event-danger-dim .modal-title {
    color: var(--brand-danger) !important;
}