.input-text-box {
  padding: 10px;

  &__input {
    width: 100%;
    padding: 12px;
    border: 2px solid #000;
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0;
    background-color: #FFF;

    &--textarea {
      height: 120px;
    }

    &--datepicker {
      opacity: 0;
      padding: 14px 10px;
      
      &:after {
        opacity: 0
      }
      cursor: pointer;
      &:focus {
        background: #fff;
        opacity: 1;
        cursor: text;
        &:after {
          opacity: 1
        }
      }
    }

    &:focus {
      border-color: blueviolet;
      outline: none;
    }
  }

  .react-datepicker__input-container {
    position: absolute;
    z-index: 2;

    & + .input-text-box__preview {
      min-height: 46px;
    }
  }

  &__choice {
    width: 100%;
    padding: 12px;
    border: 2px solid #CCC;
    margin: 5px 0;
    cursor: pointer;
    font-weight: bold;
  }

  &__label {
    font-weight: bold;
    display: block;
  }

  &__description {
    color: #888;
    font-size: .75em;
  }
}