:root {
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-off-black: #333333;
    --bs-gray: #5d7186;
    --bs-gray-dark: #36404a;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #eef2f7;
    --bs-gray-300: #d8dfe7;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #8c98a5;
    --bs-gray-600: #5d7186;
    --bs-gray-700: #424e5a;
    --bs-gray-800: #36404a;
    --bs-gray-900: #323a46;
    
    --bs-primary: #ff8c00;
    --bs-secondary: #5d7186;
    --bs-success: #37a593;
    --bs-warning: #fac71f;
    --bs-info: #20c8e9;
    --bs-danger: #ef5f5f;
    --bs-purple: #8579da;
    --bs-pink: #ff86c8;
    /* --bs-blue: #604ae3; */
    --bs-orange: #ff8c00;
    --bs-indigo: #735cdd;
    --bs-red: #ef5f5f;
    --bs-yellow: #fac71f;
    --bs-green: #37a593;
    --bs-teal: #040505;
    --bs-cyan: #20c8e9;
    --bs-light: #eef2f7;
    --bs-dark: #323a46;
    
    --bs-primary-rgb: 255, 140, 0;
    --bs-secondary-rgb: 93, 113, 134;
    --bs-success-rgb: 55, 165, 147;
    --bs-warning-rgb: 250, 199, 31;
    --bs-info-rgb: 32, 200, 233;
    --bs-danger-rgb: 239, 95, 95;
    --bs-purple-rgb: 133, 121, 218;
    --bs-pink-rgb: 255, 134, 200;
    --bs-blue-rgb: 96, 74, 227;
    --bs-orange-rgb: 255, 140, 97;
    --bs-indigo-rgb: 115, 92, 221;
    --bs-red-rgb: 239, 95, 95;
    --bs-yellow-rgb: 250, 199, 31;
    --bs-green-rgb: 55, 165, 147;
    --bs-teal-rgb: 4, 5, 5;
    --bs-cyan-rgb: 32, 200, 233;
    --bs-light-rgb: 238, 242, 247;
    --bs-dark-rgb: 50, 58, 70;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Comme", 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: Comme, sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #333333;
    --bs-body-color-rgb: 93, 113, 134;
    --bs-body-bg: #F0F0F0;
    --bs-body-bg-rgb: 240, 240, 240;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: var(--bs-gray-300);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    
    --bs-border-radius: 2px;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    
    --bs-link-color: var(--bs-gray-800);
    --bs-link-hover-color: var(--bs-orange);
    --bs-code-color: #ff86c8;
    --bs-highlight-bg: #fcf8e3;
    
    --bs-image-box-modal-bg-color: #eeeeee;
    
    --bs-logo-lg-height: 55px;
    --bs-logo-sm-height: 28px;
    --bs-main-nav-width: 260px;
    --bs-main-nav-width-sm: 70px;
    --bs-main-nav-item-icon-size: 20px;
    --bs-main-nav-item-font-size: 15px;
    --bs-main-nav-item-padding-x: 10px;
    --bs-main-nav-item-padding-y: 10px;
    --bs-card-header-height: 55px;
    --bs-topbar-height: 70px;
    --bs-footer-height: 60px;
    --bs-horizontal-menu-dropdown-min-width: 200px;
    --bs-headings-color: #313b5e;
    --bs-custom-bg: #ffffff;
    
    --bs-main-nav-item-hover-bg: var(--bs-orange);
    --bs-main-nav-item-hover-color: var(--bs-black);
    
    --bs-topbar-bg: #ffffff;
    --bs-topbar-item-color: #707793;
    --bs-topbar-search-bg: #f3f3f9;
    
    --bs-form-control-bg-color: #FFFFFF;
    --bs-form-control-color: #333333;
    --bs-form-control-border-color: #2a2a2a;
    
    --bs-form-control-focus-bg-color: #FFFFFF;
    --bs-form-control-focus-color: #333333;
    --bs-form-control-focus-border-color: #2a2a2a;
    --bs-form-control-check-bg-color: #FFFFFF;
    --bs-form-control-check-border-color: #2a2a2a;
    --bs-form-control-check-checked-bg-color: #ff8c61;
    --bs-form-control-check-checked-border-color: #ff8c61;
    
    --bs-shadow-glow: 0 0 5px #eeeeee;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: bold;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-off-black);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-hover-color: var(--bs-off-black);
    --bs-btn-box-shadow: 0px 2px 6px 0px;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.15rem
        rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(254, 199, 111, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(337deg) brightness(102%) contrast(103%);
}

.card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.75rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-radius: 0.425rem;
    --bs-card-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --bs-card-inner-border-radius: 0.425rem;
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: var(--bs-gray-300);
    --bs-card-bg: var(--bs-custom-bg);
    --bs-card-img-overlay-padding: 1.5rem;
    --bs-card-group-margin: 0.75rem;
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: #cacaca;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: var(--bs-gray-100);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: var(--bs-gray-100);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--bs-gray-200);
    
    --bs-table-nth-child-odd-row: #ffffff;
    --bs-table-nth-child-even-row: #e9ecef;
}

.table-success {
    --bs-table-color: var(--bs-white);
    --bs-table-bg: #2d9b20;
    --bs-table-border-color: #c7dbd9;
    --bs-table-striped-bg: #323a46;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #323a46;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #27831d;
    --bs-table-hover-color: #ffffff;
}

