@import './components/custom-calendar-styles.css';
@import './components/list-picker.css';

:root {
  /* ===================== COLORS ===================== */
  --primary-font-color: #000000;

  /* Header Colors */
  --header-background: #ffffff;
  --header-title: var(--primary-font-color);
  --header-menu-item-text-color: var(--primary-font-color);
  --header-menu-item-hover-background-color: #007F911A;
  --header-menu-help-icon-color: #007F91;
  --pm-icon-hover-stroke-color: #005D6A;
  --header-menu-burger-icon-color: #000000;
  --header-menu-item-highlight-backgound-color: none;

  /*Employee Header*/
  --employee-header-background-color: #ffffff;
  --employee-header-bottom-border: none;
  --employee-header-icon-color: #676767;
  /*Header Icons*/
  /*Pin Icon*/
  --employee-header-pin-icon-color: #676767;
  --employee-header-pin-activated-icon-color: #007F91;
  --employee-header-pin-icon-hover-background-color: rgba(0, 127, 145, 0.1);
  --employee-header-pin-icon-hover-color: #005D6A;
  --employee-header-pin-size: 1rem;
  /*Close Icon*/
  --employee-header-close-icon-color: #676767;
  --employee-header-close-icon-hover-background-color: rgba(0, 127, 145, 0.1);
  --employee-header-close-icon-hover-color: #005D6A;
  /*BreadCrumb*/
  --employee-header-breadcrumb-text-color: #007F91;
  --employee-header-breadcrumb-text-font-weight: bold;
  /*First Container*/
  --employee-header-name-text-color: #000000;
  --employee-header-job-class-text-color: #000000;
  --employee-header-info-detail-text-color: #4D4D4D;
  /*Dividors*/
  --employee-header-divider-color: #D5D5D5;
  /*Manager*/
  --manager-subtext-color: #4D4D4D;
  --employee-header-unfilled-avatar-border: dashed 1px #676767;
  --employee-header-avatar-border-hover: solid 1px #005D6A;
  /*Employee Profile*/
  --employee-profile-padding: 12px;
  --employee-profile-border: solid 1px #007F91;
  --employee-profile-border-radius: 50%;

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

  /*Menu Wrapper*/
  --menu-wrapper-background-color: #FFFFFF;
  --menu-wrapper-border-bottom: 1px solid #D5D5D5;
  --menu-wrapper-active-title-color: #000000;
  --menu-wrapper-active-border: 3px solid #007F91;
  --menu-wrapper-hover-panel: rgba(0, 127, 145, 0.1);
  --menu-wrapper-font-weight-hover: 400;
  /* Dashboard Colors */
  --background-dashboard-container: #FFFFFF;
  --dropdown-item-highlight: #000000;
  --dropdown-item-color: #000000;
  --dropdown-font-weight-highlight: 700;
  --dropdown-font-weight: 600;
  --dropdown-label-font-size: 12px;
  --dropdown-open-background-color: none;
  --dropdown-open-text-color: #005d6a;
  --dropdown-open-border-bottom: #005d6a 1px solid;
  --dropdown-open-inputtext-color: #005d6a;
  --dropdown-open-trigger-icon-color: #005d6a;
  --dropdown-trigger-icon-color: #676767;
  --dropdown-label-color: #676767;
  --dropdown-trigger-icon-width: 6.67px;
  --dropdown-trigger-icon-height: 5px;

  /* Container Colors */
  --containers-headers-background: #FFFFFF;
  --container-grid-background: #FFFFFF;
  --container-custom-background: #ffffff;
  --container-filter-background: rgba(0, 127, 145, 0.1);
  --html-background-color: #FFFFFF;
  --container-selected-employees-background: transparent;
  --container-filter-border: 1px solid transparent;

  /*Employee Summary*/
  --employee-summary-background-color: #FFFFFF;
  /*Widgets Container*/
  --container-widgets-border: #D5D5D5;
  --container-widgets-background: #FFFFFF;
  --container-widgets-box-shadow: none;
  /*PayCheck*/
  --view-button-color: #007F91;
  --view-button-color-hover: #005D6A;
  --view-button-underline-hover: underline;
  --paycheck-border-color: var(--container-widgets-border);
  /*Table*/
  /*Table Header*/
  --table-header-background: #F8F8F8;
  --nested-table-header-border-color: #676767;
  --nested-table-generic-border: 1px solid #676767;
  --nested-table-generic-border-right: none;
  --table-header-text-color: #000000;
  /*Spaces*/
  --table-header-padding: 5px 5px 5px 5px;
  --table-header-text-align: center;
  --table-header-text-align-left: left;
  --table-header-text-align-right: right;
  --table-header-align-items: center;
  /*Borders*/
  --table-header-other-border: solid 1px #676767;
  --table-header-bottom-border: solid 1px #676767;
  /*Table Body*/
  /*Spaces*/
  --table-body-padding: 5px 5px 5px 5px;
  --table-body-text-align: center;
  --table-body-text-align-left: left;
  --table-body-text-align-right: right;
  --table-body-align-items: center;
  /*Borders*/
  --table-body-inner-bottom-border: solid 1px #D5D5D5;
  --table-body-outter-bottom-border: solid 1px #676767;
  --table-body-inner-border: solid 0px #D5D5D5;
  --table-body-outter-border: solid 1px #676767;
  /*Buttons*/
  --table-body-button-margin-left: 0;

  /* Tables */
  --table-row-background-color: #FFFFFF;
  --table-selected-border-left: 1px solid #007F91;
  --table-selected-background-color: rgba(0, 127, 145, 0.1);
  --table-row-hover-background-color: rgba(0, 127, 145, 0.1);
  --table-scroll-lazy-row-background-color: rgba(0, 127, 145, 0.1);
  --table-expand-chevron-color: #007F91;
  --table-expanded-background-color: none;
  --table-nested-header-row-background-color: #F8F8F8;
  --table-nested-header-row-hover-background-color: #F8F8F8;
  --nested-expanded-chevron-color: var(--dropdown-caret-color);
  --nested-table-scroll-subtable-outter-row-border: 1px solid #676767;
  --nested-table-scroll-subtable-outter-row-border-right: none;
  --nested-table-scroll-subtable-inner-row-border: 1px solid #D5D5D5;
  --nested-table-scroll-subtable-inner-row-border-right: none;
  --nested-table-scroll-subtable-color: #000000;
  --nested-table-toggle-background-color: rgba(0, 127, 145, 0.1);
  --nested-table-inner-border-color: #D5D5D5;
  --nested-table-inner-border: 1px solid var(--nested-table-inner-border-color);
  --nested-table-outter-border-color: #676767;
  --nested-table-outter-border: 1px solid var(--nested-table-outter-border-color);
  --nested-data-table-expanded-row-background-color: #F8F8F8;
  --nested-table-scroll-expanded-row-background-color: rgba(0, 127, 145, 0.1);
  --nested-data-table-background-color: #FFFFFF;
  --nested-data-table-row-hover-background-color: #F8F8F8;
  --table-scroll-lazy-nested-table-row-background-color: #FFFFFF;
  --table-scroll-lazy-nested-table-background: white;
  --table-scroll-lazy-nested-table-row-border: 1px solid #676767;
  --table-scroll-lazy-nested-table-row-border-right: none;
  --table-scroll-lazy-subtext-color: #000000;

  --data-table-scroll-subtext-color: #000000;
  --data-table-scroll-selected-color: #007F91;

  --data-table-scroll-lazy-link-color: #007F91;
  --data-table-scroll-lazy-link-hover-color: #005D6A;
  --data-table-scroll-lazy-link-text-decoration: underline;

  --nested-table-inner-border-color-right: none;

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

  --table-text-color: #000000;

  --tree-view-disabled-background-color: #FFFFFF;
  --tree-sctructure-expanded-caret-color: #007F91;
  --tree-sctructure-expanded-caret-hover-color: #005D6A;

  --panel-grid-label-color: #000000;
  --panel-grid-label-dates-color: #4D4D4D;

  /* employee page search table */
  --employee-page-search-table-employee-code: #000000;
  --employee-page-search-table-table-outter-border: #676767;
  --employee-page-search-table-table-inner-border: #D5D5D5;
  --employee-page-search-table-header-title: #4D4D4D;
  /*data-table component*/
  --data-table-hyperlink-color: #007F91;
  --data-table-hyperlink-hover-color: #005D6A;
  --data-table-hyperlink-hover-text-decoration: underline;
  --button-more-icon-fill-hover-color: #005D6A;
  /*role assigned policies page*/
  --role-assigned-policies-search-table-sub-text: #4D4D4D;
  --role-assigned-policies-search-table-close-color: #007F91;
  --role-assigned-policies-search-table-close-hover-color: #005D6A;
  /*role assigned policies search table*/
  --role-assigned-policies-search-table-border: 1px solid #D5D5D5;
  --role-assigned-policies-search-table-arrow-color: #007F91;
  --role-assigned-policies-search-table-arrow-hover-color: #005D6A;

  /*Job History*/
  --job-history-title-color: #007F91;
  --job-history-subtext: #4D4D4D;
  /*Job History Stepper*/
  --stepper-connector-color: #D8D8D8;
  --stepper-checkpoints-color: #D5D5D5;
  --stepper-previous-job-checkpoints-color: #FFFFFF;
  /*Divider Color*/
  --divider-color: #D5D5D5;
  /*Benefit Plan*/
  --benefit-plan-title-color: #007F91;
  /*Skills*/
  --skills-text-color: #000000;
  --skills-border-color: #D5D5D5;
  /*Credentials*/
  --credentials-title-color: #007F91;
  --credentials-expiry-color: #C70519;
  --credentials-issue-date-color: #4D4D4D;
  /*Caret*/
  --caret-hover-color: #005D6A;
  --dropdown-caret-color: #007F91;
  --menu-caret-color: #000000;
  --primary-button-caret-color: #FFFFFF;
  --table-row-caret-color: var(--dropdown-caret-color);
  --table-header-filter-arrow-color: var(--dropdown-caret-color);
  --table-header-filter-arrow-hover-color: var(--caret-hover-color);
  --table-row-caret-hover-color: var(--caret-hover-color);
  --menu-caret-hover-color: var(--caret-hover-color);


  /*Organization Chart*/
  /*Tile*/
  --org-chart-name-text-color: #000000;
  --org-chart-background-color: #FFFFFF;
  --org-chart-hover-background-color: white;
  --org-chart-content-text-color: #000000;
  --org-chart-border: 1px solid #D5D5D5;
  --org-chart-border-left: 5px solid #007F91;
  --org-chart-selected-border: 3px solid #007F91;
  /*Unavailable Tile*/
  --org-chart-unavailable-border-left: 5px solid #FFC627;
  --question-mark-color: #676767;
  /*Position Not Filled Tile*/
  /*Avatar*/
  --org-chart-avatar-border: 1px solid #007F91;
  --org-chart-unavailable-avatar-border: dashed 3px #676767;
  --org-chart-avatar-background-color: #D5D5D5;
  --org-chart-avatar-dimensions: 24px;
  --org-chart-avatar-padding: 12px;
  /*Borders & Arrows*/
  --org-chart-arrow-border: 1px solid #D5D5D5;
  --org-chart-up-arrow-border: 16px solid #D5D5D5;
  --org-chart-up-arrow-hover-border: 16px solid #005D6A;
  --org-chart-arrow-color: #D5D5D5;
  /*Toggler Box*/
  --org-chart-toggler-background-color: #FFFFFF;
  --org-chart-toggler-border: 1px solid #D5D5D5;
  --org-chart-toggler-border-radius: 30px;
  --org-chart-toggler-caret-icon-color: #007F91;
  --org-chart-toggler-number-color: #007F91;
  --org-chart-toggler-sitemap-icon-color: #007F91;
  /*Dr-Manager-Toggle Box*/
  --dr-manager-toggle-background: #FFFFFF;
  --dr-manager-toggle-border-radius: 30px;
  /*View Manager*/
  --org-chart-view-manager-background-color: #FFFFFF;
  --org-chart-view-manager-hover-background-color: rgba(0, 127, 145, 0.1);
  --org-chart-view-manager-hover-border-color: 1px solid #005D6A;
  --org-chart-view-manager-hover-text-color: #005D6A;
  --org-chart-view-manager-color: #007F91;
  --org-chart-view-manager-border: 1px solid #D5D5D5;
  --org-chart-view-manager-border-radius: 30px;

  --more-actions-data-dell-border-color: #007F91;
  --more-actions-data-dell-color: #007F91;
  --more-actions-data-dell-border-hover-color: #005D6A;
  --more-actions-data-dell-hover-color: #005D6A;

  /* Search Box */
  --search-box-gap: 10px;
  --search-container-background-color: #ffff0000;
  --button-tool-wrench-icon: none;
  --button-export-icon-display: none;
  /*Scroll Bar*/
  --scroll-bar-color: #6C6C6C;
  --scroll-bar-track: #E4E4E4;
  /*Right Corner Arrow*/
  --right-corner-arrow-color: #676767;
  --right-corner-arrow-hover-color: #005D6A;
  --right-corner-arrow-hover-background-color: rgba(0, 127, 145, 0.1);
  /*Primary & Secondary Tags*/
  --primary-tag-background-color: #FFC627;
  --primary-tag-text-color: #000000;
  --secondary-tag-background-color: #FFFFFF;
  --secondary-tag-text-color: #000000;
  --secondary-tag-border: 1.5px solid #FFC627;

  /* Message Toast Colors */
  --message-text-color: #FFFFFF;
  /*Success*/
  --background-success-color: #0DA059;
  /*Warning*/
  --background-warning-color: #FFC627;
  --message-warning-text-color: #000000;
  /*Fail*/
  --background-fail-color: #C70519;

  /* Message Callout Colors */
  --message-callout-text-color: #000000;
  /*Fail*/
  --background-callout-fail-color: rgba(199, 5, 25, 0.1);
  --fail-icon-color: #C70519;
  /*Upload Picture Fail*/
  --upload-picture-fail-background-color: var(--background-callout-fail-color);
  --upload-picture-fail-icon-color: var(--fail-icon-color);
  /*Benefit Enrollment*/
  --benefit-enrollment-fail-background-color: var(--background-callout-fail-color);
  --benefit-enrollment-fail-border-color: var(--fail-icon-color);
  --benefit-enrollment-fail-icon-color: var(--fail-icon-color);
  --benefit-enrollment-fail-text-color: var(--message-callout-text-color);
  /*Success*/
  --background-callout-success-color: rgba(13, 160, 89, 0.1);
  --success-icon-color: #0DA059;
  /*Warning*/
  --background-callout-warning-color: rgba(245, 166, 8, 0.1);
  --warning-icon-color: #7C5F17;
  /*ReportTo Warning*/
  --reportto-warning-background-color: var(--background-callout-warning-color);
  --reportto-warning-border-color: var(--warning-icon-color);
  --reportto-warning-icon-color: var(--warning-icon-color);
  --reportto-warning-text-color: var(--message-callout-text-color);
  /*Revise Modal Warning*/
  --overwrite-data-color: #C70519;
  --warning-text-color: #000000;
  /*Default*/
  --background-callout-default-color: #F8F8F8;
  --border-callout-default: none;
  --default-icon-color: #000000;
  /*Year End Warning*/
  --year-end-warning-color: var(--message-callout-text-color);
  --year-end-warning-background-color: var(--background-callout-default-color);
  --year-end-warning-border: 5px var(--border-callout-default) #62787F;
  /*Interface Scheduling*/
  --interface-scheduling-default-background-color: var(--background-callout-default-color);
  --interface-scheduling-default-icon-color: var(--default-icon-color);
  --interface-scheduling-default-text-color: var(--message-callout-text-color);
  /*File Generation Progress Bar*/
  --file-generation-progress-bar-background-color: var(--background-callout-default-color);
  --file-generation-progress-bar-border-color: transparent;

  /*Status Bar*/
  /*Created*/
  --created-color: #FFFFFF;
  --created-background-color: #0DA059;
  /*Success*/
  --success-color: #FFFFFF;
  --success-background-color: #0DA059;
  /*Error*/
  --error-color: #FFFFFF;
  --error-background-color: #C70519;
  /*Processing*/
  --processing-color: #FFFFFF;
  --processing-background-color: #1797D7;
  /*Download*/
  --download-color: #FFFFFF;
  --download-background-color: #0DA059;
  /*Upload*/
  --upload-color: #FFFFFF;
  --upload-background-color: #0DA059;
  /*Initializing*/
  --initializing-color: #FFFFFF;
  --initializing-background-color: #1797D7;

  /*Padding*/
  --status-bar-padding: 2.5px 8px 2.5px 7px;
  --success-status-bar-padding: var(--status-bar-padding);
  /*View Button*/
  --view-button-color: #007F91;
  --view-button-color-hover: #005D6A;
  /*Action Button*/
  --action-button-background-color: #FFFFFF;
  --action-button-text-color: #007F91;
  /*Hover*/
  --action-button-hover-background-color: rgba(0, 127, 145, 0.1);
  --action-button-hover-text-color: #005D6A;
  --action-button-hover-box-shadow: none;
  /*Focus*/
  --action-button-focus-box-shadow: none;
  /*Action Button DropDown*/
  --action-button-dropdown-background-color: #FFFFFF;
  --action-button-dropdown-options-hover-background-color: #F8F8F8;
  --action-button-dropdown-options-hover-border-color: solid 0px #FFFFFF;
  /*to be deleted*/
  --action-button-dropdown-options-hover-text-color: #000000;
  --action-button-dropdown-options-delete-hover-text-color: #C70519;
  --action-button-dropdown-options-delete-text-color: #C70519;
  --action-button-dropdown-options-text-color: #000000;
  --action-button-dropdown-icon-display: none;
  --action-button-dropdown-header-color: #676767;
  --action-button-dropdown-header-background: #F4F4F4;
  /*Download & Expired*/
  /*Download*/
  --action-download-color: #007F91;
  --action-download-hover-color: #005D6A;
  /*Expired*/
  --action-expired-color: #C70519;

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

  /* Sidenav Colors */
  --sidenav-header-color: #ffffff;
  --sidenav-header-box-shadow: none;
  --sidenav-header-email-color: #4D4D4D;
  --sidenav-text-header-color: #000000;
  --sidenav-header-cross-icon-color: #000000;
  --sidenav-header-cross-icon-hover-color: #005D6A;
  --sidenav-header-cross-icon-hover-background-color: #007F911A;
  --sidenav-link-color: #007F91;
  --sidenav-link-hover-background-color: none;
  --sidenav-link-hover-color: #005D6A;
  --sidenav-link-active-color: #007F91;
  --sidenav-link-active-backgorund-color: #007F911A;
  --sidenav-link-hover-text-decoration-color: #005D6A;

  /* Main Text Colors */
  --body-text-color: #000000;
  --sub-text-color: #4D4D4D;
  --link-text-color: #007F91;
  --link-hover-text-color: #005D6A;
  --link-hover-text-decoration: underline;
  --link-list-text-color: #007F91;
  --link-list-hover-text-color: #005D6A;
  --link-hover-text-decoration: underline;
  --link-hover-text-decoration: underline;
  --fg-label-color: #000000;
  --fg-title-color: var(--body-text-color);
  --ds-lbl-color: var(--body-text-color);
  --header-label-color: var(--body-text-color);
  --label-text-color: #000000;
  --no-data-color: #000000;
  --data-color: #000000;

  /* ===================== SIZES ===================== */
  --header-padding-left: 24px;
  --header-height: 56px;
  --header-title-font-size: 18px;
  --header-title-padding-top: 7px;
  --header-log-padding-right: 20px;
  --header-log-padding-right: 24px;
  --icon-size: 20px;
  --sidenav-header-cross-icon-size: none;
  --sidenav-header-cross-icon-size: 18px;
  --sidnav-content-line-height: 40px;
  --sidenav-container-sign-out-button-margin: 5px;
  --sidenav-sign-out-button-padding-left: 0px;
  --sidenav-link-border-radius: 4px !important;
  --side-bar-line-width: 260px;

  /* ===================== BORDERS ===================== */
  --header-border-bottom: 1px solid #F0F0F0;
  --header-title-devider: 1px solid #F0F0F0;
  --header-menu-item-highlight-border: 3px solid #007F91;
  --header-menu-item-devider: none;
  --header-burger-devider: 1px solid #F0F0F0;
  --header-user-devider: 1px solid #F0F0F0;
  --border-left-callout-fail-color: solid 4px #C70519;
  --border-left-callout-success-color: solid 4px #0DA059;
  --sidenav-container-border-top: none;
  --side-bar-line-border-top: 1px solid #D5D5D5;
  --side-bar-line-border-display: block;

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

  /* ===================== MARGINS & PADDINGS ===================== */
  --sidnav-content-padding-left: 20px !important;
  --sidnav-content-padding-right: 20px !important;
  --header-user-margin-left: 8px;
  --header-user-margin-top: 2px;

  /* ===================== TEXT & TRANSFORM ===================== */
  --sidenav-header-title-text-transform: none;
  --sidnav-content-line-height: 40px;
  --sidenav-container-sign-out-button-hover-decoration: none !important;
  --sidenav-link-hover-text-decoration: underline;
  --sidenav-link-hover-text-decoration-color: #005D6A;
  --sidenav-link-active-color: #007F91;
  --sidenav-link-active-backgorund-color: #007F911A;

  /* Footer */
  --footer-text-color: #676767;
  --footer-link-color: #676767;
  --footer-background-color: #F8F8F8;

  /* Inputs */
  --general-focus-box-shadow: none;
  --dropdown-panel-box-shadow: none;
  --general-focus-border-color: #007F91;

  --text-input-error-border: solid 1px #C70519;
  --text-input-label-error-color: #C70519;
  --text-input-unselected-border-color: #D5D5D5;
  --text-input-text-color: #000000;

  --dropdown-selected-item-color: #F8F8F8;
  --dropdown-selected-item-text-color: #000000;
  --dropdown-hover-item-color: #F8F8F8;
  --dropdown-selected-item-font-weight: bold;
  --dropdown-border: 1px solid #D5D5D5;
  --dropdown-chevron-color: var(--dropdown-caret-color);
  --dropdown-default-text-color: #000000;
  --dropdown-hover-border-color: #D5D5D5;
  --dropdown-placeholder-color: #000000;
  --dropdown-items-wrapper-margin-right: 0px;

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

  --scrollbar-thumb-color: #6C6C6C;
  --scrollbar-track-color: #E4E4E4;
  --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='%236C6C6C' 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='%236C6C6C' rx='2' ry='2'/></svg>") no-repeat center;

  --multiselect-border: 1px solid #D5D5D5;
  --multiselect-selected-text-color: #000000;
  --multiselect-selected-background: #F8F8F8;
  --multiselect-placeholder-color: #000000;
  --multiselect-hover-border-color: #D5D5D5;

  --autocomplete-box-shadow: none;
  --autocomplete-multiple-text-color: #000000;
  --autocomplete-multiple-selected-border: #007F91;
  --autocomplete-hover-border-color: #D5D5D5;

  --input-icon-color: #007F91;
  --input-icon-hover-color: #005D6A;
  --input-hover-border-color: #D5D5D5;
  --multiselect-icon-color: #007F91;

  --dashboard-expand-arrow-color: #007F91;
  --dashboard-expand-arrow-hover-color: #005D6A;
  --panel-expand-arrow-color: var(--dashboard-expand-arrow-color);
  --panel-expand-arrow-hover-color: var(--dashboard-expand-arrow-hover-color);

  /* ===================== Buttons ===================== */
  --button-border-color: #207D9D;
  --button-border-radius: 30px;
  --button-font-weight: 600;
  --button-focus-box-shadow: none;
  --button-more-icon-fill-color: #007F91;
  --button-border: 0px solid red;

  /* Primary */
  --button-primary-background-color: #007F91;
  --button-primary-text-color: #FFFFFF;
  --button-primary-border: none;
  --button-primary-hover-background-color: #005D6A;
  /* Disabled */
  --button-primary-disabled-background-color: #007F917F;
  --button-primary-disabled-hover-background-color: #007F917F;
  /* Active */
  --button-primary-active-outline: none;
  --button-primary-active-background-color: #005D6A;
  --button-primary-active-outline-offset: 1px;
  --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: transparent;
  --button-secondary-border-color: #007F91;
  --button-secondary-text-color: #007F91;
  --button-secondary-hover-background-color: #007F911A;
  --button-secondary-border: 1px solid #007F91;
  --button-secondary-hover-text-color: #005D6A;

  /*Tools Button*/
  --button-tools-hover-background-color: var(--button-secondary-hover-background-color);

  /* Disabled */
  --button-secondary-disabled-background-color: #FFFFFF;
  --button-secondary-disabled-text-color: #007F9180;

  --button-secondary-disabled-hover-background-color: #ffffff;
  --button-secondary-disabled-hover-color: #007F9180;
  --button-secondary-disabled-hover-border-color: #007F9180;

  --button-secondary-disabled-border-color: #007F9180;
  --button-secondary-disabled-border: 1px solid #007F9180;

  /* Active */
  --button-secondary-active-outline: none;
  --button-secondary-active-outline-offset: 0px;
  --button-secondary-active-color: #005D6A;
  --button-secondary-acitve-background: #007F911A;
  --button-secondary-active-border: 2px solid transparent;
  --button-secondary-active-border-shadow: 0 0 0 2px inset;

  /* Tertiary */
  --button-tertiary-background-color: transparent;
  --button-tertiary-color: #007F91;
  --button-tertiary-border: none;
  --button-tertiary-hover-color: #005D6A;
  --button-tertiary-hover-text-decoration: underline;
  --button-tertiary-hover-background-color: transparent;
  /* Disabled */
  --button-tertiary-disabled-color: #007F9180;
  --button-tertiary-disabled-border-color: #B1B4B6;
  --button-tertiary-disabled-hover-border-color: #9F9FA1;
  --button-tertiary-disabled-hover-color: #007F9180;
  --button-tertiary-disabled-hover-text-decoration: none;
  /* Active */
  --button-tertiary-active-outline: none;
  --button-tertiary-active-outline-offset: none;
  --button-tertiary-active-color: #005D6A;
  --button-tertiary-acitve-background: transparent;
  --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: var(--button-tertiary-color);
  --button-link-background-color: none;
  --link-hover-border: none;

  --fg-label-title-color: var(--body-text-color);
  --container-title-color: var(--body-text-color);
  --count-span: var(--body-text-color);
  --order-list-highlight-color: var(--body-text-color);

  /* Search Bar */
  --searchbar-background-color: #ffffff;
  --searchbar-default-border-color: #d5d5d5;
  --searchbar-default-text-color: #000000;
  --searchbar-selected-text-color: #000000;
  --searchbar-selected-border-color: #007f91;
  --searchbar-search-icon-color: #007f91;
  --searchbar-search-icon-hover-color: #005d6a;
  --searchbar-hover-border-color: #007f91;

  --searchbar-clear-icon-color: #007f91;
  --searchbar-clear-icon-hover-color: #005d6a;

  --searchbar-selected-box-shadow: none;
  --searchbar-box-shadow: none;
  --searchbar-icon-font-weight: normal;
  --searchbar-wrench-icon-desplay: inline-block;
  --searchbar-border-radius: 5px;

  --home-page-searchbar-box-shadow: none;
  --home-page-searchbar-default-border-color: #D5D5D5;
  --home-page-ssn-label-color: var(--sub-text-color);

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

  --button-search-icon-color: #ffffff;
  --button-search-hover-icon-color: #ffffff;

  /*List-pickers*/
  --list-picker-icon-right: 0px;
  --list-picker-icon-left: 0px;
  --list-picker-float: none;
  --list-picker-position: relative;
  --list-picker-top: 4px;
  --list-picker-float-right: none;
  --list-picker-float-left: none;
  --list-picker-button-block-padding-left: 50px;
  --list-picker-button-block-margin-top: 60px;
  --list-picker-icon-width: 24px;
  --list-picker-border-color: #D5D5D5;
  --list-picker-selected-active-background-color: #F8F8F8;
  --list-picker-active-item-font-weight: 700;
  --list-picker-highlight-color: var(--searchbar-search-icon-color);
  --list-picker-icon-color: var(--searchbar-search-icon-color);
  --list-picker-icon-hover-color: var(--searchbar-search-icon-hover-color);
  --list-picker-footer-background-color: #f8f8f8;
  --list-picker-select-text-color: #000000 !important;

  --personal-information-fg-margin-right: 0px;
  --personal-information-fg-margin-left: 0px;
  --personal-information-col-padding-left: 0px;
  --preonal-information-width: 100%;
  --personal-information-display: flex;
  --personal-information-error-label: 0px;
  --labor-dist-error-label: 0px;
  --grid-layout-personal-information-margin-left: 0px;
  --labor-dist-base-rate-width: 100%;
  --labor-dist-base-rate-margin-left: -15px;
  --labor-dist-ratio-width: 100%;
  --labor-dist-pay-reason-margin-left: 5px;
  --labor-dist-error-padding-left: 30px;

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

  /*Forms error and warning labels*/
  --error-label-padding-left: 0px;
  --warning-label-padding-left: 0px;
  --personal-information-fg-margin-right: 0px;
  --personal-information-fg-margin-left: 0px;
  --personal-information-col-padding-left: 0px;
  --preonal-information-width: 100%;
  --personal-information-display: flex;
  --personal-information-error-label: 0px;
  --labor-dist-error-label: 0px;
  --grid-layout-personal-information-margin-left: 0px;
  --labor-dist-base-rate-width: 100%;
  --labor-dist-base-rate-margin-left: -15px;
  --labor-dist-ratio-width: 100%;
  --labor-dist-pay-reason-margin-left: 5px;

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

  /*Calendar Date Picker*/
  --data-picker-arrow-color: #005D6A;
  /* Base Colors */
  --calendar-primary: #007F91;
  --calendar-primary-dark: #005D6A;
  
  --calendar-primary-alpha: rgba(0, 127, 145, 0.1);

  --calendar-white: #ffffff;
  --calendar-black: #000000;
  --calendar-gray: #e0e0e0;
  --calendar-gray-dark: #333333;
  --calendar-gray-light: #cccccc;

  /* Text Colors */
  --calendar-text: var(--calendar-black);
  --calendar-text-muted: rgba(0, 0, 0, 0.2);

  /* Background Colors */
  --calendar-bg: var(--calendar-white);
  --calendar-bg-hover: var(--calendar-gray);
  --calendar-bg-primary: var(--calendar-primary-alpha);

  /* Border Colors */
  --calendar-border: var(--calendar-gray);
  --calendar-border-primary: var(--calendar-primary);

  /* Shadow */
  --calendar-shadow-light: rgba(0, 0, 0, 0.1);
  --calendar-shadow-dark: rgba(0, 0, 0, 0.15);
  --calendar-focus-shadow: rgba(0, 127, 145, 0.2);
  --calendar-border-focus: rgba(0, 127, 145, 0.3);
}