// Remove button:focus from reboot.scss
button:focus {
  outline: none !important;
}

a.mat-button-base,
a.mat-button-base:link,
a.mat-button-base:visited {
  border-bottom: 0;
}


a.mat-stroked-button,
a.mat-stroked-button:link,
a.mat-stroked-button:visited {
  border-bottom: 1px solid currentColor;
}

a.mat-stroked-button:hover {
  $foreground: map-get($theme, foreground);
  border-bottom: 1px solid mat-color($foreground, divider);
}

.mat-button:not([disabled]){
  &:hover {
    color: $ochre;
  }
}

.mat-raised-button:not([disabled]),
.mat-flat-button:not([disabled]){
  border:1px solid mat-color($theme-accent) !important;

  &:hover {
    background-color: $ochre;
    color: $white;
    border:1px solid $ochre !important;
  }
}

.mat-stroked-button:not([disabled]){
  &:hover {
    background-color: $ochre;
    color: $white;
    border-color:$ochre;
  }
}

a.mat-raised-button,
a.mat-flat-button{
  &:focus, &:active {
    outline: none;
  }

  &:hover {
    background-color: $ochre;
    color: $white !important;
    border:1px solid $ochre;
  }
}

a.mat-stroked-button{
  &:focus, &:active {
    outline: none;
  }

  &:hover {
    background-color: $ochre;
    color: $white !important;
    border-color:$ochre;
  }
}

.mat-button:not(:disabled):not(.disabled):active:focus,
.mat-raised-button:not(:disabled):not(.disabled):active:focus,
.mat-flat-button:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(38,38,38,.5);
}

.mat-stroked-button:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(216,94,52,.5);
}

.mat-button.btn--full-sm,
.mat-raised-button.btn--full-sm,
.mat-stroked-button.btn--full-sm,
.mat-flat-button.btn--full-sm {
  @media print, (max-width: 768px) {
    padding: 0.5rem 1rem !important;
  }
  @media print, (max-width: 576px) {
    width:100%;
  }
}

.mat-button.btn--small,
.mat-raised-button.btn--small,
.mat-stroked-button.btn--small,
.mat-flat-button.btn--small {
  font-size: 90%;
  padding: 0.25rem 0.5rem !important;
}

// this is a forced solution since we can not changed the variables in scss theming.
.mat-button,
.mat-raised-button,
.mat-flat-button,
.mat-stroked-button {
  border-radius: 0px !important;
  padding: 0.5rem 1rem !important;
  line-height: 1.5 !important;
  min-width: auto !important;

  @include ui-typography-reposive($fontConfig-sm,$fontConfig-m,$fontConfig-l,'button');

  @media print, (max-width: 768px) {
    padding: 0.25rem 0.5rem !important;
    line-height: 1.5;
    border-radius: 0;
  }
}

.mat-icon-button {
  border-radius: 0px !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}

.mat-button.btn__table__elipsis{
  min-width: 0 !important;
  padding: 0 !important;
  width: 42px;
  height: 43px;
}

.mat-button-wrapper {
  display:flex;
  align-items: center;

}

/* from old CSS
@media print, (max-width: 768px) {
  .btn-small-md-only {
    padding: 0.25rem 0.5rem !important;
    font-size: $btn-small-font-size !important;
    line-height: 1.5;
    border-radius: 0;
  }
}
*/