.table-warning {
    --bs-table-color: #333333;
    --bs-table-bg: #fac71f;
    --bs-table-border-color: #eae1c4;
    --bs-table-striped-bg: #323a46;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #323a46;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #cfa519;
    --bs-table-hover-color: #333333;
}

.modal-backdrop {
    --bs-backdrop-bg: var(--bs-black);
    --bs-backdrop-opacity: 0.8;
    --bs-backdrop-zindex: 1050;
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1.5rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-custom-bg);
    --bs-modal-border-color: transparent;
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: var(--bs-border-radius);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: var(--bs-border-radius);
    --bs-modal-header-padding-x: 1.5rem;
    --bs-modal-header-padding-y: 1.5rem;
    --bs-modal-header-padding: 1.5rem 1.5rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.25rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-custom-bg);
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 0.425rem;
    --bs-dropdown-divider-bg: var(--bs-gray-300);
    --bs-dropdown-divider-margin-y: 0.25rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-dark);
    --bs-dropdown-link-hover-bg: var(--bs-gray-100);
    --bs-dropdown-link-active-color: var(--bs-dark);
    --bs-dropdown-link-active-bg: var(--bs-gray-100);
    --bs-dropdown-link-disabled-color: var(--bs-gray-600);
    --bs-dropdown-item-padding-x: 1.5rem;
    --bs-dropdown-item-padding-y: 0.375rem;
    --bs-dropdown-header-color: inherit;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}


.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: transparent;
    --bs-accordion-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.425rem;
    --bs-accordion-inner-border-radius: calc(0.425rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235e6e82'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235e6e82'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: var(--bs-border-color);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #604ae3;
    --bs-accordion-active-bg: rgba(91, 141, 236, 0.1);
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-font-size: 0.9375rem;
    --bs-breadcrumb-bg: transparent;
    --bs-breadcrumb-border-radius: var(--bs-border-radius);
    --bs-breadcrumb-divider-color: var(--bs-gray-500);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-gray-700);
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.5rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-custom-bg);
    --bs-pagination-border-width: 1px;
    --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-gray-200);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-custom-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.15rem rgba(91, 141, 236, 0.25);
    --bs-pagination-active-color: var(--bs-body-color);
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-border-color);
    --bs-pagination-disabled-color: var(--bs-gray-600);
    --bs-pagination-disabled-bg: var(--bs-custom-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-border-radius: var(--bs-border-radius);
}
.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.7875rem;
    --bs-pagination-border-radius: var(--bs-border-radius);
}
.badge {
    --bs-badge-padding-x: 6px;
    --bs-badge-padding-y: 3px;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 600;
    --bs-badge-color: #ffffff;
    --bs-badge-border-radius: var(--bs-border-radius);
}
.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1.25rem;
    --bs-alert-padding-y: 0.75rem;
    --bs-alert-margin-bottom: 1.25rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 0 solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
}

.progress {
    --bs-progress-height: 0.75rem;
    --bs-progress-font-size: 0.65625rem;
    --bs-progress-bg: var(--bs-light);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #ffffff;
    --bs-progress-bar-bg: #604ae3;
    --bs-progress-bar-transition: width 0.6s ease;
}
.list-group {
    --bs-list-group-color: var(--bs-gray-600);
    --bs-list-group-bg: var(--bs-custom-bg);
    --bs-list-group-border-color: var(--bs-gray-300);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1.5rem;
    --bs-list-group-item-padding-y: 0.75rem;
    --bs-list-group-action-color: var(--bs-gray-700);
    --bs-list-group-action-hover-color: var(--bs-gray-700);
    --bs-list-group-action-hover-bg: var(--bs-gray-100);
    --bs-list-group-action-active-color: #5d7186;
    --bs-list-group-action-active-bg: var(--bs-gray-200);
    --bs-list-group-disabled-color: var(--bs-gray-600);
    --bs-list-group-disabled-bg: var(--bs-custom-bg);
    --bs-list-group-active-color: #ffffff;
    --bs-list-group-active-bg: #604ae3;
    --bs-list-group-active-border-color: #604ae3;
}
.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.75rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-bg: var(--bs-custom-bg);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    --bs-toast-header-color: var(--bs-gray-600);
    --bs-toast-header-bg: var(--bs-custom-bg);
    --bs-toast-header-border-color: var(--bs-border-color);
}
.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.8rem;
    --bs-tooltip-padding-y: 0.4rem;
    --bs-tooltip-margin: 0;
    --bs-tooltip-font-size: 0.7875rem;
    --bs-tooltip-color: #ffffff;
    --bs-tooltip-bg: #000000;
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
}
.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.7875rem;
    --bs-popover-bg: var(--bs-custom-bg);
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color);
    --bs-popover-border-radius: var(--bs-border-radius);
    --bs-popover-inner-border-radius: calc(0.475rem - 1px);
    --bs-popover-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.2);
    --bs-popover-header-padding-x: 0.8rem;
    --bs-popover-header-padding-y: 0.7rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: var(--bs-headings-color);
    --bs-popover-header-bg: var(--bs-gray-100);
    --bs-popover-body-padding-x: 0.8rem;
    --bs-popover-body-padding-y: 0.7rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
}