@import 'https://fonts.googleapis.com/css?family=Signika:400,700';

.highcharts-container {

  background: url(https://www.highcharts.com/samples/graphics/sand.png);

}



.highcharts-boxplot-box {

  fill: #505053;

}



.highcharts-navigator-xaxis .highcharts-grid-line {

  stroke: #D0D0D8;

}



.highcharts-scrollbar-track {

  stroke: #C0C0C8;

}



.highcharts-title {

  font-weight: bold;

}



.highcharts-button-box {

  stroke-width: 1px;

}



/**

 * @license Highcharts

 *

 * (c) 2009-2016 Torstein Honsi

 *

 * License: www.highcharts.com/license

 */

.highcharts-container {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 100%;

  text-align: left;

  line-height: normal;

  z-index: 0;

  /* #1072 */

  -webkit-tap-highlight-color: transparent;

  font-family: "Signika", Arial, Helvetica, sans-serif;

  font-size: 12px;

}



.highcharts-root {

  display: block;

}



.highcharts-root text {

  stroke-width: 0;

}



.highcharts-strong {

  font-weight: bold;

}



.highcharts-emphasized {

  font-style: italic;

}



.highcharts-anchor {

  cursor: pointer;

}



.highcharts-background {

  fill: none;

}



.highcharts-plot-border, .highcharts-plot-background {

  fill: none;

}



.highcharts-label-box {

  fill: none;

}



.highcharts-button-box {

  fill: inherit;

}



/* Titles */

.highcharts-title {

  fill: #000;

  font-size: 16px;

}



.highcharts-subtitle {

  fill: #666666;

}



/* Axes */

.highcharts-axis-line {

  fill: none;

  stroke: #ccd6eb;

}



.highcharts-yaxis .highcharts-axis-line {

  stroke-width: 0;

}



.highcharts-axis-title {

  fill: #666666;

}



.highcharts-axis-labels {

  fill: #666666;

  cursor: default;

  font-size: 12px;

}



.highcharts-grid-line {

  fill: none;

  stroke: #e6e6e6;

}



.highcharts-xaxis-grid .highcharts-grid-line {

  stroke-width: 0px;

}



.highcharts-tick {

  stroke: #ccd6eb;

}



.highcharts-yaxis .highcharts-tick {

  stroke-width: 0;

}



.highcharts-minor-grid-line {

  stroke: #f2f2f2;

}



.highcharts-crosshair-thin {

  stroke-width: 1px;

  stroke: #cccccc;

}



.highcharts-crosshair-category {

  stroke: #ccd6eb;

  stroke-opacity: 0.25;

}



/* Credits */

.highcharts-credits {

  cursor: pointer;

  fill: #999999;

  font-size: 0.7em;

  transition: fill 250ms, font-size 250ms;

}



.highcharts-credits:hover {

  fill: black;

  font-size: 1em;

}



/* Tooltip */

.highcharts-tooltip {

  cursor: default;

  pointer-events: none;

  white-space: nowrap;

  transition: stroke 150ms;

}



.highcharts-tooltip text {

  fill: #000;

}



.highcharts-tooltip .highcharts-header {

  font-size: 0.85em;

}



.highcharts-tooltip-box {

  stroke-width: 0px;

  fill: #fff;

  fill-opacity: 0.85;

}



.highcharts-tooltip-box .highcharts-label-box {

  fill: #fff;

  fill-opacity: 0.85;

}



.highcharts-selection-marker {

  fill: #335cad;

  fill-opacity: 0.25;

}



.highcharts-graph {

  fill: none;

  stroke-width: 2px;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.highcharts-state-hover .highcharts-graph {

  stroke-width: 3;

}



.highcharts-state-hover path {

  transition: stroke-width 50;

  /* quick in */

}



.highcharts-state-normal path {

  transition: stroke-width 250ms;

  /* slow out */

}



/* Legend hover affects points and series */

g.highcharts-series,

.highcharts-point,

.highcharts-markers,

.highcharts-data-labels {

  transition: opacity 250ms;

}



.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),

.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),

.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),

.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {

  opacity: 0.2;

}



/* Series options */

/* Default colors */

.highcharts-color-0 {

  fill: #f45b5b;

  stroke: #f45b5b;

}



.highcharts-color-1 {

  fill: #8085e9;

  stroke: #8085e9;

}



