.tree {
    margin-left: -24px;
}
.tree ul {
    list-style: none;
    margin-left: 1.5em;
}
.tree > ul {
    margin: 0;
}
.tree label {
    display: inline-block;
    cursor: pointer;
}
.tree label:before {
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    /* height: 16px; */
    margin-right: 8px;
    padding: 7px;
    width: 24px;
}
.tree label.folder-open:before {
    background-image: url(../img/leaf_open.png);
    margin-left: 24px;
}
.tree label.folder-closed:before {
    background-image: url(../img/leaf_closed.png);
    margin-left: 24px;
}
.tree input[type=checkbox] {
    margin-right: 8px;
}
.tree-open {
    display: block;
}
.tree-closed {
    display: none;
}