@import '~@zgfe/business-lib/es/assets/styles/inner.less';
.cdp-idmapping-create {
  .bsicon {
    color: @icon-color;
  }
  &-icon.bsicon {
    color: @text-color-secondary;
  }
  .ant-btn .bsicon {
    color: inherit;
  }
  .biz-detail-content {
    padding-top: 24px;
    background: @white;
  }
  &-title {
    margin-bottom: @margin-md;
    color: @heading-color;
    font-weight: 500;
    font-size: @font-size-base;
  }
  &-loading {
    display: block;
    padding: @padding-lg 0;
    text-align: center;
  }
  &-btn-line {
    text-align: right;
  }
  &-name-wrapper .ant-select {
    width: 272px;
    margin-right: @margin-sm;
  }
  &-select {
    width: 632px !important;
  }
  &-name-tip {
    margin-top: @margin-md;
    color: @warning-color;
    .bsicon {
      margin-right: @margin-sm;
      color: @warning-color;
    }
  }
  &-source-tip {
    margin-top: @margin-md;
    color: @warning-color;
    .bsicon {
      margin-right: @margin-xs;
      color: @warning-color;
    }
  }
  &-source-title {
    margin-bottom: 12px;
    color: @text-color-secondary;
    font-weight: 500;
    text-align: center;

    &-required {
      margin-right: @margin-xss;
      color: red;
    }
  }
  &-source-item {
    margin-bottom: @margin-lg;
    line-height: @height-base;

    .ant-skeleton-input,
    .ant-skeleton {
      width: 100%;
    }
    &:last-of-type {
      margin-bottom: 0;
    }
    &-normal.ant-select-status-error.ant-select:not(.ant-select-disabled):not(
        .ant-select-customize-input
      ):not(.ant-pagination-size-changer) {
      .ant-select-selector {
        background: #fafafb;
        border-color: #fafafb !important;
      }
      &.ant-select-open,
      &.ant-select-focused {
        .ant-select-selector {
          box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.2);
        }
      }
    }
    .ant-col {
      position: relative;
    }
    &-tip {
      position: absolute;
      top: 100%;
      color: @error-color;
      line-height: 22px;
    }
  }
  &-space {
    display: flex;
    flex-direction: row;
    width: 100%;
    .ant-space-item:first-of-type {
      flex: 1;
    }
    .ant-space-item:last-of-type {
      flex: none;
      transform: translateX(8px);
    }
  }
  &-source-del {
    margin-left: @margin-lg;
    color: #67727f;
    cursor: pointer;
    &:hover {
      color: @error-color;
    }
    &:disabled .bsicon {
      color: @disabled-color !important;
    }
  }
  &-source-item-switch {
    display: flex;
    align-items: center;
    padding-left: 6px !important;
    span {
      margin-left: @margin-xs;
    }
  }
  &-strategy.ant-select-status-error.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer)
    .ant-select-selector {
    border-color: @border-color-base !important;
  }
  &-dialog .ant-modal-body {
    padding-top: 8px;
  }
  .ant-form-vertical {
    flex: 1;
  }
  .form-list-item {
    position: relative;
    margin-bottom: 16px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #e6e7ea;
    // border-left: 4px solid #B9CEFF;
    border-radius: 8px;
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background-color: #e8efff;
      content: '';
    }

    .ant-col {
      padding: 0 @padding-sm;
      text-align: left;
    }
  }

  .ant-select {
    min-width: 120px;
    &:not(.ant-select-customize-input) .ant-select-selector {
      border-radius: @border-radius-small;
    }
    &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
      .ant-select-selector {
      border-color: @primary-color !important;
    }
  }

  .ant-input {
    &,
    &:hover,
    &.ant-input[disabled] {
      border-color: #fafafb;
    }
    &:focus {
      border-color: @primary-color;
    }
  }
}
