/**
 * Created by prisme.io on 09/06/2017.
 */


 .red-ui-editableList-container {
     border: 1px solid $form-input-border-color;
     border-radius: 4px;
     padding: 5px;
     margin: 0;
     vertical-align: middle;
     box-sizing: border-box;

     .red-ui-editableList-list {
         list-style-type:none;
         margin: 0;
     }
     .red-ui-editabelList-item-placeholder {
         border: 2px dashed $secondary-border-color !important;
     }
     li {
         box-sizing: border-box;
         position: relative;
         background: #fff;
         margin:0;
         padding:8px 0px;
         border-bottom: 1px solid $secondary-border-color;
         min-height: 20px;
         .red-ui-editableList-item-handle {
             position: absolute;
             top: 50%;
             left: 2px;
             margin-top: -7px;
             color: #eee;
             cursor: move;
         }
         .red-ui-editableList-item-remove {
             position: absolute;
             top: 50%;
             right: 0px;
             margin-top: -9px;
         }
         &.ui-sortable-helper {
             border-top: 1px solid $secondary-border-color;
         }
         //.red-ui-editableList-item-content { outline: 1px solid red}

         &.red-ui-editableList-item-sortable .red-ui-editableList-item-content {
             margin-left: 22px;
         }
         &.red-ui-editableList-item-removable .red-ui-editableList-item-content {
             margin-right: 28px;
         }
         &.red-ui-editableList-item-deleting {
             background: #fee;
         }
     }

 }