@import 'hr-core-consts.scss';
/*=====================================
              MAT-BUTTON
======================================*/

.mat-stroked-button,
.mat-raised-button {
  min-width: auto !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  transition: all 0.3s ease;
}

//Stroke button accent styling
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: white;
    background: $hrColor-DarkBlue;
}

.mat-stroked-button:hover:not([disabled]),
.mat-raised-button:hover:not([disabled])
{
  background-color: $hrColor-LightBlue !important;
  color: $hrColor-DarkBlue !important;
  border-color: $hrColor-DarkBlue;
}

.mat-stroked-button:hover:not([disabled]) .mat-icon,
.mat-raised-button:hover:not([disabled]) .mat-icon
{
  color: $hrColor-DarkBlue !important;
}

.mat-stroked-button:focus,
.mat-raised-button:focus
 {
  background: $hrColor-DarkBlue;
  color: $hrColor-LightBlue;
}

.mat-stroked-button:focus .mat-icon,
.mat-raised-button:focus .mat-icon,
.mat-stroked-toggle:focus .mat-icon {
  color: $hrColor-LightBlue;
}

.material-icons {
    color: $hrColor-DarkBlue;
    text-align: center;
 }

.mat-button .material-icons,
.mat-fab .material-icons,
.mat-mini-fab .material-icons {
  color: unset;
}

.mat-icon-button {
  padding: 0 !important;
  min-width: 0 !important;
  width: 25px !important;
  height: 25px !important;
  flex-shrink: 0 !important;
  line-height: 25px !important;
  border-radius: 50% !important;
}

.mat-stroked-button[disabled] .material-icons,
.mat-icon-button[disabled] .material-icons,
.mat-flat-button[disabled] .material-icons,
.mat-raised-button[disabled] .material-icons {
  color: rgba(11, 58, 98, 0.4);
}

.mat-raised-button {
  margin-right: 2px !important;
}

//---------- Mat Toggle Buttons ---------

.mat-button-toggle:focus
  {
  background: $hrColor-LightBlue;
  color: white;
}

.mat-stroked-toggle:focus .mat-icon {
  color: white;
}

.hr-darkblue .mat-button-toggle
{
  background: $hrColor-DarkBlue;
  color: white !important;
}

.hr-darkblue .mat-button-toggle-checked
{
  background: $hrColor-LightBlue;
  color: white !important;
  // border-color: $hrColor-DarkBlue;
}

.mat-button-toggle-checked
{
  background: $hrColor-DarkBlue;
  color: $hrColor-LightBlue !important;
// border-color: $hrColor-DarkBlue;
}

.mat-button-toggle:hover:not([disabled])
{
  background-color: $hrColor-LightBlue !important;
  color: $hrColor-DarkBlue !important;
  border-color: $hrColor-DarkBlue;
}

.mat-button-toggle:hover:not([disabled]) .material-icons {
  color: $hrColor-DarkBlue !important;
}

.mat-button-toggle[disabled] .material-icons {
  color: rgba(11, 58, 98, 0.4);
}


.mat-button-wrapper:not(:has(.mat-icon)) {
  padding-left: 5px;
  padding-right: 5px;
}

.mat-button-wrapper:has(.mat-icon) {
  padding-right: 7px;
}

.mat-button-withoutcaption .mat-button-wrapper:has(.mat-icon),
.mat-form-field .mat-button-wrapper
{
  padding-right: 0px;
}
