.treeview,.treeview ul{list-style:none;padding:0;margin:0}
.treeview ul{padding-left:18px}
.treeview li{padding:0;margin:0;line-height:24px;position:relative;background:url("data:image/svg+xml,%3Csvg width='18' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='9' y1='0' x2='9' y2='24' stroke='%23ddd'/%3E%3C/svg%3E") repeat-y 0 0}
.treeview li:last-child{background:none}
.treeview li:last-child:before{content:'';position:absolute;left:0;top:0;width:18px;height:12px;background:url("data:image/svg+xml,%3Csvg width='18' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='9' y1='0' x2='9' y2='12' stroke='%23ddd'/%3E%3C/svg%3E") repeat-y 0 0}
.treeview li .hitarea{position:absolute;left:0;top:0;width:18px;height:24px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg width='18' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='9' y1='12' x2='17' y2='12' stroke='%23ddd'/%3E%3C/svg%3E") no-repeat;z-index:1}
.treeview li.collapsable>.hitarea,.treeview li.expandable>.hitarea{background:url("data:image/svg+xml,%3Csvg width='18' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='9' width='12' height='12' rx='2' fill='%23fff' stroke='%23999'/%3E%3Cline x1='9' y1='12' x2='17' y2='12' stroke='%23ddd'/%3E%3C/svg%3E") no-repeat}
.treeview li.collapsable>.hitarea:after,.treeview li.expandable>.hitarea:after{content:'';position:absolute;left:5px;top:10px;width:8px;height:2px;background:#555}
.treeview li.expandable>.hitarea:before{content:'';position:absolute;left:8px;top:7px;width:2px;height:8px;background:#555}
.treeview li .node-text{display:inline-block;margin-left:18px;padding:1px 6px;cursor:pointer;font-size:13px;color:#555;border-radius:3px;line-height:22px}
.treeview li .node-text:hover{color:#e74c3c;background:#fff5f5}
.treeview li .node-text.active{color:#e74c3c;font-weight:bold;background:#fff5f5}
.treeview li .node-count{font-size:10px;color:#bbb;margin-left:3px}
.treeview li.collapsable>ul{display:block}
.treeview li.expandable>ul{display:none}
.treeview .file>.hitarea{background:url("data:image/svg+xml,%3Csvg width='18' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='9' y1='12' x2='17' y2='12' stroke='%23ddd'/%3E%3C/svg%3E") no-repeat;cursor:default}