@mixin input-theme($theme) {
  $primary: map-get($theme, primary);
  $accent-palette: map-get($theme, accent);
  $complete: mat-color($accent-palette, A400);
  $warn: mat-color(map-get($theme, warn),500);
  $foreground: map-get($theme, foreground);

  .mat-input-container {
    .mat-input-infix input {
      font-weight: 700;
      color: mat-color($foreground,text);
    }

    &.ng-valid {
      @include input-underline($complete);
    }

    &.mat-warn {
      @include input-underline($warn);
    }
  }

  md-hint {
    font-size: smaller;

    &.mat-warn {
      color: $warn;
    }
  }
}
@mixin input-underline($color) {
  .mat-input-underline {
    background-color: $color;

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