:root {
    --kendo-color-app-surface: var(--fb-white);
    --kendo-color-on-app-surface: var(--fb-text-dark);
    --kendo-color-subtle: var(--fb-text-medium);
    --kendo-color-surface: var(--fb-white);
    --kendo-color-surface-alt: var(--fb-bg-light);
    --kendo-color-border: color-mix(in srgb, var(--fb-text-dark) 12%, transparent);
    --kendo-color-border-alt: color-mix(in srgb, var(--fb-text-dark) 20%, transparent);
    --kendo-color-base-subtle: var(--fb-secondary-light);
    --kendo-color-base-subtle-hover: color-mix(in srgb, var(--fb-secondary-light) 88%, var(--fb-text-dark));
    --kendo-color-base-subtle-active: color-mix(in srgb, var(--fb-secondary-light) 76%, var(--fb-text-dark));
    --kendo-color-base: var(--fb-secondary);
    --kendo-color-base-hover: color-mix(in srgb, var(--fb-secondary) 88%, var(--fb-text-dark));
    --kendo-color-base-active: color-mix(in srgb, var(--fb-secondary) 76%, var(--fb-text-dark));
    --kendo-color-base-emphasis: color-mix(in srgb, var(--fb-text-dark) 34%, transparent);
    --kendo-color-base-on-subtle: var(--fb-text-dark);
    --kendo-color-on-base: var(--fb-text-dark);
    --kendo-color-base-on-surface: var(--fb-text-dark);
    --kendo-color-primary-subtle: var(--fb-primary-light);
    --kendo-color-primary-subtle-hover: color-mix(in srgb, var(--fb-primary-light) 88%, var(--fb-primary));
    --kendo-color-primary-subtle-active: color-mix(in srgb, var(--fb-primary-light) 76%, var(--fb-primary));
    --kendo-color-primary: var(--fb-primary);
    --kendo-color-primary-hover: color-mix(in srgb, var(--fb-primary) 88%, var(--fb-text-dark));
    --kendo-color-primary-active: color-mix(in srgb, var(--fb-primary) 76%, var(--fb-text-dark));
    --kendo-color-primary-emphasis: color-mix(in srgb, var(--fb-primary) 40%, transparent);
    --kendo-color-primary-on-subtle: color-mix(in srgb, var(--fb-primary) 52%, var(--fb-text-dark));
    --kendo-color-on-primary: var(--fb-text-light);
    --kendo-color-primary-on-surface: var(--fb-primary);
    --kendo-color-secondary-subtle: color-mix(in srgb, var(--fb-white) 88%, var(--fb-text-medium));
    --kendo-color-secondary-subtle-hover: color-mix(in srgb, var(--fb-white) 80%, var(--fb-text-medium));
    --kendo-color-secondary-subtle-active: color-mix(in srgb, var(--fb-white) 72%, var(--fb-text-medium));
    --kendo-color-secondary: var(--fb-text-medium);
    --kendo-color-secondary-hover: color-mix(in srgb, var(--fb-text-medium) 92%, var(--fb-text-dark));
    --kendo-color-secondary-active: color-mix(in srgb, var(--fb-text-medium) 84%, var(--fb-text-dark));
    --kendo-color-secondary-emphasis: color-mix(in srgb, var(--fb-text-medium) 40%, transparent);
    --kendo-color-secondary-on-subtle: var(--fb-text-dark);
    --kendo-color-on-secondary: var(--fb-text-light);
    --kendo-color-secondary-on-surface: var(--fb-text-medium);
    --kendo-color-tertiary-subtle: var(--fb-info-light);
    --kendo-color-tertiary-subtle-hover: color-mix(in srgb, var(--fb-info-light) 88%, var(--fb-info));
    --kendo-color-tertiary-subtle-active: color-mix(in srgb, var(--fb-info-light) 76%, var(--fb-info));
    --kendo-color-tertiary: var(--fb-info);
    --kendo-color-tertiary-hover: color-mix(in srgb, var(--fb-info) 88%, var(--fb-text-dark));
    --kendo-color-tertiary-active: color-mix(in srgb, var(--fb-info) 76%, var(--fb-text-dark));
    --kendo-color-tertiary-emphasis: color-mix(in srgb, var(--fb-info) 40%, transparent);
    --kendo-color-tertiary-on-subtle: color-mix(in srgb, var(--fb-info) 52%, var(--fb-text-dark));
    --kendo-color-on-tertiary: var(--fb-text-light);
    --kendo-color-tertiary-on-surface: var(--fb-info);
    --kendo-color-info-subtle: color-mix(in srgb, var(--fb-primary-light) 84%, var(--fb-white));
    --kendo-color-info-subtle-hover: color-mix(in srgb, var(--fb-primary-light) 72%, var(--fb-white));
    --kendo-color-info-subtle-active: color-mix(in srgb, var(--fb-primary-light) 60%, var(--fb-white));
    --kendo-color-info: color-mix(in srgb, var(--fb-primary) 78%, var(--fb-white));
    --kendo-color-info-hover: color-mix(in srgb, var(--fb-primary) 84%, var(--fb-white));
    --kendo-color-info-active: color-mix(in srgb, var(--fb-primary) 90%, var(--fb-white));
    --kendo-color-info-emphasis: color-mix(in srgb, var(--fb-primary) 32%, transparent);
    --kendo-color-info-on-subtle: color-mix(in srgb, var(--fb-primary) 52%, var(--fb-text-dark));
    --kendo-color-on-info: var(--fb-text-dark);
    --kendo-color-info-on-surface: color-mix(in srgb, var(--fb-primary) 78%, var(--fb-white));
    --kendo-color-success-subtle: var(--fb-success-light);
    --kendo-color-success-subtle-hover: color-mix(in srgb, var(--fb-success-light) 88%, var(--fb-success));
    --kendo-color-success-subtle-active: color-mix(in srgb, var(--fb-success-light) 76%, var(--fb-success));
    --kendo-color-success: var(--fb-success);
    --kendo-color-success-hover: color-mix(in srgb, var(--fb-success) 88%, var(--fb-text-dark));
    --kendo-color-success-active: color-mix(in srgb, var(--fb-success) 76%, var(--fb-text-dark));
    --kendo-color-success-emphasis: color-mix(in srgb, var(--fb-success) 40%, transparent);
    --kendo-color-success-on-subtle: color-mix(in srgb, var(--fb-success) 52%, var(--fb-text-dark));
    --kendo-color-on-success: var(--fb-text-light);
    --kendo-color-success-on-surface: var(--fb-success);
    --kendo-color-warning-subtle: var(--fb-warning-light);
    --kendo-color-warning-subtle-hover: color-mix(in srgb, var(--fb-warning-light) 88%, var(--fb-warning));
    --kendo-color-warning-subtle-active: color-mix(in srgb, var(--fb-warning-light) 76%, var(--fb-warning));
    --kendo-color-warning: var(--fb-warning);
    --kendo-color-warning-hover: color-mix(in srgb, var(--fb-warning) 88%, var(--fb-text-dark));
    --kendo-color-warning-active: color-mix(in srgb, var(--fb-warning) 76%, var(--fb-text-dark));
    --kendo-color-warning-emphasis: color-mix(in srgb, var(--fb-warning) 40%, transparent);
    --kendo-color-warning-on-subtle: color-mix(in srgb, var(--fb-warning) 52%, var(--fb-text-dark));
    --kendo-color-on-warning: var(--fb-text-dark);
    --kendo-color-warning-on-surface: var(--fb-warning);
    --kendo-color-error-subtle: var(--fb-danger-light);
    --kendo-color-error-subtle-hover: color-mix(in srgb, var(--fb-danger-light) 88%, var(--fb-danger));
    --kendo-color-error-subtle-active: color-mix(in srgb, var(--fb-danger-light) 76%, var(--fb-danger));
    --kendo-color-error: var(--fb-danger);
    --kendo-color-error-hover: color-mix(in srgb, var(--fb-danger) 88%, var(--fb-text-dark));
    --kendo-color-error-active: color-mix(in srgb, var(--fb-danger) 76%, var(--fb-text-dark));
    --kendo-color-error-emphasis: color-mix(in srgb, var(--fb-danger) 40%, transparent);
    --kendo-color-error-on-subtle: color-mix(in srgb, var(--fb-danger) 52%, var(--fb-text-dark));
    --kendo-color-on-error: var(--fb-text-light);
    --kendo-color-error-on-surface: var(--fb-danger);
    --kendo-color-light-subtle: color-mix(in srgb, var(--fb-white) 92%, var(--fb-bg-light));
    --kendo-color-light-subtle-hover: color-mix(in srgb, var(--fb-white) 84%, var(--fb-bg-light));
    --kendo-color-light-subtle-active: color-mix(in srgb, var(--fb-white) 76%, var(--fb-bg-light));
    --kendo-color-light: var(--fb-light);
    --kendo-color-light-hover: color-mix(in srgb, var(--fb-light) 88%, var(--fb-text-dark));
    --kendo-color-light-active: color-mix(in srgb, var(--fb-light) 76%, var(--fb-text-dark));
    --kendo-color-light-emphasis: color-mix(in srgb, var(--fb-text-dark) 10%, transparent);
    --kendo-color-light-on-subtle: var(--fb-text-medium);
    --kendo-color-on-light: var(--fb-text-dark);
    --kendo-color-light-on-surface: var(--fb-light);
    --kendo-color-dark-subtle: var(--fb-dark-light);
    --kendo-color-dark-subtle-hover: color-mix(in srgb, var(--fb-dark-light) 88%, var(--fb-dark));
    --kendo-color-dark-subtle-active: color-mix(in srgb, var(--fb-dark-light) 76%, var(--fb-dark));
    --kendo-color-dark: var(--fb-dark);
    --kendo-color-dark-hover: color-mix(in srgb, var(--fb-dark) 88%, var(--fb-white));
    --kendo-color-dark-active: color-mix(in srgb, var(--fb-dark) 76%, var(--fb-white));
    --kendo-color-dark-emphasis: color-mix(in srgb, var(--fb-dark) 40%, transparent);
    --kendo-color-dark-on-subtle: var(--fb-text-light);
    --kendo-color-on-dark: var(--fb-text-light);
    --kendo-color-dark-on-surface: var(--fb-dark);
    --kendo-color-inverse-subtle: var(--fb-dark-light);
    --kendo-color-inverse-subtle-hover: color-mix(in srgb, var(--fb-dark-light) 88%, var(--fb-dark));
    --kendo-color-inverse-subtle-active: color-mix(in srgb, var(--fb-dark-light) 76%, var(--fb-dark));
    --kendo-color-inverse: var(--fb-dark);
    --kendo-color-inverse-hover: color-mix(in srgb, var(--fb-dark) 88%, var(--fb-white));
    --kendo-color-inverse-active: color-mix(in srgb, var(--fb-dark) 76%, var(--fb-white));
    --kendo-color-inverse-emphasis: color-mix(in srgb, var(--fb-dark) 40%, transparent);
    --kendo-color-inverse-on-subtle: var(--fb-text-light);
    --kendo-color-on-inverse: var(--fb-text-light);
    --kendo-color-inverse-on-surface: var(--fb-dark);
    --kendo-color-series-a: var(--fb-primary);
    --kendo-color-series-a-bold: color-mix(in srgb, var(--fb-primary) 72%, var(--fb-text-dark));
    --kendo-color-series-a-bolder: color-mix(in srgb, var(--fb-primary) 56%, var(--fb-text-dark));
    --kendo-color-series-a-subtle: color-mix(in srgb, var(--fb-primary) 88%, var(--fb-white));
    --kendo-color-series-a-subtler: color-mix(in srgb, var(--fb-primary) 56%, var(--fb-white));
    --kendo-color-series-b: var(--fb-info);
    --kendo-color-series-b-bold: color-mix(in srgb, var(--fb-info) 72%, var(--fb-text-dark));
    --kendo-color-series-b-bolder: color-mix(in srgb, var(--fb-info) 56%, var(--fb-text-dark));
    --kendo-color-series-b-subtle: color-mix(in srgb, var(--fb-info) 88%, var(--fb-white));
    --kendo-color-series-b-subtler: color-mix(in srgb, var(--fb-info) 56%, var(--fb-white));
    --kendo-color-series-c: var(--fb-success);
    --kendo-color-series-c-bold: color-mix(in srgb, var(--fb-success) 72%, var(--fb-text-dark));
    --kendo-color-series-c-bolder: color-mix(in srgb, var(--fb-success) 56%, var(--fb-text-dark));
    --kendo-color-series-c-subtle: color-mix(in srgb, var(--fb-success) 88%, var(--fb-white));
    --kendo-color-series-c-subtler: color-mix(in srgb, var(--fb-success) 56%, var(--fb-white));
    --kendo-color-series-d: var(--fb-warning);
    --kendo-color-series-d-bold: color-mix(in srgb, var(--fb-warning) 72%, var(--fb-text-dark));
    --kendo-color-series-d-bolder: color-mix(in srgb, var(--fb-warning) 56%, var(--fb-text-dark));
    --kendo-color-series-d-subtle: color-mix(in srgb, var(--fb-warning) 88%, var(--fb-white));
    --kendo-color-series-d-subtler: color-mix(in srgb, var(--fb-warning) 56%, var(--fb-white));
    --kendo-color-series-e: var(--fb-danger);
    --kendo-color-series-e-bold: color-mix(in srgb, var(--fb-danger) 72%, var(--fb-text-dark));
    --kendo-color-series-e-bolder: color-mix(in srgb, var(--fb-danger) 56%, var(--fb-text-dark));
    --kendo-color-series-e-subtle: color-mix(in srgb, var(--fb-danger) 88%, var(--fb-white));
    --kendo-color-series-e-subtler: color-mix(in srgb, var(--fb-danger) 56%, var(--fb-white));
    --kendo-color-series-f: color-mix(in srgb, var(--fb-secondary) 82%, var(--fb-dark));
    --kendo-color-series-f-bold: color-mix(in srgb, var(--fb-secondary) 60%, var(--fb-dark));
    --kendo-color-series-f-bolder: color-mix(in srgb, var(--fb-secondary) 44%, var(--fb-dark));
    --kendo-color-series-f-subtle: color-mix(in srgb, var(--fb-secondary) 86%, var(--fb-white));
    --kendo-color-series-f-subtler: color-mix(in srgb, var(--fb-secondary) 58%, var(--fb-white));
}

