table.persistent-column-resizable {
  width: 100%;
  table-layout: fixed !important;
}
table.persistent-column-resizable thead th {
  position: relative;
  width: auto !important;
}
.persisted-column-resize-handle {
  position: absolute;
  z-index: 5;
  top: 0;
  right: -5px;
  bottom: 0;
  width: 10px;
  cursor: col-resize;
  touch-action: none;
}
.persisted-column-resize-handle::after {
  content: '';
  position: absolute;
  top: 18%;
  right: 4px;
  bottom: 18%;
  width: 1px;
  border-radius: 2px;
  background: #dfc4a4;
}
.persisted-column-resize-handle:hover::after,
.persisted-column-resize-handle.is-dragging::after {
  width: 2px;
  background: #a85d1f;
}
body.is-persisted-column-resizing,
body.is-persisted-column-resizing * {
  cursor: col-resize !important;
  user-select: none !important;
}
@media (max-width: 720px) {
  .persisted-column-resize-handle { display: none; }
}