.d-diag {
  margin: 26px;
}
.d-diag td, .d-diag tr {
  border: 0;
  margin: 0;
  padding: 0;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.d-diag tr {
  background-color: white;
  vertical-align: middle;
}
table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0;
}
.d-diag table, .d-diag tbody, .d-diag thead {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  max-width: calc(100% - 400px);
  font-size: 10pt;
}
.d-focus, .d-fd, .d-primitive, .d-attr, .d-prop, .d-ndprop, .d-value, .d-ndvalue, .d-ndcoding {
  color: black;
  padding: 0 4px;
  /* height: 26px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 360px;
}
.d-fd {
  background-color: #ccf;
  border: double 3px black;
}
.d-primitive {
  background-color: #9cf;
  border: solid 1px black;
}
.d-attr {
  background-color: #ffc;
  border: solid 1px black;
  border-radius: 6px;
  padding: 2px 4px;
}
.d-prop {
  background-color: #fc9;
  border: solid 1px black;
  border-radius: 6px;
}
.d-value {
  background-color: #cfc;
  border: solid 1px black;
}
.d-ndprop {
  background-color: #c99;
  border: solid 1px black;
  border-radius: 6px;
  padding: 2px 4px;
}
.d-ndvalue {
  background-color: #9c9;
  border: solid 1px black;
  padding: 0 4px;
  /* display: inline-block; */
}
.d-ndcoding {
  background-color: #cc6;
  border: solid 1px black;
  padding: 0 4px;
  /* display: inline-block; */
}
.d-unk {
  font-style: italic;
  border-style: dashed;
}
.d-groupname {
  height: 23px;
}
.d-empty, .d-equiv, .d-subtype, .d-edge, .d-strut, .d-link, .d-tee, .d-down, .d-and-down, .d-cnr-start, .d-cnr-end, .d-group, .d-arrow {
  height: 26px;
  width: 26px;
}
.d-strut {
  width: 0;
}
.d-link {
  padding: 6px 8px;
}
.d-definition {
  display: block;
  border: solid 0.8px lightgrey;
  border-radius: 6px;
  min-width: 600px;
  max-width: 800px;
  white-space: normal;
  text-overflow: unset;
  padding: 6px;
}
.d-definition::before {
  font-weight: bold;
  content: 'Defintion: '
}
.d-subtype-focus {
  height: 17.5px;
}
.d-equiv-focus {
  height: 23.5px;
}
.d-equiv {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M10,0V15H26'></path><circle style='fill:white;stroke:black;stroke-width:1px;' r='9' cx='10' cy='16'/><path style='fill:none;stroke:black;stroke-width:1px;' d='M6,13H14'/><path style='fill:none;stroke:black;stroke-width:1px;' d='M6,16H14'/><path style='fill:none;stroke:black;stroke-width:1px;' d='M6,19H14'/></g></svg>");
}
.d-subtype {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M10,0V15H26'></path><circle style='fill:white;stroke:black;stroke-width:1px;' r='9' cx='10' cy='16'/><path style='fill:none;stroke:black;stroke-width:1px;' d='M6,19.5H14'/><path style='fill:none;stroke:black;stroke-width:1px;' d='M14,12.5H6.5V17.5H14'/></g></svg>");
}
.d-edge {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M0,15H26'></path></g></svg>");
}
.d-link {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26' height='20'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M0,15H26'></path></g></svg>");
}
.d-strut {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='0.5' height='20'><g></g></svg>");
}
.d-tee {
  background-image: url("data:image/svg+xml;utf8,<svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M15,0V36V15H26'></path></g></svg>");
}
.d-down {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M15,0V26'></path></g></svg>");
}
.d-and-down {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><circle r='3' cx='15' cy='15' /><path style='fill: none; stroke: black; stroke-width: 1px;' d='M0,15H15V26V15H26'></path></g></svg>");
}
.d-cnr-start {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M15,26V15H26'></path></g></svg>");
}
.d-cnr-end {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M15,0V15H26'></path></g></svg>");
}
.d-group {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: none; stroke: black; stroke-width: 1px;' d='M0,15H15H26'></path><circle style='fill: white; stroke: black; stroke-width: 1px;' r='6' cx='15' cy='15' /></g></svg>");
}
.d-arrow {
  background-image: url("data:image/svg+xml; utf8, <svg style='margin:0;padding:0;border:0;' xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' viewBox='0 0 26 26'><g><path style='fill: white; stroke: black; stroke-width: 1px;' d='M0,15H18 L18,11 L26,15 L18,19 L18,15'></path></g></svg>");
}