.highcharts-color-2 {

  fill: #8d4654;

  stroke: #8d4654;

}



.highcharts-color-3 {

  fill: #7798BF;

  stroke: #7798BF;

}



.highcharts-color-4 {

  fill: #aaeeee;

  stroke: #aaeeee;

}



.highcharts-color-5 {

  fill: #ff0066;

  stroke: #ff0066;

}



.highcharts-color-6 {

  fill: #eeaaee;

  stroke: #eeaaee;

}



.highcharts-color-7 {

  fill: #55BF3B;

  stroke: #55BF3B;

}



.highcharts-color-8 {

  fill: #DF5353;

  stroke: #DF5353;

}



.highcharts-color-9 {

  fill: #7798BF;

  stroke: #7798BF;

}



.highcharts-color-10 {

  fill: #aaeeee;

  stroke: #aaeeee;

}



.highcharts-area {

  fill-opacity: 0.75;

  stroke-width: 0;

}



.highcharts-markers {

  stroke-width: 1px;

  stroke: none;

}



.highcharts-point {

  stroke-width: 1px;

}



.highcharts-dense-data .highcharts-point {

  stroke-width: 0;

}



.highcharts-data-label {

  font-size: 0.9em;

  font-weight: bold;

}



.highcharts-data-label-box {

  fill: none;

  stroke-width: 0;

}



.highcharts-data-label text, text.highcharts-data-label {

  fill: #000;

}



.highcharts-data-label-connector {

  fill: none;

}



.highcharts-halo {

  fill-opacity: 0.25;

  stroke-width: 0;

}



.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {

  fill: #cccccc;

  stroke: #fff;

}



.highcharts-column-series rect.highcharts-point {

  stroke: none;

}



.highcharts-column-series .highcharts-point {

  transition: fill-opacity 250ms;

}



.highcharts-column-series .highcharts-point-hover {

  fill-opacity: 0.75;

  transition: fill-opacity 50ms;

}



.highcharts-pie-series .highcharts-point {

  stroke-linejoin: round;

  stroke: none;

}



.highcharts-pie-series .highcharts-point-hover {

  fill-opacity: 0.75;

  transition: fill-opacity 50ms;

}



.highcharts-funnel-series .highcharts-point {

  stroke-linejoin: round;

  stroke: none;

}



.highcharts-funnel-series .highcharts-point-hover {

  fill-opacity: 0.75;

  transition: fill-opacity 50ms;

}



.highcharts-funnel-series .highcharts-point-select {

  fill: inherit;

  stroke: inherit;

}



.highcharts-pyramid-series .highcharts-point {

  stroke-linejoin: round;

  stroke: none;

}



.highcharts-pyramid-series .highcharts-point-hover {

  fill-opacity: 0.75;

  transition: fill-opacity 50ms;

}



.highcharts-pyramid-series .highcharts-point-select {

  fill: inherit;

  stroke: inherit;

}



.highcharts-solidgauge-series .highcharts-point {

  stroke-width: 0;

}



.highcharts-treemap-series .highcharts-point {

  stroke-width: 1px;

  stroke: #e6e6e6;

  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;

}



.highcharts-treemap-series .highcharts-point-hover {

  stroke: #999999;

  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;

}



.highcharts-treemap-series .highcharts-above-level {

  display: none;

}



.highcharts-treemap-series .highcharts-internal-node {

  fill: none;

}



.highcharts-treemap-series .highcharts-internal-node-interactive {

  fill-opacity: 0.15;

  cursor: pointer;

}



.highcharts-treemap-series .highcharts-internal-node-interactive:hover {

  fill-opacity: 0.75;

}



/* Legend */

.highcharts-legend-box {

  fill: none;

  stroke-width: 0;

}



.highcharts-legend-item text {

  fill: #000;

  font-weight: bold;

  font-size: 13px;

  cursor: pointer;

  stroke-width: 0;

}



.highcharts-legend-item:hover text {

  fill: #fff;

}



.highcharts-legend-item-hidden * {

  fill: #cccccc !important;

  stroke: #cccccc !important;

  transition: fill 250ms;

}



.highcharts-legend-nav-active {

  fill: #003399;

  cursor: pointer;

}



.highcharts-legend-nav-inactive {

  fill: #cccccc;

}



.highcharts-legend-title-box {

  fill: none;

  stroke-width: 0;

}



