.el-table tr {
  background: transparent;
  color: $white-opacity7;
  font-size: 14px;
  font-weight: 400;
}

.el-table {
  overflow: auto;
  background: $opacity-blue-bg2 !important;
}

.el-table .cell {
  min-height: 40px;
  line-height: 40px;
}

.table_header {
  color: $light-blue-color;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  // height: 40px;
}

.el-table tbody tr:hover > td {
  background: $opacity-blue-bg !important;
}

.el-table th.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  // background: linear-gradient(to bottom, rgba(36, 222, 255, 0.3), rgba(36, 222, 255, 0.2), rgba(36, 222, 255, 0.3), rgba(36, 222, 255, 0.4)) !important;
  background: linear-gradient(360deg, #004473 0%, rgba(0, 72, 122, 0.36) 100%) !important;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid $opacity-blue-bg;
}

//
.el-table__footer-wrapper td.el-table__cell {
  border-top: 1px solid $opacity-blue-bg;
}

.el-table .el-table__footer-wrapper th.el-table__cell,
.el-table .el-table__footer-wrapper th.el-table__cell.is-leaf {
  background: unset !important;
}

.el-table__fixed-footer-wrapper tbody td.el-table__cell {
  color: rgba(255, 255, 255, 0.7);
  border-top: 0 solid transparent;
}

.el-table tbody tr:last-child {
  border: 0;
}


// header右侧固定白线
.el-table__fixed-right-patch {
  width: 0 !important;
}

// .el-table__fixed-right {
//   // right: 10px !important;
// }

// 滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: $td-gray-color-9;
  border-radius: 3px;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

.el-table .el-table__cell.gutter {
  background: transparent;
}
// 表头显示双行（带单位）
.doubleHeader .el-table__header-wrapper {
  .cell {
    height: auto !important;
  }
}

.twoRowHeader {
  height: auto !important;

  .sort-caret.descending {
    bottom: -6px !important;
  }

  .sort-caret.ascending {
    top: 18px !important;
  }
}

.headerSortRow1 {
  max-width: calc(100% - 24px);
  display: inline-table;
  text-align: center;
}
//表头
.el-table__header-wrapper {
  // background-image: $logo-bg !important;
  background-size: unset !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;

  .cell {
    // background: var(--el-dialog-color);
    background: transparent;
      // background: linear-gradient(360deg, #004473 0%, rgba(0, 72, 122, .36) 100%) !important;
    color: #fff;
    height: 34px;
    line-height: 34px;
  }
}

.el-table::before {
  display: none;
}

.headerStyle {
  height: 32px;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  color: $white-color;
  padding: 0 0 0 20px;
  // TODO: Maybe change back，带图标的时候放开
  background: no-repeat top right, linear-gradient(270deg, rgba(0, 96, 166, 0.5) 0%, #0060a6 100%) !important;
}

.infoHeaderBg {
  // background: linear-gradient(to right, rgba(0, 202, 255, 0.4), var(--opacity-blue-bg2));
  // background: linear-gradient(270deg, rgba(0,202,255,0.68) 0%, rgba(0,150,255,0.29) 100%);
  // TODO: Maybe change back，带图标的时候放开
  background: no-repeat top right, linear-gradient(to right, rgba(0, 202, 255, 0.4), $opacity-blue-bg2) !important;

}

.footerBox {
  width: 100%;
  margin: 20px 0 0;
  height: calc(100% - 125px);
  position: relative;
  border: 1px solid #ddd;
  border-image: linear-gradient(180deg, #2e5b7c, #01aaf2) 3 3;
  background: linear-gradient(360deg, rgba(0, 68, 115, 0.64) 0%, rgba(0, 72, 122, 0.16) 100%) !important;
  box-shadow: unset;
}

.panelBox {
  height: calc(100% - 90px);
  width: 100%;
  border: 1px solid #ddd;
  border-image: linear-gradient(180deg, #2e5b7c, #01aaf2) 3 3;
  background: linear-gradient(360deg, rgba(0, 68, 115, 0.64) 0%, rgba(0, 72, 122, 0.16) 100%) !important;
  box-shadow: unset;
}

.right {
  height: calc(100vh - 145px);
}

.el-tag {
  border: 1px solid $light-blue-color;
  color: $light-blue-color;
  background: $opacity-blue-bg;
  font-size: 14px;
}

.el-tag.el-tag--danger {
  background-color: rgba(255, 49, 65, 0.2);
  border-color: #ff4d4f;
  color: #ff4d4f;
}

.el-table .descending .sort-caret.descending {
  border-top-color: $light-blue-color;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: $light-blue-color;
}

.el-table .sort-caret.ascending {
  border-bottom-color: gray;
}

.el-table .sort-caret.descending {
  border-top-color: gray;
}

.el-table thead.is-group th.el-table__cell {
  background: transparent;
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid $opacity-blue-bg;
}
// 滚动条的宽度
.el-table__body-wrapper::-webkit-scrollbar {
  width: 10px; // 横向滚动条
  height: 10px; // 纵向滚动条 必写
}
.el-table--border th.el-table__cell,
.el-table__fixed-right-patch {
  border-bottom: 1px solid $opacity-blue-bg;
}

.el-table--border,
.el-table--group {
  border: 1px solid $opacity-blue-bg !important;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: $red;
}

.tablestyle {
  .el-table__row {
    line-height: 20px;
    font-family: PingFangSC-Regular, "PingFang SC";
  }
}

.el-table__cell {
  padding: 0 !important;
}

.el-table__fixed-right::before,
.el-table__fixed::before {
  height: 0;
}

//固定的表头表尾背景色
.el-table__fixed-right,
.el-table__fixed {
  height: calc(100% - 10px) !important;
  background: #02355e;
  box-shadow: 0 -13px 19px 3px #2c5a7b;
}

.el-table__fixed-right td:hover,
.el-table tbody tr td {
  background-color: transparent !important;
}

//划过某行，表头表尾背景色
.el-table__fixed-right .hover-row,
.el-table__fixed .hover-row {
  background: $opacity-blue-bg !important;
}

// 该样式用于修复在暗色模式下使用带有固定列的elementui的表格时出现的鼠标移入固定列后该行样式未全部改变的bug
.el-table__body tr.hover-row > td.el-table__cell {
  background: $opacity-blue-bg !important;
}

.el-table__fixed-header-wrapper {
  background: transparent;
  // background-image: $logo-bg !important;
  background-size: unset !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;

  .cell {
    height: 34px;
    line-height: 34px;
  }
}

.t-layout {
  background-image: url(~@/assets/images/backgroundImg.png);
  z-index: 99999;
  border: 1px solid red;
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0s ease;
}

.el-table-filter {
  border: 1px solid #1b5782;
  background: $drop-down-color;
}

.el-table-filter__bottom {
  border-top: 1px solid #1b5782;
}

.el-table-filter__bottom button {
  color: rgba(255, 255, 255, 0.7);
}

.el-table-filter__bottom button.is-disabled,
.el-table-filter__bottom button.is-disabled:hover {
  color: #606266;
}

.el-table-filter__bottom button:hover {
  color: $light-blue-color;
}

.filterTable {
  .el-icon-arrow-down {
    // background-image: url("@/assets/intelligentOilfield/loudou-dark.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    transform: none;
    line-height: 1;
  }

  .el-icon-arrow-down::before {
    color: transparent;
  }
}
