@import '../../style/variables.less';
@display-item-prefix-cls: ~'@{component-prefix}-display-item';

:global {
  .@{display-item-prefix-cls} {
    display: flex !important;
    justify-content: flex-start;
    // align-items: center;

    .ant-form-item-label {
      position: relative;
      flex-shrink: 0;
      overflow: visible;
      label {
        color: #595959;
      }
    }

    .ant-form-item-control-wrapper {
      flex: 1;
      .ant-form-item-children {
        display: block;
        width: 100%;
      }
    }

    &-label-left .ant-form-item-label {
      text-align: left;
    }

    &-label-right .ant-form-item-label {
      text-align: right;
    }

    &-item-text {
      color: #000;
      padding-top: 10px;
      flex: 1;
      display: flex;
      > span {
        text-align: justify;
        line-height: 1.5;
      }
    }

    &-label-width-4 .ant-form-item-label {
      width: 5em;
    }

    &-label-width-5 .ant-form-item-label {
      width: 6em;
    }

    &-label-width-6 .ant-form-item-label {
      width: 7em;
    }

    &-label-width-7 .ant-form-item-label {
      width: 8em;
    }

    &-label-width-8 .ant-form-item-label {
      width: 9em;
    }

    .ant-checkbox-group {
      padding-top: 9px;
    }

    .ant-form-extra {
      font-size: 12px;
    }

    .ant-form-item-required::before {
      content: '*';
      position: absolute;
      font-family: SimSun;
      line-height: 1;
      font-size: 12px;
      color: #F5222D;
      left: -8px;
      top: 4px;
      z-index: 888;
    }
  }
}