.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D51709;
    --bs-btn-border-color: #D51709;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #780b03;
    --bs-btn-hover-border-color: #a41207;
    --bs-btn-focus-shadow-rgb: 50, 83, 164;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a41207;
    --bs-btn-active-border-color: #780b03;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D51709;
    --bs-btn-disabled-border-color: #D51709;
}

:root, [data-bs-theme=light] {
    --bs-blue: #5D87FF;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ff3624;
    --bs-orange: #fd7e14;
    --bs-yellow: #FFAE1F;
    --bs-green: #008000;
    --bs-teal: #20c997;
    --bs-cyan: #539BFF;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #2A3547;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #F6F9FC;
    --bs-gray-200: #EAEFF4;
    --bs-gray-300: #DFE5EF;
    --bs-gray-400: #7C8FAC;
    --bs-gray-500: #5A6A85;
    --bs-gray-600: #2A3547;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #D51709;
    --bs-secondary: #000000;
    --bs-success: #008000;
    --bs-info: #539BFF;
    --bs-warning: #FFAE1F;
    --bs-danger: #ff3624;
    --bs-light: #F6F9FC;
    --bs-dark: #2A3547;
    --bs-muted: #5A6A85;
    --bs-light-primary: #ECF2FF;
    --bs-light-secondary: #E8F7FF;
    --bs-light-info: #EBF3FE;
    --bs-light-success: #E6FFFA;
    --bs-light-warning: #FEF5E5;
    --bs-light-danger: #FBF2EF;
    --bs-light-indigo: #EBF3FE;
    --bs-dark-light: #2A3547;
    --bs-light-gray: #F6F9FC;
    --bs-primary-rgb: 213, 23, 9;
    --bs-secondary-rgb: 28, 104, 191;
    --bs-success-rgb: 0, 128, 0;
    --bs-info-rgb: 83, 155, 255;
    --bs-warning-rgb: 255, 174, 31;
    --bs-danger-rgb: 255, 54, 36;
    --bs-light-rgb: 246, 249, 252;
    --bs-dark-rgb: 42, 53, 71;
    --bs-muted-rgb: 90, 106, 133;
    --bs-indigo-rgb: 102, 16, 242;
    --bs-light-primary-rgb: 255, 241, 241;
    --bs-light-secondary-rgb: 232, 247, 255;
    --bs-light-info-rgb: 235, 243, 254;
    --bs-light-success-rgb: 230, 255, 250;
    --bs-light-warning-rgb: 254, 245, 229;
    --bs-light-danger-rgb: 251, 242, 239;
    --bs-light-indigo-rgb: 235, 243, 254;
    --bs-dark-light-rgb: 42, 53, 71;
    --bs-light-gray-rgb: 246, 249, 252;
    --bs-primary-text: #fee1df;
    --bs-secondary-text: #808080;
    --bs-success-text: #006600;
    --bs-info-text: #325d99;
    --bs-warning-text: #996813;
    --bs-danger-text: #cc2b1d;
    --bs-light-text: #2A3547;
    --bs-dark-text: #495057;
    --bs-primary-bg-subtle: #dfe7ff;
    --bs-secondary-bg-subtle: #F6F9FC;
    --bs-success-bg-subtle: #cce6cc;
    --bs-info-bg-subtle: #ddebff;
    --bs-warning-bg-subtle: #ffefd2;
    --bs-danger-bg-subtle: #ffd7d3;
    --bs-light-bg-subtle: #fbfcfe;
    --bs-dark-bg-subtle: #7C8FAC;
    --bs-primary-border-subtle: #becfff;
    --bs-secondary-border-subtle: #EAEFF4;
    --bs-success-border-subtle: #99cc99;
    --bs-info-border-subtle: #bad7ff;
    --bs-warning-border-subtle: #ffdfa5;
    --bs-danger-border-subtle: #ffafa7;
    --bs-light-border-subtle: #EAEFF4;
    --bs-dark-border-subtle: #5A6A85;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 90, 106, 133;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Khmer MN", "Arial Narrow", "Century Gothic", "Plus Jakarta Sans", sans-serif;
    --bs-font-monospace: 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: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #5A6A85;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(90, 106, 133, 0.75);
    --bs-secondary-color-rgb: 90, 106, 133;
    --bs-secondary-bg: #EAEFF4;
    --bs-secondary-bg-rgb: 234, 239, 244;
    --bs-tertiary-color: rgba(90, 106, 133, 0.5);
    --bs-tertiary-color-rgb: 90, 106, 133;
    --bs-tertiary-bg: #F6F9FC;
    --bs-tertiary-bg-rgb: 246, 249, 252;
    --bs-body-bg: #fff;
    --bs-heading-color: #2A3547;
    --bs-link-color: #D51709;
    --bs-link-color-rgb: 14, 53, 148;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #a41207;
    --bs-link-hover-color-rgb: 11, 42, 118;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #ffefd2;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #ebf1f6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 7px;
    --bs-border-radius-sm: 5px;
    --bs-border-radius-lg: 15px;
    --bs-border-radius-xl: 12px;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active, .sidebar-nav ul .sidebar-item>.sidebar-link.active
{
    background-color: var(--bs-primary);
}

.__light-bg {
    background-color: rgb(var(--bs-light-primary-rgb)); /* #f1f4ff */
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(14, 53, 148, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #D51709;
    --bs-pagination-active-border-color: #780b03;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1a1a1a;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 62, 127, 201;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #808080;
    --bs-btn-disabled-border-color: #808080;
}

.radial-gradient::before {
    background: radial-gradient(#d2f1df,#d3d7fa,rgb(var(--bs-light-primary-rgb))) 0 0/400% 400%;
}

.action-button  {
    background-color: var(--bs-primary) !important;
}

.fs-title {
    color: var(--bs-primary) !important;
}

.progress, .progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #D51709;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex
;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
    box-shadow: var(--bs-progress-box-shadow);
}

#progressbar .active
{
    color: var(--bs-primary);
}

#progressbar li.active:before, #progressbar li.active:after
{
    background-color: var(--bs-primary);
}