[data-theme="dark"],
[data-bs-theme="dark"] {
    --kendo-color-app-surface: var(--fb-black);
    --kendo-color-on-app-surface: var(--fb-text-dark);
    --kendo-color-subtle: var(--fb-text-medium);
    --kendo-color-surface: var(--fb-light);
    --kendo-color-surface-alt: color-mix(in srgb, var(--white-950) 88%, var(--fb-text-dark));
    --kendo-color-border: color-mix(in srgb, var(--fb-text-dark) 18%, transparent);
    --kendo-color-border-alt: color-mix(in srgb, var(--fb-text-dark) 28%, transparent);
    --kendo-color-base-subtle: var(--fb-secondary-light);
    --kendo-color-base-subtle-hover: color-mix(in srgb, var(--fb-secondary-light) 90%, var(--fb-black));
    --kendo-color-base-subtle-active: color-mix(in srgb, var(--fb-secondary-light) 78%, var(--fb-black));
    --kendo-color-base: var(--fb-secondary);
    --kendo-color-base-hover: color-mix(in srgb, var(--fb-secondary) 90%, var(--fb-text-dark));
    --kendo-color-base-active: color-mix(in srgb, var(--fb-secondary) 78%, var(--fb-text-dark));
    --kendo-color-base-emphasis: color-mix(in srgb, var(--fb-text-dark) 24%, transparent);
    --kendo-color-base-on-subtle: var(--fb-text-dark);
    --kendo-color-on-base: var(--fb-text-dark);
    --kendo-color-base-on-surface: var(--fb-text-dark);
    --kendo-color-primary-hover: color-mix(in srgb, var(--fb-primary) 90%, var(--fb-text-dark));
    --kendo-color-primary-active: color-mix(in srgb, var(--fb-primary) 78%, var(--fb-text-dark));
    --kendo-color-primary-on-subtle: color-mix(in srgb, var(--fb-primary) 42%, var(--fb-text-dark));
    --kendo-color-secondary-subtle: color-mix(in srgb, var(--fb-dark-light) 24%, var(--fb-black));
    --kendo-color-secondary-subtle-hover: color-mix(in srgb, var(--fb-dark-light) 32%, var(--fb-black));
    --kendo-color-secondary-subtle-active: color-mix(in srgb, var(--fb-dark-light) 40%, var(--fb-black));
    --kendo-color-secondary: var(--fb-dark-light);
    --kendo-color-secondary-hover: color-mix(in srgb, var(--fb-dark-light) 90%, var(--fb-text-dark));
    --kendo-color-secondary-active: color-mix(in srgb, var(--fb-dark-light) 78%, var(--fb-text-dark));
    --kendo-color-secondary-emphasis: color-mix(in srgb, var(--fb-text-dark) 24%, transparent);
    --kendo-color-secondary-on-subtle: var(--fb-text-dark);
    --kendo-color-on-secondary: var(--fb-text-dark);
    --kendo-color-secondary-on-surface: var(--fb-text-medium);
    --kendo-color-tertiary-hover: color-mix(in srgb, var(--fb-info) 90%, var(--fb-text-dark));
    --kendo-color-tertiary-active: color-mix(in srgb, var(--fb-info) 78%, var(--fb-text-dark));
    --kendo-color-tertiary-on-subtle: color-mix(in srgb, var(--fb-info) 42%, var(--fb-text-dark));
    --kendo-color-info-subtle: color-mix(in srgb, var(--fb-primary) 18%, var(--fb-black));
    --kendo-color-info-subtle-hover: color-mix(in srgb, var(--fb-primary) 24%, var(--fb-black));
    --kendo-color-info-subtle-active: color-mix(in srgb, var(--fb-primary) 30%, var(--fb-black));
    --kendo-color-info: color-mix(in srgb, var(--fb-primary) 78%, var(--fb-white));
    --kendo-color-info-hover: color-mix(in srgb, var(--fb-primary) 84%, var(--fb-white));
    --kendo-color-info-active: color-mix(in srgb, var(--fb-primary) 90%, var(--fb-white));
    --kendo-color-info-emphasis: color-mix(in srgb, var(--fb-primary) 24%, transparent);
    --kendo-color-info-on-subtle: color-mix(in srgb, var(--fb-primary) 42%, var(--fb-text-dark));
    --kendo-color-on-info: var(--fb-text-light);
    --kendo-color-info-on-surface: color-mix(in srgb, var(--fb-primary) 78%, var(--fb-white));
    --kendo-color-success-hover: color-mix(in srgb, var(--fb-success) 90%, var(--fb-text-dark));
    --kendo-color-success-active: color-mix(in srgb, var(--fb-success) 78%, var(--fb-text-dark));
    --kendo-color-success-on-subtle: color-mix(in srgb, var(--fb-success) 42%, var(--fb-text-dark));
    --kendo-color-warning-hover: color-mix(in srgb, var(--fb-warning) 90%, var(--fb-text-dark));
    --kendo-color-warning-active: color-mix(in srgb, var(--fb-warning) 78%, var(--fb-text-dark));
    --kendo-color-warning-on-subtle: color-mix(in srgb, var(--fb-warning) 42%, var(--fb-text-dark));
    --kendo-color-on-warning: var(--fb-text-light);
    --kendo-color-error-hover: color-mix(in srgb, var(--fb-danger) 90%, var(--fb-text-dark));
    --kendo-color-error-active: color-mix(in srgb, var(--fb-danger) 78%, var(--fb-text-dark));
    --kendo-color-error-on-subtle: color-mix(in srgb, var(--fb-danger) 42%, var(--fb-text-dark));
    --kendo-color-light-subtle: color-mix(in srgb, var(--fb-light) 94%, var(--fb-black));
    --kendo-color-light-subtle-hover: color-mix(in srgb, var(--fb-light) 86%, var(--fb-black));
    --kendo-color-light-subtle-active: color-mix(in srgb, var(--fb-light) 78%, var(--fb-black));
    --kendo-color-light: var(--fb-light);
    --kendo-color-light-hover: color-mix(in srgb, var(--fb-light) 90%, var(--fb-text-dark));
    --kendo-color-light-active: color-mix(in srgb, var(--fb-light) 78%, var(--fb-text-dark));
    --kendo-color-light-emphasis: color-mix(in srgb, var(--fb-text-dark) 12%, transparent);
    --kendo-color-light-on-subtle: var(--fb-text-dark);
    --kendo-color-on-light: var(--fb-text-dark);
    --kendo-color-light-on-surface: var(--fb-text-dark);
    --kendo-color-dark-subtle: var(--fb-dark-light);
    --kendo-color-dark-subtle-hover: color-mix(in srgb, var(--fb-dark-light) 90%, var(--fb-text-dark));
    --kendo-color-dark-subtle-active: color-mix(in srgb, var(--fb-dark-light) 78%, var(--fb-text-dark));
    --kendo-color-dark: var(--fb-dark);
    --kendo-color-dark-hover: color-mix(in srgb, var(--fb-dark) 90%, var(--fb-text-dark));
    --kendo-color-dark-active: color-mix(in srgb, var(--fb-dark) 78%, var(--fb-text-dark));
    --kendo-color-inverse-subtle: var(--fb-dark-light);
    --kendo-color-inverse-subtle-hover: color-mix(in srgb, var(--fb-dark-light) 90%, var(--fb-text-dark));
    --kendo-color-inverse-subtle-active: color-mix(in srgb, var(--fb-dark-light) 78%, var(--fb-text-dark));
    --kendo-color-inverse: var(--fb-dark);
    --kendo-color-inverse-hover: color-mix(in srgb, var(--fb-dark) 90%, var(--fb-text-dark));
    --kendo-color-inverse-active: color-mix(in srgb, var(--fb-dark) 78%, var(--fb-text-dark));
    --kendo-color-series-a-bold: color-mix(in srgb, var(--fb-primary) 72%, var(--fb-text-dark));
    --kendo-color-series-a-bolder: color-mix(in srgb, var(--fb-primary) 56%, var(--fb-text-dark));
    --kendo-color-series-a-subtle: color-mix(in srgb, var(--fb-primary) 48%, var(--fb-black));
    --kendo-color-series-a-subtler: color-mix(in srgb, var(--fb-primary) 28%, var(--fb-black));
    --kendo-color-series-b-bold: color-mix(in srgb, var(--fb-info) 72%, var(--fb-text-dark));
    --kendo-color-series-b-bolder: color-mix(in srgb, var(--fb-info) 56%, var(--fb-text-dark));
    --kendo-color-series-b-subtle: color-mix(in srgb, var(--fb-info) 48%, var(--fb-black));
    --kendo-color-series-b-subtler: color-mix(in srgb, var(--fb-info) 28%, var(--fb-black));
    --kendo-color-series-c-bold: color-mix(in srgb, var(--fb-success) 72%, var(--fb-text-dark));
    --kendo-color-series-c-bolder: color-mix(in srgb, var(--fb-success) 56%, var(--fb-text-dark));
    --kendo-color-series-c-subtle: color-mix(in srgb, var(--fb-success) 48%, var(--fb-black));
    --kendo-color-series-c-subtler: color-mix(in srgb, var(--fb-success) 28%, var(--fb-black));
    --kendo-color-series-d-bold: color-mix(in srgb, var(--fb-warning) 72%, var(--fb-text-dark));
    --kendo-color-series-d-bolder: color-mix(in srgb, var(--fb-warning) 56%, var(--fb-text-dark));
    --kendo-color-series-d-subtle: color-mix(in srgb, var(--fb-warning) 48%, var(--fb-black));
    --kendo-color-series-d-subtler: color-mix(in srgb, var(--fb-warning) 28%, var(--fb-black));
    --kendo-color-series-e-bold: color-mix(in srgb, var(--fb-danger) 72%, var(--fb-text-dark));
    --kendo-color-series-e-bolder: color-mix(in srgb, var(--fb-danger) 56%, var(--fb-text-dark));
    --kendo-color-series-e-subtle: color-mix(in srgb, var(--fb-danger) 48%, var(--fb-black));
    --kendo-color-series-e-subtler: color-mix(in srgb, var(--fb-danger) 28%, var(--fb-black));
    --kendo-color-series-f-subtle: color-mix(in srgb, var(--fb-secondary) 48%, var(--fb-black));
    --kendo-color-series-f-subtler: color-mix(in srgb, var(--fb-secondary) 28%, var(--fb-black));
}


