@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: rgba(0, 0, 0, 0); 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; } .highcharts-tracker-line { stroke-linejoin: round; stroke: rgba(192, 192, 192, 0.0001); stroke-width: 22; fill: none; } .highcharts-tracker-area { fill: rgba(192, 192, 192, 0.0001); stroke-width: 0; } /* 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, .highcharts-markers .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; } /* Bubble legend */ .highcharts-bubble-legend-symbol { stroke-width: 2; fill-opacity: 0.5; } .highcharts-bubble-legend-connectors { stroke-width: 1; } .highcharts-bubble-legend-labels { fill: #000; } /* 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; } .highcharts-venn-series .highcharts-point { fill-opacity: 0.75; stroke: #cccccc; transition: stroke 250ms, fill-opacity 250ms; } .highcharts-venn-series .highcharts-point-hover { fill-opacity: 1; stroke: #cccccc; } /* 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; } /* Gantt */ .highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded { cursor: pointer; } .highcharts-point-connecting-path { fill: none; } .highcharts-grid-axis .highcharts-tick { stroke-width: 1px; } .highcharts-grid-axis .highcharts-axis-line { stroke-width: 1px; }