.mesh {
    fill: none;
    stroke: #111;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.7px;
}
.background {
    fill: none;
    pointer-events: all;
}
.feature {
    fill: transparent;
    cursor: pointer;
}
.legend-text {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 10px;
    line-height: normal;
    font-family: sans-serif;
    fill: rgb(0,  0,  0);
    opacity: 1;
}
.title {
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    font-size: 28px;
    line-height: normal;
    font-family: sans-serif;
    fill: rgb(0, 0, 0);
    opacity: 1;
}
.hidden {
    display: none;
}
div.tooltip {
    color: #222;
    background: #fff;
    padding: .5em;
    text-shadow: #f5f5f5 0 1px 0;
    border-radius: 2px;
    box-shadow: 0px 0px 2px 0px #a6a6a6;
    opacity: 0.9;
    position: absolute;
    font-family: sans-serif;
}
div.tooltip p{
    margin: 2px;
}
div.tooltip hr{
    margin-bottom: 3px;
}
.ttheader{
    font-weight: bold;
	font-size: 16px;
	display: block;
	margin: 6px 0px;
}
.ttbody{
	font-style: italic;
	font-size: 14px;
	display: block;
}
.ttbody table{
    margin-bottom: 0px;
}
.switch[disabled=disabled], .switch:disabled {
    background-color: #36D214
}
.panel {
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    font-size: 18px;
    line-height: normal;
    font-family: sans-serif;
    fill: rgb(0, 0, 0);
    opacity: 1;
}
.footer {
    font-style: italic;
    font-size: 16px;
}
.ie9 svg {
    width: 100%;
    overflow: hidden
}
.ie9 svg:not([height]) {
    height: 413px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    svg {
        width: 100%;
        overflow: hidden
    }
    svg:not([height]){
        height: 413px;
    }
}
