/* ---------------------------------------------------
    VARIABLES
----------------------------------------------------- */
:root {
    --color-main: #333333;
    --color-main-light: #888579; /* labels, ... */
    --color-main-superlight: #f5f5f2; /* table-border, ... */
    --color-main-heavy: #4e4d47; /* deviders, ... */
    --color-main-bg: #f5f5f2;
    --color-main-bg-heavy: #ebebe5;
    --color-main-bg-superheavy: #dadad2;
    --color-primary-bg: #168c5a; /* primary-button-background, ... */
    --color-secundary-bg: transparent; /* transparent-button-background, ... */
    --color-light-bg: transparent; /* transparent-button-background, ... */
    --color-active: #acaa9e; /* button-border-hover, ... */
    --color-danger: #af001d;
    --color-danger-bg: #ffe6e6;
    --color-control-bg: #ffffff;
    --color-control-border: #ced4da;
    --color-red: #af001d;
    --color-orange: #f7a600;
    --color-intense-orange: #ed7004;
    --color-green: #168c5a;
    --color-yellow: #ffd651;
    --color-white: #ffffff;
    --color-light-red: #ff9193;
    --color-vertical-divider: #b9b7ac;
    --color-calltoaction-bg: #1667a7; /* calltoaction buttons landing page*/
    --color-sub-menu-bg: #383732;
    --color-sub-menu-hover: #22211d;
    --color-light-green: #c2eedc;
    --color-light-yellow: #ffedb4;
    --color-light-red: #ffbbbc;
    --color-light-orange: #fbbe29;
    --color-light-gray: #f5f5f5;
    --color-green: #12734a;
    --color-fill: #EEEEEC;
    --color-accent-select: #428bca;
    --color-accent-select-font: #fff;
    --color-disable: #a1a1a1; /* from previous KENDO version, check with design*/
    --font-size-superlarge: 30px;
    --font-size-large: 24px;
    --font-size-medium: 19px;
    --font-size-normal-medium: 16px;
    --font-size-normal: 14px;
    --font-size-small: 12px;
    --font-size-supersmall: 8px;
    --navigation-height: 52px;
    --navigation-width: 200px;
    --navigation-z-index: 2000; /* must be over modal-open */
    --progress-spinner-z-index: 1999;
    --footer-height: 58px;
    --footer-height-bp1: 141px;
    --margin-x-page-bp1: 0px;
    --margin-x-page: 9px;
    --second-header-height: 36px;
    --content-padding: 32px;
    --color-message-read: #ACAA9E;
    --color-message-unread: #F7A600;
    --color-message-fill: #EEEEEC;
    /* Kendo override */
    --kendo-color-primary: var(--color-main-bg-heavy);
    --kendo-color-primary-on-surface: var(--color-main);
    --kendo-color-base-subtle-hover: var(--color-main-bg-heavy);
    --kendo-color-surface: var(--color-light-gray);
    --kendo-color-base-active: var(--color-control-bg);
    --kendo-spacing-0: 0px;
    --kendo-spacing-1px: 1px;
    --kendo-spacing-0\.5: 0.125rem;
    --kendo-spacing-1: 4px;
    --kendo-spacing-1\.5: 5px;
    --kendo-spacing-2: 6px;
    --kendo-spacing-2\.5: 7px;
    --kendo-spacing-3: 8px;
    --kendo-spacing-3\.5: 9px;
    --kendo-spacing-4: 10px;
    --kendo-spacing-4\.5: 11px;
    --kendo-spacing-5: 12px;
    --kendo-spacing-5\.5: 13px;
    --kendo-spacing-6: 14px;
    --kendo-spacing-6\.5: 15px;
    --kendo-spacing-7: 16px;
    --kendo-spacing-7\.5: 17px;
    --kendo-spacing-8: 18px;
    /*font sizes*/
    --kendo-font-size: var(--font-size-normal);
    --kendo-font-size-lg: var(--font-size-medium);
}