.map-chart path.arc {
    fill: none;
    stroke-linecap: round;
    stroke-opacity: 0.8;
    /*stroke:black;*/
}

.map-chart marker path {
    fill:none;
    stroke:black;
    stroke-width:1px;
}

.map-chart .station circle{
    /*fill: grey;*/
    fill: #1c2124 ;
    stroke: #fff;
    display: none;
}

/*.map-chart .station text {*/
.map-chart text.st-label {
    font-family: Open Sans, sans-serif;
    font-size: 10px;
    /*fill: #535353;*/
    fill: #f6f6f6;
    cursor: pointer;
}

.map-chart text.st-label:hover {
    text-decoration: underline;
}

.map-chart .st-label rect {
    fill: rgba(0, 0, 0, 0.09);
}

.map-container {
    z-index:1984;
}

.city-select-control {
    /*padding-top: 4em;*/
    min-height: 9em;
}

.city-select-control p {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    padding: 0.1em 0;
    line-height: 1.5;
    font-size: 1.5em;
    min-height: 1.7em;
}

/*.city-select-control .first .clear{*/
    /*width: 1em;*/
    /*height: 1em;*/
    /*background: lightgoldenrodyellow;*/
    /*border-radius: 50%;*/
    /*margin-left: 0.5em;*/
/*}*/

/*.city-select-control .in {*/
    /*background: #92c5de;*/
/*}*/

/*.city-select-control .out {*/
    /*background: #f4a582;*/
/*}*/

/*.city-select-control p.active {*/
    /*cursor: pointer;*/
/*}*/

.kpas-legend {
    position:absolute;
    right: 0;
    top: 5%;
}

.kpas-legend .selected-city.active {
    cursor: pointer;
}

.kpas-legend .selected-city.active:hover {
    background: #eaeeee;
    color: #1c2124;
}

/*.city-select-control .text{*/
    /*padding-left: 0.5em;*/
/*}*/

/*.city-select-control .bar{*/
    /*width: 1.4em;*/
    /*height: 1em;*/
    /*border: 1px solid #fff;*/
/*}*/

.kpas-legend rect {
    stroke: none;
    fill:#f4a582;
}

.kpas-legend .selected-city {
    font-size: 1.1em;
}

.kpas-legend .close-button {
    cursor: pointer;
    fill: grey;
}

.kpas-legend .close-button:hover {
    cursor: pointer;
    fill: white;
}

.kpas-legend .close-button:hover text{
    fill: grey;
}