/*!
 * Copyright (c) Scholaro, Inc. All rights reserved.
 * Styles for table row drag-and-drop reordering
 */

.drag-column {
    width: 30px;
    min-width: 30px;
}

.drag-handle {
    cursor: grab;
    text-align: center;
    user-select: none;
    color: #999;
}

.drag-handle:hover {
    color: #333;
}

.drag-handle:active {
    cursor: grabbing;
}

.drag-icon {
    font-size: 14px;
}

tr.dragging {
    opacity: 0.5;
    background-color: #f0f0f0;
}

tr.drag-over {
    border-top: 2px solid #56707D;
}