:root {
    --main-container-max-width: 1500px;
    --font-family: 'Open Sans',"Arial",sans-serif;
    --sidebar-mini-width: 4rem;
    --sidebar-expanded-width: 16rem; /*expanded sidebar width*/
    /*eTrac Colors*/
    --color-etrac-dark: #002844;
    --color-etrac-light: #004c97;
    --color-etrac-light-hover: #226ea9;
    /*colors*/
    --color-highlight: #ffa300;
    --color-font: #212529;
    --color-label: #656565;
    /*Status colors:*/
    /*--color-success: #28a745; /*#7ed6a5;*/
    /*--color-success: #007A33;*/
    --color-success: #4C9700;
    --color-warning: #ffc107;
    --color-disabled: #d0d0d0;
    --color-danger: #dc3545;
    /*button and action colors:*/
    --color-primary: #212529;
    --color-secondary: #565e64;
    --indicator-height: 1.25rem;
    --indicator-width: 1.25rem;
    --row-border-color: #dee2e6;
    --font-icon-inactive-color: rgba(0,0,0,.5);
    --hover-bg-color-lighter: #f0f0f2;
    /*--hover-bg-color: #eeeeee;*/
    --hover-bg-color: #fff;
    --hover-bg-color-darker: #dddde0;
    --opm-bg-color: rgba(248,248,248,.9);
    --field-border-color: #CCC5B9;
    --title-bar-height: 64px;
    --text-muted: #6c757d;
    --text-heavy-color: #222;
    --workspace-bg-color: #f3f3f3;
    --workspace-bg-color: #f6f6f6;
    /*Invert workspace colors*/
    --workspace-bg-color: #fff;
    /* --menu-color: #f1f3f5; slightly cooler version of gray */
    --menu-color: #f6f6f6;
    --chart-color-1: #D7263D; /* Bold red-pink */
    --chart-color-2: #FFB400; /* Warm amber */
    --chart-color-3: #2EC4B6; /* Teal blue-green */
    --chart-color-4: #E55934; /* Burnt orange */
    --chart-color-5: #9D4EDD; /* Vivid violet */
    --chart-color-6: #00A6ED; /* Medium sky blue */
    --chart-color-7: #6A994E; /* Earthy green */
    --chart-color-8: #FF66C4; /* Bright pink */
}