.input-button {
    background-color: #E2E2E2;
    border: 1px outset #AAA;
    color: #123;
    font-weight: bold;
    padding: 4px 5px;
}

.input-button:active {
    border-style: inset;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear,
.clearer {
    clear: both;
}

.clearer {
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/* Layout */
#center-wrapper {
    margin: 0 auto;
    width: 800px;
}

/* Columns */
.column {
    margin-left: 2%;
    width: 32%;
}

.column.first {
    margin-left: 0;
}

/* Sortable items */
.sortable-list {
    /* background-color: rgb(226, 226, 226); */
    list-style: none;
    margin: 0;
    min-height: 60px;
    padding: 10px;
    border: 2px dashed #575757;
}

.sortable-item {
    cursor: move;
    display: block;
    text-align: center;
    background-color: #a1333d;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    margin-bottom: 5px;
    padding: 20px 0;
    font-weight: bold;
}

/* Disabled list */
#example-2-4 .sortable-list {
    background-color: #CCC;
}

#example-2-4 .sortable-item {
    cursor: default;
}