.btn:hover {
  background-color: @primary-color;
}

.step {
  :global {
    .ant-steps-item {
      padding-bottom: 10px;
    }
  }
}

.stepHorizontal {
  :global {
    .ant-steps-item {
      padding-right: 10px;
    }
  }
}

.spaceItem {
  :global {
    .ant-space-horizontal {
      gap: 0 8px !important
    }
  }
}

.finish {
  font-size: 14px;
}

.text a {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.icon {
  :global {
    .ant-table-tbody tr td:nth-child(1) {
      display: flex;
      align-items: flex-start;
    }
  }
}

.permissionTable {
  :global {
    .ant-pro-card-body {
      padding: 0;
    }

    .ant-table:nth-child(1) {
      margin: 0px !important
    }
  }
}

.permissionTable:last-child {
  :global {

    tr:last-child>td:first-child,
    tr:last-child>td:last-child {
      border-bottom: transparent !important
    }
  }
}

.permissionColumn {
  .headTitle {
    padding: 0 8px;
    position: relative;

    &::before {
      position: absolute;
      top: 50%;
      right: 0;
      width: 1px;
      height: 1.6em;
      background-color: rgba(0, 0, 0, 0.06);
      transform: translateY(-50%);
      transition: background-color 0.3s;
      content: '';
    }
  }
}

.nameColumn {
  :global {
    .ant-pro-card-body {
      padding: 0;
    }

    tr:last-child td {
      border-bottom: transparent
    }
  }
}

.previewTable {
  padding: 0;
}