:root {
    --header-height: 2.2rem;
    --footer-height: 2.2rem;
    --header-mobile-height: 3.5rem;
    --header-sub-mobile-height: 2rem;
    --footer-mobile-height: 0rem;
    --navbar-brand-fontsize: 1.5rem;
    --nav-button-height: 2.4rem;
    --nav-button-bordersize: 0.15rem;
    --nav-button-width: calc( 100% - var(--nav-button-bordersize) * 2 );
    --nav-button-radius: calc(var(--nav-button-height) / 2);
    --nav-button-lineheight: var(--nav-button-height);
    --nav-button-paddingleft: 1.5rem;
    --nav-button-paddingleft-small: 0.5rem;
    --nav-button-fontsize: 0.8rem;
    --nav-button-icon-size: 1.1rem;
    --nav-button-icon-marginright: 0.5rem;
    --nav-item-paddingbottom: 1rem;
    --text-small: 0.5rem;
    --nav-item-small-fontsize: 0.8rem;
    --nav-item-fontsize: 1rem;
    --password-icon-size: 1.2rem;
    --password-icon-width: 1.5rem;
    --btn-group-btn-width: 3rem;
    --environment-icon-size: 5rem;
    --icon-large: 1.5rem;
    /* KENDO COLORS */
    --kendo-border-radius-full: 9999px;
    --kendo-border-radius-none: 0px;
    --kendo-border-radius-xs: var(--kendo-border-radius-full);
    --kendo-border-radius-sm: var(--kendo-border-radius-full);
}