/* ColReorder */
table.DTCR_clonedTable.dataTable {
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
}
div.DTCR_pointer {
  width: 1px;
  background-color: var(--border-color-secondary);
  z-index: 201;
}

table.dataTable.dataTable-v2 th {
  position: relative;
}

table.dataTable.dataTable-v2 th .grip {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  cursor: col-resize;
  height: 100%;
}

table.dataTable.dataTable-v2 thead tr th,
table.dataTable.dataTable-v2 tbody tr td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* word-break: break-word; */
}

table.dataTable.dataTable-v2 th.dt-colreorder-moving,
table.dataTable.dataTable-v2 th.dt-colreorder-moving * {
  max-width: 200px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

table.dataTable.dataTable-v2.DTCR_clonedTable {
  max-width: 200px !important;
}

table.dataTable.dataTable-v2.DTCR_clonedTable th {
  max-width: 200px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* ColResizable */
div.JCLRgrip {
  position: absolute;
  top: 0;
  width: 3px;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -3px;
}

div.JCLRgrip .grip {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-left: 1px dashed transparent;
}

div.JCLRgrip.th-hover .grip {
  border-left-color: var(--border-color);
}

div.JCLRgrip:hover .grip {
  border-left-color: var(--border-color-secondary);
}

div.JCLRgrip.dragging .grip {
  border-left-color: var(--border-color-secondary);
}