/******************************************************************
 * Chart-Header
 *****************************************************************/

#chart-header {
  display: block;
  margin: auto;
  margin-top: 20px;
  padding: 5px 15px;
  display: block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 0.85em;
  font-weight: bold;
  height: 2em;
  line-height: 2.1em;
}

#chart-header.collapsed {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

#chart-header .chart-type-selection {
  float: left;
}

#chart-header .chart-type-selection ul li:hover {
  cursor: pointer;
}

#chart-header .chart-type-selection ul li.active,
#chart-header .chart-type-selection ul li.active:hover {
  cursor: default;
  font-weight: bold;
}

#chart-header #glossary-root-button {
  background:  #ddd;
  border: 1px solid #ccc;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  color: #000;
  cursor: pointer;
  height: 2em;
  line-height: 2.1em;
  margin: 0 20px 0 0;
  padding: 0.2em 0.4em;
  text-align: center;
}

#chart-header #glossary-root-button:hover {
  cursor: pointer;
}

#chart-breadcrumb ul {
  margin: 0px;
  padding: 0px;
}

#chart-breadcrumb ul li{
  list-style: none outside none;
  display: inline;
  line-height: inherit;
}

#chart-breadcrumb ul li a{
  font-size: 16px;
}
#chart-breadcrumb ul li a.active {
  font-weight: bold;
}
#chart-breadcrumb ul li a.active:hover {
  color: #000;
  cursor: default;
}

/******************************************************************
 * SVG
 *****************************************************************/

svg.visual-mapper-svg {
  display: block;
  margin: auto;
}


svg.visual-mapper-svg text {
  font-size: 11px;
}

svg.visual-mapper-svg rect {
  fill: none;
  pointer-events: all;
}

svg.visual-mapper-svg .node {
  border: solid 1px white;
  font: 10px sans-serif;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: 2px;
}

svg.visual-mapper-svg .cell.has-children:hover rect {
  opacity: 0.6;
  cursor: pointer;
}

svg.visual-mapper-svg .pagination-page-container.active:hover {
  cursor: default;
}

svg.visual-mapper-svg .pagination-page-container:hover {
  cursor: pointer;
}

svg.visual-mapper-svg .page-container {
  visibility: hidden;
}

svg.visual-mapper-svg .page-container.active {
  visibility: visible;
}

svg.visual-mapper-svg circle.invisibleConceptCircle,
svg.visual-mapper-svg circle.invisibleExportCircle {
  opacity: 0;
  fill: #000;
}

svg.visual-mapper-svg circle.invisibleConceptCircle:hover,
svg.visual-mapper-svg circle.invisibleExportCircle:hover {
  opacity: 0.1;
  fill: #000;
  cursor: pointer;
}

#export-canvas, #export-svg {
  display: none;
}