/* Typography */
svg {
  display: block;
}
svg .chart-background {
  fill: transparent;
}
svg .axis line,
svg .axis path {
  fill: none;
  stroke: #aaa;
  stroke-width: 1px;
}
svg .axis .tick.minor line {
  stroke: #ddd;
  stroke-width: 2px;
}
svg text {
  cursor: default;
  fill: #888;
  font-size: 11px;
  shape-rendering: crispEdges;
}
.chart-horizontal-bar .axis line,
.chart-horizontal-bar .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
  stroke: #C7C7C7;
}
.chart-pie .arc path {
  stroke: #fff;
}
.chart-pie .legend.hovered text {
  stroke: none !important;
}
.chart-time-series .line {
  fill: none;
}
.chart-time-series .line.hovered {
  stroke-width: 3px;
}
.chart-time-series .axis .tick {
  fill: none;
  stroke: #aaaaaa;
  stroke-width: 1px;
  stroke-dasharray: 1px, 3px;
  opacity: 1;
  font-size: 11px;
}
.chart-time-series .axis .tick.major {
  stroke-dasharray: none;
}
.chart-time-series .axis path {
  opacity: 0;
}
.chart-vertical-bar .axis .tick,
.chart-vertical-bar-advanced .axis .tick,
.chart-grouped-bar .axis .tick {
  fill: none;
  stroke: #aaaaaa;
  stroke-width: 1px;
  stroke-dasharray: 1px, 3px;
  opacity: 1;
}
.chart-vertical-bar .axis .tick.major,
.chart-vertical-bar-advanced .axis .tick.major,
.chart-grouped-bar .axis .tick.major {
  stroke-dasharray: none;
}
.chart-vertical-bar .axis path,
.chart-vertical-bar-advanced .axis path,
.chart-grouped-bar .axis path {
  opacity: 0;
}
.chart-stacked-vertical-bar rect {
  stroke: white;
}
.chart-stacked-vertical-bar rect.hovered {
  stroke: white !important;
}
.chart-scatter .axis .tick {
  fill: none;
  stroke: #aaaaaa;
  stroke-width: 1px;
  stroke-dasharray: 1px, 3px;
  opacity: 1;
}
.chart-scatter .axis path {
  opacity: 0;
}
circle {
  stroke-width: 1px;
  stroke: rgba(0, 0, 0, 0.1);
}
.chart-brush circle {
  -webkit-transition: fill-opacity 250ms linear;
}
.chart-brush .selecting circle {
  fill-opacity: .2;
}
.chart-brush .selecting circle.selected {
  stroke: #f00;
}
.chart-brush .resize path {
  fill: #666;
  fill-opacity: .8;
  stroke: #000;
  stroke-width: 1.5px;
}
.chart-brush .axis path,
.chart-brush .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.chart-brush .brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
.chart-frame .chart-tooltip .background,
.chart-frame .chart-tooltip .callout-tail {
  fill: #08c !important;
  stroke: #08c !important;
}
.chart-frame .chart-tooltip line,
.chart-frame .chart-tooltip path,
.chart-frame .chart-tooltip rect {
  stroke-width: 1px;
}
.chart-frame .hovered {
  fill: #08c !important;
  stroke: #08c !important;
}
.chart-frame .hovered line,
.chart-frame .hovered path,
.chart-frame .hovered rect,
.chart-frame .hovered circle,
.chart-frame .hovered text {
  fill: #08c !important;
  stroke: #08c !important;
}
.chart-frame .series path.hovered {
  fill: none !important;
}
.chart-float-tooltip {
  position: absolute;
  top: 50px;
  left: 50px;
  background: #555;
  color: #eee;
  padding: 5px;
  font-size: 12px;
  z-index: 10;
  line-height: 14px;
  border: solid 1px rgba(255, 255, 255, 0.25);
}
.chart-float-tooltip .tip-label {
  display: block;
}

.ember-tooltip,
.ember-popover {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  font-size: 14px;
  font-family: inherit;
  border-radius: 3px; }

.ember-popover {
  color: #000;
  background-color: #fff;
  padding: 10px 20px;
  border: 1px solid #ccc; }

.ember-popover[aria-hidden="false"] {
  pointer-events: auto;
  cursor: initial;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto; }

.ember-tooltip {
  max-width: 200px;
  padding: 6px 10px;
  color: #fff;
  background: #3a3c47;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
  white-space: normal;
  white-space: initial; }
  .ember-tooltip:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    margin: -5px;
    background: inherit;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-top:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-top-left:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-top-right:after {
    bottom: 0; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-bottom:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-bottom-left:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-bottom-right:after {
    top: 0; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-top:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-bottom:after {
    left: 50%; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-top-left:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-bottom-left:after {
    right: 15px; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-top-right:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-bottom-right:after {
    left: 15px; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-left:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-left-top:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-left-bottom:after {
    right: 0; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-right:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-right-top:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-right-bottom:after {
    left: 0; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-left:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-right:after {
    top: 50%; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-left-top:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-right-top:after {
    bottom: 15px; }
  .ember-tooltip.ember-tooltip-or-popover-target-attached-left-bottom:after, .ember-tooltip.ember-tooltip-or-popover-target-attached-right-bottom:after {
    top: 15px; }

/* Fade */
.ember-tooltip,
.ember-popover {
  opacity: 0; }
  .ember-tooltip.ember-tooltip-or-popover-slide, .ember-tooltip.ember-tooltip-or-popover-fade,
  .ember-popover.ember-tooltip-or-popover-slide,
  .ember-popover.ember-tooltip-or-popover-fade {
    -webkit-transition: opacity 200ms ease-out, margin 200ms ease-out;
    transition: opacity 200ms ease-out, margin 200ms ease-out; }
  .ember-tooltip.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-top,
  .ember-popover.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-top {
    margin-top: 10px; }
  .ember-tooltip.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-right,
  .ember-popover.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-right {
    margin-left: -10px; }
  .ember-tooltip.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-bottom,
  .ember-popover.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-bottom {
    margin-top: -10px; }
  .ember-tooltip.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-left,
  .ember-popover.ember-tooltip-or-popover-slide.ember-tooltip-or-popover-target-attached-left {
    margin-left: 10px; }
  .ember-tooltip[aria-hidden="false"],
  .ember-popover[aria-hidden="false"] {
    opacity: 1;
    transition-duration: 100ms; }
    .ember-tooltip[aria-hidden="false"].ember-tooltip-or-popover-slide,
    .ember-popover[aria-hidden="false"].ember-tooltip-or-popover-slide {
      margin: 0px; }