@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: var(--base-font-entire);
}

:root {
    font-size: clamp(14px, 1vw + 0.5rem, 16px);
}*/

:root {
    --base-font-entire: 0.875rem;
    --base-font-size: 0.875rem; /*-14px-*/
    --base-font-family: "Inter", sans-serif !important;
    /* Typography */
    --kendo-font-family: 'inter', sans-serif;
    --kendo-font-size: 0.875rem;
    --kendo-font-size-sm: 0.75rem;
    --kendo-font-size-md: var(--kendo-font-size);
    --kendo-font-size-lg: 1rem;
    --kendo-font-size-xl: 20px;
    --kendo-h1-font-size: 56px;
    --kendo-h2-font-size: 42px;
    --kendo-h3-font-size: 35px;
    --kendo-h4-font-size: 28px;
    --kendo-h5-font-size: 21px;
    --kendo-h6-font-size: 0.875rem;
    --kendo-line-height-xs: 1.2;
    --kendo-line-height-sm: 1.25;
    --kendo-line-height-md: 1.42;
    --kendo-line-height-lg: 1.5;
    --kendo-h1-line-height: calc((var(--kendo-font-size) * 4) * 1.25);
    --kendo-h2-line-height: calc((var(--kendo-font-size) * 3) * 1.2);
    --kendo-h3-line-height: calc((var(--kendo-font-size) * 2.5) * 1.2);
    --kendo-h4-line-height: calc((var(--kendo-font-size) * 2) * 1.2);
    --kendo-h5-line-height: calc((var(--kendo-font-size) * 1.5) * 1.25);
    --kendo-h6-line-height: calc((var(--kendo-font-size) * 1) * 1.25);
    --kendo-h1-font-weight: 400;
    --kendo-h2-font-weight: 400;
    --kendo-h3-font-weight: 400;
    --kendo-h4-font-weight: 500;
    --kendo-h5-font-weight: 500;
    --kendo-h6-font-weight: 500;
    /*Border radius*/
    /*--k-border-radius-null: 0px;
    --kendo-border-radius-xs: 4px;
    --kendo-border-radius-sm: 6px;
    --kendo-border-radius-md: 12px;
    --kendo-border-radius-lg: 24px;
    --kendo-border-radius-xl: 36px;
    --kendo-border-radius-xxl: 48px;
    --kendo-border-radius-xxxl: 60px;
    --kendo-border-radius-full: 9999px;*/

    --kendo-error-background: #ffffcf;
    --kendo-highlight-background: #aee098;
    --kendo-color-app-surface: #fff;
    --kendo-color-surface: #F2F4F7;
    --kendo-color-surface-alt: #fff;
    --kendo-color-on-app-surface: #28323E;
    --kendo-color-subtle: #50647C;
    --kendo-color-border: rgba(23, 65, 99, .12);
    --kendo-color-border-alt: rgba(23, 65, 99, 0.24);
    /*  Base */
    --kendo-color-base-subtle: #E6EAEF;
    --kendo-color-base-subtle-hover: #DAE0E7;
    --kendo-color-base-subtle-active: #C1CBD7;
    --kendo-color-base: #ffffff;
    --kendo-color-base-hover: #E6EAEF;
    --kendo-color-base-active: #DAE0E7;
    --kendo-color-base-emphasis: #405063;
    --kendo-color-on-base: #202832;
    --kendo-color-base-on-surface: #28323E;
    --kendo-color-base-on-subtle: #181E25;
    /* Tertiary */
    --kendo-color-tertiary-subtle: #DAFBF9;
    --kendo-color-tertiary-subtle-hover: #C7F9F7;
    --kendo-color-tertiary-subtle-active: #A2F6F1;
    --kendo-color-tertiary: #16D4CB;
    --kendo-color-tertiary-hover: #13B9B0;
    --kendo-color-tertiary-active: #16A29B;
    --kendo-color-tertiary-emphasis: #137C77;
    --kendo-color-on-tertiary: #000000;
    --kendo-color-tertiary-on-surface: #13B9B0;
    --kendo-color-tertiary-on-subtle: #104240;
    /* Error */
    --kendo-color-error-subtle: #FCDCD9;
    --kendo-color-error-subtle-hover: #FCC4C0;
    --kendo-color-error-subtle-active: #FAA9A3;
    --kendo-color-error: #ff0000;
    --kendo-color-error-hover: #D41A0C;
    --kendo-color-error-active: #C1170B;
    --kendo-color-error-emphasis: #911108;
    --kendo-color-on-error: #FFFFFF;
    --kendo-color-error-on-surface: #D41A0C;
    --kendo-color-error-on-subtle: #4D0904;
    /* Success */
    --kendo-color-success-subtle: #D9FCE8;
    --kendo-color-success-subtle-hover: #C2FAD9;
    --kendo-color-success-subtle-active: #A6F7C8;
    --kendo-color-success: #32ED7F;
    --kendo-color-success-hover: #14E069;
    --kendo-color-success-active: #12CE60;
    --kendo-color-success-emphasis: #0C8D42;
    --kendo-color-on-success: #000;
    --kendo-color-success-on-surface: #14E069;
    --kendo-color-success-on-subtle: #074B23;
    /*  Warning */
    --kendo-color-warning-subtle: #FCF6D9;
    --kendo-color-warning-subtle-hover: #FAF0C2;
    --kendo-color-warning-subtle-active: #F7EAA6;
    --kendo-color-warning: #EDCD32;
    --kendo-color-warning-hover: #E0BE14;
    --kendo-color-warning-active: #CEAF12;
    --kendo-color-warning-emphasis: #8D770C;
    --kendo-color-on-warning: #000000;
    --kendo-color-warning-on-surface: #E0BE14;
    --kendo-color-warning-on-subtle: #4B4007;
    /*  Info */
    --kendo-color-info-subtle: #D9F6FC;
    --kendo-color-info-subtle-hover: #C2F0FA;
    --kendo-color-info-subtle-active: #A6EAF7;
    --kendo-color-info: #32CEED;
    --kendo-color-info-hover: #14BEE0;
    --kendo-color-info-active: #12AFCE;
    --kendo-color-info-emphasis: #0C778D;
    --kendo-color-on-info: #000000;
    --kendo-color-info-on-surface: #14BEE0;
    --kendo-color-info-on-subtle: #07404B;
    /*  Light */
    --kendo-color-light-subtle: #E6EAEF;
    --kendo-color-light-subtle-hover: #DAE0E7;
    --kendo-color-light-subtle-active: #C1CBD7;
    --kendo-color-light: #F2F4F7;
    --kendo-color-light-hover: #E6EAEF;
    --kendo-color-light-active: #DAE0E7;
    --kendo-color-light-emphasis: #A8B6C7;
    --kendo-color-on-light: #181E25;
    --kendo-color-light-on-surface: #E6EAEF;
    --kendo-color-light-on-subtle: #303C4A;
    /*  Dark */
    --kendo-color-dark-subtle: #202832;
    --kendo-color-dark-subtle-hover: #28323E;
    --kendo-color-dark-subtle-active: #303C4A;
    --kendo-color-dark: #101419;
    --kendo-color-dark-hover: #181E25;
    --kendo-color-dark-active: #202832;
    --kendo-color-dark-emphasis: #50647C;
    --kendo-color-on-dark: #FFFFFF;
    --kendo-color-dark-on-surface: #181E25;
    --kendo-color-dark-on-subtle: #F2F4F7;
    /*  Series A */
    --kendo-color-series-a-subtler: #E4B4C1;
    --kendo-color-series-a: #C35573;
    --kendo-color-series-a-bold: #A63A57;
    --kendo-color-series-a-subtle: #D5869B;
    --kendo-color-series-a-bolder: #792A3F;
    /*  Series B */
    --kendo-color-series-b-subtler: #ACCFEC;
    --kendo-color-series-b: #4493D5;
    --kendo-color-series-b-bold: #2975B3;
    --kendo-color-series-b-subtle: #7AB3E1;
    --kendo-color-series-b-bolder: #1D5481;
    /*  Series C */
    --kendo-color-series-c-subtler: #B1D2C2;
    --kendo-color-series-c: #62A583;
    --kendo-color-series-c-bold: #4A8266;
    --kendo-color-series-c-subtle: #8ABCA3;
    --kendo-color-series-c-bolder: #345B47;
    /*  Series D */
    --kendo-color-series-d-subtler: #69BED8;
    --kendo-color-series-d: #28829D;
    --kendo-color-series-d-bold: #1C5B6D;
    --kendo-color-series-d-subtle: #38A9CC;
    --kendo-color-series-d-bolder: #10323D;
    /*  Series E */
    --kendo-color-series-e-subtler: #EED57C;
    --kendo-color-series-e: #D6AD1C;
    --kendo-color-series-e-bold: #A28415;
    --kendo-color-series-e-subtle: #E7C446;
    --kendo-color-series-e-bolder: #6C580E;
    /*  SERIES F */
    --kendo-color-series-f-subtler: #C5C0D8;
    --kendo-color-series-f: #7F76A9;
    --kendo-color-series-f-bold: #60568A;
    --kendo-color-series-f-subtle: #A29BC0;
    --kendo-color-series-f-bolder: #463F64;
    /*designer-css*/
    --base-quaternary-color: #2b397c;
    --base-quinary-color: #334060;
    --base-senary-color: #00005b;
    --base-septenary-color: #000083;
    --base-octonary-color: #434fa2;
    --base-nonary-color: 1e2bbf;
    --base-denary-color: #4e63ff;
    --danger-color: #ff0000;
    --radical-red-color: #ff4569;
    --success-color: #a0ce4e;
    --warning-color: #ffa956;
    --info-color: #00bfee;
    --dadger-blue-color: #008fff;
    --neon-blue-color: #4e63ff;
    --persian-blue-color: #1e2bbf;
    --light-slate-blue-color: #8391ff;
    --periwincle-color: #c1c5ea;
    --lavendar-color: #d6dffb;
    --text-danger: #ff0000;
    --text-info: #00bfee;
    --text-warning: #ffa956;
    --text-success: #a0ce4e;
}

