/*=====================================
              MAT-CHECKBOX
======================================*/

// check box frame color if is checked
::ng-deep .mat-checkbox-checked .mat-checkbox-frame {
  border-color: $hrColor-LightBlue !important;
}

//checkbox filling - transperant or light blue
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: $hrColor-LightBlue !important; //transparent; //#78b7e5;
}

::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: $hrColor-LightBlueMain !important;
}

::ng-deep .mat-step-header .mat-step-icon-selected {
  background-color: $hrColor-DarkBlue !important;
}

::ng-deep div.mat-step-icon.mat-step-icon-state-edit {
  background-color: $hrColor-LightBlueMain !important;
}

::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: $hrColor-DarkBlue;
}

::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: $hrColor-DarkBlue;
}
