@import '~@zgfe/business-lib/es/assets/styles/inner.less';
@import './chunks.less';
.cdp-column-rules {
  display: flex;
  flex: 1;
  max-height: 500px;
  margin-left: @margin-lg;
  padding: @padding-md 0 @padding-md @padding-lg;
  overflow-y: auto;
  border-left: 1px solid @border-color-split;
  .ant-form {
    width: 100%;
  }
  &-title {
    .__title();
    padding-top: 0;
  }
  &-add {
    margin-left: @margin-md;
    color: @text-color;
    .bsicon {
      margin-right: @margin-xs;
      color: @white;
      background: @primary-color;
      border-radius: @border-radius-small;
    }
    &.disable {
      .__disable();
      background: none;
      .bsicon {
        .__disable();
      }
    }
  }
  &-item {
    display: flex;
    flex-direction: row;
    line-height: 1;
  }
  &-column {
    display: inline-block;
    flex: none;
    width: 130px;
  }
  &-operator {
    display: inline-block;
    flex: none;
    width: 130px;
    margin: 0 @margin-sm;
  }
  &-value {
    display: inline-block;
    flex: 1;
    &.date {
      display: inline-flex;
    }
    .ant-input {
      height: 22px !important;
    }
  }
  &-del {
    flex: none;
    margin-left: @margin-xs;
    line-height: @height-base;
    cursor: pointer;
  }
}
