.township-map {
    /* fill: #929292; old */
    stroke-width: 1px;
    stroke: #596d7e;   
    fill: #7c7c7c;
}

.red {
    fill: red;
    stroke-width: 1px;
    stroke: black;

}

.township-content-map-new {
    /* fill: #F68D1E; */
    fill: #929292; 
    /* fill: #757575; */
}

.township-content-map-published {
    fill: #F7FBF5;
    stroke-width: 1px;
    stroke: #596d7e;
}

.township-map-name {
    padding: 1rem 0;
    border-radius: 10px;
}

.township-map-name {
    background-color: #0E518D;
    color: #F7FBF5;
    font-weight: bold;
    text-align: center;
    font-size: 1.5rem;
}
.township-map-name-details {
    background-color: #0E518D;
    color: #F7FBF5;
    font-weight: bold;
    text-align: center;
    font-size: 1.5rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 1rem 0;
}

.township-map-name-over {
    fill: #ababab;    
}

.township-map-details {
    padding: 0;
    margin: 0;
}

.pop-up-close {
    text-align: right;
    font-size: 0.7rem;
    cursor: pointer;
}

.province-map-color-0,
.province-map-color-00,
.province-map-color-6,
.province-map-color-06 {
    fill: #3AB449;
    stroke: #3AB449;
}

.province-map-color-7,
.province-map-color-07,
.province-map-color-11 {
    fill: #E41371;
    stroke: #E41371;
}
.province-map-color-2,
.province-map-color-02,
.province-map-color-8,
.province-map-color-08 {
    fill: #9932CC;
    stroke: #9932CC;
}

.province-map-color-3,
.province-map-color-03,
.province-map-color-9,
.province-map-color-09 {
    fill: #F68D1E;
    stroke: #F68D1E;
}

.province-map-color-4,
.province-map-color-04,
.province-map-color-10 {
    fill: #00A7B7;
    stroke: #00A7B7;
}

.province-map-color-5,
.province-map-color-05,
.province-map-color-1,
.province-map-color-01 {
    fill: #FEF010;
    stroke: #FEF010;
}

.found {
    stroke: #596d7e;   
}

@media screen and (max-width: 382px) {
    .township-map-name {
        font-size: 1rem;
    }
    .township-map-name-details {
        font-size: 1rem;
    }
}