/* Accessibility Font Size */

[data-font-size="small"] {
    font-size: 0.75rem;
}

[data-font-size="normal"] {
    font-size: 1rem;
}

[data-font-size="large"] {
    font-size: 1.125rem;
}

/* Accessibility Color Mode */

[data-color-mode="normal"] {
    filter: none !important;
}

[data-color-mode="greyscale"] {
    filter: grayscale() !important;
}

[data-theme='style'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #008fc5;
    --kendo-color-primary-light: #fafdfe;
    --kendo-color-primary-hover: #008fc5;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #008fc5;
    --kendo-color-primary-on-subtle: #174163;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #008fc5;
    --base-tab-link-color: #008fc5;
    --primary-bg-color: #f5fbfd;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #008fc5;
    --remember-me-label-text-color: #008fc5;
    --forgot-password-text-color: #008fc5;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #ffffff;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #ffffff;
    --ragular-bdr: #e6e6e6;
    --base-primary-color: #008fc5;
    --base-primary-lighter: #e5f6fc;
    --base-link-primary-color: #008fc5;
    --base-primary-color-bdr: #008fc5;
    --base-secondary-color-bdr: #b6b6b6;
    --base-font-color: #666666;
    --base-primary-light-bg: #f5fbfd;
    --base-link-color: #006fe5;
    /*theme-color are*/
    --base-primary-color: #008fc5;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --ghost-white-color: #f7f8ff;
    --text-primary: #008fc5;
    --text-white: #ffffff;
    --border-base-color: #dcdee3;
    --base-primary-light-grid: #fafdfe;
    --card-border-color: #eeeff5;
    --base-lighter-bg: #fafdfe;
    --base-gray-vlighter: #f2f4f7;
    --base-gray-bdr-vlighter: #e3e8ec;
    --bg--lighter: #ffffff;
    --base-ragular-color: #424242;
    --base-text-color: #4d4d4d;
    --focus-outer: #008fc53d;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(255, 255, 255, 1);
    --lbl-ragular: #1a1a1a;
    --base-wise-heading: #1a1a1a;
    --base-card-bg: #ffffff;
    --card-heading-bdr: #eeeff5;
    --base-grid-bdr: #00000014;
    --base-grid-header-color: #424242;
    --base-grid-bg: #f2f4f7;
    --grid-heading-color: #4d4d4d;
    --breadcrumb-base-color: #000000;
    --tbl-base-color: #4d4d4d;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #dde1e6;
    --base-primary-pager: #666666;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #dde1e6;
    --base-theme-wise-color: #000000;
    --base-theme-bg: #ffffff;
    --offset-bdr: #ffffff;
    --base-themebase-color: #008fc5;
    --base-drop-theme-bg: #ffffff;
    --base-link-color: #008fc5;
    --base-drop-bg: #ffffff;
    --base-drop-bdr: #ffffff;
    --bg-base-lighter-clr: #fafafa;
    --base-theme-nav-bdr: #008fc5;
    --pager-theme-wise: #4d4d4d;
    --text-theme-wise: #4d4d4d;
    --base-theme-text-color: #008fc5;
    --theme-disabled-color: #ebebeb;
    --theme-disabled-bdr: #ebebeb;
    --theme-disabled-text: #b5b5b5;
    --bg-theme-wise: #e5f6fc;
    --footerbg-themewise: #f3f3f3;
    --terms-text-color: #000000;
    --theme-terms-bdr: #e3e8ec;
    --theme-wise-text-color: #4d4d4d;
    --grouping-grid-color: #ebf2f5;
    --base-disabled-color: #f8f8f8;
    --base-theme-wise-bg-color: #ffffff;
    --input-theme-wise: #ffffff;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #ffffff;
    --grid-row-even: #ffffff;
    --modal-themewise-bg: #ffffff;
    --qr-bdr: #000000;
    --read-only-bg: #f8f8f8;
    --read-only-bdr: #dcdcdc;
    --base-theme-grp-clr: #f6f8fb;
}
/*-theme-wise-custom-modified-css-*/
[data-theme='style'] {}

