Cacher is the code snippet organizer for pro developers

.dt-widget {

  &.dt-multiselector {
    li {
       padding: 5px;
       margin: 5px 0px;
       @include box-sizing(border-box);
    }

    .dt-multiselector-display li {

       display: none;

       &.dt-state-selected{
        display: block;
       }

    }

    .dt-multiselector-editing li{

      border: 1px solid transparent;
      cursor: pointer;

      &.dt-state-selected {
         border-color: #ccc;
      }
    }

  }
  
}

.dt-multiselector-section {
   position: relative;
   > .dt-widget-header {
     overflow:hidden;
     line-height: 25px;
     padding-bottom: 5px;
     margin-bottom: 10px;
     border-bottom: 1px solid #ccc;
     > span {
        display: inline-block;
        max-width: 80%;
        overflow:hidden;
        white-space: nowrap;
        @include prefixer(text-overflow, ellipsis);
     }
   }
   .ui-button { 
     float: right; 
   }
   .dt-flyout {
     position:absolute;
     top: 25px;
     right: -10px;
     z-index: 5;

     width: 100%;
   }
}