$cellHeight: 20px;
$thPadding: 10px 0;

.component-table {

  .el-table {
    color: $--color-text-regular;
    border-radius: 8px 8px 0px 0px;

    .el-table__column-filter-trigger {
      i {
        font-family: "iconfont" !important;

        &::before {
          content: "\e629";
        }
      }
    }

    &.radio {
      .el-table__header-wrapper {
        .el-checkbox {
          display: none;
        }
      }
    }

    .cell {
      line-height: $cellHeight;
    }

    .el-checkbox {
      font-size: 18px;
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #ffffff;
      border-color: #d0d5e8;
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
      content: unset;
    }

    .el-checkbox__inner {
      width: 18px;
      height: 18px;

      &::after {
        left: 6px;
        top: 3px;
      }
    }

    .el-table__header {
      tr {
        border-bottom: 1px solid $--border-color-light;
      }

      .el-checkbox {
        margin-left: 4px;
      }
    }

    thead {
      color: $--color-text-primary;

      tr,
      th {
        background-color: $--border-color-lighter;
        height: 40px;
      }

      th,
      td {
        padding: 10px 0;
      }
    }
  }
}

.el-table-filter__content {
  width: 160px;
}

.el-table-filter__checkbox-group label.el-checkbox {
  display: flex;
}

.el-table-filter__bottom {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}

.el-checkbox__label {
  width: calc(100% - 17px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table__column-filter-trigger i {
  transform: none;
}

.el-table th>.cell.highlight {
  color: inherit;
  .el-icon-arrow-down{
    color: #4070ff;
  }
}