@import '~@zgfe/business-lib/es/assets/styles/inner.less';
.dataset-list {
  // padding: @padding-lg;
  background: @white;
  border-radius: @border-radius-normal;
  .ant-form {
    padding: @padding-lg @padding-lg 0 @padding-lg;
  }
  &-bottom {
    margin-top: @margin-lg;
    padding: 0 @padding-lg @padding-lg @padding-lg;
    border-top: 1px solid @border-color-split;
  }
  .ant-form-item {
    margin-right: 40px;
  }
  .ant-form-item-label {
    color: @text-color-secondary;
  }
  &-loading {
    display: block !important;
    padding: @padding-lg !important;
    text-align: center !important;
  }
  &-type {
    width: 376px !important;
  }
  &-name {
    width: 416px !important;
  }
  &-toolbar {
    padding: 20px 0 @margin-md;
    .ant-btn {
      float: right;
    }
    .biz-select-handle {
      display: inline-block;
      float: right;
      margin-right: @margin-md;
    }
  }
  &-result {
    height: @height-base;
    color: @text-color-secondary;
    line-height: @height-base;
  }
  &-table {
    .ant-table-cell {
      white-space: nowrap;
      word-break: keep-all;
    }
  }
  &-enable,
  &-del,
  &-log,
  &-edit {
    margin-right: @margin-md !important;
    &.disable {
      color: @disabled-color;
      cursor: not-allowed;
    }
  }
  &-del:hover {
    color: @error-color;
  }
  &-del.disable {
    color: @disabled-color;
    cursor: not-allowed;
  }
  &-btn-update.disable {
    .__disable();
    background: none;
  }
  &-state {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: @margin-xs;
    vertical-align: inherit;
    border-radius: 100%;
    &.fail {
      background: @error-color;
    }
    &.success {
      background: @success-color;
    }
    &.running {
      background: @primary-color;
    }
  }
  &-total {
    margin: 0 @margin-xss;
    color: @primary-color;
  }
  &-btn-add {
    margin-left: @margin-md;
  }
}