[data-theme='style-blue-red'] {
    /* Primary */
    --kendo-color-primary-subtle: #ffe6e9;
    --kendo-color-primary-subtle-hover: #ffd0d5;
    --kendo-color-primary-subtle-active: #ffaeb6;
    --kendo-color-primary: #af2734;
    --kendo-color-primary-light: #f2dcde;
    --kendo-color-primary-hover: #af2734;
    --kendo-color-primary-active: #af2734;
    --kendo-color-primary-emphasis: #76151e;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #af2734;
    --kendo-color-primary-on-subtle: #174163;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #af2734;
    --base-tab-link-color: #af2734;
    --primary-bg-color: #f5fbfd;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #af2734;
    --remember-me-label-text-color: #af2734;
    --forgot-password-text-color: #af2734;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #af2734;
    /* Custom Variables Dashboard Page */
    --dashboard-bg-color: #ffffff;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #ffffff;
    --ragular-bdr: #e6e6e6;
    --base-primary-color: #af2734;
    --base-primary-lighter: #f2dcde;
    --base-link-primary-color: #af2734;
    --base-primary-color-bdr: #af2734;
    --base-secondary-color-bdr: #b6b6b6;
    --base-font-color: #666666;
    --base-primary-light-bg: #fff7f8;
    --base-link-color: #af2734;
    --text-danger: #dc3545;
    /*theme-color are*/
    --base-primary-color: #af2734;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --ghost-white-color: #f7f8ff;
    --text-primary: #af2734;
    --text-white: #ffffff;
    --border-base-color: #dcdee3;
    --base-primary-light-grid: #fff9f9;
    --bg--lighter: #ffffff;
    --base-ragular-color: #424242;
    --base-text-color: #4d4d4d;
    --focus-outer: #af273480;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(255, 255, 255, 1);
    --lbl-ragular: #1a1a1a;
    --base-wise-heading: #1a1a1a;
    --base-card-bg: #ffffff;
    --card-heading-bdr: #b8c0cc;
    --base-grid-bdr: #00000014;
    --base-grid-header-color: #424242;
    --base-grid-bg: #f2f4f7;
    --grid-heading-color: #4d4d4d;
    --breadcrumb-base-color: #000000;
    --tbl-base-color: #4d4d4d;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #dde1e6;
    --base-primary-pager: #af2734;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #dde1e6;
    --base-theme-wise-color: #000000;
    --base-theme-bg: #ffffff;
    --offset-bdr: #ffffff;
    --base-themebase-color: #af2734;
    --base-drop-theme-bg: #ffffff;
    --base-link-color: #af2734;
    --base-drop-bg: #ffffff;
    --base-drop-bdr: #ffffff;
    --bg-base-lighter-clr: #fafafa;
    --base-theme-nav-bdr: #af2734;
    --pager-theme-wise: #4d4d4d;
    --text-theme-wise: #4d4d4d;
    --base-theme-text-color: #af2734;
    --theme-disabled-color: #ebebeb;
    --theme-disabled-bdr: #ebebeb;
    --theme-disabled-text: #b5b5b5;
    --bg-theme-wise: #f2dcde;
    --footerbg-themewise: #f3f3f3;
    --terms-text-color: #000000;
    --theme-terms-bdr: #e3e8ec;
    --theme-wise-text-color: #4d4d4d;
    --grouping-grid-color: #f2dcde;
    --base-disabled-color: #f8f8f8;
    --base-theme-wise-bg-color: #ffffff;
    --input-theme-wise: #ffffff;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #ffffff;
    --grid-row-even: #ffffff;
    --modal-themewise-bg: #ffffff;
    --qr-bdr: #000000;
    --read-only-bg: #f8f8f8;
    --read-only-bdr: #dcdcdc;
    --base-theme-grp-clr: #f6f8fb;
    --base-primary-lightdark: #d7bd70;
}
/*-theme-wise-custom-modified-css-*/
[data-theme='style-blue-red'] {}

