:root {
    --app-background-color: #efefef;
    --page-title-color: #5a6779;
    --basic-text-color: #27333b;
    --basic-text-color-hover: #28bd8b;
    --error-text-color: #ff6969;
    --system-red: #ea5a5a;
    --sidenav-box-shadow: rgba(1, 15, 25, 0.15) 0px 0.5px 10px;
    --sidenav-collapse-icon-color: #010f19;
    --sidenav-menu-item-chevron-color: #27333b;
    --sidenav-menu-item-icon-color: #27333b;
    --sidenav-menu-item-icon-background-color: #e2e9e9;
    --sidenav-menu-item-hovered-chevron-color: #28bd8b;
    --sidenav-menu-item-hovered-icon-color: #0277bd;
    --sidenav-menu-item-hovered-background-color: #edf5fa;
    --sidenav-menu-item-hovered-icon-background-color: #ffffff;
    --sidenav-menu-item-active-icon-color: #ffffff;
    --sidenav-menu-item-active-icon-background-color: #157e5b;
    --sidenav-menu-item-active-text-color: #157e5b;
    --sidenav-menu-item-active-background-color: #ffffff;
    --sidenav-menu-item-active-hovered-background-color: #f2f5f5;
    --sidenav-menu-switch-user-text-color: #ffffff;
    --sidenav-menu-switch-user-background-color: #f2f5f5;
    --sidenav-menu-switch-user-icon-background-color: #157e5b;
    --sidenav-menu-switch-user-hover-background-color: #edf5fa;
    --sidenav-menu-switch-user-hover-icon-background-color: #f2f5f5;
    --sidenav-top-bar-logo-max-height: 34px;
    --sidenav-top-bar-logo-start-margin: 12px;
    --sidenav-menu-item-home-mask-path: url('/Images/sidenav-menu/sidenav-icon-home.svg');
    --sidenav-menu-item-items-setup-mask-path: url('/Images/sidenav-menu/sidenav-icon-items.svg');
    --sidenav-menu-item-purchasing-mask-path: url('/Images/sidenav-menu/sidenav-icon-purchasing.svg');
    --sidenav-menu-item-inventory-mask-path: url('/Images/sidenav-menu/sidenav-icon-inventory.svg');
    --sidenav-menu-item-reports-mask-path: url('/Images/sidenav-menu/sidenav-icon-reports.svg');

    /*Buttons*/
    --simple-button-border-radius: 3px;
    --simple-button-font-weight: 400;
    --simple-button-hover-box-shadow: 0 0 4px 0 rgb(0 68 69 / .25);
    --simple-button-disabled-color: #b3b7ba;
    --simple-button-disabled-background-color: #e0e2e3;
    --cta-button-hover-color: #28bd8b;
    --cta-button-background-color: #28bd8b;
    --cta-button-hover-background-color: #ffffff;
    --cta-button-hover-border-background-color: #ffffff;
    --secondary-button-color: #5a6369;
    --secondary-button-background-color: #d9e3e3;
    --secondary-button-hover-color: #28bd8b;
    --secondary-button-hover-background-color: #ffffff;
    --danger-button-color: #ffffff;
    --danger-button-background-color: #ff6969;
    --danger-button-hover-color: #ff6969;
    --danger-button-hover-background-color: #ffffff;
    --tertiary-button-color: #5a6369;
    --tertiary-button-background-color: #d9e3e3;
    /*Buttons V1 only*/
    --grey-header-button-color: #28bd8b;
    --grey-header-button-background-color: #ffffff;
    --grey-header-button-border-color: #28bd8b;
    --grey-header-button-hover-color: #ffffff;
    --grey-header-button-hover-background-color: #43d7a5;
    --grey-header-button-hover-border-color: #43d7a5;
    --export-link-view-color: #b2b3b5;
    --export-link-view-background-color: transparent;
    --export-link-view-border-color: #28bd8b;
    --export-link-view-image-url: url(/images/download_rest.svg);
    --export-link-view-hover-color: #ffffff;
    --export-link-view-hover-background-color: #43d7a5;
    --export-link-view-hover-border-color: #43d7a5;
    --export-link-view-hover-image-url: url(/images/download.svg);
    --action-button-color: #ffffff;
    --action-button-background-color: #28bd8b;
    --action-button-border-color: #28bd8b;
    --action-button-hover-color: #ffffff;
    --action-button-hover-background-color: #42d7a5;
    --action-button-hover-border-color: #42d7a5;
    --cancel-button-background-color: #ffffff;
    --cancel-button-color: #333;
    --cancel-button-border-color: #ccc;
    --cancel-button-hover-background-color: #e6e6e6;
    --cancel-button-hover-border-color: #adadad;
    --cancel-button-hover-color: #333;
    --cogs-config-not-in-use-option-background-color: #e8ebf1;
    --cogs-config-non-active-switch-background-color: #e8ebf1;
    --cogs-config-non-active-switch-color: #19a274;
    --cogs-config-non-active-switch-hover-background-color: #E8E8E8;
    --secondary-grey-button-color: #2c4054;
    --secondary-grey-button-background-color: #fff;
    --secondary-grey-button-border-color: #2c4054;
    --secondary-grey-button-hover-color: #28bd8b;
    --secondary-grey-button-hover-background-color: #ffffff;
    --secondary-grey-button-hover-border-color: #28bd8b;
    --secondary-grey-button-disabled-color: #666666;
    --secondary-grey-button-disabled-background-color: #dddddd;
    --secondary-grey-button-disabled-border-color: #dddddd;
    --link-text-button-color: #28bd8b;
    --link-text-button-background-color: white;
    --link-text-button-font-weight: 400;
    --link-text-button-text-decoration: none;
    --link-text-button-hover-color: #28bd8b;
    --link-text-button-hover-background-color: lightgray;
    --form-link-text-button-hover-background-color: inherit;
    --link-text-button-hover-font-weight: 400;
    --link-text-button-hover-text-decoration: none;
    --link-text-button-hover-padding: 0px;

    --cogs-secondary-button-color: #28bd8b;
    --cogs-secondary-button-background-color: transparent;
    --cogs-secondary-button-border-color: #28bd8b;

    --green-light-button-color: #28bd8b;
    --green-light-button-background-color: white;
    --green-light-button-border-color: #28bd8b;
    --green-light-button-hover-color: white;
    --green-light-button-hover-background-color: #28bd8b;
    --green-light-button-hover-border-color: #28bd8b;
    --copy-link-icon-url: url("/images/link_clean_rest.svg");
    --copy-link-hover-icon-url:  url("/images/link_clean_hover.svg");
    --clickable-icon-hover-color: #28bd8b;
    --modal-link-color: #28bd8b;

    --active-tab-main-color: #28bd8b;
    --form-input-primary-color: #28bd8b;
    --form-input-border-color: #ccdada;
    --form-input-placeholder-color: #5c82a4;
    --form-input-hover-border-color: #ccdada;
    --form-input-border-radius: 4px;
    --form-input-placeholder-margin: 6px;
    --form-input-focused-border-width: 1px;
    --form-input-focused-border-color: #28bd8b;
    --form-input-help-icon-path: url("/images/help_icon.svg");
    --form-input-select-chevron-color: #00529e;
    --form-input-chips-background-color: #e8f2ef;
    --form-input-disabled-text-color: rgba(47, 59, 67, 0.5);
    --form-input-disabled-text-opacity: .5;
    --form-input-disabled-border-color: #ccdada;
    --form-input-disabled-background-color: transparent;
    --form-checkbox-border-color: #ccdada;
    --form-checkbox-background-color: #ffffff;
    --form-checkbox-hover-border-color: #ccdada;
    --form-checkbox-hover-background-color: #ffffff;
    --form-checkbox-checked-icon-color: #28bd8b;
    --form-checkbox-checked-background-color: #ffffff;
    --form-checkbox-checked-border-color: #ccdada;
    --green-popup-checkbox-checked-background-color: #28bd8b;
    --green-popup-checkbox-checked-icon-color: #ffffff;
    --green-popup-checkbox-checked-disabled-background-color: #73cfbe;
    --form-checkbox-disabled-background-color: #ffffff;
    --form-checkbox-disabled-border-color: #ccdada;
    --form-checkbox-disabled-icon-color: #27333b;
    --form-checkbox-active-icon-path: url("/images/checkbox_checked-active.svg");
    --form-radio-unchecked-icon-color: #5a6369;
    --form-radio-unchecked-hover-icon-color: #5a6369;
    --form-radio-checked-icon-color: #28bd8b;
    --form-radio-disabled-icon-color: #ccdada;
    --form-switch-handle-size: 20px;
    --form-switch-track-width: 34px;
    --form-switch-track-height: 18px;
    --form-switch-unselected-icon-margin: 0;
    --form-switch-disabled-track-opacity: .5;
    --form-swtich-default-track-background-color: #b3b7ba;
    --form-swtich-checked-track-background-color: #28bd8b;
    --form-swtich-disabled-track-background-color: #b3b7ba;
    --form-title-span-bottom-border-color: #28bd8b;

    /* Form Grid */
    --form-grid-header-bg: #5c82a4;
    --form-grid-border: #ededed;
    --form-grid-expanded-heading-color: #5c82a4;
    --form-grid-delete-label-color: #ff6969;
    --form-grid-add-button-color: #28bd8b;
    --form-grid-label-color: #5c82a4;
    --form-grid-link-color: #28bd8b;
    --form-grid-link-hover-color: #28bd8b;

    /* Kendo Grid */
    --kendo-grid-header-color: #697586;
    --kendo-grid-header-icon-color: #697586;
    --kendo-grid-header-background-color: #e2ebf8;
    --kendo-grid-header-checkbox-checked-color: rgba(40, 189, 139, 0.87);
    --kendo-grid-header-column-title-font-weight: 500;

    /* Icons */
    --icon-active-color: #28bd8b;
    --icon-not-active-color: #ff6969;
    --price-change-icon-color: #28bd8b;
    --delete-icon-color: #ff6969;

    --delete-label-color: #ff6969;
    --error-message-color: #ff6969;
    --chevron-color: #28bd8b;
    --back-chevron-button-color: #28bd8b;
    --back-chevron-button-hover-color: #42d7a5;
    --inv-items-view-more-link-color: #28bd8b;

    /* Icon Button */
    --icon-button-border: 1px solid #28bd8b;
    --icon-button-background-color: transparent;
    --icon-button-icon-color: #28bd8b;
    --icon-button-icon-size: 34px;
    --settings-icon-url: url(/images/setting_new.svg);
    --icon-button-hover-background-color: #42d7a5;
    --icon-button-hover-border: solid thin #42d7a5;
    --icon-button-hover-icon-color: #ffffff;
    --icon-button-disabled-background-color: transparent;
    --icon-button-disabled-icon-color: #b2b3b5;

    --main-checkbox-checked-background-color: #28bd8b;
    --cogs-options-droppable-hover-background-color: #dbf4eb;
    --cogs-options-droppable-hover-border: solid 1px #28bd8b;
    --select-vendor-hover-background-color: #b8f1de;
    --logbook-tab-hover-color: #d3ede4;
    --logbook-title-color: #28bd8b;

    --cogs-menu-expand-icon: url('/images/COGS_menu_expand.svg');
    --cogs-menu-expand-hover-icon: url('/images/COGS_menu_expand_hover.svg');
    --cogs-menu-collapse-icon: url('/images/COGS_menu_collapse.svg');
    --cogs-menu-collapse-hover-icon: url('/images/COGS_menu_collapse_hover.svg');
    --cogs-grid-hover-color: #28bd8b;
    --cogs-chevron-right-icon: url('/images/COGS_chevron_right.svg');
    --cogs-chevron-right-hover-icon: url('/images/COGS_chevron_right_green.svg');
    --print-button-icon: url(/images/print_new.svg);
    --print-button-hover-icon: url(/images/print_hover.svg);
}

