.datatreeview{border:1px solid #000;background-color:#fff}.datatreeview-list{list-style:none;padding-left:2em;margin:0}.datatreeview>.datatreeview-list{padding:1em;padding-left:3em}.datatreeview-node{position:relative}.datatreeview-node::after{content:"";height:.75em;width:1.625em;border-bottom:1px dashed #999;position:absolute;left:-1.625em;top:0}.datatreeview>.datatreeview-list>.datatreeview-node:first-child::before{content:"";width:1em;height:calc(100% + 1.75em);border-left:1px dashed #999;position:absolute;left:-1.625em;top:-1em}.datatreeview-node-content::after{content:"";width:1em;height:calc(100% - 2.375em);border-left:1px dashed #999;position:absolute;left:.375em;top:1.125em}.datatreeview-toggler{width:.75em;height:.75em;position:relative;border:1px solid #000;background:#fff;margin-top:.375em}.datatreeview-toggler::after{content:"";background-color:#000;width:.5em;height:2px;position:absolute;top:calc(50% - 1px);left:calc(50% - .25em)}.datatreeview-node-collapsed>.datatreeview-node-content>.datatreeview-toggler::before{content:"";background-color:#000;width:2px;height:.5em;position:absolute;top:calc(50% - .25em);left:calc(50% - 1px)}.datatreeview-text{margin-left:.5em;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.datatreeview-text:first-child{margin-left:1.25em}.datatreeview-field{margin-right:.5em}