.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    width:100%;
    #background-color:#fbfbfb;
    #border:1px solid #999;
    color:white;
    word-wrap: break-word;
    #box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree ul{
    left:25px;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative;
    left:0px;
    width:100%;
}
.tree li::before, .tree li::after {
    /*content:'';
    left:-20px;
    position:absolute;
    right:auto*/
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    #border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
li button {
  cursor:pointer;
	width:70%;
  white-space:normal !important;
  word-wrap:break-word; 
  text-align:left !important;
	#padding-left:1px !important;
}
li img {
    margin-left:5px;
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
/*.tree li.parent_li>button:hover, .tree li.parent_li>button:hover+ul li button {
    background:white;
    border:1px solid white;
    color:#000
}*/
.tree-obj{
  left:25px !important;
  border-left:1px solid #2e6da4;
  word-wrap: break-word;
  bottom:50px;
  height:100%;
  top:0;
  width:1px;
}
.root > button{
width:100% !important;
 word-wrap: break-word;
 white-space: normal;
}
.tree-edit{
	margin-left:10px;
	height:20px;
	cursor:pointer;
}