.k-grid {
    border-radius: 10px;
    overflow: clip;
    border: none white !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.k-grid.ignore-fixed-height {
    height: auto !important;
}

.k-grid-header {
    padding: 0px !important;
    font-weight: 500;
}

.table tr, .table th, .table td {
    color: var(--kendo-color-on-app-surface) !important;
}
.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    border: none white !important;
}

.k-grid .k-table-row {
    cursor: pointer;
}

.k-pager {
    border-top: 1px solid var(--kendo-color-border) !important;
    border-bottom-width: 0 !important;
}

.k-grid.table > :not(caption) > div > * {
    border-bottom-width: 0 !important;
    box-shadow: none !important;
}

.k-grid-search {
    border-radius: 10px;
}


.k-grid-search:focus,
.k-grid-search:focus-within{
    box-shadow: none !important;
}

.k-toolbar-item:focus,
.k-toolbar-item:focus-within {
    box-shadow: none !important;
}

.k-editor-toolbar {
    padding: 5px !important;
    gap: var(--kendo-spacing-2, 0.5rem) !important;
    border-color: var(--kendo-color-border) !important;
    color: var(--kendo-color-on-app-surface) !important;
    background-color: var(--kendo-color-surface) !important;
}

.k-editor-toolbar::before {
    height: calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px) !important;
    margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem) * -1) !important;
}

