﻿/*@media (min-width: 1px) {
    .svg-container {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100% !important;
        vertical-align: top;
        overflow: hidden;
    }

        .svg-container svg {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
        }
}*/
.img-map-container {
  display: none; }

@media (max-width: 1px) {
  .svg-container {
    padding-bottom: 0 !important; } }

text {
  font-family: 'Source Sans Pro', sans-serif; }

.hidden {
  display: none; }

.chart-pointer {
  cursor: pointer; }

g.labels text, g.labels rect, g.labels circle, text.multipoint, rect.bgbar, g.node text, rect.clone, path.clone, g.label treemap, .labelBG.treemap {
  pointer-events: none; }

g.label.sankey text {
  pointer-events: all; }

g.label.line rect, .labelBG:not(.bar):not(.pie):not(.treemap) {
  fill: white; }

g.label text.label {
  font-weight: bold; }

g.label text.value {
  font-weight: normal; }

.chart-tooltip {
  line-height: 1;
  font-weight: bold;
  padding: 15px;
  background-color: #000;
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  border-radius: 2px;
  border: 1px solid #999;
  font-size: 12px;
  position: absolute;
  z-index: 999999;
  overflow: hidden; }
  .chart-tooltip p {
    margin: 0; }
  .chart-tooltip .tt-title {
    font-weight: normal;
    font-size: 11px;
    line-height: 11px; }
  .chart-tooltip.theme-dark {
    background-color: #2d2d2d;
    color: white;
    border: 1px solid #3c3c3c; }
    .chart-tooltip.theme-dark p {
      color: white; }
  .chart-tooltip.theme-light {
    background-color: white;
    color: #2d2d2d;
    border: 1px solid #f0f0f0; }
    .chart-tooltip.theme-light p {
      color: #2d2d2d; }

.labels text, g.points text {
  pointer-events: none; }

g.bar .label.middle {
  text-anchor: middle; }

g.bar .label.start {
  text-anchor: start; }

g.node rect:hover, g.node rect.hover {
  opacity: 0.7; }

g.area, g.bar > rect, g.points > .point {
  transition: opacity 0.5s; }

g.area.hover, g.bar.hover > rect:not(.hoverbar), g.points > .point.hover {
  stroke: #000 !important;
  stroke-width: 1px !important;
  stroke-opacity: 0.5;
  z-index: 999;
  /*fill:#ff0000 !important;*/
  /*opacity: 0.6;*/ }

g.links path.link {
  fill: transparent;
  pointer-events: stroke; }

g.links path.link.unfocus, g.nodes g.node rect.unfocus {
  opacity: 0.1 !important; }

g.links path.link.focus, g.nodes g.node rect.focus {
  opacity: 1 !important; }

g.radar {
  fill-opacity: 0.3;
  stroke-opacity: 1; }

g.radar text {
  fill-opacity: 1; }

g.radar.line {
  stroke-opacity: 0.6;
  fill-opacity: 0; }

g.radar.hover {
  fill-opacity: 0.8; }

g.radar.line.hover {
  stroke-opacity: 0.9;
  fill-opacity: 0; }

g.radar.empty {
  fill-opacity: 0; }

g.radar.empty text {
  fill-opacity: 0; }

g.radar.line.empty {
  stroke-opacity: 0.2;
  fill-opacity: 0; }

g.line.empty path {
  opacity: 0.1; }

g.elements line.average, g.elements line.regression, g.elements g.avgline, g.label.pie rect.labelBG {
  pointer-events: none; }

.maphover {
  fill: gray !important; }

.mapcontainer {
  display: inline-block;
  font-size: 10px; }

.maplegend {
  display: inline-block;
  float: left; }

.maplegendempty {
  display: inline-block;
  margin-left: 20px;
  margin-top: 10px; }

.mapemptycolor {
  width: 40px;
  height: 15px;
  display: inline-block;
  float: left; }

.mapemptyvalue {
  display: inline-block;
  margin-left: 5px; }

.maplegend .legendlist .listitem {
  float: left;
  border-top-width: 15px;
  border-top-style: solid;
  color: black;
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  list-style: none; }

.maplegend .legendlist .listitem:first-child, .legendunit {
  margin-left: 12px; }

.maplegend .legendlist .listitem .legenditem {
  margin-left: -12px; }

.maplegend .legendlist .listitem.max {
  width: 0px; }

.mapsearch, .mapselect {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin: 0em 0.5em 0.5em 0em;
  position: relative;
  padding: 0.1em 0em;
  text-decoration: none;
  color: #282828;
  display: inline-block;
  min-width: 200px;
  max-width: 400px; }

.mapselect.period {
  min-width: 50px; }

.mapresetzoom {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin: 0em 0.5em 0.5em 0em;
  position: relative;
  padding: 0.1em 0em;
  text-decoration: none;
  color: #282828;
  display: inline-block; }

.mapsearch .inputareasearch, .mapselect .mapselected {
  border: none;
  padding-left: 5px;
  background-color: white; }

.mapsearch .showallarea, .mapselect .openmapselect {
  background-color: white;
  opacity: 1;
  border: none;
  cursor: pointer;
  float: right; }

.mapresetzoom .resetzoom {
  background-color: white;
  opacity: 1;
  border: none;
  cursor: pointer;
  display: inline-block; }

.mapselect {
  cursor: pointer; }

.mapselected {
  display: inline-block; }

.mapsearch .searchresults, .mapselect .mapselectlist {
  display: block;
  outline: 1px solid #cccccc;
  position: absolute;
  z-index: 1;
  max-height: 300px;
  overflow-y: scroll;
  background-color: white;
  padding-left: 5px;
  margin-top: 3px; }

.mapsearch .searchresults.hidden, .mapselect .mapselectlist.hidden {
  display: none; }

.mapsearch .searchresults .searchitem, .mapselect .mapselectlist .selectitem {
  width: 100%;
  background-color: white;
  opacity: 1;
  text-align: left;
  border: none;
  line-height: 30px;
  cursor: pointer; }

/* abf charts custom css*/
g.axes g.axislines line, g.axes g.axis.lines line {
  opacity: 0.7; }

svg g.chart g.y.axis.left.broken {
  opacity: 0.7; }

rect.bgbar {
  opacity: 0.2; }

g.bar .label {
  font-weight: bold; }

g.label {
  font-weight: bold; }

tspan.small {
  font-size: 70%;
  white-space: nowrap; }

.chart-accessible {
  position: absolute;
  background: white;
  border: 1px solid black;
  border-radius: 5px;
  padding: 10px;
  left: -100000px; }

.chart-accessible:focus {
  visibility: visible;
  left: 0px; }
