/* styles.css */
.svg-icon circle {
  fill: none;
}

.q7 circle {
	fill:rgb(213,62,79);
}

.q6 circle {
	fill:rgb(244,109,67);
}
 
.q5 circle {
	fill:rgb(253,174,97);
}
 
.q4 circle {
	fill:rgb(254,224,139);
}
 
.q3 circle {
	fill:rgb(255,255,191);
}
 
.q2 circle{
	fill:rgb(230,245,152);
}
 
.q1 circle {
	fill:rgb(171,221,164);
}
 
.q0 circle {
	fill:rgb(102,194,165);
}
 
.q-0 circle {
	fill:rgb(50,136,189);
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: rgba(0, 0, 0, 0.4);
    }
.leaflet-tooltip-own {
    position: absolute;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.4);
    border: 0px solid #000;
    color: #000;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}