html.reset-all-cursors * {
	cursor: inherit !important;
}

drag-handle,
[drag-handle] {
	z-index: 3;
	cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

[draggable] {
	user-select: none;
}

.grabbed {
	cursor: move;
	cursor: grab;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.dragging {
	pointer-events: none;
}

.grippy {
	position: relative;
	overflow: hidden;
}

.grippy::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 6px;
  right: 6px;
  bottom: 9px;
  background-image: url('grippy.svg');
  background-size: 10px;
  background-repeat: repeat-y;
  background-repeat: round;
}

.grippy:hover,
.grippy.grabbed {
	background: rgba(0, 142, 137, .1);
}

.grippy-dark > .grippy {
	
}

.grippy-dark > .grippy::after {
	background-image: url('grippy-white.svg');
}

.grippy-dark > .grippy:hover,
.grippy-dark > .grippy.grabbed {
	background: rgba(0, 142, 137, .1)
}

.abs-left-grippy > .grippy,
.abs-right-grippy > .grippy {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
 	height: 100%;
 	border-top-left-radius: inherit;
 	border-bottom-left-radius: inherit;
}

.abs-left-grippy {
	padding-left: 20px;
}

.abs-right-grippy {
	padding-left: 20px;
}

.abs-left-grippy > .grippy {
	left: 0;
}

.abs-right-grippy > .grippy {
	right: 0;
}

.grippy.sm:after {
	top: 3px;
	bottom: 3px;
}

.grippy.xs:after {
	top: 1px;
	bottom: 1px;
}

.drop-above-preview {
	border-top: 2px solid #00b140;
}

.drop-below-preview {
	border-bottom: 2px solid #00b140;
}