.stacked-module .highcharts-exporting-group {
    display: block;
}

.highcharts-contextbutton {
    display: block;
}

/* HEAT TABLE legend */
.rd-bar-container {
    float: right;
    width: auto;
}

.rd-bar-container .map-legend-wrap {
    min-width: 300px;
    width: 45%;
}

.rd-bar-container .map-legend {
    width: 100%;
    height: 15px;
    margin-top: 5px;
}

.rd-bar-container .map-legend > div {
    width: 25%;
    height: 100%;
    float: left;
    border-left: solid 1px #DAD4D2;
    border-top: solid 1px #DAD4D2;
    border-bottom: solid 1px #DAD4D2;
}

.rd-bar-container .map-legend > div:last-child {
    border-right: solid 1px #DAD4D2;
}

.rd-bar-container .map-legend > div:hover {
    border: solid medium #291b1a;
}

.rd-bar-container .map-legend > div:first-child:before,
.rd-bar-container .map-legend > div:last-child:before,
.rd-bar-container .map-legend > div:nth-child(3):before {
    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Space Mono', monospace, sans-serif;
    letter-spacing: -.3px;
    text-transform: uppercase;
    color: #8E8C8F;
}

.rd-bar-container .map-legend > div:first-child:before {
    content: attr(data-min);  
    top: 22px;
    right: calc(100% - 18px);
}

.rd-bar-container .map-legend > div:nth-child(3):before {
    content: attr(data-avg);  
    top: 22px;
    right: calc(100% - 10px);
}

.rd-bar-container .map-legend > div:last-child:before {
    content: attr(data-max);  
    top: 22px;
    left: calc(100% - 50px);
}

.rd-bar-container .map-legend-label {
    font-size: 11px;
    margin-top: 5px;
    position: relative;
    left: -18px;
    float: left;
}

.rd-bar-container .map-legend-label:last-child {
    float: right;
    left: 18px;
}

.rd-bar-container .map-legend-tooltip,
.heatmap-tooltip {
    display: none;
    position: absolute;
    font-size: 11px;
    background-color: #F5F5F3;
    border: solid 1px #291b1a;
    padding: 5px 8px;
    line-height: 18px;
    font-family: 'Libre Baskerville', serif;
    text-align: left;
}

/* mobile friendly */
@media (max-width: 757px) {
    .rd-bar-container {
        float: none;
    }
}

/** END Heat table legend **/

#map, #comp-map {
	width: 94%;
	height: 310px;
	/* background-color: #404040; */
	margin:	15px auto;
}

#map-container, #comp-map-container {
	position: relative;
}

h4.map-title {
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-weight: 900;
}

.county-section .ol-control.ol-zoom {
	top: auto;
	bottom: .5em;
}

.county-section .ol-control.ol-zoom button {
	font-size: 1.1em;
}

#map-label-clicked {
	display: block;
}

#comp-map-label,
#comp-map-label-clicked {
    font-family: 'Space Mono', monospace;
    position: absolute;
    font-size: 11px;
    padding: 0 10px;
    background-color: #291b1a;
    color: #fff;
    text-transform: uppercase;
    display: none;
    font-weight: normal;
}

#comp-map-label-clicked {
    display: block;
}

#comp-map-label-clicked {
    z-index: 100;
}

#comp-map-label {
    z-index: 101;
}

/* MAP legend */
.map-legend-wrap {

}

.map-legend {
	width: 75%;
    height: 15px;
    margin: 5px 3%;
    background-color: black;
}

.map-legend > div {
    width: 25%;
    height: 100%;
    float: left;
    border-left: solid 1px #DAD4D2;
    border-top: solid 1px #DAD4D2;
    border-bottom: solid 1px #DAD4D2;
}

.map-legend > div:last-child {
    border-right: solid 1px #DAD4D2;
}

.map-legend > div:hover {
    border: solid medium #291b1a;
}

.map-legend-label {
	font-size: 11px;
	margin-top: 5px;
    position: relative;
    left: -18px;
    float: left;
}

.map-legend-label:last-child {
    float: right;
    left: 18px;
}

.map-legend-tooltip {
	display: none;
	position: absolute;
    font-size: 11px;
    background-color: #F5F5F3;
    border: solid 1px #291b1a;
    padding: 5px 8px;
    line-height: 18px;
}

/* TEMP HACK FOR DROPDOWN HEIGHTS */
.selectboxit-container .selectboxit-options {
    max-height: 500px;
}

@media print {
    .rd-bar-container .map-legend > div {
        width: 25%;
        height: 100%;
        float: left;
        border-left: none;
        border-right: none;
        border-collapse: collapse;
        border-bottom: none;
        border-top: none;
        border-spacing: 0;
    }

    .rd-bar-container .map-legend > div:last-child {
        width: 25%;
        height: 100%;
        float: left;
        border-left: none;
        border-right: none;
        border-collapse: collapse;
        border-bottom: none;
        border-top: none;
        border-spacing: 0;
    }

    .map-legend,
    .rd-bar-container .map-legend {
        background-color: none;
        width: 88%;
    }

    .map-legend > div {
        width: 25%;
        height: 100%;
        float: left;
        border-left: none;
        border-top: none;
        border-bottom: none;
    }

    .map-legend > div:last-child {
        border-right: none;
    }
}