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

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

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

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

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

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

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

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

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

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

        &:nth-child(9) {
          width: 8%;
        }

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

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

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

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

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

      .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;
          }
        }
      }
    }
  }
}

.tableSearchForm {
  padding: 24px;
  background: #fbfbfb;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  margin-bottom: 20px;

  .ant-form-item {
    display: flex;
  }

  .ant-form-item-label {
    overflow: visible;
  }
}