svg{
    user-select: none;
 }
 
 
 svg:hover {
    /* fill: mediumblue; */
    stroke: mediumblue;
    stroke-width: 1px;
}

/* svg:hover path{
    fill:white;
} */

.svg-fill-firebrick{
    fill: firebrick;
}

.svg-fill-flag-color-red{
    fill: var(--color-warning-flag);
    stroke: var(--color-warning-flag);
}

.svg-fill-orange{
    fill: orange;
}

.svg-fill-green{
    fill: green;
    stroke: var(--color-warning-flag);
}

.svg-fill-navy{
    fill: navy;
}

.svg-fill-purple{
    fill: purple;
}

/* .svg-fill-white{
    fill: white;
} */