/*
 * Yunxil list/chart linkage.
 * The class is applied by gushi-chart-table-link-v1.js to the table row
 * matching the date currently selected in the neighboring ECharts chart.
 */
.el-table__body-wrapper tbody tr.yunxil-chart-linked-row > td.el-table__cell {
  background-color: #dbeafe !important;
  color: #1e3a5f;
  transition:
    background-color 120ms ease,
    color 120ms ease;
}

.el-table__body-wrapper
  tbody
  tr.yunxil-chart-linked-row
  > td.el-table__cell:first-child {
  box-shadow: inset 4px 0 0 #409eff;
}

.el-table__body-wrapper
  tbody
  tr.yunxil-chart-linked-row
  .cell {
  font-weight: 700;
}

@media (hover: hover) and (pointer: fine) {
  .dashboard-container .el-table__body-wrapper tbody tr,
  .auction-container .el-table__body-wrapper tbody tr,
  .daily-volume-container .el-table__body-wrapper tbody tr,
  .limit-container .el-table__body-wrapper tbody tr {
    cursor: pointer;
  }
}

@media (hover: none) {
  .el-table__body-wrapper
    tbody
    tr.yunxil-chart-linked-row
    > td.el-table__cell {
    background-color: #cfe4ff !important;
  }
}