@import '../../../assets/variable.less';
.module-user-tag-config-panel-fundCondition {
  display: flex;

  &-content,
  &-condition-group {
    display: flex;
    &-add {
      display: flex;
      align-items: center;
      width: 124px;
      height: 24px;
      margin-top: 4px;
      margin-left: 16px;
      padding-left: 8px;
      color: #9aa1a9;
      color: @primary-color;
      cursor: pointer;
      .bsicon {
        margin-right: 8px;
        font-size: 16px !important;
      }
    }
    &-add:hover {
      background: var(--io-i1-, #e8efff);
      border-radius: 4px;
    }
    .error {
      .ant-dropdown-trigger {
        border-color: @error-color;
      }
      .ant-input {
        border-color: @error-color !important;
      }
    }
    .qingchu {
      color: #9aa1a9;
    }
    .qingchu:hover {
      color: #fb5547;
    }
  }
  // &-condition-group-hover {
  //   // align-items: center;
  //   margin-right: -12px;
  //   // margin-bottom: 4px;
  //   margin-left: -12px;
  //   .qingchu:hover {
  //     color: #fb5547;
  //   }
  // }
  // &-condition-group-hover:hover {
  //   background-color: #e8efff;
  // }
  &-content {
    padding: 0 0 6px;
  }
  &-condition-group {
    padding: 6px 0px;
  }

  &-condition-group-sub {
    display: flex;
    margin-top: @margin-xs;
  }

  &-label {
    width: 56px;
    margin-right: @margin-xs;
    line-height: 32px;
  }

  &-item {
    display: flex;
    width: 184px;
    margin-left: 16px;
  }

  &-select-dataset {
    width: 150px;
  }
  &-select-field {
    width: 184px;
  }
  &-select-condition {
    width: 104px;
    margin-left: 16px;
  }
  &-select-type {
    width: 184px;
    margin-left: 16px;
  }
  &-value {
    width: 184px !important;
    margin-left: 16px !important;
    border-color: #fafafb !important;
  }
  &-datePicker {
    width: 260px !important;
    margin-left: 16px !important;
    border-color: #fafafb !important;
  }
  &-error {
    // padding-left: 8px;
    color: @error-color;
  }
}