.tree {
    min-height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.tree li {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative
}
.tree ul ul li:hover {
    background: rgba(0, 0, 0, .015)
}
.tree li:after,
.tree li:before {
    content: '';
    left: -20px;
    position: absolute;
    right: auto
}
.tree li:before {
    border-left: 1px solid #999;
    bottom: 50px;
    height: 100%;
    top: -11px;
    width: 1px;
    -webkit-transition: "border-color 0.1s ease 0.1s";
    -moz-transition: "border-color 0.1s ease 0.1s";
    -o-transition: "border-color 0.1s ease 0.1s";
    transition: "border-color 0.1s ease 0.1s"
}
.tree li:after {
    border-top: 1px solid #999;
    height: 20px;
    top: 18px;
    width: 25px
}
.tree li span {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px dotted #999;
    border-radius: 3px;
    display: inline-block;
    padding: 12px;
    text-decoration: none;
    margin-right: 10px;
    -webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    -moz-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    -o-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s;
    transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s
}
.tree li.parent_li>.title>span {
    cursor: pointer;
    padding: 12px;
    margin-right: 10px;
}
.tree>ul>li::after,
.tree>ul>li:before {
    border: 0
}
.tree li:last-child::before {
    height: 30px
}
/*.tree li.parent_li>.title:hover,*/
.tree li.parent_li>.title:hover+ul li span {
    background: #eee;
    border: 1px solid #94a0b4;
    color: #000
}
.tree>ul {
    padding-left: 0;
    margin-top:16px
}
.tree ul ul {
    padding-left: 34px;
    padding-top: 10px
}
.tree li.parent_li>.title:hover span {
    background-color: #e37063;
    border: 1px solid #c62210;
    color: #fff
}
.tree li.parent_li>.title:hover+ul li::before {
    border-left-color: #e83f2c
}
.tree li.parent_li>.title:hover+ul li::after {
    border-top-color: #e83f2c
}
.tree li.parent_li>.title:hover+ul li span {
    background: #ebc6c2!important;
    border: 1px solid #e83f2c;
    color: #000
}
.tree .fa.icon-minus-sign:before {
    content: "\f056"!important
}
.tree .fa.icon-plus-sign:before {
    content: "\f055"!important
}
.tree .search {
	width:480px;
	max-width:100%;
	margin-left:10px;
}
.tree li.ui-draggable-dragging {
	position: fixed !important;
}
.tree li.ui-draggable-dragging span {
	background: #fff !important;
    border: 1px solid #94a0b4 !important;
    color: #000 !important;
    opacity: 0.75;
}
.tree li.ui-draggable-dragging::before,.tree li.ui-draggable-dragging::after {
	border:0 none;
	width: auto;
	height: auto;
}
.tree .ui-state-highlight {
	background: rgb(188, 253, 179) !important;
	border-color: rgb(71, 250, 55) !important;
}
.tree .title {
	display:flex;
}
.tree a, .tree a:hover {
	text-decoration: none;
	color: #333;
}