@import "site.syncfusion.css";


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100% !important;
    }
}

/*@media (min-width: 992px) {
    :root {
        --bs-app-sidebar-width: 150px;
        --bs-app-sidebar-width-actual: 150px;
    }
}*/

/* Desktop only footer */
@media (min-width: 992px) { 
    .ms-lg-60 {
        margin-left: 60px !important;
    }
}

#kt_toolbar{
    left: 100px;
}


@media (min-width: 992px) {
    .aside-enabled.aside-fixed .wrapper {
        padding-left: 40px;
    }

    .aside-enabled.aside-fixed.toolbar-fixed .toolbar {
        left: 110px;
        transition: left ease
    }

    .aside-enabled.aside-fixed.header-fixed .header {
        left: 100px
    }

    .aside {
        width: 100px
    }

    .content {
        padding: 30px 0 0 80px;
    }
}

@media (max-width: 768px) {
    .e-grid .e-gridheader {
        display: none;
    }

    .e-grid .e-rowcell {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 8px 12px;
        font-size: 14px;
    }

    .e-grid .e-row {
        border: 1px solid #ddd;
        border-radius: 8px;
        margin-bottom: 12px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
}



:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #78829D;
    --bs-gray-dark: #252F4A;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F1F1F4;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #C4CADA;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;
    --bs-light: #F9F9F9;
    --bs-primary: #3278bd;
    --bs-secondary: #F9F9F9;
    --bs-success: #17c653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 26, 26, 255;
    --bs-secondary-rgb: 249,249,249;
    --bs-success-rgb: 27,132,255;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 246,192,0;
    --bs-danger-rgb: 248,40,90;
    --bs-dark-rgb: 30,33,41;
    --bs-primary-text-emphasis: #094f21;
    --bs-secondary-text-emphasis: #646464;
    --bs-success-text-emphasis: #0b3566;
    --bs-info-text-emphasis: #2e175e;
    --bs-warning-text-emphasis: #624d00;
    --bs-danger-text-emphasis: #631024;
    --bs-light-text-emphasis: #4B5675;
    --bs-dark-text-emphasis: #4B5675;
    --bs-primary-bg-subtle: #d1f4dd;
    --bs-secondary-bg-subtle: #fefefe;
    --bs-success-bg-subtle: #d1e6ff;
    --bs-info-bg-subtle: #e3d7fb;
    --bs-warning-bg-subtle: #fdf2cc;
    --bs-danger-bg-subtle: #fed4de;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #C4CADA;
    --bs-primary-border-subtle: #a2e8ba;
    --bs-secondary-border-subtle: #fdfdfd;
    --bs-success-border-subtle: #a4ceff;
    --bs-info-border-subtle: #c7b0f7;
    --bs-warning-border-subtle: #fbe699;
    --bs-danger-border-subtle: #fca9bd;
    --bs-light-border-subtle: #F1F1F4;
    --bs-dark-border-subtle: #99A1B7;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: Inter,Helvetica,"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: #071437;
    --bs-body-color-rgb: 7,20,55;
    --bs-body-bg: #FFFFFF;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(7, 20, 55, 0.75);
    --bs-secondary-color-rgb: 7,20,55;
    --bs-secondary-bg: #F1F1F4;
    --bs-secondary-bg-rgb: 241,241,244;
    --bs-tertiary-color: rgba(7, 20, 55, 0.5);
    --bs-tertiary-color-rgb: 7,20,55;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249,249,249;
    --bs-heading-color: #071437;
    --bs-link-color: #3278bd;
    --bs-link-color-rgb: 26, 26, 255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #3278bd;
    --bs-link-hover-color-rgb: 4,180,64;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-color: #071437;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F1F1F4;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(23, 198, 83, 0.25);
    --bs-form-valid-color: #3278bd;
    --bs-form-valid-border-color: #3278bd;
    --bs-form-invalid-color: #F8285A;
    --bs-form-invalid-border-color: #F8285A
}

