.tree ul{position:relative;padding:1em 0;white-space:nowrap;margin:0 auto;text-align:center}.tree ul::after{content:'';display:table;clear:both}
.tree ul.tree-end>li>a{border-radius:50%}.tree .header-diagram-box{padding:.3rem .3rem .3rem .3rem;margin-bottom:1rem;border-bottom:1px solid #f7f7f7}
.tree .header-diagram-box i{cursor:pointer}.tree .header-diagram-box i:hover{color:#048ba8}.tree li{display:inline-block;vertical-align:top;text-align:center;list-style-type:none;position:relative;padding:1em .5em 0 .5em}
.tree li::before,.tree li::after{content:'';position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:1em}
.tree li::after{right:auto;left:50%;border-left:1px solid #ccc}.tree li:only-child::after,.tree li:only-child::before{display:none}.tree li:only-child{padding-top:0}
.tree li:first-child::before,.tree li:last-child::after{border:0 none}.tree li:last-child::before{border-right:1px solid #ccc;border-radius:0 5px 0 0}
.tree li:first-child::after{border-radius:5px 0 0 0}.tree ul ul::before{content:'';position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:1em}
.tree li a{border:1px solid #ccc;padding:.5em .75em;text-decoration:none;display:inline-block;border-radius:5px;color:#333;position:relative;top:1px}.tree li a:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.tree li a:hover+ul li::after,.tree li a:hover+ul li::before,.tree li a:hover+ul::before,.tree li a:hover+ul ul::before{border-color:#048ba8}.no-tree-action{cursor:not-allowed}