#map-data {
    padding: 5px;
}

.nc_county {
    stroke: #fff;
    stroke-width: 2;
}

.nc_county:hover {
    stroke: #a6a8ab;
    stroke-width: 2;
}

.selected {
    stroke: #a6a8ab;
    stroke-width: 2;
}

#svg {
    width: 100%;
    max-height: 100%;
}

div#map-data svg {
    position: absolute;
    top: 0;
    left: 0;
}

.map_container {
    height: 0;
    padding-top: 38%;
    position: relative;
}

.maplegend {
    border: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    float: right;
    width: 40px;
    height: 15px;
    border-top: 1px solid #a6a8ab;
    border-bottom: 1px solid #a6a8ab;
}

.maplegend-a {
    border: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    float: right;
    width: 40px;
    height: 15px;
    border-top: 1px solid #a6a8ab;
    border-left: 1px solid #a6a8ab;
    border-bottom: 1px solid #a6a8ab;
}

hr {
    margin-bottom: 6px;
}

.attr {
    text-align: right;
    font-style: italic;
    font-size: 11px;
    color: rgb(171, 171, 171);
    margin: 0;
    padding: 0px;
    clear: both;
}

.exp-graf {
    font-size: 110%;
    line-height: 180%;
}

.exp-standout {
    font-weight: 800;
    font-size: 120%;
    white-space: nowrap;
    color: #333;
}

.exp-highlight {
    text-decoration: underline;
    text-decoration-color: #3182bd;
}

div.covid19-map-tooltip {
    position: absolute;
    text-align: left;
    width: auto;
    height: auto;
    padding: 10px;
    font: 12px sans-serif;
    background: #fff;
    border: 0px;
    pointer-events: none;
}

.attr{
    text-align: right;
    font-style: italic;
    font-size: 11px;
    color: rgb(171, 171, 171);
    margin: 0;
    padding:0px;
    clear:both;
}​