.card #sortable1{background-color: #519353; border: 2px solid #111111; border-radius: 3px;padding: 15px;} .card #sortable2{background-color: #333333; border: 2px solid #111111; border-radius: 3px;padding: 15px;} .card #sortable3{background-color: #D65757; border: 2px solid #111111; border-radius: 3px;padding: 15px;} .card #sortable1 li, .card #sortable2 li, .card #sortable3 li { color: #ffffff; cursor: move; height: 25px; line-height: 25px; margin: 5px 0; outline: 0 none; padding: 5px; position: relative; text-indent: 5px; text-transform: capitalize; background-color: rgb(78,82,91); border-top: none; border-bottom: none; border-left: 3px solid #222; border-right: none;} .card #sortable1 li {background: #FFFFFF; color: #333 } .card #sortable2 li {background: rgb(78,82,91); color: #fff } .card #sortable3 li {background: #FFFFFF; color: #333 } .card .ui-sortable li.ui-state-default:after { content: "\f0c9"; display: inline-block; font-family: "FontAwesome"; position: absolute; right: 18px; top: 0px; text-align: center; line-height: 35px; color: #333333; text-shadow: 0px 0px 0px rgba(0,0,0,0); cursor: move;} .wrap .card ul li.ui-sortable-placeholder { border: 2px dashed #cccccc !important;visibility: visible !important;} .wrap .card ul li.ui-sortable-placeholder.ui-state-default:after{ visibility: hidden !important; } .card #sortable1 li span, .card #sortable2 li span{ text-transform: lowercase;} .card { float: left; margin-right: 2%; width: 31%;} .ams-update-wrap { min-height: 40px;margin-top: 10px;} .ams-msg{background: #fff; border-left: 4px solid #46b450; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin: 0; padding: 1px 12px;} .ams-msg > p { margin: 5px 0; } .card{ height: 350px; } .card:last-child { height: 100px !important; }