/* Tooltip */
.svg-map-tooltip {
    background-color: #272727;
    /*background-color: #828486;*/
}

.svg-map-tooltip-triangle {
    border-color: #272727 transparent transparent transparent;
    /*border-color: #828486 transparent transparent transparent;*/
}

/* INTERACTIVE ELEMENTS */
/* clickable elements */
.svg-map-not-clickable:not(g),
g.svg-map-not-clickable > * {
    /*fill: #7b8c94 !important;*/
}

.svg-map-not-clickable.svg-map-active:not(g),
g.svg-map-not-clickable.svg-map-active > * {
    /*fill: #b62025 !important;*/
}

g:not(#services) .svg-map-clickable:not(g),
g:not(#services) g.svg-map-clickable > * {
    fill: #ff9f61 !important;
}

/* hovered elements */
g:not(#services) .svg-map-clickable:not(g):hover,
g:not(#services) g.svg-map-clickable:hover > * {
    fill: #ef813d !important;
}

g:not(#services) .svg-map-clickable.svg-map-active:not(g),
g:not(#services) g.svg-map-clickable.svg-map-active > * {
    fill: #ef813d !important;
}

g:not(#services) .svg-map-clickable.svg-map-active.svg-map-navigation-active:not(g),
g:not(#services) g.svg-map-clickable.svg-map-active.svg-map-navigation-active > * {
    /*fill: #466777 !important;*/
}

@keyframes navigation-fill {
    0% {
        /*fill: #466777;*/
        fill: #828486;
    }
    50% {
        /*fill: #b62025;*/
        fill: #ef813d;
    }
    100% {
        /*fill: #466777;*/
        fill: #828486;
    }
}

g#stores > path {
    /*stroke: none;*/
    /*fill: #7b8c94;*/
}

g#shadow > path {
    /*stroke: none;*/
    /*fill: #424242;*/
}

a.circle.walking {
    background-color: #8C3753;
    /*background-color: #3F2B2F;*/
}

a.circle.walking.with-pulse:before {
    border: 2px solid #8C3753;
    /*border: 2px solid #3F2B2F;*/
}