:root, [data-theme=light] {
    --kt-xs: 0;
    --kt-sm: 576px;
    --kt-md: 768px;
    --kt-lg: 992px;
    --kt-xl: 1200px;
    --kt-xxl: 1400px;
    --kt-white: #ffffff;
    --kt-white-bg-rgb: 255, 255, 255;
    --kt-black: #000000;
    --kt-black-bg-rgb: 0, 0, 0;
    --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-light: #f5f8fa;
    --kt-primary: #0493A8;
    --kt-secondary: #ffffff;
    --kt-success: #50cd89;
    --kt-info: #7239EA;
    --kt-warning: #E78B2F;
    --kt-danger: #F14C41;
    --kt-dark: #181C32;

    --kt-white-rgb: 255, 255, 255;
    --kt-light-rgb: 245, 248, 250;
    --kt-primary-rgb: 4, 147, 168;
    --kt-secondary-rgb: 228, 230, 239;
    --kt-success-rgb: 80, 205, 137;
    --kt-info-rgb: 114, 57, 234;
    --kt-warning-rgb: 231, 139, 47;
    --kt-danger-rgb: 241, 76, 65;
    --kt-dark-rgb: 24, 28, 50;


    --kt-link-color: #0493A8;
    --kt-link-hover-color: #088092;
    --kt-border-color: #eff2f5;
    --kt-border-dashed-color: #E4E6EF;

    --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-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: #0493A8;




    --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-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-progress-bg: #f5f8fa;
    --kt-progress-box-shadow: none;

    --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: #0493A8;
    --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-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: #0493A8;
    --kt-scrolltop-bg-color-hover: #0493A8;
    --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-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-size: 5px;
    --kt-scrollbar-overlay-size: 19px;
    --kt-scrollbar-overlay-space: 7px;
    --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: #0493A8;
    --kt-ribbon-label-border-color: #023c44;
    --kt-ribbon-clip-bg: #181C32;
    --kt-engage-btn-bg: #ffffff;
    --kt-engage-btn-color: #7E8299;
    --kt-engage-btn-color-active: #3F4254
}
[data-theme=light] {
    --kt-app-bg-color: #f5f8fa;
    --kt-app-blank-bg-color: #ffffff;
    --kt-app-header-base-bg-color: #ffffff;
    --kt-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --kt-app-toolbar-base-bg-color: #ffffff;
    --kt-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --kt-app-toolbar-base-border-top: 1px solid #F4F4F4;
    --kt-app-footer-bg-color: #ffffff;
    --kt-app-footer-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-scrollbar-color: #F4F4F4;
    --bs-scrollbar-hover-color: #efefef;
    --bs-scrollbar-size: 5px;
    --bs-scrollbar-overlay-size: 19px;
    --bs-scrollbar-overlay-space: 7px;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
    --bs-ribbon-label-bg: #009ef7;
    --bs-ribbon-label-border-color: #005d91;
    --bs-ribbon-clip-bg: #181C32;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #3F4254;
    --bs-engage-btn-icon-color: #7E8299;
    --bs-engage-btn-color-active: #3F4254;
}
[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: #1c3238;
    --kt-success-light: #212E48;
    --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-link-color: #0493A8;
    --kt-link-hover-color: #088092;
    --kt-border-color: #2B2B40;
    --kt-border-dashed-color: #323248;

    --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-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: #0493A8;



    --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: #0493A8;
    --kt-accordion-button-focus-border-color: #2B2B40;
    --kt-accordion-button-focus-box-shadow: none;
    --kt-accordion-icon-color: #FFFFFF;
    --kt-accordion-icon-active-color: #0493A8;
    --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='%230493A8'%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-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-progress-bg: #1b1b29;
    --kt-progress-box-shadow: none;

    --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: #0493A8;
    --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-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: #0493A8;
    --kt-scrolltop-bg-color-hover: #0493A8;
    --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-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: #0493A8;
    --kt-ribbon-label-border-color: #023c44;
    --kt-ribbon-clip-bg: #f5f8fa;
    --kt-engage-btn-bg: #2B2B40;
    --kt-engage-btn-color: #6D6D80;
    --kt-engage-btn-color-active: #CDCDDE
}

[data-theme=dark] {
    --bs-gray-100: #1b1b29;
    --bs-gray-200: #2B2B40;
    --bs-gray-300: #323248;
    --bs-gray-400: #474761;
    --bs-gray-500: #565674;
    --bs-gray-600: #6D6D80;
    --bs-gray-700: #92929F;
    --bs-gray-800: #CDCDDE;
    --bs-gray-900: #FFFFFF;
    --bs-dark: #FFFFFF;
    --bs-light: #2B2B40;
    --bs-secondary: #323248;

    --bs-border-color: #2B2B40;
    --bs-heading-color: #FFFFFF;
    --bs-link-color: #0493A8;
    --bs-link-hover-color: #088092;
    --bs-code-color: #b93993
}