svg .state {
    stroke-width: 2;
    stroke: #fff;

    -webkit-transition: stroke 0.5s, stroke-width 0.5s;
    -o-transition: stroke 0.5s, stroke-width 0.5s;
    transition: stroke 0.5s, stroke-width 0.5s;
}

svg .station {
	fill:#f900ff;
	stroke: #aaa;
}

svg .station:hover , .station.active {
    cursor: pointer;
    stroke-width: 2;
    stroke: #000;
    fill:#f900ff;
}

.regionlist {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    color: #888;
}
.regionlist > div {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid grey;
}

.regionlist > div.active {
    background-color: lightblue;
}

.regionlist > div > div {
    display: inline-block;
    //width: 18%;
}

.scale {
    position: relative;
}
.scale div {
    width: 9.07%;
    display: inline-block;
    text-align: center;
    color: #bbb;
    font-weight: bold;
    padding: 5px 0;
}