/* Loading */

.highcharts-loading {

  position: absolute;

  background-color: none;

  opacity: 0.5;

  text-align: center;

  z-index: 10;

  transition: opacity 250ms;

}



.highcharts-loading-hidden {

  height: 0 !important;

  opacity: 0;

  overflow: hidden;

  transition: opacity 250ms, height 250ms step-end;

}



.highcharts-loading-inner {

  font-weight: bold;

  position: relative;

  top: 45%;

}



/* Plot bands and polar pane backgrounds */

.highcharts-plot-band, .highcharts-pane {

  fill: #fff;

  fill-opacity: 0.05;

}



.highcharts-plot-line {

  fill: none;

  stroke: #999999;

  stroke-width: 1px;

}



/* Highcharts More and modules */

.highcharts-boxplot-box {

  fill: none;

}



.highcharts-boxplot-median {

  stroke-width: 2px;

}



.highcharts-bubble-series .highcharts-point {

  fill-opacity: 0.5;

}



.highcharts-errorbar-series .highcharts-point {

  stroke: #fff;

}



.highcharts-gauge-series .highcharts-data-label-box {

  stroke: #cccccc;

  stroke-width: 1px;

}



.highcharts-gauge-series .highcharts-dial {

  fill: #fff;

  stroke-width: 0;

}



.highcharts-polygon-series .highcharts-graph {

  fill: inherit;

  stroke-width: 0;

}



.highcharts-waterfall-series .highcharts-graph {

  stroke: #000;

  stroke-dasharray: 1, 3;

}



.highcharts-sankey-series .highcharts-point {

  stroke-width: 0;

}



.highcharts-sankey-series .highcharts-link {

  transition: fill 250ms, fill-opacity 250ms;

  fill-opacity: 0.5;

}



.highcharts-sankey-series .highcharts-point-hover.highcharts-link {

  transition: fill 50ms, fill-opacity 50ms;

  fill-opacity: 1;

}



/* Highstock */

.highcharts-navigator-mask-outside {

  fill-opacity: 0;

}



.highcharts-navigator-mask-inside {

  fill: #6685c2;

  /* navigator.maskFill option */

  fill-opacity: 0.25;

  cursor: ew-resize;

}



.highcharts-navigator-outline {

  stroke: #cccccc;

  fill: none;

}



.highcharts-navigator-handle {

  stroke: #cccccc;

  fill: #f2f2f2;

  cursor: ew-resize;

}



.highcharts-navigator-series {

  fill: #f45b5b;

  stroke: #f45b5b;

}



.highcharts-navigator-series .highcharts-graph {

  stroke-width: 1px;

}



.highcharts-navigator-series .highcharts-area {

  fill-opacity: 0.05;

}



.highcharts-navigator-xaxis .highcharts-axis-line {

  stroke-width: 0;

}



.highcharts-navigator-xaxis .highcharts-grid-line {

  stroke-width: 1px;

  stroke: #e6e6e6;

}



.highcharts-navigator-xaxis.highcharts-axis-labels {

  fill: #999999;

}



.highcharts-navigator-yaxis .highcharts-grid-line {

  stroke-width: 0;

}



.highcharts-scrollbar-thumb {

  fill: #cccccc;

  stroke: #cccccc;

  stroke-width: 1px;

}



.highcharts-scrollbar-button {

  fill: #e6e6e6;

  stroke: #cccccc;

  stroke-width: 1px;

}



.highcharts-scrollbar-arrow {

  fill: #666666;

}



.highcharts-scrollbar-rifles {

  stroke: #666666;

  stroke-width: 1px;

}



.highcharts-scrollbar-track {

  fill: #f2f2f2;

  stroke: #C0C0C8;

  stroke-width: 1px;

}



.highcharts-button {

  fill: #fff;

  stroke: #C0C0C8;

  cursor: default;

  stroke-width: 1px;

  transition: fill 250ms;

}



.highcharts-button text {

  fill: #000;

}



.highcharts-button-hover {

  transition: fill 0ms;

  fill: #e6e6e6;

  stroke: #cccccc;

}



.highcharts-button-hover text {

  fill: #000;

}



.highcharts-button-pressed {

  font-weight: bold;

  fill: #D0D0D8;

  stroke: #cccccc;

}



.highcharts-button-pressed text {

  fill: #000;

  font-weight: bold;

}



