/* 
 * Highcharts CSP-Compliant Styled Mode
 * Replaces inline styles with CSS classes
 * Reference: https://www.highcharts.com/docs/chart-design-and-style/style-by-css
 */

/* Chart container */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* Background */
.highcharts-background {
  fill: #ffffff;
}

/* Plot background */
.highcharts-plot-background {
  fill: #ffffff;
}

/* Plot border */
.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}

/* Axis lines */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

/* Grid lines */
.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

/* Axis labels */
.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 11px;
}

/* Axis title */
.highcharts-axis-title {
  fill: #666666;
}

/* Series lines */
.highcharts-series-0 {
  stroke: #7cb5ec;
  fill: #7cb5ec;
}

.highcharts-series-1 {
  stroke: #434348;
  fill: #434348;
}

/* Line series */
.highcharts-line-series .highcharts-graph {
  fill: none;
  stroke-width: 2px;
}

/* Markers (points) */
.highcharts-point {
  stroke-width: 1px;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: rgba(247, 247, 247, 0.85);
  stroke: #999999;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item text {
  fill: #333333;
  font-weight: bold;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
}

/* Title */
.highcharts-title {
  fill: #333333;
  font-size: 18px;
}

/* Subtitle */
.highcharts-subtitle {
  fill: #666666;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 9px;
}

/* Loading */
.highcharts-loading {
  opacity: 0.5;
  text-align: center;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Responsive */
.highcharts-root {
  display: block;
}