.k-editor-toolbar .k-toolbar-items {
    gap: var(--kendo-spacing-2, 0.5rem) !important;
}

.k-editor-toolbar .k-button,
.k-editor-toolbar .k-picker {
    border-color: transparent !important;
    color: var(--kendo-color-on-base) !important;
    background-color: var(--kendo-color-base) !important;
    background-image: none !important;
}

.k-editor-toolbar .k-button:hover,
.k-editor-toolbar .k-picker:hover {
    border-color: transparent !important;
    color: var(--kendo-color-on-base) !important;
    background-color: var(--kendo-color-base-hover) !important;
}

.k-editor-toolbar .k-button:active,
.k-editor-toolbar .k-button:focus,
.k-editor-toolbar .k-button.k-active,
.k-editor-toolbar .k-button.k-selected,
.k-editor-toolbar .k-button.k-focus,
.k-editor-toolbar .k-picker:active,
.k-editor-toolbar .k-picker:focus,
.k-editor-toolbar .k-picker.k-active,
.k-editor-toolbar .k-picker.k-selected,
.k-editor-toolbar .k-picker.k-focus {
    border-color: transparent !important;
    color: var(--kendo-color-on-base) !important;
    background-color: var(--kendo-color-base-active) !important;
}

.k-editor-toolbar .k-button:disabled,
.k-editor-toolbar .k-button.k-disabled,
.k-editor-toolbar .k-picker:disabled,
.k-editor-toolbar .k-picker.k-disabled {
    border-color: transparent !important;
    color: var(--fb-white) !important;
    background-color: var(--fb-gray, var(--white-300)) !important;
    background-image: none !important;
}