.highcharts-button-disabled text {

  fill: #000;

}



.highcharts-range-selector-buttons .highcharts-button {

  stroke-width: 0px;

}



.highcharts-range-label rect {

  fill: none;

}



.highcharts-range-label text {

  fill: #666666;

}



.highcharts-range-input rect {

  fill: none;

}



.highcharts-range-input text {

  fill: #000;

}



.highcharts-range-input {

  stroke-width: 1px;

  stroke: #cccccc;

}



input.highcharts-range-selector {

  position: absolute;

  border: 0;

  width: 1px;

  /* Chrome needs a pixel to see it */

  height: 1px;

  padding: 0;

  text-align: center;

  left: -9em;

  /* #4798 */

}



.highcharts-crosshair-label text {

  fill: none;

  font-size: 1.1em;

}



.highcharts-crosshair-label .highcharts-label-box {

  fill: inherit;

}



.highcharts-candlestick-series .highcharts-point {

  stroke: #fff;

  stroke-width: 1px;

}



.highcharts-candlestick-series .highcharts-point-up {

  fill: none;

}



.highcharts-ohlc-series .highcharts-point-hover {

  stroke-width: 3px;

}



.highcharts-flags-series .highcharts-point .highcharts-label-box {

  stroke: #999999;

  fill: none;

  transition: fill 250ms;

}



.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {

  stroke: #fff;

  fill: #ccd6eb;

}



.highcharts-flags-series .highcharts-point text {

  fill: #fff;

  font-size: 0.9em;

  font-weight: bold;

}



/* Highmaps */

.highcharts-map-series .highcharts-point {

  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;

  stroke: #cccccc;

}



.highcharts-map-series .highcharts-point-hover {

  transition: fill 0ms, fill-opacity 0ms;

  fill-opacity: 0.5;

  stroke-width: 2px;

}



.highcharts-mapline-series .highcharts-point {

  fill: none;

}



.highcharts-heatmap-series .highcharts-point {

  stroke-width: 0;

}



.highcharts-map-navigation {

  font-size: 1.3em;

  font-weight: bold;

  text-align: center;

}



.highcharts-coloraxis {

  stroke-width: 0;

}



.highcharts-coloraxis-marker {

  fill: #999999;

}



.highcharts-null-point {

  fill: #f7f7f7;

}



/* 3d charts */

.highcharts-3d-frame {

  fill: transparent;

}



/* Exporting module */

.highcharts-contextbutton {

  fill: #fff;

  /* needed to capture hover */

  stroke: none;

  stroke-linecap: round;

}



.highcharts-contextbutton:hover {

  fill: #e6e6e6;

  stroke: #e6e6e6;

}



.highcharts-button-symbol {

  stroke: #666666;

  stroke-width: 3px;

}



.highcharts-menu {

  border: 1px solid #999999;

  background: none;

  padding: 5px 0;

  box-shadow: 3px 3px 10px #888;

}



.highcharts-menu-item {

  padding: 0.5em 1em;

  background: none;

  color: #000;

  cursor: pointer;

  transition: background 250ms, color 250ms;

}



.highcharts-menu-item:hover {

  background: #335cad;

  color: none;

}



/* Drilldown module */

.highcharts-drilldown-point {

  cursor: pointer;

}



.highcharts-drilldown-data-label text,

text.highcharts-drilldown-data-label,

.highcharts-drilldown-axis-label {

  cursor: pointer;

  fill: #003399;

  font-weight: bold;

  text-decoration: underline;

}



/* No-data module */

.highcharts-no-data text {

  font-weight: bold;

  font-size: 12px;

  fill: #666666;

}



/* Drag-panes module */

.highcharts-axis-resizer {

  cursor: ns-resize;

  stroke: black;

  stroke-width: 2px;

}



/* Bullet type series */

.highcharts-bullet-target {

  stroke-width: 0;

}



/* Lineargauge type series */

.highcharts-lineargauge-target {

  stroke-width: 1px;

  stroke: #000;

}



.highcharts-lineargauge-target-line {

  stroke-width: 1px;

  stroke: #000;

}



/* Annotations module */

.highcharts-annotation-label-box {

  stroke-width: 1px;

  stroke: #fff;

  fill: #fff;

  fill-opacity: 0.75;

}



.highcharts-annotation-label text {

  fill: #e6e6e6;

}

