#logel { margin: 1em; height: 20%; width: 50%; cols: "60"; rows: "15"; overflow: scroll;}

#viewer {padding: 1em; }
table { border-collapse: collapse;  }

tr {padding-top: 1em; border-bottom: 1px solid #ccc;}
.highlight {
    color: yellow;
}
[data-tp~=array] > tr {border-bottom: 1px solid black;}
tr:last-child {border-bottom: none;}
[data-tp~=xdict] {border-bottom: 3px solid yellow;}
[data-tp~=item]  {padding-bottom: 1em;}
[data-tp~=prop] {
    text-align: right;
    vertical-align: top;
    background-color: #eee;
    padding: 0 .4em;}
[data-tp~=val] {padding: 0 .4em;}
[data-tp~=val]>[data-tp~=array] {padding: 0 0em;}
[data-tp~=prop]:after {content: " : ";}

[actvEdtNode] {border-left:2px solid blue; color: red;}
#editPnl { background-color: hsl(360, 80%, 90%); padding: 1em; position: fixed; top: 1em; height: 30%;}
#editPnl #editCtls { display: flex; justify-content: space-between;}
#editPnl #editCtls button {margin: .5em 1em; }
#jsonView { width: 100%; height: auto; }