mf-treeview {
    overflow: auto;
    height: 100%;
    display: inline-block;
    width: 100%;
}
.mf-treeview-item.selected {
    background-color: rgb(200,200,200);
}
.mf-treeview-item.selected:hover,
.mf-treeview-item:hover {
    background-color: rgb(220,220,220);
}
mf-treeview .mf-treeview-level {
    padding-left: 10px;
}
mf-treeview .mf-treeview-state svg{
    display: none;
}
mf-treeview .mf-treeview-state svg {
    width: 10px;
}
mf-treeview .mf-treeview-state.expanded svg{
    display: inline-block;
}
mf-treeview .mf-treeview-state.collapsed svg{
    display: inline-block;
}
mf-treeview .mf-treeview-item-text {
    display: inline-block;
    cursor: pointer;
}