/* CSS Variables */
:root 
{
    --font-family-grid:     "Consolas", "Segoe UI";
    --font-size-grid:       10pt;
    --font-weight-grid:     500;
    --font-variant-grid:    normal;

    --font-family-button:   "Consolas", "Segoe UI";
    --font-size-button:     10pt;
    --font-weight-button:   400;
    --font-variant-button:  normal;

    --font-family-menu:     "Consolas", "Segoe UI";
    --font-size-menu:       10pt;
    --font-weight-menu:     400;
    --font-variant-menu:    normal;

    --font-family-labelLG:  "Verdana" "Consolas", "Segoe UI";
    --font-size-labelLG:    16pt;
    --font-weight-labelLG:  400;
    --font-variant-labelLG: normal;

    --font-family-labelMD:  "Verdana" "Consolas", "Segoe UI";
    --font-size-labelMD:    12pt;
    --font-weight-labelMD:  400;
    --font-variant-labelMD: normal;

    --font-family-labelSM:  "Verdana" "Consolas", "Segoe UI";
    --font-size-labelSM:    10pt;
    --font-weight-labelSM:  400;
    --font-variant-labelSM: normal;

    --body_white:            #FFFFFF;
    --body_gray:            #F3F2F2;
    --brand_color:          #AD4242;

    --brand_gray_comp_lt:   #F0F0F0;
    --brand_gray_comp_dk:   #EEEEEE;

    --brand_green_comp_lt:  #D6EEA7;
    --brand_green_comp_dk:  #60801F;

    --brand_cyan_comp_lt:   #BCE9E9;
    --brand_cyan_comp_dk:   #77ACB1;

    --brand_yellow_comp_lt:   rgb(242, 238, 214);
    --brand_yellow_comp_dk:   rgb(240, 243, 176);

    --header-top-shade:     rgba(200,200,255,1);
    --header-bot-shade:     rgba(100,100,255,1);
    /* GRID rows & column template varibles */
    --grid_columns:         auto;
    --grid_rows:            1000;

    /* Search Inputs Colors*/
    --search_mustard:       rgba(255,240,200,1);

    /* Job Status Colors*/
    --closed_gray:          rgb(220,220,220);
    --archived_gray:        rgb(200,200,200);
    --no_search_gray:       rgb(200,200,200);
    --complex_root_yellow:  rgb(150,150,0);
    --complex_sub_cyan:     rgb(0,150,145);
    --unscheduled_yellow:   rgb(255,255,230);
    --expedited_green:      rgb(0,150,0);
    --rectification_black:  rgb(0,0,0);
    --production_cyan:      rgb(180,200,200);

    /* Slider Gradient */
    --slider_light:         #DDEEFF;
    --slider_dark:          #96A1EA;

    /* WorkStation */
    --cyan:                 rgb(230,255,255);
}