.treeview li.expandable > ul {
    display: none;
}
.treeview li.collapsable > ul {
    display: block;
}
.treeview .hitarea {
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
    margin-top: 0.4rem;
}
.treeview .hitarea.expandable-hitarea {
    background: url('./img/sidebar-nav-right.svg');
    background-repeat: no-repeat;
    background-position: left -2px top 0;
    background-size: 20px 20px;
}
.treeview #current > .hitarea.expandable-hitarea {
    background: url('./img/sidebar-nav-right-white.svg') !important;
}
.treeview .hitarea.collapsable-hitarea {
    background: url('./img/sidebar-nav-down.svg');
    background-repeat: no-repeat;
    background-position: left -2px top 1px;
    background-size: 20px 20px;
}
.treeview #current > .hitarea.collapsable-hitarea {
    background: url('./img/sidebar-nav-down-white.svg') !important;
}
.treeview {
    padding: 0 0 0 1.6rem;
    margin: 0;
}
.treeview li {
    position: relative;
}
.treeview li.expandable,
.treeview li.collapsable {
    margin: 0;
}
.treeview li ul {
    margin: 0;
    padding: 0;
}
.treeview li ul li {
    margin: 0;
    padding: 0 0 0 1rem;
}
.treeview li {
    background: no-repeat;
}
/* link left offset */
.treeview > li a {
    padding-left: 24px;
    margin-left: -24px;
}
.treeview > li ul > li a {
    padding-left: 39px;
    margin-left: -39px;
}
.treeview > li ul > li ul > li a {
    padding-left: 54px;
    margin-left: -54px;
}
.treeview > li ul > li ul > li ul > li a {
    padding-left: 69px;
    margin-left: -69px;
}
.treeview > li ul > li ul > li ul > li ul > li a {
    padding-left: 84px;
    margin-left: -84px;
}
.treeview > li ul > li ul > li ul > li ul > li ul > li a {
    padding-left: 99px;
    margin-left: -99px;
}
.treeview > li ul > li ul > li ul > li ul > li ul > li ul > li a {
    padding-left: 114px;
    margin-left: -114px;
}
.treeview > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li a {
    padding-left: 129px;
    margin-left: -129px;
}
.treeview > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li a {
    padding-left: 144px;
    margin-left: -144px;
}
.treeview > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li a {
    padding-left: 159px;
    margin-left: -159px;
}