li.drag-sort-active{
    background: transparent;
    color: transparent;
    border: 1px solid #4ca1af;
}


.droppable {
    filter: grayscale(100%);
}

.droptarget {
    filter: grayscale(50%);
    border-top: 4px solid #ffffff;
}

.list-icon {
    margin-right: 1em;
}


.spinner {
    visibility: hidden;
    display: none;
    justify-self: right;
}
.loading {
    display: block;
    visibility: visible;
    animation: spin 1s infinite linear;
    margin-left: 1em;
}

@keyframes spin {
    from {
        transform: rotate(0deg);

    }
    to {
        transform: rotate(360deg);
    }
}