/*
table.dataTable thead th[data-is-resizable=true] {
  border-left: 1px solid transparent;
  border-right: 1px dashed #bfbfbf;
}
*/


table.dataTable thead th.dt-colresizable-hover {
  cursor: col-resize !important;
  background-color: #eaeaea;
  border-left: 1px solid #bfbfbf;
 }
/* DataTables 2.x sets cursor:pointer on sortable headers and their inner
   .dt-column-header element, which outranks the rule above — without this the
   resize cursor never shows on sortable columns (only on non-sortable ones like
   Img / Sales Velocity), so users can't find the drag zone. Force col-resize on
   the cell's children too while hovering the drag area. */
table.dataTable thead th.dt-colresizable-hover * {
  cursor: col-resize !important;
}
table.dataTable thead th.dt-colresizable-bound-min, 
table.dataTable thead th.dt-colresizable-bound-max {
  opacity: 0.2;
  cursor: not-allowed !important;
}