@mixin select-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-select {
    font-size: 15px;
    width: 100%;

    .mat-select-value-text {
      font-weight: 700;
    }

    &.ng-valid {
      .mat-select-underline {
        border-color: transparent;
        background-color: $complete;

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

    &[aria-required=true][md-no-asterisk] .mat-select-placeholder::after {
      content: '';
    }
  }
}
