.dragAndDrop-active *:not(.dragAndDrop-dropZone) {
    pointer-events: none;
}

.dragAndDrop-preventTextSelect {
    user-select: none;
}


.dragAndDrop-dropInsertBefore, .dragAndDrop-dropInsertAfter, .dragAndDrop-dropInsertAsChild {
    position: relative;
}

.dragAndDrop-dropInsertBefore:after {
    content: '';
    position: absolute;
    background-color: #6e94ff;
    height: 2px;
    top: -1px;
    left: 0;
    right: 0;
    pointer-events: none;
}

.dragAndDrop-dropInsertAfter:after {
    content: '';
    position: absolute;
    background-color: #6e94ff;
    height: 2px;
    bottom: -1px;
    left: 0;
    right: 0;
    pointer-events: none;
}

.dragAndDrop-dropInsertAsChild:after {
    content: '';
    position: absolute;
    border: 2px solid #6e94ff;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    pointer-events: none;
}

.dragAndDrop-handle {
    width: 14px;
    /* height: 14px; */
    display: inline-block;
    /* overflow: hidden; */
    line-height: 5px;
    /*padding: 3px 4px;*/
    cursor: move;
    vertical-align: middle;
    margin-top: -7px;
    /*margin-right: .3em;*/
    font-size: 22px;
    font-family: sans-serif;
    letter-spacing: 0px;
    color: #999;
    /* border: solid 1px black; */
    white-space: pre-line;
}

.dragAndDrop-handle::after {
    content: '\22C5\22C5\000D\22C5\22C5\000D\22C5\22C5'
}