[data-theme='style-green'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #1c5a00;
    --kendo-color-primary-light: #edf8e9;
    --kendo-color-primary-hover: #1c5a00;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #1c5a00;
    --kendo-color-primary-on-subtle: #174163;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #1c5a00;
    --base-tab-link-color: #1c5a00;
    --primary-bg-color: #edf8e9;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #1c5a00;
    --remember-me-label-text-color: #1c5a00;
    --forgot-password-text-color: #1c5a00;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #ffffff;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #ffffff;
    --ragular-bdr: #e6e6e6;
    --base-primary-color: #1c5a00;
    --base-primary-lighter: #edf8e9;
    --base-link-primary-color: #1c5a00;
    --base-primary-color-bdr: #1c5a00;
    --base-secondary-color-bdr: #b6b6b6;
    --base-font-color: #666666;
    --base-primary-light-bg: #edf8e9;
    --base-link-color: #006fe5;
    /*theme-color are*/
    --base-primary-color: #1c5a00;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --ghost-white-color: #f7f8ff;
    --text-primary: #1c5a00;
    --text-white: #ffffff;
    --border-base-color: #dcdee3;
    --base-primary-light-grid: #edf8e9;
    --card-border-color: #eeeff5;
    --base-lighter-bg: #edf8e9;
    --base-gray-vlighter: #f2f4f7;
    --base-gray-bdr-vlighter: #e3e8ec;
    --bg--lighter: #ffffff;
    --base-ragular-color: #424242;
    --base-text-color: #4d4d4d;
    --focus-outer: #133e0045;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(255, 255, 255, 1);
    --lbl-ragular: #1a1a1a;
    --base-wise-heading: #1a1a1a;
    --base-card-bg: #ffffff;
    --card-heading-bdr: #eeeff5;
    --base-grid-bdr: #00000014;
    --base-grid-header-color: #424242;
    --base-grid-bg: #f2f4f7;
    --grid-heading-color: #4d4d4d;
    --breadcrumb-base-color: #000000;
    --tbl-base-color: #4d4d4d;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #dde1e6;
    --base-primary-pager: #666666;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #dde1e6;
    --base-theme-wise-color: #000000;
    --base-theme-bg: #ffffff;
    --offset-bdr: #ffffff;
    --base-themebase-color: #1c5a00;
    --base-drop-theme-bg: #ffffff;
    --base-link-color: #1c5a00;
    --base-drop-bg: #ffffff;
    --base-drop-bdr: #ffffff;
    --bg-base-lighter-clr: #fafafa;
    --base-theme-nav-bdr: #1c5a00;
    --pager-theme-wise: #4d4d4d;
    --text-theme-wise: #4d4d4d;
    --base-theme-text-color: #1c5a00;
    --theme-disabled-color: #ebebeb;
    --theme-disabled-bdr: #ebebeb;
    --theme-disabled-text: #b5b5b5;
    --bg-theme-wise: #edf8e9;
    --footerbg-themewise: #f3f3f3;
    --terms-text-color: #000000;
    --theme-terms-bdr: #e3e8ec;
    --theme-wise-text-color: #4d4d4d;
    --grouping-grid-color: #ebf2f5;
    --base-disabled-color: #f8f8f8;
    --base-theme-wise-bg-color: #ffffff;
    --input-theme-wise: #ffffff;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #ffffff;
    --grid-row-even: #ffffff;
    --modal-themewise-bg: #ffffff;
    --qr-bdr: #000000;
    --read-only-bg: #f8f8f8;
    --read-only-bdr: #dcdcdc;
    --base-theme-grp-clr: #ecf1ee;
    --base-primary-lightdark: #9ebf90;
    --sidemenu-icon-lighter: #ffffff;
    --base-primary-d-darker: #8bab7e;
}

[data-theme='style-yellow'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #806000;
    --kendo-color-primary-light: #ffeebd;
    --kendo-color-primary-hover: #806000;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #806000;
    --kendo-color-primary-on-subtle: #174163;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #806000;
    --base-tab-link-color: #806000;
    --primary-bg-color: #edf8e9;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #806000;
    --remember-me-label-text-color: #806000;
    --forgot-password-text-color: #806000;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #ffffff;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #ffffff;
    --ragular-bdr: #e6e6e6;
    --base-primary-color: #806000;
    --base-primary-lighter: #ffeebd;
    --base-link-primary-color: #806000;
    --base-primary-color-bdr: #806000;
    --base-secondary-color-bdr: #b6b6b6;
    --base-font-color: #666666;
    --base-primary-light-bg: #ffeebd;
    --base-link-color: #006fe5;
    /*theme-color are*/
    --base-primary-color: #806000;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --ghost-white-color: #f7f8ff;
    --text-primary: #806000;
    --text-white: #ffffff;
    --border-base-color: #dcdee3;
    --base-primary-light-grid: #fff8e3;
    --card-border-color: #eeeff5;
    --base-lighter-bg: #f4ecd4;
    --base-gray-vlighter: #f2f4f7;
    --base-gray-bdr-vlighter: #e3e8ec;
    --bg--lighter: #ffffff;
    --base-ragular-color: #424242;
    --base-text-color: #4d4d4d;
    --focus-outer: #8060004a;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(255, 255, 255, 1);
    --lbl-ragular: #1a1a1a;
    --base-wise-heading: #1a1a1a;
    --base-card-bg: #ffffff;
    --card-heading-bdr: #eeeff5;
    --base-grid-bdr: #00000014;
    --base-grid-header-color: #424242;
    --base-grid-bg: #f2f4f7;
    --grid-heading-color: #4d4d4d;
    --breadcrumb-base-color: #000000;
    --tbl-base-color: #4d4d4d;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #dde1e6;
    --base-primary-pager: #666666;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #dde1e6;
    --base-theme-wise-color: #000000;
    --base-theme-bg: #ffffff;
    --offset-bdr: #ffffff;
    --base-themebase-color: #806000;
    --base-drop-theme-bg: #ffffff;
    --base-link-color: #806000;
    --base-drop-bg: #ffffff;
    --base-drop-bdr: #ffffff;
    --bg-base-lighter-clr: #fafafa;
    --base-theme-nav-bdr: #806000;
    --pager-theme-wise: #4d4d4d;
    --text-theme-wise: #4d4d4d;
    --base-theme-text-color: #1c5a00;
    --theme-disabled-color: #ebebeb;
    --theme-disabled-bdr: #ebebeb;
    --theme-disabled-text: #b5b5b5;
    --bg-theme-wise: #f3ead0;
    --footerbg-themewise: #f3f3f3;
    --terms-text-color: #000000;
    --theme-terms-bdr: #e3e8ec;
    --theme-wise-text-color: #4d4d4d;
    --grouping-grid-color: #ebf2f5;
    --base-disabled-color: #f8f8f8;
    --base-theme-wise-bg-color: #ffffff;
    --input-theme-wise: #ffffff;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #ffffff;
    --grid-row-even: #ffffff;
    --modal-themewise-bg: #ffffff;
    --qr-bdr: #000000;
    --read-only-bg: #f8f8f8;
    --read-only-bdr: #dcdcdc;
    --base-theme-grp-clr: #e9e3ce;
    --base-primary-lightdark: #d7bd70;
    --sidemenu-icon-lighter: #ffffff;
    --base-primary-d-darker: #d1ad48;
}

