/* Div scalable aspect ratio */

	.highcharts-root {
	    padding-right: 44px;
	}

	.wrapper {
	    /*	    width: 95%;*/
	    /* whatever width you want */
	    display: block;
	    position: relative;
	    padding-top: 3.5rem;
	    background-color: #eef1f1;
	    margin-top: 130px;
	    height: calc(100% - 130px);
	    max-width: 1600px;
	}

	.chart__radios.canvasheader__left {
	    z-index: 101;
	    /*        left:auto;*/
	    float: none;
	    position: absolute;
	    top: 88px;
	    padding-left: 1rem;
	}

	.chart__radios .units__form .radio {
	    float: left;
	}

	.chart__radios .units__form > .radio + .radio {
	    margin-top: 0;
	    margin-left: 1rem;
	}

	.wrapper:after {
	    padding-top: 56.25%;
	    /* 16:9 ratio */
	    display: block;
	    content: '';
	}

	.main {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    /* fill parent */
	    /*	    background-color: #ffffff;*/
	    color: white;
	}

	/* End div scalable aspect ratio */

	body {
	    font-family: Proxima N W15 Reg, helvetica, arial, sans-serif;
	    line-height: 100%;
	    font-size: 100%;
	    margin: 0;
	}

	.radiobuttons {
	    font-size: 0.8em;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 30000000;
	}

	/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 *
 * For default css see https://code.highcharts.com/css/highcharts.css
 *
 */

	.series-name {
	    font-family: Proxima N W15 Smbd, helvetica, arial, sans-serif;
	}

	.point-colour {
	    font-size: 26px;
	    baseline-shift: -3px;
	}

	.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: Proxima N W15 Reg, helvetica, arial, sans-serif;
	    font-size: 0.8em;
	}

	.highcharts-root text {
	    stroke-width: 0;
	}

	.highcharts-background {
	    fill: #fff;
	}

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

	.highcharts-label-box {
	    fill: none;
	}

	.highcharts-button-box {
	    fill: inherit;
	}

	/* Titles */

	.highcharts-title {
	    fill: #587a7b;
	    font-family: Charter ITC W01 Bold, georgia, serif;
	    font-size: 1.5em;
	}

	.highcharts-subtitle {
	    fill: #000;
	}

	/* Axes */

	.highcharts-axis-line {
	    fill: none;
	    stroke: #A0A0A0;
	}

	.highcharts-yaxis .highcharts-axis-line {
	    stroke-width: 0;
	}

	.highcharts-axis-title {
	    fill: #000;
	}

	.highcharts-axis-labels,
	.highcharts-stack-labels {
	    fill: #1a1a1a;
	    cursor: default;
	    font-size: 12px;
	}

	.highcharts-grid-line {
	    fill: none;
	    stroke: #ccc;
	}

	.highcharts-xaxis {
	    z-index: 100;
	}

	.highcharts-xaxis-grid .highcharts-grid-line {
	    stroke-width: 0;
	    z-index: 10;
	}

	.highcharts-tick {
	    stroke: #ccd6eb;
	}

	.highcharts-yaxis .highcharts-tick {
	    stroke-width: 1;
	    stroke: #ccc;
	}

	.highcharts-yaxis path:nth-child(2) {
	    transform: translateY(-1px);
	    stroke: #A0A0A0;
	}

	.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;
	    font-size: 1.2em;
	}

	.highcharts-tooltip-box {
	    stroke-width: 0;
	    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .24);
	    border-radius: 0;
	    fill: #fff;
	    fill-opacity: 1;
	    padding: 16px;
	}

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

	.hightcharts-tooltip text tspan {
	    font-size: 100em;
	}

	.highcharts-tooltip .highcharts-header {
	    /*	    font-size: 1.4em;*/
	}

	.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 {
	    fill-opacity: 1;
	    transition: opacity 250ms;
	}

	.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
	.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover) {
	    opacity: 0.2;
	}

	/* Series options */
	/* Default colors */
	/* CH lime */

	.highcharts-color-0,
	.highcharts-color-0 .point-colour {
	    fill: #a61780;
	    stroke: #a61780;
	}

	/* CH ochre */

	.highcharts-color-1,
	.highcharts-color-1 .point-colour {
	    fill: #ed3b9c;
	    stroke: #ed3b9c;
	}

	/* CH ochre */

	.highcharts-color-2,
	.highcharts-color-2 .point-colour {
	    fill: #00a8e8;
	    stroke: #00a8e8;
	}

	/* CH ochre */

	.highcharts-color-3,
	.highcharts-color-3 .point-colour {
	    fill: #0069b5;
	    stroke: #0069b5;
	}

	.highcharts-area {
	    fill-opacity: 1;
	    stroke-width: 0;
	}

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

	.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 {
	    fill: #333333;
	}

	.highcharts-data-label-connector {
	    fill: none;
	}

	.highcharts-halo {
	    fill-opacity: 0.25;
	    stroke-width: 0;
	}

	.highcharts-point-select {
	    fill: #cccccc;
	    stroke: #000000;
	}

	.highcharts-column-series .highcharts-point {
	    stroke: #ffffff;
	    transition: fill-opacity 250ms;
	}

	.highcharts-column-series .highcharts-point-hover {
	    fill-opacity: 1;
	    transition: fill-opacity 50ms;
	}

	.highcharts-pie-series .highcharts-point {
	    stroke-linejoin: round;
	    stroke: #ffffff;
	}

	.highcharts-pie-series .highcharts-point-hover {
	    fill-opacity: 0.75;
	    transition: fill-opacity 50ms;
	}

	.highcharts-pie-series .highcharts-point-select {
	    fill: inherit;
	    stroke: inherit;
	}

	.highcharts-funnel-series .highcharts-point {
	    stroke-linejoin: round;
	    stroke: #ffffff;
	}

	.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: #ffffff;
	}

	.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: #ccc;
	    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-family: Proxima N W15 Smbd, helvetica, arial, sans-serif;
	    font-size: 12px;
	    font-weight: normal;
	    cursor: pointer;
	    stroke-width: 0;
	    margin-right: 1.5rem;
	    fill: #333;
	    margin-bottom: 1.5rem;
	}

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

	.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: #ffffff;
	    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 {
	    fill: #000000;
	    fill-opacity: 0.05;
	}

	.highcharts-plot-line {
	    fill: none;
	    stroke: #999999;
	    stroke-width: 1px;
	}

	/* Highcharts More */

	.highcharts-boxplot-box {
	    fill: #ffffff;
	}

	.highcharts-boxplot-median {
	    stroke-width: 2px;
	}

	.highcharts-bubble-series .highcharts-point {
	    fill-opacity: 0.5;
	}

	.highcharts-errorbar-series .highcharts-point {
	    stroke: #000000;
	}

	.highcharts-gauge-series .highcharts-data-label-box {
	    stroke: #cccccc;
	    stroke-width: 1px;
	}

	.highcharts-gauge-series .highcharts-dial {
	    fill: #000000;
	    stroke-width: 0;
	}

	.highcharts-polygon-series .highcharts-graph {
	    fill: inherit;
	    stroke-width: 0;
	}

	.highcharts-waterfall-series .highcharts-graph {
	    stroke: #333333;
	    stroke-dasharray: 1, 3;
	}

	/* Highstock */

	.highcharts-navigator-mask {
	    fill: #6685c2;
	    /* navigator.maskFill option */
	    fill-opacity: 0.25;
	}

	.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: #335cad;
	    stroke: #335cad;
	}

	.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: #ccc;
	    z-index: 10;
	}

	.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: #ccc;
	    stroke: #cccccc;
	    stroke-width: 1px;
	}

	.highcharts-scrollbar-arrow {
	    fill: #1a1a1a;
	}

	.highcharts-scrollbar-rifles {
	    stroke: #1a1a1a;
	    stroke-width: 1px;
	}

	.highcharts-scrollbar-track {
	    fill: #f2f2f2;
	    stroke: #f2f2f2;
	    stroke-width: 1px;
	}

	.highcharts-button {
	    fill: #ffffff;
	    stroke: #cccccc;
	    cursor: default;
	    stroke-width: 1px;
	    transition: fill 250ms;
	}

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

	.highcharts-button-hover {
	    transition: fill 0ms;
	    fill: #ccc;
	    stroke: #333333;
	}

	.highcharts-button-pressed {
	    font-weight: bold;
	    fill: #e6ebf5;
	    stroke: #335cad;
	}

	.highcharts-button-disabled text {
	    fill: #cccccc;
	}

	.highcharts-range-selector-buttons .highcharts-button {
	    stroke-width: 0;
	}

	.highcharts-range-label rect {
	    fill: none;
	}

	.highcharts-range-label text {
	    fill: #1a1a1a;
	}

	.highcharts-range-input rect {
	    fill: none;
	}

	.highcharts-range-input text {
	    fill: #333333;
	}

	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: #ffffff;
	    font-size: 1.1em;
	}

	.highcharts-crosshair-label .highcharts-label-box {
	    fill: inherit;
	}

	.highcharts-candlestick-series .highcharts-point {
	    stroke: #000000;
	    stroke-width: 1px;
	}

	.highcharts-candlestick-series .highcharts-point-up {
	    fill: #ffffff;
	}

	.highcharts-ohlc-series .highcharts-point-hover {
	    stroke-width: 3px;
	}

	.highcharts-flags-series .highcharts-point {
	    stroke: #999999;
	    fill: #ffffff;
	}

	.highcharts-flags-series .highcharts-point-hover {
	    stroke: #000000;
	    fill: #ccd6eb;
	}

	.highcharts-flags-series .highcharts-point text {
	    fill: #000000;
	    font-size: 0.9em;
	    font-weight: bold;
	}

	/* Highmaps */

	.highcharts-map-series {
	    fill: #b32017;
	    stroke: #b32017;
	}

	.highcharts-map-series .highcharts-point {
	    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
	    stroke: #ff0000;
	}

	.highcharts-map-series .highcharts-point-hover {
	    transition: fill 0ms, fill-opacity 0ms;
	    fill-opacity: 0.5;
	    stroke-width: 2px;
	    fill: #b32017;
	    stroke: #b32017;
	}

	.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: #ff0000;
	}

	/* 3d charts */

	.highcharts-3d-frame {
	    fill: transparent;
	}

	.highcharts-column-series .highcharts-point {
	    stroke: inherit;
	    /* use point color */
	}

	/* Exporting module */

	.highcharts-contextbutton {
	    fill: #ffffff;
	    /* needed to capture hover */
	    stroke: none;
	    stroke-linecap: round;
	}

	.highcharts-contextbutton:hover {
	    fill: #ccc;
	    stroke: #ccc;
	}

	.highcharts-button-symbol {
	    stroke: #1a1a1a;
	    stroke-width: 3px;
	}

	.highcharts-menu {
	    border: 1px solid #999999;
	    background: #ffffff;
	    padding: 5px 0;
	    box-shadow: 3px 3px 10px #888;
	}

	.highcharts-menu-item {
	    padding: 0.5em 1em;
	    background: none;
	    color: #333333;
	    cursor: pointer;
	    transition: background 250ms, color 250ms;
	}

	/* CH cyan */

	.highcharts-menu-item:hover {
	    background: #00a8e8;
	    color: #ffffff;
	}

	/* Drilldown module */

	.highcharts-drilldown-point {
	    cursor: pointer;
	}

	.highcharts-drilldown-data-label text,
	.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: #1a1a1a;
	}