@import '~@zgfe/business-lib/es/assets/styles/inner.less';
.flow-group-config {
  display: flex;
  flex-direction: row;
  height: 100%;
  &-menu {
    max-height: 300px;
    overflow: auto;
  }
  &-left {
    // width: 272px;
    display: none;
    flex: none;
    padding: @padding-md @padding-lg;
    overflow: auto;
    border-right: 1px solid @border-color-split;
  }
  &-column {
    height: @height-base;
    line-height: @height-base;
  }
  &-right {
    flex: 1;
    overflow: auto;
  }
  &-title {
    margin-bottom: @margin-md;
    .title {
      margin-right: @margin-md;
      font-weight: 500;
      font-size: @font-size-base;
    }
  }
  &-list {
    min-height: @height-base * 2;
    &-item {
      max-width: 552px;
      height: @height-base;
      margin-bottom: @margin-sm;
      padding: 0 @padding-sm;
      color: @text-color-secondary;
      line-height: @height-base;
      background: @primary-color-hover;
      border-radius: 100px;
      .qingchu {
        display: none;
        float: right;
        cursor: pointer;
      }
      .ant-select {
        width: 80px;
      }
      &:hover .qingchu {
        display: inline;
      }
      &.btn-add {
        text-align: center;
        background: none;
        border: 1px dashed @border-color-base;
        cursor: pointer;
        &.disabled {
          color: @disabled-color;
          cursor: not-allowed;
        }
      }
    }
  }
  &-loading {
    flex: 1;
    padding-top: @padding-lg * 3;
    text-align: center;
  }
}
