@use '../index.scss' as *;

:global(.report-loading .el-loading-spinner .el-loading-text) {
  font-size: 2.33vh;
  color: #fff;
}

.table-box {
  overflow: hidden;
  border-bottom-left-radius: $raduis;
  border-bottom-right-radius: $raduis;

  :deep(.el-table) {
    --el-fill-color-lighter: #e7f8ff;

    th {
      height: 7vh !important;
      background: #d2f1ff !important;
      font-size: 2.17vh;
    }

    th,
    td {
      text-align: center;
    }

    .el-table__empty-text {
      font-size: 2.17vh;
    }

    .el-table__row {
      height: 7vh !important;
      font-size: 2.33vh;

      .cell {
        line-height: 2.33vh;
      }

      .el-table__expand-icon {
        width: 2.17vh;
        height: 2.17vh;

        .el-icon {
          font-size: 2.17vh;
        }
      }
    }

    .el-table__footer-wrapper {
      font-size: 2.33vh;

      .el-table__footer {
        height: 7vh !important;
      }

      tfoot td.el-table__cell {
        background: #d2f1ff !important;
      }
    }

    .caret-wrapper {
      height: 2.33vh;
      pointer-events: none;

      .sort-caret {
        border-width: 0.83vh;

        &.ascending {
          top: -0.5vh;
          display: none;
        }

        &.descending {
          bottom: 0;
        }
      }
    }

    // .cell {
    //   white-space: pre-wrap !important;
    //   word-break: break-word;
    //   line-height: 1.5em !important;
    // }

    // .el-table-column--default {
    //   .cell {
    //     display: none;
    //   }
    // }
  }
}
