/* SNAPPING BRUSH */

body {
    font-family: sans-serif;
    text-rendering: optimizeLegibility;

      /* This prevents accidental selection of text by dragging */
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  /*
    Introduced in IE 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
  }

.axis {
  font: 12px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.handle path {
  fill: #666;
  fill-opacity: .8;
  stroke: #000;
  stroke-width: 1.5px;
}

.brush_snapping .selection {
  stroke: #fff;
  stroke-opacity: .6;
  stroke-width: 2px;
  fill-opacity: .1;
  shape-rendering: crispEdges;
}

/* END SNAPPING BRUSH */

/* COORDINATED VIEWS */

svg {
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

g.points g.glyph{
  fill-opacity: 1
}

g.inactive_histogram g.glyph, g.inactive_sunburst g.glyph{
  fill-opacity: 0.1
}  

g.inactive_histogram text, g.inactive_sunburst text {
  fill-opacity: 0
}

.axis .tick line {
  stroke: #000;
}

.node_label {
  font: 11px sans-serif;
}

.cluster_title {
  font-weight: bold;
  font-family: sans-serif;
}

.cluster_title tspan:hover{
  fill: #9E1E50
}

.big.cluster_title {
  fill: #666;
}

.medium.cluster_title  {
  fill: #555;
}

.small.cluster_title  {
  fill: #444;
}

/* END COORDINATED VIEWS */


/* SUNBURST */
.slice {
  cursor: pointer;
}

.slice .main-arc {
  stroke: #fff;
  stroke-width: 1px;
}

.slice .hidden-arc {
  fill: none;
}

.slice text {
  pointer-events: none;
  dominant-baseline: middle;
  text-anchor: middle;
  font-size: 11px;
}

#endlabel {
  font: 14px sans-serif;
  font-weight: 400;
}

#explanation {
  font: 12px sans-serif;
}

#endlabel, #explanation {
  fill: #000;
}

/* END SUNBURST */

/* TOOLTIP */

.d3-tip-all {
  line-height: 1;
  padding: 6px;
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  border-radius: 4px;
  font-size: 16px;
  font-family: sans-serif;
  max-width: 450px;
}

.d3-tip-augmented {
  line-height: 1;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip-augmented:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}

/* Southward tooltips */
.d3-tip.s:after {
  content: "\25B2";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* END TOOLTIP */

/* TABLE */

td, th {
  font-size: 12px;
  text-align: left;
  height: 30px;
  padding: 0px;
  border-collapse: collapse;
 
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* END TABLE */