:root {
    --button-color: #000000;
}

.btn-success-map-menu:focus {
    color: #000000;
}

.btn-success-map-menu:hover {
    color: #ffffff;
}

.supplier-map {
    height: 700px;
}

.my-custom-pin {
    background-color: #000000;
    width: 2rem;
    height: 2rem;
    display: block;
    left: -0.5rem;
    top: -0.3rem;
    position: relative;
    border-radius: 3rem 3rem 0;
    transform: rotate(45deg);
    border: 1 px solid #FFFFFF;
}

.dairy-menu-box {
    width: 100%;
}

.btn-dairy {
    width: 20%;
    margin-top: 2px;
}

.btn-dairy-success {
    background-color: var(--button-color);
    color: #ffffff;
}

.leaflet-tooltip {
    padding: 2px;
    font-size: 11px;
}

@keyframes fade {
    from {
        opacity: 0.3;
    }
}

.blinking {
    animation: fade 1s infinite alternate;
}