/* modify md-input-container style */
$color: #f44336;

md-input-container.error {
  .mat-hint {
    color: $color;
  }

  .mat-input-underline {
    background-color: $color;

    .mat-input-ripple {
      background-color: $color;
    }
  }
}

/* snackbar styles */
snack-bar-container.success {
  background-color: #259a3e;

  .mat-simple-snackbar-action {
    color: rgba(255,255,255,0.8);
    font-weight: bolder;
    font-family: sans-serif;
  }
}

snack-bar-container.error {
  background-color: #da0f51;

  .mat-simple-snackbar-action {
    color: rgba(255,255,255,0.8);
    font-weight: bolder;
    font-family: sans-serif;
  }
}