@import "~antd/lib/style/themes/default.less";
@import "../../utils/utils.less";

.table {
  :global {
    .ant-table-tbody > tr > td,
    .ant-table-thead > tr > th {
      height: 62px;
    }
  }

  &.motion {
    :global {
      .ant-table-tbody > tr > td,
      .ant-table-thead > tr > th {
        &:nth-child(1) {
          width: 14%;
        }

        &:nth-child(2) {
          width: 14%;
        }

        &:nth-child(3) {
          width: 14%;
        }

        &:nth-child(4) {
          width: 14%;
        }

        &:nth-child(5) {
          width: 14%;
        }

        &:nth-child(6) {
          width: 14%;
        }

        &:nth-child(7) {
          width: 16%;
        }
      }

      .ant-table-thead {
        & > tr {
          transition: none;
          display: block;

          & > th {
            display: inline-flex;
            align-items: center;
            justify-content: center;
          }
        }
      }

      .ant-table-tbody {
        & > tr {
          transition: none;
          display: block;
          border-bottom: 1px solid #f5f5f5;

          & > td {
            border-bottom: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
          }

          &.ant-table-expanded-row-level-1 > td {
            height: auto;
          }
        }
      }
    }
  }
}

.splitLine {
  background: @border-color-split;
  display: inline-block;
  margin: 0 8px;
  width: 1px;
  height: 12px;
}