[data-theme='style-purple'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #562c80;
    --kendo-color-primary-light: #f0e0ff;
    --kendo-color-primary-hover: #562c80;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #562c80;
    --kendo-color-primary-on-subtle: #174163;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #562c80;
    --base-tab-link-color: #562c80;
    --primary-bg-color: #edf8e9;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #562c80;
    --remember-me-label-text-color: #562c80;
    --forgot-password-text-color: #562c80;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #ffffff;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #ffffff;
    --ragular-bdr: #e6e6e6;
    --base-primary-color: #562c80;
    --base-primary-lighter: #f0e0ff;
    --base-link-primary-color: #562c80;
    --base-primary-color-bdr: #562c80;
    --base-secondary-color-bdr: #b6b6b6;
    --base-font-color: #666666;
    --base-primary-light-bg: #f0e0ff;
    --base-link-color: #006fe5;
    /*theme-color are*/
    --base-primary-color: #562c80;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --ghost-white-color: #f7f8ff;
    --text-primary: #562c80;
    --text-white: #ffffff;
    --border-base-color: #dcdee3;
    --base-primary-light-grid: #f8f1ff;
    --card-border-color: #eeeff5;
    --base-lighter-bg: #f3ecff;
    --base-gray-vlighter: #f2f4f7;
    --base-gray-bdr-vlighter: #e3e8ec;
    --bg--lighter: #ffffff;
    --base-ragular-color: #424242;
    --base-text-color: #4d4d4d;
    --focus-outer: #562c804a;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(255, 255, 255, 1);
    --lbl-ragular: #1a1a1a;
    --base-wise-heading: #1a1a1a;
    --base-card-bg: #ffffff;
    --card-heading-bdr: #eeeff5;
    --base-grid-bdr: #00000014;
    --base-grid-header-color: #424242;
    --base-grid-bg: #f2f4f7;
    --grid-heading-color: #4d4d4d;
    --breadcrumb-base-color: #000000;
    --tbl-base-color: #4d4d4d;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #dde1e6;
    --base-primary-pager: #666666;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #dde1e6;
    --base-theme-wise-color: #000000;
    --base-theme-bg: #ffffff;
    --offset-bdr: #ffffff;
    --base-themebase-color: #562c80;
    --base-drop-theme-bg: #ffffff;
    --base-link-color: #562c80;
    --base-drop-bg: #ffffff;
    --base-drop-bdr: #ffffff;
    --bg-base-lighter-clr: #fafafa;
    --base-theme-nav-bdr: #562c80;
    --pager-theme-wise: #4d4d4d;
    --text-theme-wise: #4d4d4d;
    --base-theme-text-color: #1c5a00;
    --theme-disabled-color: #ebebeb;
    --theme-disabled-bdr: #ebebeb;
    --theme-disabled-text: #9f9f9f;
    --bg-theme-wise: #f0e0ff;
    --footerbg-themewise: #f3f3f3;
    --terms-text-color: #000000;
    --theme-terms-bdr: #e3e8ec;
    --theme-wise-text-color: #4d4d4d;
    --grouping-grid-color: #ebf2f5;
    --base-disabled-color: #f8f8f8;
    --base-theme-wise-bg-color: #ffffff;
    --input-theme-wise: #ffffff;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #ffffff;
    --grid-row-even: #ffffff;
    --modal-themewise-bg: #ffffff;
    --qr-bdr: #000000;
    --read-only-bg: #f8f8f8;
    --read-only-bdr: #dcdcdc;
    --base-theme-grp-clr: #e5dff1;
    --base-primary-lightdark: #ac8bcd;
    --sidemenu-icon-lighter: #ffffff;
    --base-primary-d-darker: #9058c9;
}

[data-theme='style-dark'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #666666;
    --kendo-color-primary-light: #fafdfe;
    --kendo-color-primary-hover: #8b8b8b;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    /*--kendo-color-primary-on-surface: #008fc5;*/
    --kendo-color-primary-on-subtle: #174163;
    --kendo-color-app-surface: #000000;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #6b6b6b;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #6b6b6b;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-color-surface: #3d3d3d;
    --kendo-color-surface-alt: #3d3d3d;
    --kendo-color-on-app-surface: #f5f5f5;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    --kendo-color-border: rgba(255, 255, 255, .24);
    --kendo-color-base: #3D3D3D;
    --kendo-color-on-base: #f5f5f5;
    --kendo-color-base-hover: #4d4d4d;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #666666;
    --primary-bg-color: #f5fbfd;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #e3e3e3;
    --remember-me-label-text-color: #008fc5;
    --forgot-password-text-color: #008fc5;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #000000;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #191d23;
    --ragular-bdr: #666666;
    --base-primary-lighter: #8b8b8b;
    --base-link-primary-color: #ffffff;
    --base-primary-color-bdr: #bec9d9;
    --base-secondary-color-bdr: #898989;
    --base-font-color: #ffffff;
    --base-primary-light-bg: #8b8b8b;
    --base-link-color: #00bfee;
    /*theme-color are*/
    --base-primary-color: #666666;
    --base-tab-link-color: #ffffff;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --ghost-white-color: #f7f8ff;
    --text-primary: #e3e3e3;
    --text-white: #ffffff;
    --border-base-color: #8a8a8a;
    --base-primary-light-grid: #7b7b7b;
    --card-border-color: #191d23;
    --base-lighter-bg: #2d3440;
    --base-gray-vlighter: #000000;
    --base-gray-bdr-vlighter: #191d23;
    --bg--lighter: #191d23;
    --base-ragular-color: #ffffff;
    --base-text-color: #ffffff;
    --focus-outer: #8b8b8b;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(25, 29, 35, 1);
    --lbl-ragular: #ffffff;
    --base-wise-heading: #ffffff;
    --base-card-bg: #3d3d3d;
    --card-heading-bdr: #6b6b6b;
    --base-grid-bdr: #6b6b6b;
    --base-grid-header-color: #ffffff;
    --base-grid-bg: #555555;
    --grid-heading-color: #ffffff;
    --breadcrumb-base-color: #ffffff;
    --tbl-base-color: #ffffff;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #6b6b6b;
    --base-primary-pager: #ffffff;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #666666;
    --base-theme-wise-color: #ffffff;
    --base-theme-bg: #313b47;
    --offset-bdr: #474a4b;
    --base-themebase-color: #666666;
    --base-drop-theme-bg: #000000;
    --base-link-color: #ffffff;
    --base-drop-bg: #000000;
    --base-drop-bdr: #666666;
    --bg-base-lighter-clr: #8b8b8b;
    --scrollbarBG: #8b8b8b;
    --thumbBG: #000000;
    --base-theme-nav-bdr: #666666;
    --pager-theme-wise: #ffffff;
    --text-theme-wise: #ffffff;
    --base-theme-text-color: #ffffff;
    --theme-disabled-color: #3b3d40;
    --theme-disabled-bdr: #3b3d40;
    --theme-disabled-text: #979797;
    --bg-theme-wise: #8b8b8b;
    --footerbg-themewise: #666666;
    --terms-text-color: #ffffff;
    --theme-terms-bdr: #545454;
    --theme-wise-text-color: #ffffff;
    --grouping-grid-color: #ffffff;
    --base-disabled-color: #525354;
    --base-theme-wise-bg-color: #000000;
    --input-theme-wise: #666666;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #666666;
    --grid-row-even: #555555;
    --modal-themewise-bg: #3d3d3d;
    --qr-bdr: #666666;
    --read-only-bg: #49494a;
    --read-only-bdr: #5e5e5e;
    --base-theme-grp-clr: #000304;
    --base-primary-lightdark: #d7bd70;
}

