#map {
    height: 90vh;
}

#info {
    height: 10vh;
}

#info > button {
    pointer-events: auto;
}

.div-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid black;
    color: white;
    font-weight: bold;
    font-size: 9px;
    background-color: rgb(220, 220, 220);
    color: black;
}

.div-icon__IN_TRANSIT_TO {
    border-radius: 10px;
}

.div-icon__STOPPED_AT {
    border-radius: 0px;
}

.leaflet-marker-pane > * {
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear;
}

.div-icon-1 {
    color: white;
    background-color: rgb(84, 185, 72)
}
.div-icon-2 {
    color: white;
    background-color: rgb(249, 157, 50)
}
.div-icon-3 {
    color: white;
    background-color: rgb(4, 108, 182)
}
.div-icon-4 {
    color: white;
    background-color: rgb(237, 21, 86)
}
.div-icon-6 {
    color: white;
    background-color: rgb(156, 95, 15)
}
.div-icon-7 {
    color: white;
    background-color: rgb(148, 134, 113)
}
.div-icon-10 {
    color: white;
    background-color: rgb(100, 101, 103)
}
.div-icon-11 {
    color: white;
    background-color: rgb(0, 136, 82)
}
.div-icon-12 {
    color: white;
    background-color: rgb(139, 0, 90)
}
.div-icon-12A {
    color: white;
    background-color: rgb(139, 0, 90)
}
.div-icon-14 {
    color: white;
    background-color: rgb(194, 205, 35)
}
.div-icon-15 {
    color: white;
    background-color: rgb(0, 157, 220)
}
.div-icon-16 {
    color: white;
    background-color: rgb(184, 144, 194)
}
.div-icon-17A {
    color: white;
    background-color: #cb862a
}
.div-icon-17D {
    color: white;
    background-color: #0e8343
}
.div-icon-17P {
    color: white;
    background-color: #202654
}
.div-icon-17W {
    color: white;
    background-color: #b71f37
}
.div-icon-18 {
    color: white;
    background-color: rgb(0, 104, 146)
}
.div-icon-19 {
    color: white;
    background-color: rgb(39, 44, 110)
}
.div-icon-20 {
    color: white;
    background-color: rgb(215, 29, 77)
}
.div-icon-22 {
    color: white;
    background-color:  #14aa9b
}
.div-icon-31 {
    color: white;
    background-color: #1870b9
}
.div-icon-32 {
    color: white;
    background-color: #1870b9
}
.div-icon-501 {
    color: white;
    background-color: rgb(35, 31, 32)
}
.div-icon-502 {
    color: white;
    background-color: rgb(35, 31, 32)
}
.div-icon-601 {
    color: white;
    background-color: rgb(35, 31, 32);
}
.div-icon-602 {
    color: white;
    background-color: rgb(35, 31, 32)
}
.div-icon-701 {
    color: white;
    background-color: rgb(35, 31, 32)
}
.div-icon-702 {
    color: white;
    background-color: rgb(35, 31, 32)
}
.div-icon-801 {
    color: white;
    background-color: rgb(35, 31, 32)
}
.div-icon-802 {
    color: white;
    background-color: rgb(35, 31, 32)
}