select-customer.component.scss

@import '../../../../../sass/variables/colors';

:host::ng-deep {

  .selected-customer-label, .unselected-customer-label {
    color: var(--vitamui-grey-600);
    font-size: 16px;
  }

  .mat-form-field-underline {
    display: none;
  }

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

  .mat-select-arrow {
    color: var(--vitamui-primary);
  }

  .mat-form-field-wrapper {
    padding-bottom: 0;
  }

  mat-form-field {
    border: 1px solid var(--vitamui-grey-300);
    background-color: white;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
  }

  .mat-form-field-flex {
    background-color: white;
    padding: 0!important;
  }

  mat-select {
    color: var(--vitamui-grey-900);
    font-size: 16px;
  }

  .mat-form-field-infix {
    padding: 0;
  }

  .mat-select-arrow-wrapper {
    vertical-align: inherit;
  }

  span.mat-select-placeholder {
    margin-top: 0.4rem;
  }
}