.tree {
    min-height:20px;
    margin-bottom:20px;
    background-color: #fdfdfd;
    color: #333;
    width:240px;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:0 5px 0 0;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}

.tree li span {
    width: 240px;
    min-height: 39px;
    border-bottom:1px solid #D8D8D8;
    display:inline-block;
    padding:8px 19px 0 23px;
    text-decoration:none;
    background-color: #F8F8F8;
}
.tree li.parent_li>span {
    cursor:pointer
}

.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.second_font span,.second_font span:hover ,.second_font span:focus{
    color: #666!important;
}
.tree span:hover,.tree span:focus {
    color:#333
}
.tree_span,.treelevel:hover,.treelevel:focus{
    background: #F0F0F0!important;

}