.tab-strip-card-body {
    overflow-y: auto;
}

.hide-tabs .k-hstack {
    display: none !important;
}

.k-hstack {
    border: none !important;
}

.k-tabstrip-content {
    border-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    overflow-x: hidden !important;
}

.k-tabstrip-content .k-content .k-active {
    background-color: transparent !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    background-color: transparent !important;
}

.k-tabstrip-item {
    border-radius: 10px !important;
    border-color: transparent !important;
}

.k-tabstrip-item:focus {
    border-color: transparent !important;
    outline: none !important;
}

.k-tabstrip-items {
    padding-bottom: 5px !important;
}

.k-tabstrip-item.k-active {
    background-color: var(--kendo-color-primary) !important;
    color: var(--kendo-color-on-primary) !important;
}

.k-popup .k-button-group {
    border: 0 !important;
    border-radius: 0.375rem !important;
    background-color: var(--kendo-color-surface) !important;
    overflow: hidden;
}

.k-popup .k-button-group .k-button {
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--kendo-color-on-app-surface) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.k-popup .k-button-group .k-button.k-selected,
.k-popup .k-button-group .k-button.k-active {
    color: var(--kendo-color-on-primary) !important;
    background-color: var(--kendo-color-primary) !important;
}

.k-popup .k-actions {
    gap: 0.5rem;
}