[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249,249,249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241,241,244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219,223,233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196,202,218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153,161,183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120,130,157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75,86,117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37,47,74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7,20,55;
    --bs-light: #F9F9F9;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #056EE9;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #F1F1F4;
    --bs-success-active: #04B440;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-primary-light: #E9F3FF;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(27, 132, 255, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 27,132,255;
    --bs-secondary-rgb: 241,241,244;
    --bs-success-rgb: 23,198,83;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 246,192,0;
    --bs-danger-rgb: 248,40,90;
    --bs-dark-rgb: 30,33,41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #1B84FF;
    --bs-text-secondary: #F1F1F4;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #17C653;
    --bs-text-info: #7239EA;
    --bs-text-warning: #F6C000;
    --bs-text-danger: #F8285A;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #1B84FF;
    --bs-component-hover-color: #1B84FF;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #1B84FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f1f3f8;
    --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #1B84FF;
    --bs-menu-link-color-show: #1B84FF;
    --bs-menu-link-color-here: #1B84FF;
    --bs-menu-link-color-active: #1B84FF;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #1B84FF;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #F5F5F5;
    --bs-body-color-rgb: 245,245,245;
    --bs-body-bg: #15171C;
    --bs-body-bg-rgb: 21,23,28;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(245, 245, 245, 0.75);
    --bs-secondary-color-rgb: 245,245,245;
    --bs-secondary-bg: #252F4A;
    --bs-secondary-bg-rgb: 37,47,74;
    --bs-tertiary-color: rgba(245, 245, 245, 0.5);
    --bs-tertiary-color-rgb: 245,245,245;
    --bs-tertiary-bg: #162241;
    --bs-tertiary-bg-rgb: 22,34,65;
    --bs-primary-text-emphasis: #74dd98;
    --bs-secondary-text-emphasis: #fbfbfb;
    --bs-success-text-emphasis: #76b5ff;
    --bs-info-text-emphasis: #aa88f2;
    --bs-warning-text-emphasis: #fad966;
    --bs-danger-text-emphasis: #fb7e9c;
    --bs-light-text-emphasis: #F9F9F9;
    --bs-dark-text-emphasis: #DBDFE9;
    --bs-primary-bg-subtle: #052811;
    --bs-secondary-bg-subtle: #323232;
    --bs-success-bg-subtle: #051a33;
    --bs-info-bg-subtle: #170b2f;
    --bs-warning-bg-subtle: #312600;
    --bs-danger-bg-subtle: #320812;
    --bs-light-bg-subtle: #252F4A;
    --bs-dark-bg-subtle: #131825;
    --bs-primary-border-subtle: #0e7732;
    --bs-secondary-border-subtle: #959595;
    --bs-success-border-subtle: #104f99;
    --bs-info-border-subtle: #44228c;
    --bs-warning-border-subtle: #947300;
    --bs-danger-border-subtle: #951836;
    --bs-light-border-subtle: #4B5675;
    --bs-dark-border-subtle: #252F4A;
    --bs-heading-color: #F5F5F5;
    --bs-link-color: #00A261;
    --bs-link-hover-color: #33b581;
    --bs-link-color-rgb: 0,162,97;
    --bs-link-hover-color-rgb: 51,181,129;
    --bs-code-color: #b93993;
    --bs-highlight-color: #F5F5F5;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #26272F;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

/*[data-bs-theme=light] {
    --bs-app-bg-color: #F9F7F7;
    --bs-app-blank-bg-color: #ffffff;
    --bs-app-header-base-bg-color: #2d7ba0;
    --bs-app-header-sticky-bg-color: #ffffff;
    --bs-app-toolbar-base-bg-color: #ffffff;
    --bs-app-toolbar-sticky-bg-color: #ffffff;
    --bs-app-toolbar-sticky-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-sidebar-base-bg-color: #0f2950;
    --bs-app-sidebar-primary-base-bg-color: #084765;
    --bs-app-sidebar-secondary-base-bg-color: #0f2950
}*/

[data-bs-theme=light] {
    --bs-page-bg: #F9F7F7;
    --bs-app-blank-bg: #ffffff;
    --bs-header-default-bg-color: #ffffff;
    --bs-header-default-border: 1px solid #F1F1F4;
    --bs-header-fixed-bg-color: #ffffff;
    --bs-header-fixed-box-shadow: none;
    --bs-toolbar-bg-color: #ffffff;
    --bs-toolbar-box-shadow: none;
    --bs-toolbar-border: 1px solid #F1F1F4;
    --bs-aside-bg-color: #0f2950;
    --bs-aside-logo-bg-color: #0f2950;
    --bs-aside-box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.05);
    --bs-footer-bg-color: #ffffff
}

[data-bs-theme=dark] {
    --bs-app-bg-color: #0F1014;
    --bs-app-blank-bg-color: #0F1014;
    --bs-app-header-base-bg-color: #00A261;
    --bs-app-header-sticky-bg-color: #15171C;
    --bs-app-toolbar-base-bg-color: #15171C;
    --bs-app-toolbar-sticky-bg-color: #1e1e2d;
    --bs-app-toolbar-sticky-box-shadow: none;
    --bs-app-sidebar-base-bg-color: #13141A;
    --bs-app-sidebar-primary-base-bg-color: #0B0C10
}
*, ::after, ::before {
    box-sizing: border-box
}

.app-sidebar {
    transition: width .3s ease;
    background-color: #123e7f;
    box-shadow: var(--bs-app-sidebar-base-box-shadow);
    border-left: var(--bs-app-sidebar-base-border-start);
    border-right: var(--bs-app-sidebar-base-border-end)
}

.aside-menu .menu > .menu-item.here > .menu-link {
    transition: color .2s ease;
    background-color: #0e364f;
    color: #f5f5f5
}

.e-grid .e-headercell.e-triggered-cell {
    background-color: #0f2950;
    color: white;
    font-size: 23px;
    text-align: left;
    height: 24px;
}
.e-grid .e-gridheader .e-icons{
    color:white !important;
}