.datachunk {
    border-color: #000;
}
.datachunk.highlight {
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px dashed;
    border-color: #fff;
    background-color: #25aef855;
    transition: background-color 1s, border-color 1s;
}
.datachunk.uploaded {
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px dashed;
    border-color: #fff;
    background-color: #25f84c55;
    transition: background-color 1s, border-color 1s;
}
.datachunk.disabled {
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px dashed;
    border-color: #fff;
    background-color: #f8252555;
    transition: background-color 1s, border-color 1s;
}
/* .conflicts {
    background-color: #f8c72555;
} */
.datachunk:hover {
    cursor: grab;
    background-color: #1a6f9d;
    color: #fff;
}
.datachunk.conflicts:hover {
    background-color: #656b12;
}
.datachunk.uploaded:hover {
    cursor: not-allowed;
    background-color: #156b12;
}
.datachunk.disabled:hover {
    cursor: not-allowed;
    background-color: #6b1212;
}