.tak {
  &-custom-error {
    text-align: left;
    margin-left: 5px;
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--tak-form-field-error-color);
    font-size: 12px;
  }
  &-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;
        }
      }
      .mat-notched-outline__leading {
        border-color: var(--tak-form-field-error-color) !important;
      }
      .mat-notched-outline__notch {
        border-top-color: var(--tak-form-field-error-color) !important;
        border-bottom-color: var(--tak-form-field-error-color) !important;
      }
      .mat-notched-outline__trailing {
        border-color: var(--tak-form-field-error-color) !important;
      }
    }
  }
  &-autocomplete-not-records {
    color: var(--tak-form-field-error-color);
  }
  &-option-span-extra {
    color: gray;
    &::before {
      content: '\A';
      white-space: pre;
    }
  }
}

.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;
}
mat-option {
  line-height: 20px !important;
}
mat-form-field {
  width: 100%;
}

.mat-option-text {
  font-size: 14px;
}
.mat-select-panel .mat-option {
  height: 30px !important;
}