@include scrollbar;
@mixin form-classes {
  $width: 100%;

  .options-div {
    max-height: 50px;
    select {
      width: $width;
      @include rem("min-height", 52px);
      font-family: "DaimlerCS", sans-serif;
      @include rem("font-size", 18px);
      color: $color-dark-gray6;
      background-color: $color-white;
      background-clip: padding-box;
      position: relative;
      text-transform: none;
      overflow-y: auto;
    }
  }

  input.form-input {
    @include rem("height", 52px);
    @include border("all", 1px, solid, $color-light-gray1);
    @include border-radius(0);
  
    &::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: $color-light-gray7;
      opacity: 1; /* Firefox */
    }
  
    &:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: $color-light-gray7;
    }
  
    &::-ms-input-placeholder {
      /* Microsoft Edge */
      color: $color-light-gray7;
    }
  }

  .error-holder {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    .align-position {
      position: initial;
      text-transform: none;
    }
  }

  .custom-error {
    color: red;
    padding-top: 5px;
  }
}