.square-wl-customer {
    --app-background-color: #fafafa;
    --page-title-color: #010f19;
    --basic-text-color: #1a1a1a;
    --basic-text-color-hover: #010f19;
    --error-text-color: #cc0023;
    --system-red: #cc0023;
    --sidenav-box-shadow: rgba(1, 15, 25, 0.15) 0 0.5px 10px 0;
    --sidenav-collapse-icon-color: #010f19;
    --sidenav-menu-item-chevron-color: #010f19;
    --sidenav-menu-item-icon-color: #1a1a1a;
    --sidenav-menu-item-icon-background-color: #ffffff;
    --sidenav-menu-item-hovered-chevron-color: #1a1a1a;
    --sidenav-menu-item-hovered-icon-color: #1a1a1a;
    --sidenav-menu-item-hovered-background-color: #e8e8e8;
    --sidenav-menu-item-hovered-icon-background-color: #e8e8e8;
    --sidenav-menu-item-active-icon-color: #1a1a1a;
    --sidenav-menu-item-active-icon-background-color: #e8e8e8;
    --sidenav-menu-item-active-text-color: #1a1a1a;
    --sidenav-menu-item-active-background-color: #e8e8e8;
    --sidenav-menu-item-active-hovered-background-color: #e8e8e8;
    --sidenav-menu-switch-user-text-color: #1a1a1a;
    --sidenav-menu-switch-user-background-color: #f0f0f0;
    --sidenav-menu-switch-user-icon-background-color: #f0f0f0;
    --sidenav-menu-switch-user-hover-background-color: #f0f0f0;
    --sidenav-menu-switch-user-hover-icon-background-color: #f0f0f0;
    --sidenav-top-bar-logo-max-height: 24px;
    --sidenav-top-bar-logo-start-margin: 18px;
    --sidenav-menu-item-home-mask-path: url('/Images/sidenav-menu/sidenav-icon-home-square.svg');
    --sidenav-menu-item-items-setup-mask-path: url('/Images/sidenav-menu/sidenav-icon-items-square.svg');
    --sidenav-menu-item-purchasing-mask-path: url('/Images/sidenav-menu/sidenav-icon-purchasing-square.svg');
    --sidenav-menu-item-inventory-mask-path: url('/Images/sidenav-menu/sidenav-icon-inventory-square.svg');
    --sidenav-menu-item-reports-mask-path: url('/Images/sidenav-menu/sidenav-icon-reports-square.svg');
    /*Buttons*/
    --simple-button-border-radius: 2px;
    --simple-button-font-weight: 500;
    --simple-button-hover-box-shadow: none;
    --simple-button-disabled-color: #959595;
    --simple-button-disabled-background-color: #f0f0f0;
    --cta-button-background-color: #101010;
    --cta-button-hover-color: #ffffff;
    --cta-button-hover-background-color: #333333;
    --secondary-button-color: #101010;
    --secondary-button-background-color: #f0f0f0;
    --secondary-button-hover-color: #101010;
    --secondary-button-hover-background-color: #e8e8e8;
    --danger-button-color: #bf0020;
    --danger-button-background-color: #f0f0f0;
    --danger-button-hover-color: #bf0020;
    --danger-button-hover-background-color: #ffe5ea;
    --tertiary-button-color: #101010;
    --tertiary-button-background-color: #ffffff;
    /*Buttons V1 only*/
    --grey-header-button-color:  #101010;
    --grey-header-button-background-color: #f0f0f0;
    --grey-header-button-border-color: #f0f0f0;
    --grey-header-button-hover-color:  #101010;
    --grey-header-button-hover-background-color: #e8e8e8;
    --grey-header-button-hover-border-color: #e8e8e8;
    --export-link-view-color: #101010;
    --export-link-view-background-color: #f0f0f0;
    --export-link-view-border-color: #f0f0f0;
    --export-link-view-image-url: url(/images/download-square.svg);
    --export-link-view-hover-color: #101010;
    --export-link-view-hover-background-color: #e8e8e8;
    --export-link-view-hover-border-color: #e8e8e8;
    --export-link-view-hover-image-url: url(/images/download-square.svg);
    --action-button-color: #ffffff;
    --action-button-background-color: #101010;
    --action-button-border-color: #101010;
    --action-button-hover-color: #ffffff;
    --action-button-hover-background-color: #333333;
    --action-button-hover-border-color: #333333;
    --cancel-button-background-color: #f0f0f0;
    --cancel-button-color: #101010;
    --cancel-button-border-color: transparent;
    --cancel-button-hover-background-color: #e8e8e8;
    --cancel-button-hover-border-color: transparent;
    --cancel-button-hover-color: #101010;
    --cogs-config-not-in-use-option-background-color: #F0F0F0;
    --cogs-config-non-active-switch-background-color: #F0F0F0;
    --cogs-config-non-active-switch-color: #101010;
    --cogs-config-non-active-switch-hover-background-color: #E8E8E8;
    --secondary-grey-button-color: #1A1A1A;
    --secondary-grey-button-background-color: #F0F0F0;
    --secondary-grey-button-border-color: transparent;
    --secondary-grey-button-hover-color: #1A1A1A;
    --secondary-grey-button-hover-background-color: #E8E8E8;
    --secondary-grey-button-hover-border-color: transparent;
    --secondary-grey-button-disabled-color: #959595;
    --secondary-grey-button-disabled-background-color: #F0F0F0;
    --secondary-grey-button-disabled-border-color: transparent;
    --link-text-button-color: #1A1A1A;
    --link-text-button-background-color: transparent;
    --link-text-button-font-weight: 500;
    --link-text-button-text-decoration: underline;
    --link-text-button-hover-color: #1A1A1A;
    --link-text-button-hover-background-color: #E8E8E8;
    --form-link-text-button-hover-background-color: #E8E8E8;
    --link-text-button-hover-font-weight: 500;
    --link-text-button-hover-text-decoration: underline;
    --link-text-button-hover-padding: 3px 6px 6px 6px;

    --cogs-secondary-button-color: #1A1A1A;
    --cogs-secondary-button-background-color: #F0F0F0;
    --cogs-secondary-button-border-color: transparent;

    --green-light-button-color: #101010;
    --green-light-button-background-color: #f0f0f0;
    --green-light-button-border-color: #f0f0f0;
    --green-light-button-hover-color: #101010;
    --green-light-button-hover-background-color: #e8e8e8;
    --green-light-button-hover-border-color: #e8e8e8;
    --copy-link-icon-url: url("/images/link_clean_square.svg");
    --copy-link-hover-icon-url:  url("/images/link_clean_square.svg");
    --clickable-icon-hover-color: #010f19;
    --modal-link-color: #010f19;

    --active-tab-main-color: #1a1a1a;
    --form-input-primary-color: #101010;
    --form-input-border-color: #dadada;
    --form-input-placeholder-color: #666666;
    --form-input-hover-border-color: #101010;
    --form-input-border-radius: 8px;
    --form-input-placeholder-margin: 16px;
    --form-input-focused-border-width: 2px;
    --form-input-focused-border-color: #101010;
    --form-input-help-icon-path: url("/images/help-icon-square.svg");
    --form-input-select-chevron-color: #959595;
    --form-input-chips-background-color: #e8e8e8;
    --form-input-disabled-text-color: #27333b;
    --form-input-disabled-text-opacity: 0.5;
    --form-input-disabled-border-color: #ccdada;
    --form-input-disabled-background-color: transparent;
    --form-checkbox-border-color: #959595;
    --form-checkbox-background-color: #ffffff;
    --form-checkbox-hover-border-color: #666666;
    --form-checkbox-hover-background-color: #666666;
    --form-checkbox-checked-icon-color: #ffffff;
    --form-checkbox-checked-background-color: #101010;
    --form-checkbox-checked-border-color: #101010;
    --green-popup-checkbox-checked-background-color: #101010;
    --green-popup-checkbox-checked-icon-color: #ffffff;
    --form-checkbox-disabled-background-color: #959595;
    --green-popup-checkbox-checked-disabled-background-color: #959595;
    --form-checkbox-disabled-border-color: #959595;
    --form-checkbox-disabled-icon-color: #ffffff;
    --form-checkbox-active-icon-path: url("/images/checkbox_checked-active-square.svg");
    --form-radio-unchecked-icon-color: #959595;
    --form-radio-unchecked-hover-icon-color: #666666;
    --form-radio-checked-icon-color: #101010;
    --form-radio-disabled-icon-color: #959595;
    --form-switch-handle-size: 14px;
    --form-switch-track-width: 40px;
    --form-switch-track-height: 24px;
    --form-switch-unselected-icon-margin: 0 2px;
    --form-switch-disabled-track-opacity: 1;
    --form-switch-default-track-background-color: #959595;
    --form-switch-checked-track-background-color: #101010;
    --form-switch-disabled-track-background-color: #959595;
    --form-title-span-bottom-border-color: #1a1a1a;

    /* Form Grid */
    --form-grid-header-bg: #666666;
    --form-grid-border: #e0e0e3;
    --form-grid-expanded-heading-color: #1a1a1a;
    --form-grid-delete-label-color: #cc0023;
    --form-grid-add-button-color: #1a1a1a;
    --form-grid-label-color: #666666;
    --form-grid-link-color: #1a1a1a;
    --form-grid-link-hover-color: #1a1a1a;

    /* Kendo Grid */
    --kendo-grid-header-color: #101010;
    --kendo-grid-header-icon-color: #959595;
    --kendo-grid-header-background-color: #e8e8e8;
    --kendo-grid-header-checkbox-checked-color: #101010;
    --kendo-grid-header-column-title-font-weight: 400;

    /* Icons */
    --icon-active-color: #1a1a1a;
    --icon-not-active-color: #cc0023;
    --price-change-icon-color: #1a1a1a;
    --delete-icon-color: #cc0023;

    --delete-label-color: #cc0023;
    --error-message-color: #cc0023;
    --chevron-color: #1a1a1a;
    --back-chevron-button-color: #1a1a1a;
    --back-chevron-button-hover-color: black;
    --inv-items-view-more-link-color: #1a1a1a;

    /* Icon Button */
    --icon-button-border: none;
    --icon-button-background-color: #f0f0f0;
    --icon-button-icon-color: #000000;
    --icon-button-icon-size: 34px;
    --settings-icon-url: url(/images/setting_new.svg);
    --icon-button-hover-background-color: #e8e8e8;
    --icon-button-hover-border: none;
    --icon-button-hover-icon-color: #000000;
    --icon-button-disabled-background-color: #f0f0f0;
    --icon-button-disabled-icon-color: #959595;

    --main-checkbox-checked-background-color: #101010;
    --cogs-options-droppable-hover-background-color: #E8E8E8;
    --cogs-options-droppable-hover-border: solid 1px #101010;
    --select-vendor-hover-background-color: #eaeaea;
    --logbook-tab-hover-color: #f0f0f0;
    --logbook-title-color: #101010;

    --cogs-menu-expand-icon: url('/images/COGS_menu_expand-square.svg');
    --cogs-menu-expand-hover-icon: url('/images/COGS_menu_expand_hover-square.svg');
    --cogs-menu-collapse-icon: url('/images/COGS_menu_collapse-square.svg');
    --cogs-menu-collapse-hover-icon: url('/images/COGS_menu_collapse_hover-square.svg');
    --cogs-grid-hover-color: #010f19;
    --cogs-chevron-right-icon: url('/images/COGS_chevron_right-square.svg');
    --cogs-chevron-right-hover-icon: url('/images/COGS_chevron_right_black-square.svg');
    --print-button-icon: url(/images/print_new-square.svg);
    --print-button-hover-icon: url(/images/print_new-square.svg);
}