#chooser-box {
    display: grid;
    width: 590px;
    grid-template-columns: 265px 265px;
    column-gap: 50px;
    
}
.cbox-field,
.cbox-field-fixed {
    background: #F2F2F2;
    border: 1px outset transparent;
    margin: 5px;
    /* padding: 5px; */
    border-radius: 5px;
}

.cbox-field-selected {
    border: 1px solid goldenrod;
    background: gold;
}

.cbox-field-fixed-selected {
    border: 1px solid red;
    background: salmon;
}

.cbox-field:hover {
    outline: #cacaca solid 1px;
}

.cbox-field[draggable="true"],
.cbox-field-fixed[draggable="true"] {
    cursor: grab;
}

.cbox-field[draggable="true"]:active,
.cbox-field-fixed[draggable="true"]:active {
    cursor: grabbing;
}

.cbox-field-list {
    width: 275px;
    height: 300px;
    margin: 0px;
    padding: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.cbox-source-list {
    border: 1px inset #cacaca;
}

.cbox-destination-list {
    border: 1px inset #cacaca;
}

.cbox-placeholder {
    margin: 5px;
    border-radius: 5px;
    visibility: hidden;
}