.content {
    overflow: auto;
    position: relative;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    max-width: 97%;
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color : #fff;
}
hr { border-top: 1px solid e6e6e6; }
h5 { color: #6156ce; }
#sortable ul {
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
#sortable li {
    margin: 10px 40px;
    background: #e7ebf3;
    border-radius: 4px;
    padding: 11px 10px;
    color: #3b3f5c;
}
#sortable .ui-sortable-helper {
    background: #6156ce;
    color: #fff;
}
#sortable2 ul {
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
#sortable2 li {
    margin: 10px 13px;
    background: #e7ebf3;
    padding: 12px 10px;
    color: #3b3f5c;
    border-radius: 4px;
}
#sortable2 li .media img {
    width: 40px;
    height: 40px;
    border: solid 3px #d1ccff;
}
#sortable2 .ui-sortable-helper {
    background: #6156ce;
    color: #fff;
}