:root{
    /*Header*/
    --header-background: #003b49;
    --header-title: #dce3e9;
    --header-border: #dce3e9;
    --header-border-left:0px;
     /*Header Dimensions*/
    --header-border-line-height: 16px; /* Height for border line */
    --header-height: 64px;
    --header-margin-left: 16px;
    --header-padding-left: 16px;
       /*Search Bar*/
    --search-bar-background: #295B66;
    --search-bar-border: #08313B;
    --search-bar-color: #E7ECED;
    --search-bar-placeholder-color: #96AEB4;
    --search-bar-border-onFocus:#08313B;
        /*Notification Widget*/
    --notification-background: #063844;
    --notification-container-margin:none;
    --notification-container-width: 40px;
    --notification-container-height: 40px;
     --notification-badge-size:7px;
    --notification-active-background:#002d37;
     --notification-badge-color:red;
    /*Sign out Button*/
    --signout-text:#dce3e9;
    --signout-border:none;
    /*Footer*/
    --footer-background: #003b49;
    --footer-text-color: #e6e6ec;
    --footer-border: #435865;
     /*rebranding to be deleted*/
        --footer-old-display: block; 
        --footer-new-display: none;
    /*Navigation Panel*/
    --navigation-background:#003b49;
    --navigation-text-color:#e6e6ec;
    --navigation-text-decoration: none;
    --navigation-border:#435865;
    --navigation-active-all-children-panel:transparent;
    --navigation-active-home:#136e85;
    --navigation-active-panel:#136e85;
    --navigation-panel-hover:#435865;
    --navigation-sub-panel-hover:#435865;
    --navigation-panel-text-hover:#FFFFFF;
    --navigation-active-panel-title:#f8f8fa; 
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); /*Material menu element hover color*/

            /*Navigation New Disposition*/
            --navigation-flex-direction:row;
            --navigation-justify-content:none;
            /*Home Tab*/
            --navigation-home-icon: inline-block;
            --navigation-home-margin: 44px;
    /*Carets*/
    --caret-color:#F8F8FA;
    --caret-hover-color:#F8F8FA;
        /*DropDowns Carets*/
        --dropdown-caret-color:rgba(0,0,0,0.54);
        --dropdown-caret-hover-color:rgba(0,0,0,0.54);
     /*Links*/
    --link-color:#1D9DBE;
    --link-color-hover: #005D6A;
    --link-text-decoration: none;
    --link-org-chart-color: var(--link-color);
    /*Text Color*/
    --main-text-color: #000000;
    --subtext-color: #ABABAB;
    --welcome-message-color:#4F545A;
    --count-color:#0000008a;
    --no-record-message-color:#000000;
    /*Benefit*/
    --remaining-days-color:#e8a736;
    --remaining-days-margin:5px;
    --remaining-days-size:1.8rem;
    --label-font-weight:normal;
    /*Direct Deposits*/
    --note-direct-deposit-color:#5da5da;
     /*Tax Elections*/
     --tile-processing-unit-color:#192632;
     /*Org Chart*/
     --org-chart-content-color:#4f545a;
     --org-chart-border-color:#d1d4d5;
     --org-chart-arrows:#c8c8c8;
     --org-chart-expand-carrets:#0091b3;
     --org-chart-tile-background:#f9fafa;
      /*manager-dr-count-toggle*/
     --org-chart-manager-dr-count-toggle-border-color:#d1d4d5;
     --org-chart-manager-dr-count-toggle-content-color:#0091b3;
     --org-chart-manager-dr-count-toggle-border-radius:3px;
     /*Org Chart Avatar*/
     --org-chart-avatar-border-radius: 50%;
     --org-chart-avatar-border: 2px solid #0091b3;
     --org-chart-avatar-background-color: #D5D5D5;
     --team-widget-number-color: #0091b3;
     --team-widget-number-background-color:whitesmoke;
      /*Employees page*/
     --employee-card-left-badge-color: #207D9D;
     --employee-card-left-border-radius: 3px;
     --employee-card-left-border-top:0px;
     --employee-card-left-border-left:0px;
     --employee-card-border-color: #dce3e9;
     --mdc-icon-button-disabled-icon-color: rgba(0, 127, 145, 0.5);
     --mdc-icon-button-icon-color: inherit;
     --subtitle1-color:rgba(0,0,0,0.54);
     --subtitle2-color:rgba(0,0,0,0.54);
     --subtitle-font-weight:600;
     --employee-card-box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
     /*Employee Avatar*/
     --employee-avatar-border-radius: 8px;
     --employee-avatar-border: none;
     --employee-avatar-background-color: #C0C0C0;
     --change-request-avatar-border:var(--employee-avatar-border-radius);
     /*Unavailable and Unfilled*/
     --unavailable-employee-card-left-badge-color: rgb(242, 199, 109);
     --question-mark-color: #4F545A;
     --unavailable-avatar-border:dashed 1px #4F545A;
     --unavailable-opacity:40%;
     /*Expand box*/
     --org-chart-expand-box-border-radius: 2px;
     --org-chart-box-focus:0 0 0 0.2rem #8dcdff;
     /*View Manager*/
     --org-chart-view-manager-border-color:#d1d4d5;
     --org-chart-view-manager-content-color:#0091b3;
     --org-chart-view-manager-border-radius:0px;
     --org-chart-view-manager-hover:#FFFFFF;
     --org-chart-view-manager-content-hover-color:#0091b3;
     --org-chart-view-manager-border-hover-color:#d1d4d5;
     --org-chart-arrow-up-hover-color:#207D9D;
    
     /*Stepper*/
        /* Visited */
        --stepper-visited-color:#FFFFFF;
        --stepper-visited-background:#6F7276;
        --stepper-visited-menu-background:#e6e6ec;
        --stepper-visited-border-color:#192632;
        /*Unselected*/
        --stepper-unselected-color:#000000;
        --stepper-unselected-background:#DCE3E9;
        --stepper-unselected-menu-background:#e6e6ec;
        --stepper-unselected-border-color:#B5C2CB;
        /*Hover*/
        --stepper-hover-color:#000000;
        --stepper-hover-background:#DCE3E9;
        --stepper-hover-menu-background:#E0F3F8;
        --stepper-hover-border-color:#B5C2CB;
        /*Selected*/
        --stepper-selected-color:#FFFFFF;
        --stepper-selected-background:#1D9DBE;
        --stepper-selected-menu-background:#FFFFFF;
        --stepper-selected-border-color:#136E85;
        /*Error*/
        --stepper-error-icon-color:#B6001A;
        --stepper-error-text-color:#FFFFFF;
        --stepper-error-background:#B6001A;
    /*Icons*/;
    --search-icon-color:#E7ECED;
    --clear-icon-color:#E7ECED;
      /*Close Icon*/
        --close-icon-color:#000000;
        --close-icon-hover-color:grey;
    /*Background*/
    --primary-background:#e6e6ec;
    --content-text-box-background: #FFFFFF;
    --org-chart-tile-background: #f9fafa;
    /*Buttons*/
    --button-primary-background: #1D9DBE;
    --button-primary-background-on-hover: #1D9DBE;
    --button-primary-color: #FFFFFF;
    --button-secondary-background: #435865;
    --button-secondary-background-on-hover: #435865;
    --button-secondary-background-on-hover-rgb: 0, 127, 145; /*rgb representation of #007F91, should be used without rgb() method*/
    --button-secondary-color: #FFFFFF;
    --button-secondary-border: #007F91;
    --button-tertiary-color: #1D9DBE;
    --button-tertiary-color-on-hover: #1D9DBE;
    --button-tertiary-opacity-on-hover: 0.6;
    --button-tertiary-text-decoration: none;
    --button-tertiary-disabled-opacity: 1;
    --button-tertiary-font-weight: 100;
    /*Inputs*/
    /* --material-input-display: block; */
    --input-accepted-state: #2196f3;
    --mdc-filled-text-field-focus-label-text-color: rgba(33, 150, 243, 0.87); /* input accepted state */
    --mdc-filled-text-field-focus-active-indicator-color: #2196f3; /* input accepted state bottom line*/
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mat-form-field-error-text-color: #f44336;
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
    --mat-selected-check-color: #2196f3;
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-selected-state-label-text-color: #2196f3;
    --dropdown-selected-checkmark-color: #2196f3;
    --mat-input-label-color:rgba(0,0,0,0.6);
    --requests-mat-input-label-color:#4f545a;
    --requests-mat-input-error:red;
    --requests-mat-input-label-error:#e24301;
    --mat-input-color:rgba(0,0,0,0.6);

    /*Disabled Input*/
    --input-disabled-color:rgba(0,0,0,0.38);
    --input-disabled-border-color:rgba(0,0,0,0.06);

    /*Address Close Icon*/
        /*address Close Icon*/
    --address-close-icon-hover-opacity: 0.6;
    --address-close-icon-color: #435865;
    --address-close-icon-hover-color: #435865;
    --address-close-icon-hover-background-color: transparent;

    /*Calendar*/
    --mat-datepicker-toggle-active-state-icon-color: #2196f3;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-icon-button-hover-state-layer-opacity: 0.04;
    --mat-icon-button-state-layer-color: black;
    --mat-icon-button-hover-color: #2196f3;
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-left-right-arrow: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-hover-state-background-color: #2196f3;
    --mat-datepicker-calendar-date-hover-state-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-current-date-border-styling: solid;
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-focus-state-background-color: white;

    /*Table*/
    --table-focus-border: solid 1px #00D9FF;
    --table-tr-hover: #E0F3F8;
    --table-expanded-background: #ffffff;
    --table-header-background: #B5C2CB;
    --table-child-header-background: #dadee1;
    --table-row-background: #FFFFFF;
    --table-border: none;
    --table-border-bottom: solid 1px #D5D5D5;
    --table-cell-border: none;
    --table-box-shadow: none;
    --table-no-records-box-shadow: none;
    --table-no-records-box-shadow-top: none;
    --table-no-records-box-shadow-bottom: none;
    --table-no-records-text-color: #D1D0D8;
    --table-child-tr-hover: #fff;
    --box-shadow-none: none;
    --divider-color: #5DA5DA;
    --divider-outline: solid 1px var(--divider-color);
    
    --no-records-attachments-bottom: solid 1px #D5D5D5;

    /*Toast Messages*/
    /*Success*/
    --toast-success-background: #60BD0F;
    --toast-success-color: #FFFFFF;
    /*Info*/
    --toast-info-background: #2E3236;
    --toast-info-color: #FFFFFF;
    /*Warning*/
    --toast-warning-background: #FAC000;
    --toast-warning-color: #FFFFFF;
    /*Error*/
    --toast-error-background: #B6001A;
    --toast-error-color: #FFFFFF;
     /*Warning Callout*/
    --callout-warning-background: #fff3cd;
    --callout-warning-border-color: #7c5f17;

    /*Calendar Events*/
        /* Credentials */
        --credential-event-background:#F3CCCC;
        --credential-event-border:#B6001A;
        /*Anniversaries*/
        --anniversary-event-background:#BBDFD6;
        --anniversary-event-border:#60BD0F;
        /*Birthdays*/
        --birthday-event-background:#E2E2E2;
        --birthday-event-border:#ABABAB;
        /*Reviews*/
        --review-event-background:#C7D7EF;
        --review-event-border: #64b3cd;
        /*Requests*/
        --request-event-background:#F6DECC;
        --request-event-border:#F18E44;

    /*Requests Details*/
    --request-comments-border: solid 1px #ccc;
    --request-no-record-found:#d1d0d8;
}