:root {

    /* General */
    --form-width: 800px;
    --body-color: #000;
    --required-flag-color: #c00;
    --focus-outline: 2px solid #000;
    --icon-hover-color: #0000FF;
    --anchor-color: #0000FF;
    --header-bg-color: #333333;

    /* Form Background */
    --form-bg-color: #f5faeb;

    /* Navigation Bar */
    --nav-bar-color: #333333;
    --nav-bar-hover-color: #fff;

    /* Logo */
    --logo-width: auto;
    --logo-height: 50px;

    /* Sections */
    --section-header-color: #5a5b5b;
    --sub-section-color: #e5e5cc;
    /* --sub-section-color: #98998b; */
    --section-color: #eeeeee;
    --container-radius: 0px;

    /* Text Color */
    --main-text-color: #333333;
    --white-text-color: #fff;

    /* Logged By */
    --logged-by-bg-color: #f5faeb;
    --logged-by-border-color: #99CC33;

    /* Attention */
    --attention-color: #c00;

    /* MISC colors */
    /* Dropdowns and currency */
    --input-color: #0000FF;


    /* Inputs */
    --input-font-size: 14px;

    /* Buttons */
    --btn--primary-bg: #333333;
    --btn--primary-bg-hover: #fff;

    --btn--primary-border: #000;
    --btn--primary-border-hover: #000;

    --btn--primary-text-color: #fff;
    --btn--primary-text-color-hover: #000;

    --btn--primary-text-color-disabled: #555;
    --btn--primary-bg-disabled: #cccccc;
    --btn--primary-border-disabled: #555;

    --btn--primary-hover: #98998b;
    --btn--primary-hover-warning: #000000;

    --btn-radius: 6px;

    /* Locations */
    --location-table-column-max-width: 250px;
}