.pg-row { cursor: grab; }
.pg-row.dragging { opacity: 0.6; cursor: grabbing; }
.pg-row.drop-target { outline: 2px dashed #999; }

/* Clash highlight */
/* remove/ignore the old .pg-row.clash::before rule */

.pg-row.clash > td:first-child {            /* the first cell in the row */
    position: relative;                       /* positioning context */
  }

  .pg-row.saving > td:first-child::after{
    content:"";
    position:absolute; right:6px; top:6px;
    width:12px; height:12px;
    border:2px solid rgba(0,0,0,.25);
    border-left-color: transparent;
    border-radius:50%;
    animation: ids_spin .8s linear infinite;
  }
  @keyframes ids_spin { to { transform: rotate(360deg) } }  
  
  .pg-row.clash > td:first-child::before {
    content: "CLASH";
    position: absolute;
    top: 11px;
    left: 310px;
    z-index: 5;
    pointer-events: none;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: rgba(220,53,69,.9);
    border-radius: 3px;
    padding: 2px 6px;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }