:root {
    /** Main color.  Only used within this file as a color for other variables*/
    --threegis-main-color: #43B02A;

    /** Secondary color.  Only used within this file as a color for other variables*/
    --threegis-secondary-color: #c6e7bf;

    /** Default window background color*/
    --threegis-background-color: var(--primary-background-color);

    /** Window Content Background Color */
    --threegis-window-content-background-color: var(--primary-background-color);

    /** Background color of the loading screen */
    --threegis-splash-screen-background-color: var(--primary-background-color);

    /** Color of separator between grouped items and solo tools in the sidebar*/
    --threegis-sidebar-group-separator-color: lightgrey;

    /** Background color of sidebar */
    --threegis-sidebar-background-color: var(--primary-background-color);

    /** Border color of sidebar, between sidebar and map */
    --threegis-sidebar-border-color: lightgray;

    /** Hover background color of sidebar */
    --threegis-sidebar-hover-background-color: whitesmoke;

    /** Hover text color of sidebar */
    --threegis-sidebar-hover-text-color: var(--primary-text-color);

    /** Background color of the logo area by the header and sidebar*/
    --threegis-sidebar-logo-background-color: var(--primary-background-color);

    /** Text color of sidebar */
    --threegis-sidebar-text-color: var(--primary-text-color);

    /** Hover color on lists */
    --threegis-list-hover-color: whitesmoke;

    /** Disabled color */
    --threegis-disabled-color: #9b9b9b;

    /** Cog color (lower right hand of screen, where external layers are added)*/
    --threegis-map-cog-background-color: #43B02A;

    /** Text color of buttons of importance*/
    --threegis-contained-button-text-color: #43B02A;

    /** Background color of buttons of importance */
    --threegis-contained-button-background-color: var(--primary-background-color);

    /** Background color of buttons of importance on hover*/
    --threegis-contained-button-hover-background-color: #c6e7bf;

    /** Icon color of commit button when edits exist*/
    --threegis-commit-icon-color: #43B02A;

    /** Background color of commit count*/
    --threegis-commit-count-background-color: #43B02A;

    /** Font color of commit count */
    --threegis-commit-count-color: white;

    /** Active Button color of Action bar*/
    --threegis-action-bar-active-icon-color: #43B02A;

    /** Active Background color of Action bar item*/
    --threegis-action-bar-active-background-color: #43B02A;

    /** Action bar separator between main tools and subtools*/
    --threegis-action-bar-separator-color: #43B02A;

    /** Color of the resize icon on all windows*/
    --threegis-resize-icon-color: var(--primary-text-color);

    /** Highlight color of grid selected items (this does not include drop down hover items)*/
    --threegis-list-highlight-color: #c6e7bf;

    --threegis-workorder-new-highlight-color: rgba(92, 145, 170, 0.63);

    /** Active Window Header Color */
    --threegis-window-header-active-background-color: #43B02A;

    /** Inactive Window Header Color */
    --threegis-window-header-inactive-background-color: #c6e7bf;

    /** Icon color on an inactive window header */
    --threegis-window-header-inactive-icon-color: var(--primary-text-color);

    /** Icon color on an active window header */
    --threegis-window-header-active-icon-color: var(--primary-text-color);

    /** Title color on an inactive window header */
    --threegis-window-header-inactive-title-color: var(--primary-text-color);

    /** Title color on an active window header */
    --threegis-window-header-active-title-color: var(--primary-text-color);

    /** Window Footer Color */
    --threegis-footer-color: whitesmoke;

    /** Info popup tool text color */
    --threegis-info-popup-tool-text-color: var(--primary-text-color);

    /** Info popup tool disabled text color */
    --threegis-info-popup-tool-disabled-text-color: #9b9b9b;

    /** Stylizes the background color of the items in the Open Service list */
    --threegis-service-list-background-color: #EFEFEF;

    /** Tab background color */
    --threegis-tab-background-color: whitesmoke;

    /** This is the main header of the application, where the map and tool tabs are displayed */
    --threegis-main-tabs-header-background-color: var(--primary-background-color);

    /** This is the main header of the application, where the map and tool tabs are displayed, font color of the tabs */
    --threegis-main-tab-header-text-color: var(--primary-text-color);

    /** This is the main header of the application, where the map and tool tabs are displayed, selected bar color of the tabs */
    --threegis-main-tab-header-selection-color: #43B02A;

    /** Selected tab underline color */
    --threegis-tab-selection-color: #43B02A;

    /** On the main map and tool tabs, the close button hover color */
    --threegis-main-tabs-close-button-hover-color: #D1D5DA;

    /** Color of several gadgets, toggles and check boxes which are controlled in this main.css */
    --threegis-gadget-color: #43B02A;

    /** Background color of disabled items */
    --threegis-disabled-background-color: #eaeaea;

    --threegis-workorder-new-highlight-color: rgba(92, 145, 170, 0.63);

    /** Font color of disabled items */
    --threegis-disabled-text-color: #a8a8a8;

    /** Prospector back button*/
    --threegis-prospector-back-icon-color: #43B02A;

    /** QAQC Save Button (not disabled)*/
    --threegis-qaqc-save-button-icon-color: #43B02A;

    /** Message label color for errors on Custom reporting and admincounts */
    --threegis-error-messaging-text-color: red;

    /** Background color of prospector job details card */
    --threegis-prospector-job-details-background-color: whitesmoke;

    /** Background color of every odd row in prospector route details grid */
    --threegis-prospector-route-details-grid-odd-row-color: #ddd;

    /** Background color of bold, italics and underline buttons on Smartmarks, when active */
    --threegis-smartmarks-active-font-background-color: rgba(0, 0, 0, 0.25);

    /** Background color of the heading of the collapsible areas on Find Path */
    --threegis-find-path-heading-background-color: whitesmoke;

    /** Background color of the bar that contains the view, select, and filter options on table of contents */
    --threegis-toc-layer-details-actions-background-color: whitesmoke;

    /** When windows are docked, there is a header bar on the window container.  This defines the background color */
    --threegis-docked-window-list-header-background-color: whitesmoke;

    /** When windows are docked, there is a header bar on the window container.  This defines the text color */
    --threegis-docked-window-list-header-text-color: var(--primary-text-color);

    /** Search suggestion box on the search dialog (for addresses), and calendar are transparent if this is not set*/
    --threegis-search-gadgets-background-color: var(--primary-background-color);

    /** Search suggestion box on the search dialog (for addresses), and calendar are transparent if this is not set*/
    --threegis-search-gadgets-text-color: var(--primary-text-color);

    /** When part of the center docking area is exposed, this is the background color */
    --threegis-docking-center-window-background-color: whitesmoke;

    /** The icon color of an inactive item on the action bar */
    --threegis-action-bar-inactive-icon-color: var(--primary-text-color);

    /** The icon color of the additional icons on the main header (user menu, error messages) */
    --threegis-main-window-header-buttons-icon-color: var(--primary-text-color);

    /** Icon color of the buttons at the top of each window (not the main icon) (close, expand, search, link, etc)*/
    --threegis-window-header-options-icon-color: var(--primary-text-color);

    /** Background color of cards, on table of contents, Add Map View, and Add Arcgis Online map */
    --threegis-paper-card-background-color: var(--primary-background-color);

    /** Specifically for BOM, background of the Polygon features list on new BOMs */
    --threegis-bom-feature-list-background-color: whitesmoke;

    /** Background color of an unpopulated flexgrid */
    --threegis-flexgrid-background-color: var(--primary-background-color);

    /** Font color on the action bar (mainly Selection Options and Selection Type) */
    --threegis-action-bar-text-color: var(--primary-text-color);

    /** Background color of the popup dialogs used throughout the program */
    --threegis-popup-dialog-background-color: var(--primary-background-color);

    /** Text color of the popup dialogs used throughout the program */
    --threegis-popup-dialog-text-color: var(--primary-text-color);

    /** Text color of the drop down and input on the actionbar */
    --threegis-action-bar-component-text-color: var(--primary-text-color);

    /** Font color of the login screen "sign in" button */
    --threegis-login-button-text-color: white;

    /** Highlight color of right click popup menu on map */
    --threegis-map-context-menu-background-color: var(--threegis-secondary-color);

    /** Border color of right click popup menu on map */
    --threegis-map-context-menu-border-color: var(--threegis-secondary-color);

    /** Text color of right click popup menu on map */
    --threegis-map-context-menu-text-color: var(--primary-text-color);

    /** Right Click Menu Popup background color */
    --threegis-right-click-menu-background-color: var(--threegis-background-color);

    /** Right Click Menu Popup text color */
    --threegis-right-click-menu-text-color: var(--primary-text-color);

    /** Right Click Menu Popup border color */
    --threegis-right-click-menu-border-color: var(--primary-text-color);
}