.hirarchy_browser{
    display:block;
    margin-top:5px;
    margin-left:0px;
    padding-left:0px;
}
.hirarchy_browser li{
    list-style-type: none;
}
.expandable:before{
    content:'';
    display:inline-block;
    width:1em;
    height:1em;
    position:relative;
    box-sizing:border-box;
    margin-right:0.2em;
    top:0.1em;
}
.expandable:hover{
    opacity:0.8;
    cursor:pointer;
}
.expandable:active{
    opacity:0.6;
}
.expandable[data-expanded="true"] ul{
    display:block;
}
.expandable[data-expanded="true"]:before{
    border-top:0.5em solid #888;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    top:0.4em;
}
.expandable[data-expanded="false"] ul{
    display:none;
}
.expandable[data-expanded="false"]:before{
    border-top:0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-left: 0.5em solid #888;
    left:0.2em;
}