@import '../../src/style/tools.css';

.bx-form-item {
  & .bx-form-item__inner {
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 15px;

    & .bx-form-item__label {
      width: 75px;
      padding: 15px 0;

      &.bx-form-item__labbx--lg {
        width: 115px;
      }
    }

    & .bx-form-item__content {
      flex: 1;
    }

    & .bx-input {
      padding-right: 0;
    }
  }

  & .bx-form-item__error {
    margin-top: 3px;
    padding: 0 15px 9px 15px;
    font-size: 12px;
    line-height: 15px;
    color: var(--color-feature-primary);
  }

  &.bx-form-item__label--top {
    & .bx-form-item__inner {
      & .bx-form-item__label {
        align-self: flex-start;
      }
    }
  }

  &.bx-form-item__label--bottom {
    & .bx-form-item__inner {
      & .bx-form-item__label {
        align-self: flex-end;
      }
    }
  }

  &.bx-form-item__label--left {
    & .bx-form-item__inner {
      & .bx-form-item__label {
        text-align: left;
      }
    }
  }

  &.bx-form-item__label--right {
    & .bx-form-item__inner {
      & .bx-form-item__label {
        text-align: right;
      }
    }
  }

  &.bx-form-item__label--middle {
    & .bx-form-item__inner {
      & .bx-form-item__label {
        text-align: center;
      }
    }
  }

  &.bx-form-item__content--top {
    & .bx-form-item__inner {
      & .bx-form-item__content {
        display: flex;
        align-items: flex-start;
      }
    }
  }

  &.bx-form-item__content--bottom {
    & .bx-form-item__inner {
      & .bx-form-item__content {
        display: flex;
        align-items: flex-end;
      }
    }
  }

  &.bx-form-item__content--left {
    & .bx-form-item__inner {
      & .bx-form-content__label {
        display: flex;
        justify-content: flex-start;
      }
    }
  }

  &.bx-form-item__content--right {
    & .bx-form-item__inner {
      & .bx-form-item__content {
        display: flex;
        justify-content: flex-end;
      }
    }
  }

  &.bx-form-item__content--middle {
    & .bx-form-item__inner {
      & .bx-form-item__content {
        display: flex;
        justify-content: center;
      }
    }
  }
}