/*-theme-wise-custom-modified-css-*/
[data-theme='style-dark'] {}


[data-theme='style-blue-dark'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #008fc5;
    --kendo-color-primary-light: #fafdfe;
    --kendo-color-primary-hover: #8b8b8b;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    /*--kendo-color-primary-on-surface: #008fc5;*/
    --kendo-color-primary-on-subtle: #174163;
    --kendo-color-app-surface: #000000;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #6b6b6b;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #6b6b6b;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-color-surface: #2c2e34;
    --kendo-color-surface-alt: #2c2e34;
    --kendo-color-on-app-surface: #f5f5f5;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    --kendo-color-border: rgba(255, 255, 255, .24);
    --kendo-color-base: #2c2e34;
    --kendo-color-on-base: #f5f5f5;
    --kendo-color-base-hover: #4d4d4d;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #008fc5;
    --primary-bg-color: #f5fbfd;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #e3e3e3;
    --remember-me-label-text-color: #008fc5;
    --forgot-password-text-color: #008fc5;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #000000;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #191d23;
    --ragular-bdr: #414141;
    --base-primary-lighter: #555555;
    --base-link-primary-color: #008fc5;
    --base-primary-color-bdr: #bec9d9;
    --base-secondary-color-bdr: #898989;
    --base-font-color: #ffffff;
    --base-primary-light-bg: #4c4c4c;
    --base-link-color: #00bfee;
    /*theme-color are*/
    --base-primary-color: #008fc5;
    --base-tab-link-color: #ffffff;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #008fc5;
    --ghost-white-color: #f7f8ff;
    --text-primary: #e3e3e3;
    --text-white: #ffffff;
    --border-base-color: #8a8a8a;
    --base-primary-light-grid: #383838;
    --card-border-color: #191d23;
    --base-lighter-bg: #2d3440;
    --base-gray-vlighter: #000000;
    --base-gray-bdr-vlighter: #191d23;
    --bg--lighter: #191d23;
    --base-ragular-color: #ffffff;
    --base-text-color: #ffffff;
    --focus-outer: #f2dcde;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(25, 29, 35, 1);
    --lbl-ragular: #ffffff;
    --base-wise-heading: #ffffff;
    --base-card-bg: #2c2e34;
    --card-heading-bdr: #6b6b6b;
    --base-grid-bdr: #6b6b6b;
    --base-grid-header-color: #ffffff;
    --base-grid-bg: #000000;
    --grid-heading-color: #ffffff;
    --breadcrumb-base-color: #ffffff;
    --tbl-base-color: #ffffff;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #6b6b6b;
    --base-primary-pager: #ffffff;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #5e6064;
    --base-theme-wise-color: #ffffff;
    --base-theme-bg: #313b47;
    --offset-bdr: #474a4b;
    --base-themebase-color: #008fc5;
    --base-drop-theme-bg: #000000;
    --base-link-color: #008fc5;
    --base-drop-bg: #000000;
    --base-drop-bdr: #666666;
    --bg-base-lighter-clr: #2c2e34;
    --scrollbarBG: #2c2e34;
    --thumbBG: #000000;
    --base-theme-nav-bdr: #008fc5;
    --pager-theme-wise: #ffffff;
    --text-theme-wise: #ffffff;
    --base-theme-text-color: #ffffff;
    --theme-disabled-color: #313132;
    --theme-disabled-bdr: #38393c;
    --theme-disabled-text: #979797;
    --bg-theme-wise: #8b8b8b;
    --footerbg-themewise: #666666;
    --terms-text-color: #ffffff;
    --theme-terms-bdr: #545454;
    --theme-wise-text-color: #ffffff;
    --grouping-grid-color: #ffffff;
    --base-disabled-color: #525354;
    --base-theme-wise-bg-color: #000000;
    --input-theme-wise: #666666;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #3c3c3c;
    --grid-row-even: #1b1d1e;
    --modal-themewise-bg: #3d3d3d;
    --qr-bdr: #666666;
    --read-only-bg: #49494a;
    --read-only-bdr: #5e5e5e;
    --base-theme-grp-clr: #000304;
    --base-primary-lightdark: #9ec4d3;
}

/*-theme-wise-custom-modified-css-*/
[data-theme='style-blue-dark'] {
}


/*-----Dark-primary-red----------*/

