.unselectable {
    -moz-user-select: -moz-none,
    -moz-user-select: none,
    -o-user-select: none,
    -khtml-user-select: none,
    -webkit-user-select: none,
    -ms-user-select: none,
    user-select: none
}

.dragaware {
    cursor: pointer;
}

.draggable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    pointer-events:none; /* disable mouse events on the clone */
}

.draggable.dragging, .draggable .dragging {
    opacity: 0.5;
}

.draggable_clone,.sortable_clone{
    transform: scale(0.7) rotate(-10deg);
}

.sortable .sortable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    list-style-type: none;
    opacity: 0.5;
}

.sortable .sortable_placeholder {
    box-sizing: border-box;
    list-style-type: none;
    background: #eee;
    border: 2px dotted #8eba0d;
}
.hovering{
    animation: animate 3s linear infinite;
}

.bye {
    opacity: 1;
    transition: opacity .5s ease;
    animation: bye .4s ease forwards;
}

.comeback {
    opacity: 1;
    transition: opacity .5s ease;
    animation: comeback .4s ease forwards;
}

.transform-scale-0{
    transform: scale(0);
}

@keyframes animate {
	0% {
        box-shadow: 0 1px 1px 0 rgb(3, 255, 108), 0 -1px 17px 0 rgb(3, 255, 108);
	}
	50% {
		box-shadow: 0 1px 1px 0 rgba(3, 255, 108, 0.685), 0 -1px 17px 0 rgba(3, 255, 108, 0.685);
	}
	100% {
		box-shadow: 0 1px 1px 0 rgba(141, 255, 189, 0.952), 0 -1px 17px 0 rgba(141, 255, 189, 0.952);
	}
}
@keyframes bye {
    0% {
        transform: scale(1) rotate(-1deg)
    }
    50% {
        transform: scale(1.1) rotate(-2deg)
    }
    100% {
        transform: scale(0) rotate(3deg)
    }
}

@keyframes comeback {
    0% {
        transform: scale(0) rotate(3deg)
    }
    50% {
        transform: scale(1.1) rotate(-2deg)
    }
    100% {
        transform: scale(1) rotate(-1deg)
    }
}