* {
    margin: 0;
    padding: 0;
}

.dropdown-item {
    cursor: pointer;
    padding: 0;
}

.dropdown-item:hover,
.busListButton:hover {
    background-color: whitesmoke;
}

.busListButton {
    border: 0;
    border-radius: 5px;
    width: 100%;
    background-color: white;
}

#map {
    width: 100%;
    height: 500px;
}

.marker {
    background-image: url('/img/stop.png');
    background-size: cover;
    width: 20px;
    height: 20px;
    border-radius: 20%;
    cursor: pointer;
}

.mapboxgl-popup {
    max-width: 200px;
}

footer{
    width: 100%;
    background-color: whitesmoke;
    position: fixed;
    bottom: 0px;
    text-align: center;
}