:root{
    /*Header*/
    --header-background: #ffffff;
    --header-title: #000000;
    --header-border: #F0F0F0;
    --header-text:#000000;
    /*Header Dimensions*/
    --header-border-line-height: 60px; /* Height for border line */
    --header-height: 60px;
    --header-margin-left: 72px;
    --header-padding-left: 20px;
    /*Search Bar*/
    --search-bar-background: #FFFFFF;
    --search-bar-border: #D5D5D5;
    --search-bar-color: #000000;
    --search-bar-placeholder-color: rgb(0,0,0,0.5);
    --search-bar-border-onFocus: #6ebac452;
    /*Notification Widget*/
    --notification-background: #ffffff;
    --notification-container-margin:25px;
    --notification-container-width: 18px;
    --notification-container-height: 20px;
    --notification-badge-size:8px;
    --notification-active-background:rgba(0, 127, 145, 0.1);
     --notification-badge-color:#007F91 ;
    /*Sign out Button*/
    --signout-text:#000000;
    --signout-border:solid 1px var(--header-border);
    /*Footer*/
    --footer-background: #FFFFFF;
    --footer-text-color: #000000;
    --footer-border: #F0F0F0;
    --footer-display: flex;

    /*Navigation Panel*/
    --navigation-background:#FFFFFF;
    --navigation-text-color:rgba(0, 0, 0, 0.8);
    --navigation-text-decoration: underline;
    --navigation-border:#F0F0F0;
    --navigation-active-all-children-panel:rgba(0, 127, 145, 0.1);
    --navigation-active-panel:transparent; /*rebranding to be removed and remove related background in navigation.scss*/
    --navigation-active-home:rgba(0, 127, 145, 0.1);;/*rebranding to be remove and replace by all children active*/
    --navigation-active-panel-title:#000000; 
    --navigation-panel-hover:rgba(0, 127, 145, 0.1);
    --navigation-sub-panel-hover:inherit;
    --navigation-panel-text-hover:#005D6A;
    --mat-expansion-header-hover-state-layer-color: rgba(0, 127, 145, 0.1); /*Override material menu element hover color*/
            /*Navigation New Disposition*/
            --navigation-flex-direction: row-reverse;
            --navigation-justify-content: space-between;
            /*Home Tab*/
            --navigation-home-icon: none;
            --navigation-home-margin: 15px;
    /*Carets*/
    --caret-color:#007F91;
    --caret-hover-color:#005D6A;
        /*DropDowns Carets*/
        --dropdown-caret-color:var(--caret-color);
        --dropdown-caret-hover-color:var(--caret-hover-color);
    /*Icons*/
    --search-icon-color:#007F91;
    --clear-icon-color:#007F91;
        /*Close Icon*/
        --close-icon-color: inherit;
        --close-icon-hover-color:rgba(0, 0, 0, 0.6);
    /*Links*/
    --link-color:#007F91;
    --link-color-hover: #005D6A;
    --link-text-decoration: underline;
    --link-org-chart-color: var(--link-color-hover);
    /*Text Color*/
    --main-text-color: #000000;
    --subtext-color: #4D4D4D;
    --welcome-message-color:#000000;
    --count-color:#000000;
    --no-record-message-color:#4D4D4D;
    /*Benefit*/
    --remaining-days-color:#000000;
    --remaining-days-margin:15px;
    --remaining-days-size:1.2rem;
    --label-font-weight:bold;
    /*Direct Deposits*/
    --note-direct-deposit-color:#000000;
     /*Tax Elections*/
     --tile-processing-unit-color:#000000;
      /*Org Chart*/
     --org-chart-content-color:#000000;
     --org-chart-border-color:#D5D5D5;
     --org-chart-arrows:#D5D5D5;
     --org-chart-expand-carrets:#007F91;
     --org-chart-tile-background:#FFFFFF;
     /*Org Chart Avatar*/
     --org-chart-avatar-border-radius: 50%;
     --org-chart-avatar-border: 1px solid #007F91;
     --org-chart-avatar-background-color: #D5D5D5;
     --team-widget-number-color: #007F91;
     --team-widget-number-background-color:#FFFFFF;
     /*Expand box*/
     --org-chart-box-focus:0 0 0 0 white;
     --org-chart-expand-box-border-radius: 30px;
     /*manager-dr-count-toggle*/
     --org-chart-manager-dr-count-toggle-border-color:#D5D5D5;
     --org-chart-manager-dr-count-toggle-content-color:#007F91;
     --org-chart-manager-dr-count-toggle-border-radius:30px;
     /*View Manager*/
     --org-chart-view-manager-border-color:#007F91;
     --org-chart-view-manager-content-color:#007F91;
     --org-chart-view-manager-border-radius:30px;
     --org-chart-view-manager-content-hover-color:#005D6A;
     --org-chart-view-manager-border-hover-color:#005D6A;
     --org-chart-view-manager-hover:rgba(0, 127, 145, 0.1);
    --org-chart-arrow-up-hover-color:#005D6A;
     /* Employees page */
     --employee-card-left-badge-color: #007F91;
     --employee-card-left-border-radius: 3px 0px 0px 3px;
     --employee-card-left-border-top:-1px;
     --employee-card-left-border-left:-1px;
     --employee-card-border-color: #D5D5D5;
     --mdc-icon-button-disabled-icon-color: rgba(0, 127, 145, 0.5);
     --mdc-icon-button-icon-color: #007F91;
     --subtitle1-color:#000000;
     --subtitle2-color:#000000;
     --subtitle-font-weight:400;
     --employee-card-box-shadow:none;
     /*Employee Avatar*/
     --employee-avatar-border-radius: 30px;
     --employee-avatar-border: solid 1px #007F91;
     --employee-avatar-background-color: #D5D5D5;
     --change-request-avatar-border:40px;
     /*Unavailable and Unfilled*/
     --unavailable-employee-card-left-badge-color: #FFC627 ;
     --question-mark-color: #676767;
     --unavailable-avatar-border:dashed 1px #676767;
     --unavailable-opacity:100%;
      /*Stepper*/
        /* Visited */
        --stepper-visited-color:#FFFFFF;
        --stepper-visited-background:#007f91;
        --stepper-visited-menu-background:#FFFFFF;
        --stepper-visited-border-color:#D5D5D5;
        /*Unselected*/
        --stepper-unselected-color:#005D6A;
        --stepper-unselected-background:rgba(0, 127, 145, 0.1);
        --stepper-unselected-menu-background:#FFFFFF;
        --stepper-unselected-border-color:#D5D5D5;
        /*Hover*/
        --stepper-hover-color:#005D6A;
        --stepper-hover-background:rgba(0, 127, 145, 0.1);
        --stepper-hover-menu-background:rgba(0, 127, 145, 0.1);
        --stepper-hover-border-color:#D5D5D5;
        /*Selected*/
        --stepper-selected-color:#FFFFFF;
        --stepper-selected-background:#007F91;
        --stepper-selected-menu-background:rgba(0, 127, 145, 0.1);
        --stepper-selected-border-color:#D5D5D5;
        /*Error*/
        --stepper-error-icon-color:#C70519;
        --stepper-error-text-color:#FFFFFF;
        --stepper-error-background:#C70519;
    /*BackGround*/
    --primary-background:#F8F8F8;
    --content-text-box-background: #FFFFFF;
    --org-chart-tile-background: #FFFFFF;

    /*Buttons*/
    --button-primary-background: #007F91;
    --button-primary-background-on-hover: #005D6A;
    --button-primary-color: #FFFFFF;
    --button-secondary-background: #FFFFFF;
    --button-secondary-background-on-hover: #007F91;
    --button-secondary-background-on-hover-rgb: 0, 127, 145; /*rgb representation of #007F91, should be used without rgb() method*/
    --button-secondary-color: #007F91;
    --button-secondary-border: #007F91;
    --button-tertiary-color: #007F91;
    --button-tertiary-color-on-hover: #005D6A;
    --button-tertiary-opacity-on-hover: 1;
    --button-tertiary-text-decoration: underline;
    --button-tertiary-disabled-opacity: 0.5;
    --button-tertiary-font-weight: 600;
    /*Inputs*/
    /* --material-input-display: none; */
    --input-accepted-state: #007F91;
    --mdc-filled-text-field-focus-label-text-color: #007F91; /* input accepted state */
    --mdc-filled-text-field-focus-active-indicator-color: #007F91; /* input accepted state bottom line*/
    --mat-select-invalid-arrow-color: #C70519;
    --mdc-filled-text-field-error-active-indicator-color: #C70519;
    --mdc-filled-text-field-error-focus-active-indicator-color: #C70519;
    --mdc-filled-text-field-error-hover-active-indicator-color: #C70519;
    --mdc-filled-text-field-error-focus-label-text-color: #C70519;
    --mdc-filled-text-field-error-label-text-color: #C70519;
    --mat-form-field-error-text-color: #C70519;
    --mdc-filled-text-field-error-hover-label-text-color: #C70519;
    --mat-select-focused-arrow-color: #007F91;
    --mat-selected-check-color: #007F91;
    --mat-option-selected-state-layer-color: #F8F8F8;
    --mat-select-enabled-trigger-text-color: #000000;
    --mat-option-selected-state-label-text-color: #000000;
    --dropdown-selected-checkmark-color: #007F91;
    --mat-input-label-color:#000000;
    --requests-mat-input-label-color:var(--mat-input-label-color);
    --requests-mat-input-error:var(--mat-form-field-error-text-color);
    --requests-mat-input-label-error:var(--mat-form-field-error-text-color);
    --mat-input-color:#000000;
    /*Disabled Input*/
    --input-disabled-color:rgba(0,0,0,0.5);
    --input-disabled-border-color:#D5D5D5;

    /*Address Close Icon*/
    --address-close-icon-hover-opacity: 1;
    --address-close-icon-color: #676767;
    --address-close-icon-hover-color: #005D6A;
    --address-close-icon-hover-background-color: rgba(0, 127, 145, 0.1);

    /*Calendar*/
    --mat-datepicker-toggle-active-state-icon-color: #007F91;
    --mat-datepicker-toggle-icon-color: #007F91;
    --mat-datepicker-calendar-date-selected-state-background-color: #007F91;
    --mat-datepicker-calendar-date-selected-state-text-color: #FFFFFF;
    --mat-icon-button-hover-state-layer-opacity: 0.1;
    --mat-icon-button-state-layer-color: #007F91;
    --mat-icon-button-hover-color: #005D6A;
    --mat-datepicker-calendar-period-button-icon-color: #007F91;
    --mat-datepicker-calendar-period-left-right-arrow: #007F91;
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 127, 145, 0.1);
    --mat-datepicker-calendar-date-hover-state-color: #000000;
    --mat-datepicker-calendar-current-date-border-styling: dashed;
    --mat-datepicker-calendar-date-today-outline-color: #007F91;
    --mat-datepicker-calendar-date-text-color: #000000;
    --mat-datepicker-calendar-date-focus-state-background-color: white;

    /*Table*/
    --table-focus-border: #D5D5D5;
    --table-tr-hover: rgba(0, 127, 145, 0.1);
    --table-expanded-background: rgba(0, 127, 145, 0.1);
    --table-header-background: #F8F8F8;
    --table-child-header-background: #F8F8F8;
    --table-row-background: #FFFFFF;
    --table-border: 1px solid #676767;
    --table-border-bottom: none;
    --table-cell-border: 1px solid #D5D5D5;
    --table-box-shadow: 0 0 0 1px #676767;
    --table-no-records-box-shadow: 0 1px 0 0 #D5D5D5, -1px 0 0 0  #D5D5D5, 1px 0 0 0 #D5D5D5;
    --table-no-records-box-shadow-top: 0 -1px 0 0 #D5D5D5;
    --table-no-records-box-shadow-bottom: 0 1px 0 0 #D5D5D5;
    --table-no-records-text-color: #4D4D4D;
    --table-child-tr-hover: #E5F2F4;
    --box-shadow-none: none;
    --divider-color: #D5D5D5;
    --divider-outline: none;

    --no-records-attachments-bottom: solid 0px #D5D5D5;

    
    /*Toast Messages*/
      /*Success*/
      --toast-success-background: #0DA059;
      --toast-success-color: #FFFFFF;
      /*Info*/
      --toast-info-background: #676767;
      --toast-info-color: #FFFFFF;
      /*Warning*/
      --toast-warning-background: #FFC627;
      --toast-warning-color: #000000;
      /*Error*/
      --toast-error-background: #C70519;
      --toast-error-color: #FFFFFF;
    /*Warning Callout*/
    --callout-warning-background: rgba(245, 166, 8, 0.1);
    --callout-warning-border-color: #7C5F17; 

    
    /*Calendar Events*/
        /* Credentials */
        --credential-event-background:#E243011A;
        --credential-event-border:#E24301;
        /*Anniversaries*/
        --anniversary-event-background:#007F911A;
        --anniversary-event-border:#007F91;
        /*Birthdays*/
        --birthday-event-background:#BE7AD71A;
        --birthday-event-border:#BE7AD7;
        /*Reviews*/
        --review-event-background:#1797D71A;
        --review-event-border: #1797D7;
        /*Requests*/
        --request-event-background:#FFC6271A;
        --request-event-border:#FFC627;

    /*Requests Details*/
    --request-comments-border: solid 1px #D5D5D5;
    --request-no-record-found:var(--no-record-message-color);
}