.k-popup .k-actions .k-button {
    flex: 1 1 0;
    border: 0 !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    border-color: var(--kendo-color-border) !important;
    color: var(--kendo-color-on-app-surface) !important;
    background-color: var(--kendo-color-surface) !important;
}

.k-popup .k-actions .k-button.k-button-solid-primary,
.k-popup .k-actions .k-button.k-primary {
    color: var(--kendo-color-on-primary) !important;
    border-color: var(--kendo-color-primary) !important;
    background-color: var(--kendo-color-primary) !important;
}

.k-toolbar-items:has(.fbGrid-header) {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-2, 0.5rem);
}

.k-toolbar-items > .fbGrid-header {
    padding: 0;
    width: 100%;
}

@media (max-width: 1024px) {
    .k-button-flat.k-button.k-button-flat-primary {
        font-size: 1rem !important;
        border-radius: 5px;
    }
}
@media (width > 991px) {
    #kt_app_content {
        padding-bottom: 0 !important;
    }
    .detail-card {
        overflow-y: auto
    }
}
.k-grid .k-grid-header-wrap {
    background-color: transparent !important;
    border-top: 1px solid var(--kendo-color-border) !important;
    border-bottom-width: 0 !important;

}

@media (width <= 600px) {
    .k-grid .k-grid-header-wrap {
        display: none!important;
    }

    .scheduler-job-picker .k-grid .k-grid-header-wrap {
        display: unset!important;
    }
}

