:root {
    /* FONT SIZING AND CONSISTENCY */
    --smallheading: ~ 'calc(1rem + (1vw + .11px))';
    --medheading: ~ 'calc(1.5rem + (0.75vw + .11px))';
    --largeheading: ~ 'calc(2.5rem + (1vw + .11px))';
    --smallbodyfont: ~ 'calc(0.85rem + (0.25vw + 0.01px))';
    --medlargbodyfont: ~ 'calc(0.60rem + (0.45vw + 0.01px))';
    --medbodyfont: ~ 'calc(0.35rem + (0.5vw + 0.01px))';
    --largebodyfont: ~ 'calc(.75rem + (.65vw + .11px))';
    --largemobilebodyfont: ~ 'calc(1rem + (.75vw + .11px))';
    --largemobileinputfont: ~ 'calc(1rem + (1.8vw + .11px))';
    --smalldevicefontsize: ~ 'calc(12px + 4 * ((100vw - 320px) / 680))';
    --mobileblockpadding: ~ 'calc(.2rem + (.1vw + .11px))';
    --xxlargemobilebodyfont: ~ 'calc(2rem + (1vw + .11px))';

    /*SITEWIDE FORMATTING TO ALLOW CONSISTENCY ACCROSS THE APP		*/
    --globalborderradius: 4px;
    --globalbasepadding: var(--largebodyfont);
    --globaltransition: 0.15s all ease-in;

    /*VANILLA BASE MEASUREMENTS - OVERRIDE IN CUSTOM IF NEEDED		*/
    /*--headerheight:100px;*/
    --sidebarwidth: max-content;
    --breadcrumbsheight: 50px;
    --subtab-tab-color: #003366;
    --table-header-color: #003366;
    --headerheight: 60px;
    --pageheading-color:#fff;

    --btn-background: #333;
    --btn-color: whitesmoke;
    --btn-hover-color: #333;
    --btn-hover-background: whitesmoke;
    --btn-border: 1px solid transparent;
    --btn-border-radius: var(--globalborderradius);

    --sidebarmenu-background-hover: transparent;
    --sidebarmenu-font-color: white;
    --sidebarmenu-heading-font-color: var(--sidebarmenu-font-color);
    --sidebarmenu-item-border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    --panel-header-border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    --panel-item-border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    --panel-item-hover-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    --panel-background:transparent;

    --table-odd-background: whitesmoke;
    --table-even-background: white;
    --table-background:linear-gradient(135deg,#ffffff 0%,#f6f6f6 47%,#ededed 100%);
    --form-odd-background: whitesmoke;
    --form-even-background: white;


    --filter-background:whitesmoke;
}