.tak {
  &-custom-error {
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--tak-form-field-error-color);
  }
  &-hint {
    color: var(--tak-form-field-hint-color);
  }
  &__date-not-input {
    input {
      display: none !important;
    }
    &__picker-container {
      margin-top: 5px;
    }
    &__field-container {
      margin-top: -18px;
      & .mat-form-field {
        visibility: hidden;
        width: 1px !important;
        font-size: 1px !important;
      }
    }
  }
  &-form-container {
    mat-form-field {
      width: calc(100% - 10px);
    }
    .money-input {
      font-weight: bolder !important;
    }
    .mat-form-field-invalid {
      .tak-hint {
        color: var(--tak-form-field-error-color) !important;
      }
      .mat-text-field-wrapper {
        .mat-floating-label,
        .mat-floating-label:hover,
        .mat-form-field-icon-suffix,
        .mat-text-field,
        .mat-text-field__input,
        .mat-button-ripple {
          color: var(--tak-form-field-error-color) !important;
        }
        & .mat-form-field-flex .mat-datepicker-toggle .mat-icon-button {
          color: var(--tak-form-field-error-color) !important;
        }
      }
      .mat-text-field--filled:not(.mat-text-field--disabled) {
        .mat-line-ripple::before,
        .mat-line-ripple::after,
        .mat-line-ripple:hover {
          border-bottom-color: var(--tak-form-field-error-color) !important;
        }
      }
    }
  }
  &-autocomplete-not-records {
    color: var(--tak-form-field-error-color);
  }
}

.mat-text-field--filled:not(.mat-text-field--disabled).mat-text-field--focused .mat-floating-label,
.mat-text-field--filled:not(.mat-text-field--disabled).mat-text-field--focused
  .mat-floating-label--float-above {
  .mat-form-field-required-marker,
  .tak-field__danger-x {
    color: var(--tak-form-field-error-color) !important;
  }
}

.tak__date-not-input__picker-container.mat-form-field-invalid
  .mat-datepicker-toggle
  .mat-icon-button {
  color: var(--tak-form-field-error-color) !important;
}