.k-checkbox {
    border-radius: 100% !important;
    margin-left: 25px;
}
.k-input-outline,
.k-input:not(.k-input-flat):not(.k-input-outline){
    border-color: var(--kendo-color-border) !important;
    border-radius: 0.375rem !important;
}
.k-input.k-input-outline {
    border-color: var(--kendo-color-border) !important;
    background-color: var(--kendo-color-app-surface) !important;
}

    .k-input-outline.k-focus,
    .k-input-outline:focus,
    .k-input-outline:focus-within,
    .k-input-outline:target,
    .k-input-outline:hover,
    .k-input-outline:active,
    .k-input:not(.k-input-flat):not(.k-input-outline).k-focus,
    .k-input:not(.k-input-flat):not(.k-input-outline):focus,
    .k-input:not(.k-input-flat):not(.k-input-outline):focus-within,
    .k-input:not(.k-input-flat):not(.k-input-outline):target,
    .k-input:not(.k-input-flat):not(.k-input-outline):hover,
    .k-input:not(.k-input-flat):not(.k-input-outline):active{
        border-color: var(--kendo-color-primary) !important;
    }

.k-chip{
    border-style: unset !important;
}
.k-multiselect .k-chip.k-chip-solid:not([class*="k-chip-solid-"]){
    background-color: var(--kendo-color-surface) !important;
    border-color: var(--kendo-color-border) !important;
}

.k-multiselect .k-chip:not(.k-chip-sm):not(.k-chip-md):not(.k-chip-lg){
    gap: 0.25rem !important;
    padding-inline: 0.25rem !important;
}

.k-grid-content{
    padding: 0 !important;
}

.k-grid td, .k-grid .k-table-td, .k-grid .k-grid-content, .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked {
    background-color: transparent !important;
}
.k-scheduler-layout .k-scheduler-head .k-scheduler-cell.k-heading-cell {
    text-wrap-mode: wrap;
    text-wrap-style: pretty;
    text-align: center;
}

.k-scheduler .k-toolbar .k-button:not(.k-button-solid):not(.k-button-flat):not(.k-button-outline):not(.k-button-link):not(.k-button-clear),
.timeline-toolbar .k-button:not(.k-button-solid):not(.k-button-flat):not(.k-button-outline):not(.k-button-link):not(.k-button-clear),
.k-scheduler-edit-form .k-button:not(.k-button-solid):not(.k-button-flat):not(.k-button-outline):not(.k-button-link):not(.k-button-clear) {
    border-color: var(--kendo-color-border) !important;
    color: var(--kendo-color-on-app-surface) !important;
    background-color: var(--kendo-color-surface) !important;
    background-image: none !important;
}

.k-scheduler .k-toolbar .k-button:not(.k-button-sm):not(.k-button-md):not(.k-button-lg),
.timeline-toolbar .k-button:not(.k-button-sm):not(.k-button-md):not(.k-button-lg),
.k-scheduler-edit-form .k-button:not(.k-button-sm):not(.k-button-md):not(.k-button-lg) {
    font-size: var(--kendo-font-size-md, 1rem) !important;
    line-height: var(--kendo-line-height-md, 1.5) !important;
    padding-block: var(--kendo-spacing-1\.5, 0.375rem) !important;
    padding-inline: var(--kendo-spacing-3, 0.75rem) !important;
}

