.uk-form-label {
  font-size: var(--font-size);
  font-family: "Roboto", sans-serif;
  color: currentColor;
}

.uk-form-hint {
  font-family: "Roboto", sans-serif;
  color: currentColor;
}

.input-box {
  background-color: #FAFAFA !important;
  border: 1px solid transparent;
  padding: 16px;
  border-radius: 4px;
  color: currentColor;
  height: auto;
}

.input-box:focus {
  color: currentColor;
}

.input-box:not(.uk-form-danger) {
  border-color: #D1D1D1 !important;
}

.input-box::placeholder {
  color: rgba(122, 122, 122, 0.7);
}

.input-box .mat-select {
  font-family: "Open Sans", sans-serif;
  font-size: var(--font-size);
}

.input-box .mat-select-value {
  color: currentColor;
}

.input-box .mat-form-field-infix {
  border: none !important;
  line-height: 30px;
  padding: 0 !important;
}

.input-box .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding: 0 !important;
}

.input-box .mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none;
}

.input-box .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  display: none;
}