.map-icon{
    background-color: #17202a;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: .8rem;
    border-radius: 50%;
    outline:.15rem solid  #eaeded ;
    /* opacity: .6; */
}
.map-icon:hover{
    opacity: 1;
}
.map-icon-state-unknown{
    background-color: #2c3e50 ;
}
.map-icon-state-offline{
    background-color: #808b96 ;
}
.map-icon-state-online{
    background-color: #1abc9c ;
    animation-name: map-icon-state-online;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes map-icon-state-online{
    0% { background-color: #1abc9c ; }
    25% { background-color: #abebc6 ; }
    75% { background-color: #1abc9c ; }
}