.compare-visualization > span {
	width: 50%; 
	height: 100%; 
	position: absolute;
}

.compare-visualization > span.right {
	right: 0;
}

.graph,
.list {
    cursor: default
}

.graph .node rect {
  fill: #FFF2CC;
  stroke-width: 2px;
  stroke: #A16D00;
}

.graph .node text {
  font-family: Verdana;
}

.graph .node:hover,
.graph .node.selected {
  opacity: 1;
}

.graph .node.selected rect,
.hovering .graph .node.selected rect,
.hovering .graph .node.selected.hovered.immediate rect {
  stroke: #0F4BFF;
  fill: #B3ECFF;
}

.graph .node.preview rect,
.hovering .graph .node.preview rect {
    fill: #EADAEC;
    stroke: #9A38A2;
}

.graph .edge {
  fill: none;
  stroke-width: 2.5px;
  stroke: #D19D00;
}

.minimap .edge {
  stroke-width: 2px;
  stroke: black;
  fill-opacity: 0;
}

.minimap .node rect {
  fill: #ddd;
  stroke-width: 2px;
  stroke: black;
}

.list .item rect {
  stroke: #0F4BFF;
  fill: #B3ECFF;
  fill-opacity: 0.5;
  stroke-width: 1;
  transition:fill 0.5s, stroke 0.5s;
  -webkit-transition:fill 0.5s, stroke 0.5s;
}

.list .item:hover rect {
  fill: #FFF2CC;
  stroke: #A16D00;
}

.list .item text {
  x: 50%;
  dy: 1em;
  text-anchor: middle;
  dominant-baseline: central;
}

.xtrace-tooltip {
    text-align: left;
}

.xtrace-tooltip .key {
    display: inline-block;
    float: left;
    width: 90px;
    font-weight: bold;  
}

.xtrace-tooltip .value {
    display: inline-block;
    float: left;
    word-wrap: break-word;
    max-width: 410px;
}

.xtrace-tooltip .clear {
    clear: both;
}

.context-menu .highlight {
    color: #7F2389;
}

.context-menu a:hover .highlight {
    color: #CA78D2;
}

text, tspan, .tipsy {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}