.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 #3498db;
}
.sortable-item {
cursor: move;
display: block;
text-align: center;
background-color: #0098ff;
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;}