/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */

.map-chart { max-width: 1140px; width: 100%; height: 500px; margin: 40px auto; }
.map-chart .highcharts-data-labels { pointer-events: none; z-index: 0; }
.map-chart .highcharts-data-labels img { width: 18px; height: 25px; max-width: none; margin: -12px 0 0 -9px; }
.map-chart .highcharts-tooltip { z-index: 15; }
.map-chart g.highcharts-tooltip { display: none; }
.map-chart .highcharts-tooltip { max-width: 400px; }
.map-chart .highcharts-tooltip > span { width: 300px; background: rgba(255, 255, 255, .9); padding: 10px; border-radius: 5px; border: 1px solid rgba(3, 88, 149, .5); display: block; white-space: normal !important; }
.map-chart .highcharts-tooltip span:nth-child(2) { font-size: 12px !important; }

.map-chart .highcharts-tooltip h3 { margin: 0; text-transform: uppercase; text-decoration: underline; font-size: 20px; }
.map-chart .highcharts-tooltip h4 { font-size: 16px; margin: 0; }
.map-chart .highcharts-tooltip h4 ~ h4 { margin-top: 10px; }
.map-chart .highcharts-tooltip p { margin-bottom: 5px; }
.map-chart .highcharts-tooltip a { text-decoration: underline; }
.map-chart .highcharts-tooltip a:hover { text-decoration: none; }
.map-chart .highcharts-tooltip a:after { content: ''; display: block; }