.orjinal {
    /*fill: none;*/
    opacity: 0;
}
.sokulmuslokal {
    /*fill: none;*/
    opacity: 0;
}

.boyali {
    fill: #0000ff7d;
    opacity: 0.8;
}

.degismis {
    fill: #ff00008f;
    opacity: 0.8;
}

.sokulupTakilmis {
    /*fill: none;*/
    opacity: 0;
}

.sokulupBoyanmis {
    fill: #0000ff7d;
    opacity: 0.8;
}

.folyo {
    /*fill: none;*/
    opacity: 0;
}

.plastik {
    fill: grey;
    opacity: 0.8;
}

.plastik {
    /*fill: none;*/
    opacity: 0;
}


.lokal_boyali {
    width: 12px;
    height: 12px;
    background-color: #ff7a00;
    border-radius: 2px;
    position: absolute;
}

.lokal_boyali_rapor {
    width: 12px;
    height: 12px;
    background-color: #ff7a00;
    border-radius: 2px;
    position: absolute;
}

/* menu header */
.css-title:before {
    content: "some CSS title";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #DDD;
    padding: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.css-title :first-child {
    margin-top: 20px;
}

/* menu header via data attribute */
.data-title:before {
    content: attr(data-menutitle);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #DDD;
    padding: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.data-title :first-child {
    margin-top: 20px;
}