[data-theme='style-red-dark'] {
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #af2734;
    --kendo-color-primary-light: #fafdfe;
    --kendo-color-primary-hover: #8b8b8b;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    /*--kendo-color-primary-on-surface: #008fc5;*/
    --kendo-color-primary-on-subtle: #174163;
    --kendo-color-app-surface: #000000;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #6b6b6b;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #6b6b6b;
    --kendo-color-secondary-on-subtle: #101419;
    --kendo-color-surface: #2c2e34;
    --kendo-color-surface-alt: #2c2e34;
    --kendo-color-on-app-surface: #f5f5f5;
    --kendo-disabled-text: #cccccc;
    --kendo-disabled-bg: #ededed;
    --kendo-color-border: rgba(255, 255, 255, .24);
    --kendo-color-base: #2c2e34;
    --kendo-color-on-base: #f5f5f5;
    --kendo-color-base-hover: #4d4d4d;
    /*Panel Gradient*/
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
    /* Custom Variables*/
    /*Disable Background for CustomListView*/
    --kendo-ListViewDisable-BackGround: #f5f5f5;
    /* Custom Variables Login Page */
    --primary-color: #af2734;
    --primary-bg-color: #f5fbfd;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #e3e3e3;
    --remember-me-label-text-color: #af2734;
    --forgot-password-text-color: #af2734;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;
    /* Custom Variables Dashboard Page*/
    --dashboard-bg-color: #000000;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;
    /*-Designer12062025*/
    --bg-white: #191d23;
    --ragular-bdr: #414141;
    --base-primary-lighter: #555555;
    --base-link-primary-color: #af2734;
    --base-primary-color-bdr: #bec9d9;
    --base-secondary-color-bdr: #898989;
    --base-font-color: #ffffff;
    --base-primary-light-bg: #4c4c4c;
    --base-link-color: #00bfee;
    /*theme-color are*/
    --base-primary-color: #af2734;
    --base-tab-link-color: #ffffff;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #af2734;
    --ghost-white-color: #f7f8ff;
    --text-primary: #e3e3e3;
    --text-white: #ffffff;
    --border-base-color: #8a8a8a;
    --base-primary-light-grid: #383838;
    --card-border-color: #191d23;
    --base-lighter-bg: #2d3440;
    --base-gray-vlighter: #000000;
    --base-gray-bdr-vlighter: #191d23;
    --bg--lighter: #191d23;
    --base-ragular-color: #ffffff;
    --base-text-color: #ffffff;
    --focus-outer: #f2dcde;
    --color-bg-light-blue: rgba(245, 251, 253, 1);
    --color-bg-white: rgba(25, 29, 35, 1);
    --lbl-ragular: #ffffff;
    --base-wise-heading: #ffffff;
    --base-card-bg: #2c2e34;
    --card-heading-bdr: #6b6b6b;
    --base-grid-bdr: #6b6b6b;
    --base-grid-header-color: #ffffff;
    --base-grid-bg: #000000;
    --grid-heading-color: #ffffff;
    --breadcrumb-base-color: #ffffff;
    --tbl-base-color: #ffffff;
    --disabled-color: #c7c7c7;
    --disabled-bg: #efefef;
    --disabled-bdr: #d5d5d5;
    --grid-bdr-entire: #6b6b6b;
    --base-primary-pager: #ffffff;
    --text-theme-base: #ffffff;
    --base-ragular-bdr-btn: #666666;
    --base-theme-wise-color: #ffffff;
    --base-theme-bg: #313b47;
    --offset-bdr: #474a4b;
    --base-themebase-color: #af2734;
    --base-drop-theme-bg: #000000;
    --base-link-color: #af2734;
    --base-drop-bg: #000000;
    --base-drop-bdr: #666666;
    --bg-base-lighter-clr: #2c2e34;
    --scrollbarBG: #2c2e34;
    --thumbBG: #000000;
    --base-theme-nav-bdr: #af2734;
    --pager-theme-wise: #ffffff;
    --text-theme-wise: #ffffff;
    --base-theme-text-color: #ffffff;
    --theme-disabled-color: #313132;
    --theme-disabled-bdr: #38393c;
    --theme-disabled-text: #979797;
    --bg-theme-wise: #8b8b8b;
    --footerbg-themewise: #666666;
    --terms-text-color: #ffffff;
    --theme-terms-bdr: #545454;
    --theme-wise-text-color: #ffffff;
    --grouping-grid-color: #ffffff;
    --base-disabled-color: #525354;
    --base-theme-wise-bg-color: #000000;
    --input-theme-wise: #666666;
    --check-theme-wise: #ffffff;
    --base-wisebg-header: #3c3c3c;
    --grid-row-even: #1b1d1e;
    --modal-themewise-bg: #3d3d3d;
    --qr-bdr: #666666;
    --read-only-bg: #49494a;
    --read-only-bdr: #5e5e5e;
    --base-theme-grp-clr: #000304;
    --base-primary-lightdark: #ffffff;
}

/*-theme-wise-custom-modified-css-*/
[data-theme='style-red-dark'] {
}


