#mainContent > .panel > .panel-body {padding-top: 15px;}
#mainContent > .panel > .panel-footer {padding: 0 0 20px 0; margin: 0 30px;}
#mainContent > .panel > .panel-body > .row > .col-xs-6:first-child {padding-left: 0; padding-right: 20px;}
#mainContent > .panel > .panel-body > .row > .col-xs-6:last-child {padding-right: 0; padding-left: 20px;}
#mainContent > .panel > .panel-body > .row > .col-xs-6 > .drag-direction-icon {position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; left: -10px; top: 50%; margin-top: -10px; background: #fff; color: #505B63}
#mainContent > .panel > .panel-body > .row > .col-xs-6 + .col-xs-6 {border-left: 1px solid #d6dae3;}

.apps-heading {text-align: center; margin-bottom: 10px;}
.apps-container {padding: 5px 0; transition: background .2s;}
.apps-container.can-drop-here {background: #FFF3E0;}
.app-item {border-radius: 4px; padding: 8px 10px;}
.app-item:hover {background: #eceef4; cursor: move;}
.app-name {margin-top: 5px;}
.form-tips {margin-top: 15px;}
.app-item.drag-shadow {z-index: 1111; box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,0.045); border: 1px solid #d6dae3;}