:root {
    /* ===================== COLORS ===================== */
    /* Header Colors */
    --header-background: #003b49;
    --header-title: #ffffff;
    --header-menu-item-text-color: #ffffff;
    --header-menu-item-highlight-backgound-color: #0091b3;
    --header-menu-help-icon-color: #ffffff;
    --pm-icon-hover-stroke-color: #ffffff;
    --header-menu-burger-icon-color: #ffffff;
    --header-border-bottom: 5px solid #0091b3;

    /*Employee Header*/
    --employee-header-background-color: #ffffff;
    --employee-header-bottom-border: 1px solid #d1d4d5;
    --employee-header-icon-color: #7b7d7f;
    /*Header Icons*/
    /*Pin Icon*/
    --employee-header-pin-icon-color: #4f545a;
    --employee-header-pin-activated-icon-color: #0091b3;
    --employee-header-pin-icon-hover-color: #0091b3;
    /*Close Icon*/
    --employee-header-close-icon-color: #4f545a;
    --employee-header-close-icon-hover-color: none;
    /*BreadCrumb*/
    --employee-header-breadcrumb-text-color: #4f545a;
    --employee-header-breadcrumb-text-font-weight: none;
    /*First Container*/
    --employee-header-name-text-color: #4f545a;
    --employee-header-job-class-text-color: #4f545a;
    --employee-header-info-detail-text-color: #4f545a;
    /*Dividors*/
    --employee-header-divider-color: rgb(177, 180, 182);
    /*Manager*/
    --manager-subtext-color: #4f545a;
    --employee-header-unfilled-avatar-border: dashed 2px #cdc1c1;
    --employee-header-avatar-border-hover: solid 2px #0091b3;
    /*Employee Profile*/
    --employee-profile-padding: none;
    --employee-profile-border: solid 0px grey;
    --employee-profile-border-radius: 5%;

    /*ToDo Employee Header*/
    --manager-profile-radius:10%;

    /*Menu Wrapper*/
    --menu-wrapper-background-color: #f9fafa;
    --menu-wrapper-border-bottom: 1px solid #d1d4d5;
    --menu-wrapper-active-border: none;
    --menu-wrapper-active-title-color: #207D9D;
    --menu-wrapper-active-border: 2px solid #207D9D;
    --menu-wrapper-hover-panel: transparent;
    --menu-wrapper-font-weight-hover: 700;
    /* Dashboard Colors */
    --background-dashboard-container: #FFFFFF;
    --dropdown-item-highlight: #ffffff;
    --dropdown-item-color: #098795;
    --dropdown-font-weight: 400;
    --dropdown-font-weight-highlight: normal;
    --dropdown-label-font-size: 10px;
    --dropdown-open-background-color: #eaeaeaa6;
    --dropdown-open-text-color: none;
    --dropdown-open-border-bottom: none;
    --dropdown-open-inputtext-color: none;
    --dropdown-open-trigger-icon-color: none;
    --dropdown-trigger-icon-color: #848484;
    --dropdown-label-color: #333333;
    --dropdown-trigger-icon-width: 16px;
    --dropdown-trigger-icon-height: 16px;

    /* Container Colors */
    --containers-headers-background: #FFFFFF;
    --container-grid-background: #ffffff;
    --container-custom-background: #ffffff;
    --container-filter-background: rgb(244, 244, 244);
    --html-background-color: #f2f2f2;
    --container-filter-border: 1px solid #d3d3d3;
    --container-selected-employees-background: #f4f4f4;

    /*Employee Summary*/
    --employee-summary-background-color: #f2f2f2;
    /*Widgets Container*/
    --container-widgets-border: #FFFFFF;
    --container-widgets-background: #FFFFFF;
    --container-widgets-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    /*PayCheck*/
    --view-button-color: #0091b3;
    --view-button-color-hover: #0091b3;
    --view-button-underline-hover: none;
    --paycheck-border-color: #d8d4d4;
    /*Table*/
    /*Table Header*/
    --table-header-background: #ffffff;
    --nested-table-header-border-color: #d1d4d5;
    --nested-table-generic-border: 1px solid #d1d4d5;
    --nested-table-generic-border-right: none;
    --table-header-text-color: #2E343B;
    /*Spaces*/
    --table-header-padding: 0 0px 15px 0px;
    --table-header-text-align: left;
    --table-header-text-align-left: left;
    --table-header-text-align-right: right;
    --table-header-align-items: normal;
    /*Borders*/
    --table-header-other-border: none;
    --table-header-bottom-border: solid 1px #ccc;
    /*Table Body*/
    /*Spaces*/
    --table-body-padding: 10px 0px 10px 0px;
    --table-body-text-align: unset;
    --table-body-text-align-left: left;
    --table-body-text-align-right: right;
    --table-body-align-items: normal;
    /*Borders*/
    --table-body-inner-bottom-border: solid 1px #ccc;
    --table-body-outter-bottom-border: solid 0px #ccc;
    --table-body-inner-border: solid 0px #ccc;
    --table-body-outter-border: solid 0px #ccc;
    /*Buttons*/
    --table-body-button-margin-left: 40px;

    /* Tables */
    --table-row-background-color: #F9FAFA;
    --table-selected-border-left: 5px solid #0091b3;
    --table-selected-background-color: #EBF3F6;
    --table-row-hover-background-color: #ebf3f6;
    --table-scroll-lazy-row-background-color: rgb(249, 250, 250);
    --table-expand-chevron-color: rgb(169, 169, 169);
    --table-expanded-background-color: rgb(169, 169, 169);
    --table-nested-header-row-background-color: #d3d3d3;
    --table-nested-header-row-hover-background-color: #FFFFFF;
    --nested-expanded-chevron-color: #207D9D;
    --nested-table-scroll-subtable-outter-row-border: none;
    --nested-table-scroll-subtable-outter-row-border-right: none;
    --nested-table-scroll-subtable-inner-row-border: none;
    --nested-table-scroll-subtable-inner-row-border-right: none;
    --nested-table-scroll-subtable-color: #333333;
    --nested-table-toggle-background-color: #d5d5d5;
    --nested-table-inner-border-color: #d1d4d5;
    --nested-table-inner-border: 1px solid var(--nested-table-inner-border-color);
    --nested-table-outter-border-color: #d1d4d5;
    --nested-table-outter-border: 1px solid var(--nested-table-outter-border-color);
    --nested-data-table-expanded-row-background-color: #F9FAFA;
    --nested-table-scroll-expanded-row-background-color: #F9FAFA;
    --nested-data-table-background-color: #F9FAFA;
    --nested-data-table-row-hover-background-color: #ebf3f6;
    --table-scroll-lazy-nested-table-row-background-color: none;
    --table-scroll-lazy-nested-table-background: transparent;
    --table-scroll-lazy-nested-table-row-border: none;
    --table-scroll-lazy-nested-table-row-border-right: none;
    --table-scroll-lazy-subtext-color: #4f545a;

    --data-table-scroll-subtext-color: #4f545a;
    --data-table-scroll-selected-color: #207D9D;

    --data-table-scroll-lazy-link-color: #207D9D;
    --data-table-scroll-lazy-link-hover-color: #207D9D;
    --data-table-scroll-lazy-link-text-decoration: none;

    --nested-table-inner-border-color-right: #d1d4d5;

    --data-table-subtable-child-2-border: none;

    --table-text-color: #2E343B;

    --tree-view-disabled-background-color: #eaeaea;
    --tree-sctructure-expanded-caret-color: #207D9D;
    --tree-sctructure-expanded-caret-hover-color: #207D9D;

    --panel-grid-label-color: #9fa0a5;
    --panel-grid-label-dates-color: #9fa0a5;

    /*employee page search table*/
    --employee-page-search-table-employee-code: #64696f;
    --employee-page-search-table-table-outter-border: lightgray;
    --employee-page-search-table-table-inner-border: lightgray;
    --employee-page-search-table-header-title: #828589;
    /*data-table component*/
    --data-table-hyperlink-color: rgb(53 166 193);
    --data-table-hyperlink-hover-color: rgb(53 166 193);
    --data-table-hyperlink-hover-text-decoration: none;

    /*role assigned policies page*/
    --role-assigned-policies-search-table-sub-text: #4f545a;
    --role-assigned-policies-search-table-close-color: #207D9D;
    --role-assigned-policies-search-table-close-hover-color: #207D9D;
    /*role assigned policies search table*/
    --role-assigned-policies-search-table-border: 3px solid #207D9D;
    --role-assigned-policies-search-table-arrow-color: #207D9D;
    --role-assigned-policies-search-table-arrow-hover-color: #207D9D;

    /*Job History*/
    --job-history-title-color: #207D9D;
    --job-history-subtext: #333;
    /*Job History Stepper*/
    --stepper-connector-color: lightGrey;
    --stepper-checkpoints-color: lightGrey;
    --stepper-previous-job-checkpoints-color: lightGrey;
    /*Divider Color*/
    --divider-color: #dcd6d6;
    /*Benefit Plan*/
    --benefit-plan-title-color: #207D9D;
    /*Skills*/
    --skills-text-color: #64696f;
    --skills-border-color: #d8d4d4;
    /*Credentials*/
    --credentials-title-color: #207D9D;
    --credentials-expiry-color: red;
    --credentials-issue-date-color: #333333;

    /*Caret*/
    --dropdown-caret-color: #207D9D;
    --menu-caret-color: rgb(169, 169, 169);
    --primary-button-caret-color: #FFFFFF;
    --table-row-caret-color: rgb(169, 169, 169);
    --table-header-filter-arrow-color: #207D9D;
    --table-header-filter-arrow-hover-color: #207D9D;
    --table-row-caret-hover-color: rgb(169, 169, 169);
    --menu-caret-hover-color: rgb(169, 169, 169);


    /*Organization Chart*/
    /*Tile*/
    --org-chart-name-text-color: #4f545a;
    --org-chart-background-color: #f9fafa;
    --org-chart-hover-background-color: white;
    --org-chart-content-text-color: gray;
    --org-chart-border: 1px solid #d1d4d5;
    --org-chart-border-left: 5px solid #0091b3;
    --org-chart-selected-border: 3px solid #0091b3;
    /*Unavailable Tile*/
    --org-chart-unavailable-border-left: 5px solid rgb(242, 199, 109);
    --question-mark-color: #4f545a;
    /*Position Not Filled Tile*/
    /*Avatar*/
    --org-chart-avatar-border: 2px solid #0091b3;
    --org-chart-unavailable-avatar-border: dashed 2px #cdc1c1;
    --org-chart-avatar-background-color: #D5D5D5;
    --org-chart-avatar-dimensions: inherit;
    --org-chart-avatar-padding: 0px;
    /*Borders & Arrows*/
    --org-chart-arrow-border: 1px solid #c8c8c8;
    --org-chart-up-arrow-border: 16px solid #c8c8c8;
    --org-chart-up-arrow-hover-border: 16px solid #207D9D;
    --org-chart-arrow-color: #c8c8c8;
    /*Toggler Box*/
    --org-chart-toggler-background-color: #f9fafa;
    --org-chart-toggler-border: 1px solid #d1d4d5;
    --org-chart-toggler-border-radius: 2px;
    --org-chart-toggler-caret-icon-color: #0091b3;
    --org-chart-toggler-number-color: #0091b3;
    --org-chart-toggler-sitemap-icon-color: gray;
    /*Dr-Manager-Toggle Box*/
    --dr-manager-toggle-background: white;
    --dr-manager-toggle-border-radius: 3px;

    /*View Manager*/
    --org-chart-view-manager-background-color: #f9fafa;
    --org-chart-view-manager-hover-background-color: white;
    --org-chart-view-manager-hover-border-color: 1px solid #c8c8c8;
    --org-chart-view-manager-hover-text-color: #0091b3;
    --org-chart-view-manager-color: #0091b3;
    --org-chart-view-manager-border: 1px solid #c8c8c8;
    --org-chart-view-manager-border-radius: 0px;

    /*Scroll Bar*/
    --scroll-bar-color: #D5D5D5;
    --scroll-bar-track: transparent;
    /*Right Corner Arrow*/
    --right-corner-arrow-color: #ccc;
    --right-corner-arrow-hover-color: #0091b3;
    --right-corner-arrow-hover-background-color: transparent;
    /*Primary & Secondary Tags*/
    --primary-tag-background-color: #e9d077;
    --primary-tag-text-color: #000000;
    --secondary-tag-background-color: #fff;
    --secondary-tag-text-color: #000000;
    --secondary-tag-border: 1.5px solid #e9d077;


    /* Message Toast Colors */
    --message-text-color: #FFFFFF;
    /*Success*/
    --background-success-color: #0da059;
    /*Warning*/
    --background-warning-color: #ffc627;
    --message-warning-text-color: #FFFFFF;
    /*Fail*/
    --background-fail-color: #c70518;

    /* Message Callout Colors */
    --message-callout-text-color: #FFFFFF;
    /*Fail*/
    --background-callout-fail-color: #e24301;
    --fail-icon-color: #FFFFFF;
    --fail-border: solid 0px var(--fail-icon-color);
    /*Upload Picture Fail*/
    --upload-picture-fail-background-color: #fdf3f4;
    --upload-picture-fail-icon-color: #e24301;
    /*Benefit Enrollment*/
    --benefit-enrollment-fail-background-color: #efe3da;
    --benefit-enrollment-fail-border-color: #f19353;
    --benefit-enrollment-fail-icon-color: #e24301;
    --benefit-enrollment-fail-text-color: #4f545a;
    /*Success*/
    --background-callout-success-color: #1cc193;
    --success-icon-color: #FFFFFF;
    /*Warning*/
    --background-callout-warning-color: #eda11545;
    --warning-icon-color: #cb9156;
    /*ReportTo Warning*/
    --reportto-warning-background-color: #FFF3CD;
    --reportto-warning-border-color: #7C5F17;
    --reportto-warning-icon-color: #9d7326c7;
    --reportto-warning-text-color: #2E343B;
    /*Revise Modal Warning*/
    --overwrite-data-color: #b44;
    --warning-text-color: #4f545a;
    /*Default*/
    --background-callout-default-color: #007f911a;
    --border-callout-default: 5px Solid #62787F;
    --default-icon-color: #333940;
    /*Year End Warning*/
    --year-end-warning-color: #333940;
    --year-end-warning-background-color: #F4F5F6;
    --year-end-warning-border: 5px Solid #62787F;
    /*Interface Scheduling*/
    --interface-scheduling-default-background-color: gainsboro;
    --interface-scheduling-default-icon-color: #4f545a;
    --interface-scheduling-default-text-color: #4f545a;
    /*File Generation Progress Bar*/
    --file-generation-progress-bar-background-color: #f5f5f5;
    --file-generation-progress-bar-border-color: #4F545A;

    /*Status Bar*/
    /*Created*/
    --created-color: #f19353;
    --created-background-color: #efe3da;
    /*Success*/
    --success-color: #1d9306;
    --success-background-color: #c0e9c0;
    /*Error*/
    --error-color: #e24301;
    --error-background-color: #f4c6bb;
    /*Processing*/
    --processing-color: rgb(93, 92, 92);
    --processing-background-color: #efe3da;
    /*Download*/
    --download-color: #1d9306;
    --download-background-color: #c0e9c0;
    /*Upload*/
    --upload-color: #1d9306;
    --upload-background-color: #c0e9c0;
    /*Initializing*/
    --initializing-color: #f19353;
    --initializing-background-color: #efe3da;

    /*Padding*/
    --success-status-bar-padding: 1px 2px 3px 4px;
    --status-bar-padding: 1px 6px 3px 6px;
    /*View Button*/
    --view-button-color: #207D9D;
    --view-button-color-hover: #207D9D;
    /*Action Button*/
    --action-button-background-color: #f9fafa;
    --action-button-text-color: #207D9D;
    /*Hover*/
    --action-button-hover-background-color: #f9fafa;
    --action-button-hover-text-color: #207D9D;
    --action-button-hover-box-shadow: 0 0 0 0.5px #207d9d;
    /*Focus*/
    --action-button-focus-box-shadow: 0 0 0.2rem 0.1rem #0091b3;
    /*Action Button DropDown*/
    --action-button-dropdown-background-color: #ffffff;
    --action-button-dropdown-options-hover-background-color: #207D9D;
    --action-button-dropdown-options-hover-text-color: #FFFFFF;
    --action-button-dropdown-options-hover-border-color: solid 1px #207D9D;
    /*to be deleted*/
    --action-button-dropdown-options-delete-hover-text-color: #FFFFFF;
    --action-button-dropdown-options-delete-text-color: #b44;
    --action-button-dropdown-options-text-color: #207D9D;
    --action-button-dropdown-icon-display: inline-block;
    --action-button-dropdown-header-color: #333333;
    --action-button-dropdown-header-background: #f4f4f4;
    /*Download & Expired*/
    /*Download*/
    --action-download-color: rgb(73, 148, 174);
    --action-download-hover-color: rgb(73, 148, 174);
    /*Expired*/
    --action-expired-color: #b44;

    /* Background Colors */
    --background-color: #f2f2f2;

    /* Sidenav Colors */
    --sidenav-header-color: #005062;
    --sidenav-header-email-color: #cfcfcf;
    --sidenav-header-box-shadow: 0 0 2px 1px #005062;
    --sidenav-text-header-color: #4F545A;
    --sidenav-header-cross-icon-color: aliceblue;
    --sidenav-header-cross-icon-hover-color: #ffffff;
    --sidenav-container-border-top: 1px solid #b1b4b6;
    --sidenav-link-color: #61a4df;
    --sidenav-link-hover-background-color: #edededa3;
    --sidenav-link-hover-color: #5e9cd3;
    --link-hover-text-decoration: none;
    --sidenav-link-active-backgorund-color: #0091b3;
    --sidenav-link-active-color: white;

    /* Sidebar Colors */
    --side-bar-line-border-top: none;

    /* Main Text Colors */
    --body-text-color: #4f545a;
    --sub-text-color: #b8babd;
    --link-text-color: #0ab8e1;
    --link-hover-text-color: #0ab8e1;
    --link-hover-text-decoration: none;
    --link-list-text-color: #0091b3;
    --link-list-hover-text-color: #0091b3;
    --fg-label-color: #909497;
    --fg-title-color: #207d9d;
    --ds-lbl-color: #888b8f;
    --header-label-color: #999999;
    --label-text-color: #7b7d7f;
    --no-data-color: #333;
    --data-color: #333;

    /* ===================== SIZES ===================== */
    /* Header Sizes */
    --header-padding-left: 35px;
    --header-height: 56px;
    --header-log-padding-right: 21px;
    --header-log-padding-left: none;
    --header-title-font-size: 18px;
    --header-title-padding-top: 7px;

    /* Sidenav Sizes */
    --sidenav-header-cross-icon-size: 12px;

    /* Message Callout Sizes */
    --icon-size: 35px;

    /* ===================== BORDERS ===================== */
    --header-menu-item-devider: 1px solid #406c76;
    --header-burger-devider: 1px solid #406c76;
    --header-user-devider: 1px solid #406c76;
    --header-border-bottom: 5px solid #0091b3;
    --header-title-devider: none;
    --header-menu-item-highlight-border: none;
    --sidenav-container-border-top: 1px solid #b1b4b6;
    --sidenav-link-border-radius: none;
    --side-bar-line-border-top: none;
    --side-bar-line-width: none;
    --side-bar-line-border-display: none;
    --border-left-callout-fail-color: none;
    --border-left-callout-success-color: none;

    /* ===================== FONT WEIGHTS ===================== */
    --header-menu-title-font-weight: none;
    --header-menu-item-font-weight: none;
    --fg-label-font-weight: 700;

    /* ===================== MARGINS & PADDINGS ===================== */
    --header-user-margin-left: none;
    --header-user-margin-top: none;
    --sidnav-content-padding-left: none;
    --sidnav-content-padding-right: none;
    --sidenav-container-sign-out-button-margin: none;
    --sidenav-sign-out-button-padding-left: 10px;

    /* ===================== TEXT & TRANSFORM ===================== */
    --sidenav-header-title-text-transform: uppercase;
    --sidnav-content-line-height: none;
    --sidenav-container-sign-out-button-hover-decoration: none;
    --sidenav-link-hover-text-decoration: none;
    --sidenav-link-hover-text-decoration-color: none;

    /* Sidebar */
    --side-bar-line-border-top: none;
    --side-bar-line-width: none;
    --side-bar-line-border-display: none;

    /* Footer */
    --footer-text-color: #FFFFFF;
    --footer-link-color: #FFFFFF;
    --footer-background-color: #003b49;

    /* Inputs */
    --general-focus-box-shadow: 0 0 0.2rem 0.1rem #207D9D;
    --dropdown-panel-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    --general-focus-border-color: #207D9D;

    --text-input-error-border: solid 1px #e24301;
    --text-input-label-error-color: #e24301;
    --text-input-unselected-border-color: #a6a6a6;
    --text-input-text-color: #333333;

    --dropdown-selected-item-color: #207D9D;
    --dropdown-selected-item-text-color: #FFFFFF;
    --dropdown-hover-item-color: #eaeaea;
    --dropdown-selected-item-font-weight: none;
    --dropdown-border: 1px solid #a6a6a6;
    --dropdown-chevron-color: #848484;
    --dropdown-default-text-color: #666666;
    --dropdown-hover-border-color: #212121;
    --dropdown-placeholder-color: #666;
    --dropdown-items-wrapper-margin-right: 3px;

    --generic-field-border-radius: 3px;

    --scrollbar-thumb-color: #8B8B8B;
    --scrollbar-track-color: #FCFCFC;
    --scrollbar-arrow-top: url("data:image/svg+xml;utf8,<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><polygon points='7,5 12,11 2,11' fill='%238B8B8B' rx='2' ry='2'/></svg>") no-repeat center;
    --scrollbar-arrow-down: url("data:image/svg+xml;utf8,<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><polygon points='2,5 12,5 7,11' fill='%238B8B8B' rx='2' ry='2'/></svg>") no-repeat center;

    --multiselect-border: 1px solid #a6a6a6;
    --multiselect-selected-text-color: #333333;
    --multiselect-selected-background: #eaeaea;
    --multiselect-placeholder-color: #666666;
    --multiselect-hover-border-color: #212121;

    --autocomplete-box-shadow: 0 0 0.2rem 0.1rem #0091b3;
    --autocomplete-multiple-text-color: #4f545a;
    --autocomplete-multiple-selected-border: rgb(58, 130, 132);
    --autocomplete-hover-border-color: #212121;

    --fg-label-title-color: #207d9d;
    --container-title-color: #4f545a;
    --count-span: #8d8787;

    --order-list-highlight-color: #424242;

    --input-icon-color: #848484;
    --input-icon-hover-color: #848484;
    --input-hover-border-color: #212121;
    --multiselect-icon-color: #a6a6a6;

    --dashboard-expand-arrow-color: black;
    --dashboard-expand-arrow-hover-color: black;

    --panel-expand-arrow-color: #848484;
    --panel-expand-arrow-hover-color: #333333;

    /* Buttons */

    --button-border-color: #207D9D;
    --button-border-radius: 2px;
    --button-font-weight: 400;
    --button-focus-box-shadow: 0 0 0.2rem 0.1rem #0091b3;
    --button-more-icon-fill-color: #207D9D;
    --button-more-icon-fill-hover-color: #207D9D;
    --button-border: 1px solid #207D9D;


    /* Primary */
    --button-primary-background-color: #207D9D;
    --button-primary-text-color: #FFFFFF;
    --button-primary-hover-background-color: #1C6F8C;
    --button-primary-border: none;
    /* Disabled */
    --button-primary-disabled-background-color: #B1B4B6;
    --button-primary-disabled-hover-background-color: #B1B4B6;
    /* Active */
    --button-primary-active-outline: 2px solid var(--button-primary-background-color);
    --button-primary-active-outline-offset: 1px;
    --button-primary-active-background-color: #207D9D;
    --button-primary-active-border: 2px solid transparent;
    --button-primary-acitve-box-shadow: 0 0 0 2px inset;

    /* Secondary */
    --button-secondary-background-color: #FFFFFF;
    --button-secondary-transparent-background-color: #FFFFFF;
    --button-secondary-border-color: #007F91;
    --button-secondary-text-color: #007F91;
    --button-secondary-hover-text-color: #FFFFFF;
    --button-secondary-hover-background-color: #175b73;
    --button-secondary-border: none;

    /*Tools Button*/
    --button-tools-hover-background-color: #fff;

    /* Disabled */
    --button-secondary-disabled-background-color: transparent;
    --button-secondary-disabled-text-color: #b1b4b6;
    --button-secondary-disabled-border: 0px solid #b1b4b6;
    --button-secondary-disabled-border-color: transparent;
    --button-secondary-disabled-hover-border-color: #979b9d;
    --button-secondary-disabled-hover-color: #979b9d;
    --button-secondary-disabled-hover-background-color: #FFFFFF;


    /* Active */
    --button-secondary-active-outline: 2px solid var(--button-primary-background-color);
    --button-secondary-active-outline-offset: 1px;
    --button-secondary-active-color: #FFFFFF;
    --button-secondary-acitve-background: var(--button-primary-background-color);
    --button-secondary-active-border: 2px solid transparent;
    --button-secondary-active-border-shadow: 0 0 0 2px inset;


    /* Tertiary */
    --button-tertiary-background-color: #FFFFFF;
    --button-tertiary-color: #007F91;
    --button-tertiary-hover-color: #FFFFFF;
    --button-tertiary-hover-background-color: #175b73;
    --button-tertiary-hover-text-decoration: none;
    --button-tertiary-border: 1px solid #207D9D;
    /* Disabled */
    --button-tertiary-disabled-color: #B1B4B6;
    --button-tertiary-disabled-border-color: #B1B4B6;
    --button-tertiary-disabled-hover-border-color: #9F9FA1;
    --button-tertiary-disabled-hover-color: #9F9FA1;
    --button-tertiary-disabled-hover-text-decoration: none;
    /* Active */
    --button-tertiary-active-outline: 2px solid var(--button-primary-background-color);
    --button-tertiary-active-outline-offset: 1px;
    --button-tertiary-active-color: #FFFFFF;
    --button-tertiary-acitve-background: var(--button-primary-background-color);
    --button-tertiary-active-border: 2px solid transparent;
    --button-tertiary-active-border-shadow: 0 0 0 2px inset;
    --button-tertiary-active-text-decoration: none;


    --button-link-color: #207D9D;
    --button-link-background-color: none;
    --link-hover-border: none;

    --more-actions-data-dell-border-color: #207D9D;
    --more-actions-data-dell-color: #207D9D;
    --more-actions-data-dell-border-hover-color: #207D9D;
    --more-actions-data-dell-hover-color: #207D9D;

    /* Search Box */
    --search-box-gap: 0px;
    --search-container-background-color: #0006;
    --button-tool-wrench-icon: inline-block;
    --button-export-icon-display: inline-block;

    --searchbar-background-color: #ffffff;
    --searchbar-default-border-color: #a6a6a6;
    --searchbar-hover-border-color: #212121;
    --searchbar-default-text-color: #333;
    --searchbar-selected-text-color: #333;
    --searchbar-selected-border-color: #207d9d;
    --searchbar-search-icon-color: #848484;
    --searchbar-search-icon-hover-color: #207d9d;

    --searchbar-clear-icon-color: #4f545a;
    --searchbar-clear-icon-hover-color: #207d9d;

    --searchbar-selected-box-shadow: 0 0 0.2rem 0.1rem var(--searchbar-selected-border-color);
    --searchbar-box-shadow: 0 1px 2.94px .06px #041a3729;
    --searchbar-icon-font-weight: bold;
    --searchbar-border-radius: 3px;

    --home-page-searchbar-box-shadow: 0 1px 2.94px .06px #041a3729;
    --home-page-searchbar-default-border-color: #dddddd;
    --home-page-ssn-label-color: #8B8B8B;

    --searchbar-print-forms-border-color:#333333;
    --searchbar-w2-print-form-border-color:#a6a6a6;
    --searchbar-todo:var(--searchbar-w2-print-form-border-color);

    /*List-pickers*/
    --list-picker-icon-right: 20px;
    --list-picker-icon-left: 20px;
    --list-picker-position: relative;
    --list-picker-top: 0px;
    --list-picker-float-right: right;
    --list-picker-float-left: left;
    --list-picker-button-block-padding-left: 0px;
    --list-picker-button-block-margin-top: 30px;
    --list-picker-icon-width: 24px;
    --list-picker-border-color: #a6a6a6;
    --list-picker-selected-active-background-color: none;
    --list-picker-active-item-font-weight: none;
    --list-picker-highlight-color: #262a2b;
    --list-picker-icon-color: #0091b3;
    --list-picker-icon-hover-color: #0091b3;
    --list-picker-footer-background-color: #f9fafa;
    --list-picker-select-text-color: none;

    --grid-layout-personal-information-margin-left: -15px;
    --personal-information-col-padding-left: 5px;
    --personal-information-error-label: 30px;
    --labor-dist-error-label: 30px;
    --labor-dist-base-rate-width: 100px;
    --labor-dist-base-rate-margin-left: 0px;
    --labor-dist-ratio-width: 120px;
    --labor-dist-pay-reason-margin-left: -15px;
    --labor-dist-error-padding-left: 0px;

    /*Add New Employee Labor Distribution*/
    --add-new-employee-first-field-labor-dist-margin-left: 0px;
    --add-new-employee-second-field-labor-dist-margin-left: 0px;

    /*Forms error and warning labels*/
    --error-label-padding-left: 12px;
    --warning-label-padding-left: 12px;

    /*Calendar Date Picker*/
    --data-picker-arrow-color: #207D9D;
}