.tree-editable-list{
  @include list-unstyled;
  li{
    ul{
      padding-left: 4.4rem;
    }
    .item-info{
      @include horizional-flex-align-center;
      background-color:#eee;
      padding: 3px 10px;
      border-bottom: $border-width solid #fff;
      .name{
        padding: 3px 10px;
        @include horizional-flex-align-center;
        display:block;
        font-size:$font-size;
        @include flex-adapter;
        height: 34px;
        line-height: 34px;
      }
      .checkbox{
        margin-right:6px;
        display:block;
      }
      .toggle-handler{
        display:block;
        margin-right:3px;
        color:#ccc;
        border-color:#ccc;
      }
      .sort-handler{
        color:#fff;
        width:34px;
        height:34px;
        line-height:32px;
        border:$border-width solid transparent;
        text-align:center;
        display:block;
        color:rgba(0, 0, 0, 0.3);
        font-size:16px;
        cursor:pointer;
      }
    }
    &.selected{
      &>.item-info{
        background-color:#169ef4;
        .name{
          color:#fff;
        }
        .icon-button{
          border-color: #fff;
          color: #fff;
        }
        .sort-handler{
          color:rgba(255, 255, 255, 0.8);
        }
      }
    }
  }
  ul{
    @include list-unstyled;
    &.closed{
      display:none;
    }
  }
}