.ui-sortablelist .sortable{
  overflow-y:auto;
  width: 100%;
  height:200px;
  display:inline-block;
  vertical-align:top;
  background-color: #FFF;
    padding: 5px;
}

.elements-div{
  display:inline-block;
}

.ui-sortablelist .header{
  background:#2196f3;
  font-size: 15px;
}

.ui-sortablelist .placeholder{
  background:#efefef;
  height: 1.5em; line-height: 1.2em;
}

.ui-sortablelist .ui-sortable-wrapper, .ui-sortablelist .ui-sortable-available-wrapper, .ui-sortablelist .ui-sortable-selected-wrapper{
    width:100%;
}

.ui-sortablelist .ui-sortable-available-wrapper, .ui-sortablelist .ui-sortable-selected-wrapper{
    border: 1px solid #cecece;
    border-top: none;
}

.ui-sortablelist .ui-sortable-wrapper, .ui-sortablelist .ui-sortable-available-wrapper{
    table-layout: fixed;
}

.ui-sortablelist .ui-btn{
    background: none!important;
    border: none;
    padding: 0!important;
    color: #f0f5f7;
    text-decoration: underline;
    cursor: pointer;
    width: auto !important;
    float: right;
}

.ui-sortablelist .ui-available-count, .ui-sortablelist .ui-selected-count{
    color:#FFF;
}

.ui-sortablelist .sortable .fa{
    float: right;
    padding-top: 5px;
    color: #6c757d;
    cursor: pointer;
}

.ui-sortable-item{
    padding: 0px 3px;
    box-shadow: 0px 2px 4px 0px #ccc;
    margin-bottom: 5px;
    cursor: pointer;
    word-break: break-word;
}

.ui-sortablelist .header td {
    padding: 0px 5px;
    white-space: nowrap;
}

.ui-sortablelist .ui-sortable-helper{
    z-index:10000;
}

.ui-sortablelist .ui-sortable-available-wrapper .fa::before{
    content: "\f067";
}

.ui-sortablelist .ui-sortable-selected-wrapper .fa::before{
    content: "\f068";
}