.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.475rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius, 0)
}

:root {
    --kt-xs: 0;
    --kt-sm: 576px;
    --kt-md: 768px;
    --kt-lg: 992px;
    --kt-xl: 1200px;
    --kt-xxl: 1400px;
    --kt-white: #ffffff;
    --kt-black: #000000;
    --kt-text-muted: #A1A5B7;
    --kt-gray-100: #f5f8fa;
    --kt-gray-200: #eff2f5;
    --kt-gray-300: #E4E6EF;
    --kt-gray-400: #B5B5C3;
    --kt-gray-500: #A1A5B7;
    --kt-gray-600: #7E8299;
    --kt-gray-700: #5E6278;
    --kt-gray-800: #3F4254;
    --kt-gray-900: #181C32;
    --kt-gray-100-rgb: 245, 248, 250;
    --kt-gray-200-rgb: 239, 242, 245;
    --kt-gray-300-rgb: 228, 230, 239;
    --kt-gray-400-rgb: 181, 181, 195;
    --kt-gray-500-rgb: 161, 165, 183;
    --kt-gray-600-rgb: 126, 130, 153;
    --kt-gray-700-rgb: 94, 98, 120;
    --kt-gray-800-rgb: 63, 66, 84;
    --kt-gray-900-rgb: 24, 28, 50;
    --kt-white: #ffffff;
    --kt-light: #f5f8fa;
    --kt-primary: #009ef7;
    --kt-secondary: #E4E6EF;
    --kt-success: #50cd89;
    --kt-info: #7239ea;
    --kt-warning: #ffc700;
    --kt-danger: #f1416c;
    --kt-dark: #181C32;
    --kt-primary-active: #0095e8;
    --kt-secondary-active: #B5B5C3;
    --kt-light-active: #eff2f5;
    --kt-success-active: #47be7d;
    --kt-info-active: #5014d0;
    --kt-warning-active: #f1bc00;
    --kt-danger-active: #d9214e;
    --kt-dark-active: #131628;
    --kt-primary-light: #f1faff;
    --kt-secondary-light: #f5f8fa;
    --kt-success-light: #e8fff3;
    --kt-info-light: #f8f5ff;
    --kt-warning-light: #fff8dd;
    --kt-danger-light: #fff5f8;
    --kt-dark-light: #eff2f5;
    --kt-primary-inverse: #ffffff;
    --kt-secondary-inverse: #3F4254;
    --kt-light-inverse: #7E8299;
    --kt-success-inverse: #ffffff;
    --kt-info-inverse: #ffffff;
    --kt-warning-inverse: #ffffff;
    --kt-danger-inverse: #ffffff;
    --kt-dark-inverse: #ffffff;
    --kt-white-rgb: 255, 255, 255;
    --kt-light-rgb: 245, 248, 250;
    --kt-primary-rgb: 0, 158, 247;
    --kt-secondary-rgb: 228, 230, 239;
    --kt-success-rgb: 80, 205, 137;
    --kt-info-rgb: 114, 57, 234;
    --kt-warning-rgb: 255, 199, 0;
    --kt-danger-rgb: 241, 65, 108;
    --kt-dark-rgb: 24, 28, 50;
    --kt-text-white: #ffffff;
    --kt-text-primary: #009ef7;
    --kt-text-secondary: #E4E6EF;
    --kt-text-light: #f5f8fa;
    --kt-text-success: #50cd89;
    --kt-text-info: #7239ea;
    --kt-text-warning: #ffc700;
    --kt-text-danger: #f1416c;
    --kt-text-dark: #181C32;
    --kt-text-muted: #A1A5B7;
    --kt-text-gray-100: #f5f8fa;
    --kt-text-gray-200: #eff2f5;
    --kt-text-gray-300: #E4E6EF;
    --kt-text-gray-400: #B5B5C3;
    --kt-text-gray-500: #A1A5B7;
    --kt-text-gray-600: #7E8299;
    --kt-text-gray-700: #5E6278;
    --kt-text-gray-800: #3F4254;
    --kt-text-gray-900: #181C32;
    --kt-body-bg: #ffffff;
    --kt-body-bg-rgb: 255, 255, 255;
    --kt-body-color: #181C32;
    --kt-link-color: #009ef7;
    --kt-link-hover-color: shift-color(#009ef7, 20%);
    --kt-border-color: #eff2f5;
    --kt-border-dashed-color: #E4E6EF;
    --kt-component-active-color: #ffffff;
    --kt-component-active-bg: #009ef7;
    --kt-component-hover-color: #009ef7;
    --kt-component-hover-bg: #F4F6FA;
    --kt-component-checked-color: #ffffff;
    --kt-component-checked-bg: #009ef7;
    --kt-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --kt-headings-color: #181C32;
    --kt-table-color: #181C32;
    --kt-table-bg: transparent;
    --kt-table-striped-color: #181C32;
    --kt-table-striped-bg: rgba(245, 248, 250, 0.75);
    --kt-table-accent-bg: transparent;
    --kt-table-active-color: #181C32;
    --kt-table-active-bg: #f5f8fa;
    --kt-table-hover-colorr: #181C32;
    --kt-table-hover-bg: #f5f8fa;
    --kt-table-border-color: #eff2f5;
    --kt-table-caption-color: #A1A5B7;
    --kt-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-table-loading-message-bg: #ffffff;
    --kt-table-loading-message-color: #5E6278;
    --kt-input-btn-focus-color: rgba(0, 158, 247, 0.25);
    --kt-input-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-input-btn-focus-color-opacity: 0.25;
    --kt-input-color: #5E6278;
    --kt-input-placeholder-color: #A1A5B7;
    --kt-input-plaintext-color: #5E6278;
    --kt-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --kt-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --kt-btn-disabled-opacity: 0.65;
    --kt-btn-link-color: #009ef7;
    --kt-btn-link-hover-color: shift-color(#009ef7, 20%);
    --kt-btn-link-disabled-color: #7E8299;
    --kt-form-label-color: #3F4254;
    --kt-form-text-color: #A1A5B7;
    --kt-input-bg: #ffffff;
    --kt-input-disabled-bg: #eff2f5;
    --kt-input-disabled-border-color: #E4E6EF;
    --kt-input-color: #5E6278;
    --kt-input-border-color: #E4E6EF;
    --kt-input-focus-bg: #ffffff;
    --kt-input-focus-border-color: #B5B5C3;
    --kt-input-focus-color: #5E6278;
    --kt-input-solid-bg: #f5f8fa;
    --kt-input-solid-bg-focus: #eef3f7;
    --kt-input-solid-placeholder-color: #A1A5B7;
    --kt-input-solid-color: #5E6278;
    --kt-form-check-input-active-filter: brightness(90%);
    --kt-form-check-input-bg: transparent;
    --kt-form-check-input-bg-solid: #eff2f5;
    --kt-form-check-input-border: 1px solid #E4E6EF;
    --kt-form-check-input-focus-border: #B5B5C3;
    --kt-form-check-input-focus-box-shadow: none;
    --kt-form-check-input-checked-color: #ffffff;
    --kt-form-check-input-checked-bg-color: #009ef7;
    --kt-form-check-input-checked-bg-color-solid: #009ef7;
    --kt-form-check-input-checked-border-color: #009ef7;
    --kt-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-check-input-indeterminate-color: #ffffff;
    --kt-form-check-input-indeterminate-bg-color: #009ef7;
    --kt-form-check-input-indeterminate-border-color: #009ef7;
    --kt-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    --kt-form-check-input-disabled-opacity: 0.5;
    --kt-form-check-label-disabled-opacity: 0.5;
    --kt-form-check-btn-check-disabled-opacity: 0.65;
    --kt-form-switch-color: rgba(0, 0, 0, 0.25);
    --kt-form-switch-color-solid: #ffffff;
    --kt-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    --kt-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-switch-focus-color: #B5B5C3;
    --kt-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B5B5C3'/%3e%3c/svg%3e");
    --kt-form-switch-checked-color: #ffffff;
    --kt-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-input-group-addon-color: #5E6278;
    --kt-input-group-addon-bg: #f5f8fa;
    --kt-input-group-addon-border-color: #E4E6EF;
    --kt-form-select-color: #5E6278;
    --kt-form-select-bg: #ffffff;
    --kt-form-select-disabled-bg: #eff2f5;
    --kt-form-select-disabled-border-color: #E4E6EF;
    --kt-form-select-indicator-color: #7E8299;
    --kt-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --kt-form-select-border-color: #E4E6EF;
    --kt-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --kt-form-select-focus-border-color: #B5B5C3;
    --kt-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-form-file-button-color: #5E6278;
    --kt-form-file-button-bg: #f5f8fa;
    --kt-form-file-button-hover-bg: shade-color(#f5f8fa, 5%);
    --kt-nav-tabs-border-color: #eff2f5;
    --kt-nav-tabs-link-hover-border-color: #eff2f5 #eff2f5 #eff2f5;
    --kt-nav-tabs-link-active-color: #5E6278;
    --kt-nav-tabs-link-active-bg: #ffffff;
    --kt-nav-tabs-link-active-border-color: #E4E6EF #E4E6EF #ffffff;
    --kt-nav-pills-link-active-color: #ffffff;
    --kt-nav-pills-link-active-bg: #009ef7;
    --kt-dropdown-color: #181C32;
    --kt-dropdown-bg: #ffffff;
    --kt-dropdown-divider-bg: #f5f8fa;
    --kt-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-dropdown-link-color: #181C32;
    --kt-dropdown-link-hover-color: shade-color(#181C32, 10%);
    --kt-dropdown-link-hover-bg: #eff2f5;
    --kt-dropdown-link-active-color: #ffffff;
    --kt-dropdown-link-active-bg: #009ef7;
    --kt-dropdown-link-disabled-color: #A1A5B7;
    --kt-dropdown-header-color: #7E8299;
    --kt-pagination-item-bg: #ffffff;
    --kt-pagination-color: #5E6278;
    --kt-pagination-bg: transparent;
    --kt-pagination-border-color: transparent;
    --kt-pagination-focus-color: #009ef7;
    --kt-pagination-focus-bg: #F4F6FA;
    --kt-pagination-focus-box-shadow: none;
    --kt-pagination-focus-outline: 0;
    --kt-pagination-hover-color: #009ef7;
    --kt-pagination-hover-bg: #F4F6FA;
    --kt-pagination-hover-border-color: transparent;
    --kt-pagination-active-color: #ffffff;
    --kt-pagination-active-bg: #009ef7;
    --kt-pagination-active-border-color: transparent;
    --kt-pagination-disabled-color: #B5B5C3;
    --kt-pagination-disabled-bg: transparent;
    --kt-card-bg: #ffffff;
    --kt-card-box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
    --kt-card-border-color: #eff2f5;
    --kt-card-border-dashed-color: #E4E6EF;
    --kt-card-cap-bg: transparent;
    --kt-accordion-color: #181C32;
    --kt-accordion-bg: #ffffff;
    --kt-accordion-border-color: #eff2f5;
    --kt-accordion-button-bg: #ffffff;
    --kt-accordion-button-color: #181C32;
    --kt-accordion-button-active-bg: #f5f8fa;
    --kt-accordion-button-active-color: #009ef7;
    --kt-accordion-button-focus-border-color: #eff2f5;
    --kt-accordion-button-focus-box-shadow: none;
    --kt-accordion-icon-color: #181C32;
    --kt-accordion-icon-active-color: #009ef7;
    --kt-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181C32'%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");
    --kt-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%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");
    --kt-tooltip-color: #3F4254;
    --kt-tooltip-bg: #ffffff;
    --kt-tooltip-opacity: 1;
    --kt-tooltip-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-popover-bg: #ffffff;
    --kt-popover-border-color: #ffffff;
    --kt-popover-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-popover-header-bg: #ffffff;
    --kt-popover-header-color: #3F4254;
    --kt-popover-header-border-color: #eff2f5;
    --kt-popover-body-color: #3F4254;
    --kt-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-dropdown-bg: #ffffff;
    --kt-toast-background-color: rgba(255, 255, 255, 0.85);
    --kt-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-toast-header-color: #7E8299;
    --kt-toast-header-background-color: rgba(255, 255, 255, 0.85);
    --kt-toast-header-border-color: rgba(0, 0, 0, 0.05);
    --kt-badge-color: #ffffff;
    --kt-modal-bg: #ffffff;
    --kt-modal-border-color: var(--bs-border-color-translucent);
    --kt-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    --kt-modal-content-bg: #ffffff;
    --kt-modal-content-border-color: var(--bs-border-color-translucent);
    --kt-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    --kt-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --kt-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    --kt-modal-header-border-color: #eff2f5;
    --kt-modal-footer-border-color: #eff2f5;
    --kt-modal-backdrop-bg: #000000;
    --kt-modal-backdrop-opacity: 0.3;
    --kt-progress-bg: #f5f8fa;
    --kt-progress-box-shadow: none;
    --kt-list-group-color: #181C32;
    --kt-list-group-bg: #ffffff;
    --kt-list-group-border-color: rgba(0, 0, 0, 0.125);
    --kt-list-group-hover-bg: #f5f8fa;
    --kt-list-group-active-color: #ffffff;
    --kt-list-group-active-bg: #009ef7;
    --kt-list-group-active-border-colorg: #009ef7;
    --kt-list-group-disabled-color: #7E8299;
    --kt-list-group-disabled-bg: #ffffff;
    --kt-list-group-action-colorg: #5E6278;
    --kt-list-group-action-hover-color: #5E6278;
    --kt-list-group-action-active-color: #181C32;
    --kt-list-group-action-active-bg: #eff2f5;
    --kt-thumbnail-bg: #ffffff;
    --kt-thumbnail-border-color: #eff2f5;
    --kt-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-figure-caption-color: #7E8299;
    --kt-breadcrumb-divider-color: #7E8299;
    --kt-breadcrumb-active-color: #009ef7;
    --kt-carousel-custom-indicator-default-bg-color: #eff2f5;
    --kt-carousel-custom-indicator-active-bg-color: #B5B5C3;
    --kt-carousel-custom-bullet-indicator-default-bg-color: #B5B5C3;
    --kt-carousel-custom-bullet-indicator-active-bg-color: #7E8299;
    --kt-code-bg: #F1F3F8;
    --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --kt-code-color: #b93993;
    --kt-btn-close-color: #000000;
    --kt-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%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");
    --kt-offcanvas-border-color: var(--bs-border-color-translucent);
    --kt-offcanvas-bg-color: #ffffff;
    --kt-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --kt-offcanvas-backdrop-bg: #000000;
    --kt-offcanvas-backdrop-opacity: 0.3;
    --kt-symbol-label-color: #3F4254;
    --kt-symbol-label-bg: #f5f8fa;
    --kt-symbol-border-color: rgba(255, 255, 255, 0.5);
    --kt-bullet-bg-color: #B5B5C3;
    --kt-scrolltop-opacity: 0;
    --kt-scrolltop-opacity-on: 0.3;
    --kt-scrolltop-opacity-hover: 1;
    --kt-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-scrolltop-bg-color: #009ef7;
    --kt-scrolltop-bg-color-hover: #009ef7;
    --kt-scrolltop-icon-color: #ffffff;
    --kt-scrolltop-icon-color-hover: #ffffff;
    --kt-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --kt-drawer-bg-color: #ffffff;
    --kt-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --kt-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-menu-dropdown-bg-color: #ffffff;
    --kt-menu-heading-color: #A1A5B7;
    --kt-menu-link-color-hover: #009ef7;
    --kt-menu-link-color-show: #009ef7;
    --kt-menu-link-color-here: #009ef7;
    --kt-menu-link-color-active: #009ef7;
    --kt-menu-link-bg-color-hover: #F4F6FA;
    --kt-menu-link-bg-color-show: #F4F6FA;
    --kt-menu-link-bg-color-here: #F4F6FA;
    --kt-menu-link-bg-color-active: #F4F6FA;
    --kt-feedback-popup-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --kt-feedback-popup-background-color: #ffffff;
    --kt-scrollbar-color: #eff2f5;
    --kt-scrollbar-hover-color: #e9edf1;
    --kt-scrollbar-width: 0.4rem;
    --kt-scrollbar-height: 0.4rem;
    --kt-scrollbar-space: 0.5rem;
    --kt-overlay-bg: rgba(0, 0, 0, 0.05);
    --kt-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --kt-rating-color-default: #B5B5C3;
    --kt-rating-color-active: #FFAD0F;
    --kt-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
    --kt-ribbon-label-bg: #009ef7;
    --kt-ribbon-label-border-color: #005d91;
    --kt-ribbon-clip-bg: #181C32
}

[data-theme=dark] {
    --kt-text-muted: #565674;
    --kt-gray-100: #1b1b29;
    --kt-gray-200: #2B2B40;
    --kt-gray-300: #323248;
    --kt-gray-400: #474761;
    --kt-gray-500: #565674;
    --kt-gray-600: #6D6D80;
    --kt-gray-700: #92929F;
    --kt-gray-800: #CDCDDE;
    --kt-gray-900: #FFFFFF;
    --kt-gray-100-rgb: 27, 27, 41;
    --kt-gray-200-rgb: 43, 43, 64;
    --kt-gray-300-rgb: 50, 50, 72;
    --kt-gray-400-rgb: 71, 71, 97;
    --kt-gray-500-rgb: 86, 86, 116;
    --kt-gray-600-rgb: 109, 109, 128;
    --kt-gray-700-rgb: 146, 146, 159;
    --kt-gray-800-rgb: 205, 205, 222;
    --kt-gray-900-rgb: 255, 255, 255;
    --kt-dark: #FFFFFF;
    --kt-light: #2B2B40;
    --kt-secondary: #323248;
    --kt-dark-active: white;
    --kt-light-active: #323248;
    --kt-secondary-active: #474761;
    --kt-primary-light: #212e48;
    --kt-success-light: #1c3238;
    --kt-info-light: #2f264f;
    --kt-warning-light: #392f28;
    --kt-danger-light: #3a2434;
    --kt-dark-light: #2B2B40;
    --kt-secondary-light: #1b1b29;
    --kt-dark-inverse: #1b1b29;
    --kt-light-inverse: #6D6D80;
    --kt-secondary-inverse: #CDCDDE;
    --kt-dark-rgb: 255, 255, 255;
    --kt-light-rgb: 43, 43, 64;
    --kt-secondary-rgb: 50, 50, 72;
    --kt-text-dark: #FFFFFF;
    --kt-text-muted: #565674;
    --kt-text-secondary: #323248;
    --kt-text-gray-100: #1b1b29;
    --kt-text-gray-200: #2B2B40;
    --kt-text-gray-300: #323248;
    --kt-text-gray-400: #474761;
    --kt-text-gray-500: #565674;
    --kt-text-gray-600: #6D6D80;
    --kt-text-gray-700: #92929F;
    --kt-text-gray-800: #CDCDDE;
    --kt-text-gray-900: #FFFFFF;
    --kt-body-bg: #1e1e2d;
    --kt-body-bg-rgb: 30, 30, 45;
    --kt-body-color: #FFFFFF;
    --kt-link-color: #009ef7;
    --kt-link-hover-color: shift-color(#009ef7, 20%);
    --kt-border-color: #2B2B40;
    --kt-border-dashed-color: #323248;
    --kt-component-active-color: #ffffff;
    --kt-component-active-bg: #009ef7;
    --kt-component-hover-color: #009ef7;
    --kt-component-hover-bg: #2B2B40;
    --kt-component-checked-color: #ffffff;
    --kt-component-checked-bg: #009ef7;
    --kt-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --kt-headings-color: #FFFFFF;
    --kt-table-color: #FFFFFF;
    --kt-table-bg: transparent;
    --kt-table-striped-color: #FFFFFF;
    --kt-table-striped-bg: rgba(27, 27, 41, 0.75);
    --kt-table-accent-bg: transparent;
    --kt-table-active-color: #FFFFFF;
    --kt-table-active-bg: #1b1b29;
    --kt-table-hover-colorr: #FFFFFF;
    --kt-table-hover-bg: #1b1b29;
    --kt-table-border-color: #2B2B40;
    --kt-table-caption-color: #565674;
    --kt-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-table-loading-message-bg: #2B2B40;
    --kt-table-loading-message-color: #92929F;
    --kt-input-btn-focus-color: rgba(0, 158, 247, 0.25);
    --kt-input-btn-focus-color-opacity: 0.25;
    --kt-input-color: #92929F;
    --kt-input-placeholder-color: #565674;
    --kt-input-plaintext-color: #92929F;
    --kt-btn-disabled-opacity: 0.65;
    --kt-btn-link-color: #009ef7;
    --kt-btn-link-hover-color: shift-color(#009ef7, 20%);
    --kt-btn-link-disabled-color: #6D6D80;
    --kt-form-label-color: #CDCDDE;
    --kt-form-text-color: #565674;
    --kt-input-bg: #1e1e2d;
    --kt-input-disabled-bg: #2B2B40;
    --kt-input-disabled-border-color: #323248;
    --kt-input-color: #92929F;
    --kt-input-border-color: #323248;
    --kt-input-focus-bg: #1e1e2d;
    --kt-input-focus-border-color: #474761;
    --kt-input-focus-color: #92929F;
    --kt-input-solid-bg: #1b1b29;
    --kt-input-solid-bg-focus: #1f1f2f;
    --kt-input-solid-placeholder-color: #565674;
    --kt-input-solid-color: #92929F;
    --kt-form-check-input-active-filter: brightness(90%);
    --kt-form-check-input-bg: transparent;
    --kt-form-check-input-bg-solid: #2B2B40;
    --kt-form-check-input-border: 1px solid #323248;
    --kt-form-check-input-focus-border: #474761;
    --kt-form-check-input-focus-box-shadow: none;
    --kt-form-check-input-checked-color: #ffffff;
    --kt-form-check-input-checked-bg-color: #009ef7;
    --kt-form-check-input-checked-border-color: #009ef7;
    --kt-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-check-input-indeterminate-color: #ffffff;
    --kt-form-check-input-indeterminate-bg-color: #009ef7;
    --kt-form-check-input-indeterminate-border-color: #009ef7;
    --kt-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    --kt-form-check-input-disabled-opacity: 0.5;
    --kt-form-check-label-disabled-opacity: 0.5;
    --kt-form-check-btn-check-disabled-opacity: 0.65;
    --kt-form-switch-color: rgba(255, 255, 255, 0.25);
    --kt-form-switch-color-solid: #A1A5B7;
    --kt-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
    --kt-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23A1A5B7'/%3e%3c/svg%3e");
    --kt-form-switch-focus-color: #474761;
    --kt-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23474761'/%3e%3c/svg%3e");
    --kt-form-switch-checked-color: #ffffff;
    --kt-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-input-group-addon-color: #92929F;
    --kt-input-group-addon-bg: #1b1b29;
    --kt-input-group-addon-border-color: #323248;
    --kt-form-select-color: #92929F;
    --kt-form-select-bg: #1e1e2d;
    --kt-form-select-disabled-bg: #2B2B40;
    --kt-form-select-disabled-border-color: #323248;
    --kt-form-select-indicator-color: #6D6D80;
    --kt-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236D6D80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --kt-form-select-border-color: #323248;
    --kt-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --kt-form-select-focus-border-color: #474761;
    --kt-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-form-file-button-color: #92929F;
    --kt-form-file-button-bg: #1b1b29;
    --kt-form-file-button-hover-bg: shade-color(#1b1b29, 5%);
    --kt-nav-tabs-border-color: #2B2B40;
    --kt-nav-tabs-link-hover-border-color: #2B2B40 #2B2B40 #2B2B40;
    --kt-nav-tabs-link-active-color: #92929F;
    --kt-nav-tabs-link-active-bg: #1e1e2d;
    --kt-nav-tabs-link-active-border-color: #323248 #323248 #1e1e2d;
    --kt-nav-pills-link-active-color: #ffffff;
    --kt-nav-pills-link-active-bg: #009ef7;
    --kt-dropdown-color: #FFFFFF;
    --kt-dropdown-bg: #1e1e2d;
    --kt-dropdown-divider-bg: #1b1b29;
    --kt-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-dropdown-link-color: #FFFFFF;
    --kt-dropdown-link-hover-color: shade-color(#FFFFFF, 10%);
    --kt-dropdown-link-hover-bg: #2B2B40;
    --kt-dropdown-link-active-color: #ffffff;
    --kt-dropdown-link-active-bg: #009ef7;
    --kt-dropdown-link-disabled-color: #565674;
    --kt-dropdown-header-color: #6D6D80;
    --kt-pagination-item-bg: #1e1e2d;
    --kt-pagination-color: #92929F;
    --kt-pagination-bg: transparent;
    --kt-pagination-border-color: transparent;
    --kt-pagination-focus-color: #009ef7;
    --kt-pagination-focus-bg: #2B2B40;
    --kt-pagination-focus-box-shadow: none;
    --kt-pagination-focus-outline: 0;
    --kt-pagination-hover-color: #009ef7;
    --kt-pagination-hover-bg: #2B2B40;
    --kt-pagination-hover-border-color: transparent;
    --kt-pagination-active-color: #ffffff;
    --kt-pagination-active-bg: #009ef7;
    --kt-pagination-active-border-color: transparent;
    --kt-pagination-disabled-color: #474761;
    --kt-pagination-disabled-bg: transparent;
    --kt-card-bg: #1e1e2d;
    --kt-card-box-shadow: none;
    --kt-card-border-color: #2B2B40;
    --kt-card-border-dashed-color: #323248;
    --kt-card-cap-bg: transparent;
    --kt-accordion-color: #FFFFFF;
    --kt-accordion-bg: #1e1e2d;
    --kt-accordion-border-color: #2B2B40;
    --kt-accordion-button-color: #FFFFFF;
    --kt-accordion-button-bg: #1e1e2d;
    --kt-accordion-button-active-bg: #1b1b29;
    --kt-accordion-button-active-color: #009ef7;
    --kt-accordion-button-focus-border-color: #2B2B40;
    --kt-accordion-button-focus-box-shadow: none;
    --kt-accordion-icon-color: #FFFFFF;
    --kt-accordion-icon-active-color: #009ef7;
    --kt-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%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");
    --kt-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%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");
    --kt-tooltip-color: #CDCDDE;
    --kt-tooltip-bg: #2B2B40;
    --kt-tooltip-opacity: 1;
    --kt-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-popover-bg: #2B2B40;
    --kt-popover-border-color: #2B2B40;
    --kt-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-popover-header-bg: #2B2B40;
    --kt-popover-header-color: #CDCDDE;
    --kt-popover-header-border-color: #323248;
    --kt-popover-body-color: #CDCDDE;
    --kt-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-dropdown-bg: #1e1e2d;
    --kt-toast-background-color: rgba(0, 0, 0, 0.85);
    --kt-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-toast-header-color: #6D6D80;
    --kt-toast-header-background-color: rgba(0, 0, 0, 0.85);
    --kt-toast-header-border-color: rgba(255, 255, 255, 0.05);
    --kt-badge-color: #1e1e2d;
    --kt-modal-bg: #1e1e2d;
    --kt-modal-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.05);
    --kt-modal-content-bg: #1e1e2d;
    --kt-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.05);
    --kt-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
    --kt-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(255, 255, 255, 0.1);
    --kt-modal-header-border-color: #2B2B40;
    --kt-modal-footer-border-color: #2B2B40;
    --kt-modal-backdrop-bg: #000000;
    --kt-modal-backdrop-opacity: 0.4;
    --kt-progress-bg: #1b1b29;
    --kt-progress-box-shadow: none;
    --kt-list-group-color: #FFFFFF;
    --kt-list-group-bg: #000000;
    --kt-list-group-border-color: rgba(255, 255, 255, 0.125);
    --kt-list-group-hover-bg: #f5f8fa;
    --kt-list-group-active-color: #ffffff;
    --kt-list-group-active-bg: #009ef7;
    --kt-list-group-active-border-colorg: #009ef7;
    --kt-list-group-disabled-color: #6D6D80;
    --kt-list-group-disabled-bg: #000000;
    --kt-list-group-action-colorg: #92929F;
    --kt-list-group-action-hover-color: #92929F;
    --kt-list-group-action-active-color: #FFFFFF;
    --kt-list-group-action-active-bg: #2B2B40;
    --kt-thumbnail-bg: #1e1e2d;
    --kt-thumbnail-border-color: #2B2B40;
    --kt-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-figure-caption-color: #6D6D80;
    --kt-breadcrumb-divider-color: #6D6D80;
    --kt-breadcrumb-active-color: #009ef7;
    --kt-carousel-custom-indicator-default-bg-color: #2B2B40;
    --kt-carousel-custom-indicator-active-bg-color: #474761;
    --kt-arousel-custom-bullet-indicator-default-bg-color: #474761;
    --kt-carousel-custom-bullet-indicator-active-bg-color: #6D6D80;
    --kt-btn-close-color: #ffffff;
    --kt-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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");
    --kt-code-bg: #2B2B40;
    --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --kt-code-color: #b93993;
    --kt-offcanvas-bg-color: #1e1e2d;
    --kt-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
    --kt-offcanvas-backdrop-bg: #000000;
    --kt-offcanvas-backdrop-opacity: 0.4;
    --kt-code-bg: #2B2B40;
    --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --kt-code-color: #b93993;
    --kt-symbol-label-color: #CDCDDE;
    --kt-symbol-label-bg: #1b1b29;
    --kt-symbol-border-color: rgba(255, 255, 255, 0.5);
    --kt-bullet-bg-color: #474761;
    --kt-scrolltop-opacity: 0;
    --kt-scrolltop-opacity-on: 0.3;
    --kt-scrolltop-opacity-hover: 1;
    --kt-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-scrolltop-bg-color: #009ef7;
    --kt-scrolltop-bg-color-hover: #009ef7;
    --kt-scrolltop-icon-color: #ffffff;
    --kt-scrolltop-icon-color-hover: #ffffff;
    --kt-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --kt-drawer-bg-color: #1e1e2d;
    --kt-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --kt-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-menu-dropdown-bg-color: #1e1e2d;
    --kt-menu-heading-color: #565674;
    --kt-menu-link-color-hover: #009ef7;
    --kt-menu-link-color-show: #009ef7;
    --kt-menu-link-color-here: #009ef7;
    --kt-menu-link-color-active: #009ef7;
    --kt-menu-link-bg-color-hover: #2B2B40;
    --kt-menu-link-bg-color-show: #2B2B40;
    --kt-menu-link-bg-color-here: #2B2B40;
    --kt-menu-link-bg-color-active: #2B2B40;
    --kt-feedback-popup-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --kt-feedback-popup-background-color: #1e1e2d;
    --kt-scrollbar-color: #2B2B40;
    --kt-scrollbar-hover-color: #27273a;
    --kt-overlay-bg: rgba(255, 255, 255, 0.05);
    --kt-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --kt-rating-color-default: #474761;
    --kt-rating-color-active: #FFAD0F;
    --kt-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --kt-ribbon-label-bg: #009ef7;
    --kt-ribbon-label-border-color: #005d91;
    --kt-ribbon-clip-bg: #f5f8fa
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 600
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-white {
    --bs-alert-color: #666666;
    --bs-alert-bg: white;
    --bs-alert-border-color: white
}

.alert-white .alert-link {
    color: #525252
}

.alert-light {
    --bs-alert-color: #626364;
    --bs-alert-bg: #fdfefe;
    --bs-alert-border-color: #fcfdfe
}

.alert-light .alert-link {
    color: #4e4f50
}

.alert-primary {
    --bs-alert-color: #005f94;
    --bs-alert-bg: #ccecfd;
    --bs-alert-border-color: #b3e2fd
}

.alert-primary .alert-link {
    color: #004c76
}

.alert-secondary {
    --bs-alert-color: #5b5c60;
    --bs-alert-bg: #fafafc;
    --bs-alert-border-color: #f7f8fa
}

.alert-secondary .alert-link {
    color: #494a4d
}

.alert-success {
    --bs-alert-color: #205237;
    --bs-alert-bg: #dcf5e7;
    --bs-alert-border-color: #cbf0dc
}

.alert-success .alert-link {
    color: #1a422c
}

.alert-info {
    --bs-alert-color: #44228c;
    --bs-alert-bg: #e3d7fb;
    --bs-alert-border-color: #d5c4f9
}

.alert-info .alert-link {
    color: #361b70
}

.alert-warning {
    --bs-alert-color: #665000;
    --bs-alert-bg: #fff4cc;
    --bs-alert-border-color: #ffeeb3
}

.alert-warning .alert-link {
    color: #524000
}

.alert-danger {
    --bs-alert-color: #912741;
    --bs-alert-bg: #fcd9e2;
    --bs-alert-border-color: #fbc6d3
}

.alert-danger .alert-link {
    color: #741f34
}

.alert-dark {
    --bs-alert-color: #0e111e;
    --bs-alert-bg: #d1d2d6;
    --bs-alert-border-color: #babbc2
}

.alert-dark .alert-link {
    color: #0b0e18
}

.alert-white {
    color: var(--kt-white);
    border-color: var(--kt-white);
    background-color: var(--kt-white-light)
}

.alert-white .alert-link {
    color: var(--kt-white)
}

.alert-light {
    color: var(--kt-light);
    border-color: var(--kt-light);
    background-color: var(--kt-light-light)
}

.alert-light .alert-link {
    color: var(--kt-light)
}

.alert-primary {
    color: var(--kt-primary);
    border-color: var(--kt-primary);
    background-color: var(--kt-primary-light)
}

.alert-primary .alert-link {
    color: var(--kt-primary)
}

.alert-secondary {
    color: var(--kt-secondary);
    border-color: var(--kt-secondary);
    background-color: var(--kt-secondary-light)
}

.alert-secondary .alert-link {
    color: var(--kt-secondary)
}

.alert-success {
    color: var(--kt-success);
    border-color: var(--kt-success);
    background-color: var(--kt-success-light)
}

.alert-success .alert-link {
    color: var(--kt-success)
}

.alert-info {
    color: var(--kt-info);
    border-color: var(--kt-info);
    background-color: var(--kt-info-light)
}

.alert-info .alert-link {
    color: var(--kt-info)
}

.alert-warning {
    color: var(--kt-warning);
    border-color: var(--kt-warning);
    background-color: var(--kt-warning-light)
}

.alert-warning .alert-link {
    color: var(--kt-warning)
}

.alert-danger {
    color: var(--kt-danger);
    border-color: var(--kt-danger);
    background-color: var(--kt-danger-light)
}

.alert-danger .alert-link {
    color: var(--kt-danger)
}

.alert-dark {
    color: var(--kt-dark);
    border-color: var(--kt-dark);
    background-color: var(--kt-dark-light)
}

.alert-dark .alert-link {
    color: var(--kt-dark)
}


.bg-white {
    --kt-bg-rgb-color: var(--kt-white-rgb);
    background-color: var(--kt-white) !important
}

.bg-hover-white {
    cursor: pointer
}

.bg-hover-white:hover {
    background-color: var(--kt-white) !important
}

.bg-active-white.active {
    background-color: var(--kt-white) !important
}

.bg-state-white {
    cursor: pointer
}

.bg-state-white.active, .bg-state-white:hover {
    background-color: var(--kt-white) !important
}

.bg-light {
    --kt-bg-rgb-color: var(--kt-light-rgb);
    background-color: var(--kt-light) !important
}

.bg-hover-light {
    cursor: pointer
}

.bg-hover-light:hover {
    background-color: var(--kt-light) !important
}

.bg-active-light.active {
    background-color: var(--kt-light) !important
}

.bg-state-light {
    cursor: pointer
}

.bg-state-light.active, .bg-state-light:hover {
    background-color: var(--kt-light) !important
}

.bg-light-primary {
    background-color: var(--kt-primary-light) !important
}

.bg-primary {
    --kt-bg-rgb-color: var(--kt-primary-rgb);
    background-color: var(--kt-primary) !important
}

.bg-hover-light-primary {
    cursor: pointer
}

.bg-hover-light-primary:hover {
    background-color: var(--kt-primary-light) !important
}

.bg-state-light-primary {
    cursor: pointer
}

.bg-state-light-primary.active, .bg-state-light-primary:hover {
    background-color: var(--kt-primary-light) !important
}

.bg-hover-primary {
    cursor: pointer
}

.bg-hover-primary:hover {
    background-color: var(--kt-primary) !important
}

.bg-active-primary.active {
    background-color: var(--kt-primary) !important
}

.bg-state-primary {
    cursor: pointer
}

.bg-state-primary.active, .bg-state-primary:hover {
    background-color: var(--kt-primary) !important
}

.bg-light-secondary {
    background-color: var(--kt-secondary-light) !important
}

.bg-secondary {
    --kt-bg-rgb-color: var(--kt-secondary-rgb);
    background-color: var(--kt-secondary) !important
}

.bg-hover-light-secondary {
    cursor: pointer
}

.bg-hover-light-secondary:hover {
    background-color: var(--kt-secondary-light) !important
}

.bg-state-light-secondary {
    cursor: pointer
}

.bg-state-light-secondary.active, .bg-state-light-secondary:hover {
    background-color: var(--kt-secondary-light) !important
}

.bg-hover-secondary {
    cursor: pointer
}

.bg-hover-secondary:hover {
    background-color: var(--kt-secondary) !important
}

.bg-active-secondary.active {
    background-color: var(--kt-secondary) !important
}

.bg-state-secondary {
    cursor: pointer
}

.bg-state-secondary.active, .bg-state-secondary:hover {
    background-color: var(--kt-secondary) !important
}

.bg-light-success {
    background-color: var(--kt-success-light) !important
}

.bg-success {
    --kt-bg-rgb-color: var(--kt-success-rgb);
    background-color: var(--kt-success) !important
}

.bg-hover-light-success {
    cursor: pointer
}

.bg-hover-light-success:hover {
    background-color: var(--kt-success-light) !important
}

.bg-state-light-success {
    cursor: pointer
}

.bg-state-light-success.active, .bg-state-light-success:hover {
    background-color: var(--kt-success-light) !important
}

.bg-hover-success {
    cursor: pointer
}

.bg-hover-success:hover {
    background-color: var(--kt-success) !important
}

.bg-active-success.active {
    background-color: var(--kt-success) !important
}

.bg-state-success {
    cursor: pointer
}

.bg-state-success.active, .bg-state-success:hover {
    background-color: var(--kt-success) !important
}

.bg-light-info {
    background-color: var(--kt-info-light) !important
}

.bg-info {
    --kt-bg-rgb-color: var(--kt-info-rgb);
    background-color: var(--kt-info) !important
}

.bg-hover-light-info {
    cursor: pointer
}

.bg-hover-light-info:hover {
    background-color: var(--kt-info-light) !important
}

.bg-state-light-info {
    cursor: pointer
}

.bg-state-light-info.active, .bg-state-light-info:hover {
    background-color: var(--kt-info-light) !important
}

.bg-hover-info {
    cursor: pointer
}

.bg-hover-info:hover {
    background-color: var(--kt-info) !important
}

.bg-active-info.active {
    background-color: var(--kt-info) !important
}

.bg-state-info {
    cursor: pointer
}

.bg-state-info.active, .bg-state-info:hover {
    background-color: var(--kt-info) !important
}

.bg-light-warning {
    background-color: var(--kt-warning-light) !important
}

.bg-warning {
    --kt-bg-rgb-color: var(--kt-warning-rgb);
    background-color: var(--kt-warning) !important
}

.bg-hover-light-warning {
    cursor: pointer
}

.bg-hover-light-warning:hover {
    background-color: var(--kt-warning-light) !important
}

.bg-state-light-warning {
    cursor: pointer
}

.bg-state-light-warning.active, .bg-state-light-warning:hover {
    background-color: var(--kt-warning-light) !important
}

.bg-hover-warning {
    cursor: pointer
}

.bg-hover-warning:hover {
    background-color: var(--kt-warning) !important
}

.bg-active-warning.active {
    background-color: var(--kt-warning) !important
}

.bg-state-warning {
    cursor: pointer
}

.bg-state-warning.active, .bg-state-warning:hover {
    background-color: var(--kt-warning) !important
}

.bg-light-danger {
    background-color: var(--kt-danger-light) !important
}

.bg-danger {
    --kt-bg-rgb-color: var(--kt-danger-rgb);
    background-color: var(--kt-danger) !important
}

.bg-hover-light-danger {
    cursor: pointer
}

.bg-hover-light-danger:hover {
    background-color: var(--kt-danger-light) !important
}

.bg-state-light-danger {
    cursor: pointer
}

.bg-state-light-danger.active, .bg-state-light-danger:hover {
    background-color: var(--kt-danger-light) !important
}

.bg-hover-danger {
    cursor: pointer
}

.bg-hover-danger:hover {
    background-color: var(--kt-danger) !important
}

.bg-active-danger.active {
    background-color: var(--kt-danger) !important
}

.bg-state-danger {
    cursor: pointer
}

.bg-state-danger.active, .bg-state-danger:hover {
    background-color: var(--kt-danger) !important
}

.bg-light-dark {
    background-color: var(--kt-dark-light) !important
}

.bg-dark {
    --kt-bg-rgb-color: var(--kt-dark-rgb);
    background-color: var(--kt-dark) !important
}

.bg-hover-light-dark {
    cursor: pointer
}

.bg-hover-light-dark:hover {
    background-color: var(--kt-dark-light) !important
}

.bg-state-light-dark {
    cursor: pointer
}

.bg-state-light-dark.active, .bg-state-light-dark:hover {
    background-color: var(--kt-dark-light) !important
}

.bg-hover-dark {
    cursor: pointer
}

.bg-hover-dark:hover {
    background-color: var(--kt-dark) !important
}

.bg-active-dark.active {
    background-color: var(--kt-dark) !important
}

.bg-state-dark {
    cursor: pointer
}

.bg-state-dark.active, .bg-state-dark:hover {
    background-color: var(--kt-dark) !important
}

.bg-gray-100 {
    background-color: var(--kt-gray-100)
}

.bg-gray-100i {
    background-color: var(--kt-gray-100) !important
}

.bg-gray-200 {
    background-color: var(--kt-gray-200)
}

.bg-gray-200i {
    background-color: var(--kt-gray-200) !important
}

.bg-gray-300 {
    background-color: var(--kt-gray-300)
}

.bg-gray-300i {
    background-color: var(--kt-gray-300) !important
}

.bg-gray-400 {
    background-color: var(--kt-gray-400)
}

.bg-gray-400i {
    background-color: var(--kt-gray-400) !important
}

.bg-gray-500 {
    background-color: var(--kt-gray-500)
}

.bg-gray-500i {
    background-color: var(--kt-gray-500) !important
}

.bg-gray-600 {
    background-color: var(--kt-gray-600)
}

.bg-gray-600i {
    background-color: var(--kt-gray-600) !important
}

.bg-gray-700 {
    background-color: var(--kt-gray-700)
}

.bg-gray-700i {
    background-color: var(--kt-gray-700) !important
}

.bg-gray-800 {
    background-color: var(--kt-gray-800)
}

.bg-gray-800i {
    background-color: var(--kt-gray-800) !important
}

.bg-gray-900 {
    background-color: var(--kt-gray-900)
}

.bg-gray-900i {
    background-color: var(--kt-gray-900) !important
}

.bg-opacity-0 {
    background-color: rgba(var(--kt-bg-rgb-color), 0) !important
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--kt-bg-rgb-color), 0) !important
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--kt-bg-rgb-color), 0) !important
}

.bg-state-opacity-0 .active, .bg-state-opacity-0:hover {
    background-color: rgba(var(--kt-bg-rgb-color), 0) !important
}

.bg-opacity-5 {
    background-color: rgba(var(--kt-bg-rgb-color), .05) !important
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .05) !important
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--kt-bg-rgb-color), .05) !important
}