/*:root {*/
    /* Color System */
    /* Misc */
    /*--kendo-color-app-surface: #fff;
    --kendo-color-surface: #F2F4F7;
    --kendo-color-surface-alt: #fff;
    --kendo-color-on-app-surface: #28323E;
    --kendo-color-subtle: #50647C;
    --kendo-color-border: rgba(23, 65, 99, .12);
    --kendo-color-border-alt: rgba(23, 65, 99, 0.24);*/
    /*  Base */
    /*--kendo-color-base-subtle: #E6EAEF;
    --kendo-color-base-subtle-hover: #DAE0E7;
    --kendo-color-base-subtle-active: #C1CBD7;
    --kendo-color-base: #ffffff;
    --kendo-color-base-hover: #E6EAEF;
    --kendo-color-base-active: #DAE0E7;
    --kendo-color-base-emphasis: #405063;
    --kendo-color-on-base: #202832;
    --kendo-color-base-on-surface: #28323E;
    --kendo-color-base-on-subtle: #181E25;*/
    /* Primary */
    /*--kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #167ED4;
    --kendo-color-primary-light: #fafdfe;
    --kendo-color-primary-hover: #008fc5;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #008fc5;
    --kendo-color-primary-on-subtle: #174163;*/
    /* Secondary */
    /*--kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;*/
    /* Tertiary */
    /*--kendo-color-tertiary-subtle: #DAFBF9;
    --kendo-color-tertiary-subtle-hover: #C7F9F7;
    --kendo-color-tertiary-subtle-active: #A2F6F1;
    --kendo-color-tertiary: #16D4CB;
    --kendo-color-tertiary-hover: #13B9B0;
    --kendo-color-tertiary-active: #16A29B;
    --kendo-color-tertiary-emphasis: #137C77;
    --kendo-color-on-tertiary: #000000;
    --kendo-color-tertiary-on-surface: #13B9B0;
    --kendo-color-tertiary-on-subtle: #104240;*/
    /* Error */
    /*--kendo-color-error-subtle: #FCDCD9;
    --kendo-color-error-subtle-hover: #FCC4C0;
    --kendo-color-error-subtle-active: #FAA9A3;
    --kendo-color-error: #E71B0D;
    --kendo-color-error-hover: #D41A0C;
    --kendo-color-error-active: #C1170B;
    --kendo-color-error-emphasis: #911108;
    --kendo-color-on-error: #FFFFFF;
    --kendo-color-error-on-surface: #D41A0C;
    --kendo-color-error-on-subtle: #4D0904;*/
    /* Success */
    /*--kendo-color-success-subtle: #D9FCE8;
    --kendo-color-success-subtle-hover: #C2FAD9;
    --kendo-color-success-subtle-active: #A6F7C8;
    --kendo-color-success: #32ED7F;
    --kendo-color-success-hover: #14E069;
    --kendo-color-success-active: #12CE60;
    --kendo-color-success-emphasis: #0C8D42;
    --kendo-color-on-success: #000;
    --kendo-color-success-on-surface: #14E069;
    --kendo-color-success-on-subtle: #074B23;*/
    /*  Warning */
    /*--kendo-color-warning-subtle: #FCF6D9;
    --kendo-color-warning-subtle-hover: #FAF0C2;
    --kendo-color-warning-subtle-active: #F7EAA6;
    --kendo-color-warning: #EDCD32;
    --kendo-color-warning-hover: #E0BE14;
    --kendo-color-warning-active: #CEAF12;
    --kendo-color-warning-emphasis: #8D770C;
    --kendo-color-on-warning: #000000;
    --kendo-color-warning-on-surface: #E0BE14;
    --kendo-color-warning-on-subtle: #4B4007;*/
    /*  Info */
    /*--kendo-color-info-subtle: #D9F6FC;
    --kendo-color-info-subtle-hover: #C2F0FA;
    --kendo-color-info-subtle-active: #A6EAF7;
    --kendo-color-info: #32CEED;
    --kendo-color-info-hover: #14BEE0;
    --kendo-color-info-active: #12AFCE;
    --kendo-color-info-emphasis: #0C778D;
    --kendo-color-on-info: #000000;
    --kendo-color-info-on-surface: #14BEE0;
    --kendo-color-info-on-subtle: #07404B;*/
    /*  Light */
    /*--kendo-color-light-subtle: #E6EAEF;
    --kendo-color-light-subtle-hover: #DAE0E7;
    --kendo-color-light-subtle-active: #C1CBD7;
    --kendo-color-light: #F2F4F7;
    --kendo-color-light-hover: #E6EAEF;
    --kendo-color-light-active: #DAE0E7;
    --kendo-color-light-emphasis: #A8B6C7;
    --kendo-color-on-light: #181E25;
    --kendo-color-light-on-surface: #E6EAEF;
    --kendo-color-light-on-subtle: #303C4A;*/
    /*  Dark */
    /*--kendo-color-dark-subtle: #202832;
    --kendo-color-dark-subtle-hover: #28323E;
    --kendo-color-dark-subtle-active: #303C4A;
    --kendo-color-dark: #101419;
    --kendo-color-dark-hover: #181E25;
    --kendo-color-dark-active: #202832;
    --kendo-color-dark-emphasis: #50647C;
    --kendo-color-on-dark: #FFFFFF;
    --kendo-color-dark-on-surface: #181E25;
    --kendo-color-dark-on-subtle: #F2F4F7;*/
    /*  Series A */
    /*--kendo-color-series-a-subtler: #E4B4C1;
    --kendo-color-series-a: #C35573;
    --kendo-color-series-a-bold: #A63A57;
    --kendo-color-series-a-subtle: #D5869B;
    --kendo-color-series-a-bolder: #792A3F;*/
    /*  Series B */
    /*--kendo-color-series-b-subtler: #ACCFEC;
    --kendo-color-series-b: #4493D5;
    --kendo-color-series-b-bold: #2975B3;
    --kendo-color-series-b-subtle: #7AB3E1;
    --kendo-color-series-b-bolder: #1D5481;*/
    /*  Series C */
    /*--kendo-color-series-c-subtler: #B1D2C2;
    --kendo-color-series-c: #62A583;
    --kendo-color-series-c-bold: #4A8266;
    --kendo-color-series-c-subtle: #8ABCA3;
    --kendo-color-series-c-bolder: #345B47;*/
    /*  Series D */
    /*--kendo-color-series-d-subtler: #69BED8;
    --kendo-color-series-d: #28829D;
    --kendo-color-series-d-bold: #1C5B6D;
    --kendo-color-series-d-subtle: #38A9CC;
    --kendo-color-series-d-bolder: #10323D;*/
    /*  Series E */
    /*--kendo-color-series-e-subtler: #EED57C;
    --kendo-color-series-e: #D6AD1C;
    --kendo-color-series-e-bold: #A28415;
    --kendo-color-series-e-subtle: #E7C446;
    --kendo-color-series-e-bolder: #6C580E;*/
    /*  SERIES F */
    /*--kendo-color-series-f-subtler: #C5C0D8;
    --kendo-color-series-f: #7F76A9;
    --kendo-color-series-f-bold: #60568A;
    --kendo-color-series-f-subtle: #A29BC0;
    --kendo-color-series-f-bolder: #463F64;*/
    
    /*Panel Gradient*/
    /*--panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);*/
    /* Custom Variables*/
    /*--kendo-error-background: #ffffcf;
    --kendo-highlight-background: #aee098;*/
    /*Disable Background for CustomListView*/
    /*--kendo-ListViewDisable-BackGround: #f5f5f5;*/
    /* Custom Variables Login Page */
    /*--primary-color: #008fc5;
    --primary-bg-color: #f5fbfd;
    --login-nav-bg-color: #ffffff;
    --login-nav-border-color: #e6e6e6;
    --input-bg-color: #f8f8f8;
    --input-border-color: #d5d4d4;
    --input-focus-bg-color: #ffffff;
    --input-focus-border-color: #008fc5;
    --remember-me-label-text-color: #008fc5;
    --forgot-password-text-color: #008fc5;
    --paragraph-text-color: #7a7a7a;
    --copyright-text-color: #7a7a7a;
    --link-text-color: #2288f8;*/
    /* Custom Variables Dashboard Page*/
    /*--dashboard-bg-color: #ffffff;
    --dashboard-card-border-color: #eeeff4;
    --dashboard-card-bg-color: #ffffff;*/
    /*-Designer12062025*/
    /*--bg-white: #ffffff;
    --ragular-bdr: #e6e6e6;
    
    --base-primary-color: #008fc5;
    --base-primary-lighter: #e5f6fc;
    --base-link-primary-color: #008fc5;
    --base-primary-color-bdr: #008fc5;
    --base-secondary-color-bdr: #b6b6b6;
    --base-font-color: #666666;
    --base-primary-light-bg: #f5fbfd;
    --base-link-color: #006fe5;
    --text-danger: #dc3545;*/
    /*theme-color are*/
    /*--base-primary-color: #008fc5;
    --base-secondary-color: #243f91;
    --base-tertiary-color: #333333;
    --base-quaternary-color: #2b397c;
    --base-quinary-color: #334060;
    --base-senary-color: #00005b;
    --base-septenary-color: #000083;
    --base-octonary-color: #434fa2;
    --base-nonary-color: 1e2bbf;
    --base-denary-color: #4e63ff;
    --danger-color: #ff0000;
    --radical-red-color: #ff4569;
    --success-color: #a0ce4e;
    --warning-color: #ffa956;
    --info-color: #00bfee;
    --dadger-blue-color: #008fff;
    --neon-blue-color: #4e63ff;
    --persian-blue-color: #1e2bbf;
    --light-slate-blue-color: #8391ff;
    --periwincle-color: #c1c5ea;
    --lavendar-color: #d6dffb;
    --ghost-white-color: #f7f8ff;
    --text-primary: #008fc5;
    --text-white: #ffffff;
    --border-base-color: #dcdee3;
    --base-primary-light-grid: #fafdfe;
    --card-border-color: #eeeff5;
    --base-lighter-bg: #fafdfe;
    --base-gray-vlighter: #f2f4f7;
    --base-gray-bdr-vlighter: #e3e8ec;
}*/