.treemenu li {
    list-style: none;
}

.treemenu .toggler {
    cursor: pointer;
}

    .treemenu .toggler:before {
        display: inline-block;
        margin-right: 2pt;
    }

li.tree-empty > .toggler {
    color: #fff;
}

    li.tree-empty > .toggler:before {
        content: "\2212";
    }

li.tree-closed > .toggler:before {
    content: "+";
}

li.tree-opened > .toggler:before {
    content: "\2212";
}


.tree {
    color: #fff;
    width: auto;
    font-weight: 600;
    margin-left: 10px;
}

    .tree li,
    .tree li > a,
    .tree li > span {
        padding: 0pt 0pt 0pt 4pt;
        border-radius: 4px;
    }
        .tree li > span {
        /*display: inline-block;*/
        vertical-align: top;
        /*margin-top:-20px;*/
        }

        .tree li a {
            color: #fff;
            text-decoration: none;
            line-height: 20pt;
            border-radius: 4px;
        }

            .tree li a:hover {
                background-color: #34BC9D;
                color: #fff;
            }

.liactive {
    color: yellow;
}

    .liactive a {
        color: yellow;
    }

.tree li a.liactive:hover {
    background-color: #34BC9D;
}