.bg-state-opacity-5 .active, .bg-state-opacity-5:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .05) !important
}

.bg-opacity-10 {
    background-color: rgba(var(--kt-bg-rgb-color), .1) !important
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .1) !important
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--kt-bg-rgb-color), .1) !important
}

.bg-state-opacity-10 .active, .bg-state-opacity-10:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .1) !important
}

.bg-opacity-15 {
    background-color: rgba(var(--kt-bg-rgb-color), .15) !important
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .15) !important
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--kt-bg-rgb-color), .15) !important
}

.bg-state-opacity-15 .active, .bg-state-opacity-15:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .15) !important
}

.bg-opacity-20 {
    background-color: rgba(var(--kt-bg-rgb-color), .2) !important
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .2) !important
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--kt-bg-rgb-color), .2) !important
}

.bg-state-opacity-20 .active, .bg-state-opacity-20:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .2) !important
}

.bg-opacity-25 {
    background-color: rgba(var(--kt-bg-rgb-color), .25) !important
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .25) !important
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--kt-bg-rgb-color), .25) !important
}

.bg-state-opacity-25 .active, .bg-state-opacity-25:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .25) !important
}

.bg-opacity-50 {
    background-color: rgba(var(--kt-bg-rgb-color), .5) !important
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .5) !important
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--kt-bg-rgb-color), .5) !important
}

.bg-state-opacity-50 .active, .bg-state-opacity-50:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .5) !important
}

.bg-opacity-75 {
    background-color: rgba(var(--kt-bg-rgb-color), .75) !important
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .75) !important
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--kt-bg-rgb-color), .75) !important
}

.bg-state-opacity-75 .active, .bg-state-opacity-75:hover {
    background-color: rgba(var(--kt-bg-rgb-color), .75) !important
}

.bg-opacity-100 {
    background-color: rgba(var(--kt-bg-rgb-color), 1) !important
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--kt-bg-rgb-color), 1) !important
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--kt-bg-rgb-color), 1) !important
}

.bg-state-opacity-100 .active, .bg-state-opacity-100:hover {
    background-color: rgba(var(--kt-bg-rgb-color), 1) !important
}

.bg-black {
    background-color: #000
}

.bg-body {
    --bg-color: var(--kt-body-bg-rgb);
    background-color: var(--kt-body-bg) !important
}