.k-scheduler .k-toolbar .k-button.k-icon-button:not(.k-button-sm):not(.k-button-md):not(.k-button-lg),
.timeline-toolbar .k-button.k-icon-button:not(.k-button-sm):not(.k-button-md):not(.k-button-lg),
.k-scheduler-edit-form .k-button.k-icon-button:not(.k-button-sm):not(.k-button-md):not(.k-button-lg) {
    padding: var(--kendo-spacing-1\.5, 0.375rem) !important;
}

.k-scheduler .k-toolbar .k-button:not(.k-rounded-sm):not(.k-rounded-md):not(.k-rounded-lg):not(.k-rounded-full),
.timeline-toolbar .k-button:not(.k-rounded-sm):not(.k-rounded-md):not(.k-rounded-lg):not(.k-rounded-full),
.k-scheduler-edit-form .k-button:not(.k-rounded-sm):not(.k-rounded-md):not(.k-rounded-lg):not(.k-rounded-full) {
    border-radius: var(--kendo-border-radius-md, 0.375rem) !important;
}

.k-scheduler .k-toolbar .k-button:not(.k-button-solid):not(.k-button-flat):not(.k-button-outline):not(.k-button-link):not(.k-button-clear):hover,
.timeline-toolbar .k-button:not(.k-button-solid):not(.k-button-flat):not(.k-button-outline):not(.k-button-link):not(.k-button-clear):hover,
.k-scheduler-edit-form .k-button:not(.k-button-solid):not(.k-button-flat):not(.k-button-outline):not(.k-button-link):not(.k-button-clear):hover {
    border-color: var(--kendo-color-border-alt) !important;
    color: var(--kendo-color-on-app-surface) !important;
    background-color: var(--kendo-color-surface-alt) !important;
}

.k-scheduler .k-toolbar .k-button.k-selected,
.timeline-toolbar .k-button.k-selected,
.k-scheduler .k-toolbar .k-button.k-active,
.timeline-toolbar .k-button.k-active {
    background-color: var(--kendo-color-primary) !important;
    color: var(--kendo-color-on-primary) !important;
    border-color: var(--kendo-color-primary) !important;
}

@media (min-width: 991px) {
    .k-scheduler-layout {
        overflow-y: auto !important;
    }
}

@media (max-width: 990px) {
    .k-scheduler-layout {
        overflow-y: auto !important;
    }
}

.k-listbox .k-list-scroller {
    border-style: none !important;
    border-color: unset !important;
    background-color: unset !important;
}

.k-card .k-avatar.k-avatar-sm {
    width: 1rem;
    height: 1rem;
    flex-basis: 1rem;
}

.k-card .k-avatar.k-avatar-md {
    width: 2rem;
    height: 2rem;
    flex-basis: 2rem;
}

.k-card .k-avatar.k-avatar-lg {
    width: 4rem;
    height: 4rem;
    flex-basis: 4rem;
}

span.k-avatar div.k-avatar {
    background-color: inherit !important;
    border-width: 1px;
    color: inherit;
}

div.k-card .k-avatar {
    margin-right: 0;
}

.k-card .k-card-body{
    padding-block: 10px !important;
    padding-inline: 10px !important;
    border-color: var(--kendo-color-border) !important;
}


.fb-details-card > .k-card-body{
    padding: 8px !important;
}
/* Gantt view selector buttons */
.k-gantt .k-toolbar .k-button-group .k-button.k-selected,
.k-gantt .k-toolbar .k-button-group .k-button:active {
    background-color: var(--kendo-color-primary) !important;
    color: var(--kendo-color-on-primary) !important;
    border-color: var(--kendo-color-primary) !important;
}

.k-gantt .k-toolbar .k-button.k-selected,
.k-gantt .k-toolbar .k-button:active,
.k-gantt .k-toolbar .k-button.k-state-active {
    background-color: var(--kendo-color-primary) !important;
    color: var(--kendo-color-on-primary) !important;
    border-color: var(--kendo-color-primary) !important;
}
.k-toolbar, .k-toolbar.k-toolbar-solid{
    background-color: var(--kendo-color-surface-alt, #212529)
}

/* Restore size of drag icons to telerik default */
span.telerik-blazor.k-icon.k-svg-icon.k-svg-i-reorder {
    height: 16px;
    width: 16px;
    display: inline-flex;
}

.k-splitter{
    background-color: transparent !important;
    color: var(--kendo-color-on-app-surface) !important;
}


.k-skeleton, .k-placeholder-line{
    background-color:
            color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 20%, transparent) !important;
}

.k-button.k-button-primary.k-selected, .k-button.k-button-solid.k-button-primary.k-selected{
     background-color: var(--fb-primary) !important
}