@requiredColor: var(--error-color, #ff4d4f);
@requiredFontFamily: SimSun, sans-serif;
@border: 1px solid var(--border-color-split, #ececec);

.udp-form-wrapper {
  .ant-form-item-explain-error {
    font-size: 12px;
    line-height: 18px;
  }

  .ant-form {
    width: 100%;
  }

  &.ant-form-vertical {
    .ant-form-item.vertical-inline {
      >.ant-form-item-row {
        flex-direction: row;

        >.ant-form-item-label {
          padding: 0;
          min-width: 0;

          >label {
            height: 100%;
          }
        }

        >.ant-form-item-control {
          width: 0;
        }
      }
    }
  }

  &.ant-form-horizontal {
    &>.horizontal>.ant-col>.ant-form-item>.ant-form-item-row {
      flex-direction: row;

      >.ant-form-item-label {
        padding: 0;
        min-width: 0;

        >label {
          min-height: var(--base-height, 32px);
        }
      }
    }

    &.ant-form-small>.horizontal>.ant-col>.ant-form-item>.ant-form-item-row .ant-form-item-label>label {
      min-height: 24px;
    }
  }
}

.udp-form {
  min-height: 44px;
  margin: 0;
  padding: 10px 0;
  text-align: left;
  background: var(--component-background, #fff);

  .ant-form-item {

    .ant-form-item-explain,
    .ant-form-item-extra {
      padding: 0;
    }
  }

  .udp-group {
    flex-wrap: wrap;

    .formContainerItem .ant-form-item-control-input-content {
      flex-wrap: wrap;
      display: flex;

      .formItem {
        padding: 0;
      }
    }

    >div>.formItem {
      flex: 1;
    }
  }

  .ant-form-item-label {
    overflow: visible;
    max-height: 32px;

    .ant-form-item-required {
      >span::before {
        display: inline-block;
        margin-right: 4px;
        color: @requiredColor;
        font-family: @requiredFontFamily;
        line-height: 1;
        content: '* ';
      }
    }

    label.ant-form-item-required:before {
      display: none !important;
    }

    >label.ant-form-item-no-colon::after {
      margin: 0;
    }

    >label {
      &:after {
        margin-top: -0.5px;
      }
    }
  }

  .formItem {
    flex-wrap: nowrap;
    padding: 0 12px;

    >.ant-row {
      width: 100%;
    }

    .rs-input-group {
      width: auto !important;
    }

    .ant-form-item-control {
      text-overflow: ellipsis;
    }
  }
}

.udp-form-wrapper .udp-form-wrapper .udp-form .formItem {
  padding: 0;
}

//layout布局--------------
.vertical {
  flex-direction: column;

  >div {
    width: 100%;
    max-width: unset;
  }
}

.inline {
  display: block;

  >div {
    display: inline-block;
  }
}

@media (max-width: 575px) {
  .ant-form .ant-form-item .ant-form-item-label {
    flex: unset;
    white-space: nowrap;

    >label>span {
      text-align: left !important;
      width: 100% !important;
      -webkit-line-clamp: 1 !important;
    }
  }

  .ant-form .ant-form-item .ant-form-item-control {
    flex: 1;
  }
}

&.udp-bordered-form {
  border: @border;
  position: relative;

  .border-form {
    padding: 0;

    .formItem {
      .ant-checkbox-group {
        padding: 4px 11px;
      }
    }

    margin-top: -1px;
    margin-left: -1px !important;

    >.ant-col {
      .formItem.ant-form-item {
        margin-bottom: 0;
        padding: 0;
      }

      .ant-form-item-explain {
        display: none !important;
      }

      border: @border;
      border-right: 0;
      margin-bottom: -1px;

      .ant-form-item-label {
        border-right: @border;
      }
    }

    .udp-group {
      overflow: hidden;

      .ant-col {
        .formItem.ant-form-item {
          margin-bottom: 0;
          padding: 0;
        }

        .ant-form-item-explain {
          display: none !important;
        }

        border-bottom: @border;
        margin-bottom: -1px;
      }

      >div {
        .ant-form-item {
          .ant-form-item-label {
            border-right: @border;
            border-left: @border;
          }

          &:first-child {
            .ant-form-item-label {
              border-left: none;
            }
          }
        }

        &> :last-child {
          .ant-form-item-control {
            border-right: @border;
            margin-right: -1px !important;
          }
        }
      }

      &:last-child {
        .ant-form-item-control {
          border-right: none;
          margin-right: -1px;
        }
      }
    }

    &> :last-child {
      .ant-form-item-control {
        border-right: @border;
        margin-right: -1px !important;
      }

      .form-item-nolabel {
        margin-right: -1px;
      }
    }
  }
}

&.ant-form-small {
  * {
    font-size: 12px;
  }

  input,
  .ant-select-selector {
    height: 24px;
  }

  &.ant-form-vertical .ant-form-item-label {
    padding-bottom: 4px;
  }
}

&.udp-compact-form {
  .ant-form-item {
    margin-bottom: 12px;
  }

  .udp-form {
    padding: 0;

    .formItem {
      padding: 0 6px;
    }
  }

  &.ant-form-vertical .ant-form-item-label {
    padding-bottom: 4px;

    >label {
      min-height: 0;
    }
  }

  &.ant-form-vertical .ant-form-item {
    margin-bottom: 12px;
  }

  .ant-form-item-explain-error {
    display: none;
  }
}

.udp-view-form {
  .ant-form-item {
    margin-bottom: 4px;
  }
}