*[draggable=true] {
    -moz-user-select:none;
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    -khtml-user-select: none;
    -webkit-user-select: none;
    cursor: move;
}

.dragElement {
    background-color: #90ee90;
    border: solid 2px #006400;
    cursor: pointer;
    display: block;
    height: 70px;
    width: 70px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#participants_zone {
    background-color: #aaddaa;
    border: solid 2px darkblue;
    min-height: 200px;
    margin-bottom: 14px;
    padding: 7px;
    display: inline-block;
    overflow:scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
#candidate_zone {
    background-color: #aaaadd;
    border: solid 2px darkblue;
    min-height: 200px;
    margin-bottom: 14px;
    padding: 7px;
    display: inline-block;
    overflow:scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
figure {
    display: inline-flex;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px;
    margin: 3px;
    background-color: #aaaaaa;
}

.pending {
    background-color: #cc8b00;
}

.error {
    background-color: #ff0000;
}

.success {
    background-color: #66AA66;
}

figure img {
    align: middle;
    display: table-caption;
}

@media (max-width: 576px) {
    #participants_zone, #candidate_zone {
        min-height: 150px;
    }
    figure .comment-img {
        width: 50px !important;
        height: auto;
    }
}