#device-list .list-group{
    height: 38em;
    margin-bottom: 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#map {
    height: 100%;
    width: 100%;
}
.marker-text {
    white-space: nowrap;
    background-color: #ffffffee;
    display: inline-block;
    padding: 3px 12px 3px 8px;
    border-bottom-right-radius: 10px;
    border: 1px solid #727cf5;
    z-index: inherit;
    position: absolute;
    left: 25px;
    font-size: 1.5em;
}
.bus-marker::before {
    content: '';
    background: url('../assets/img/bus-button.png') no-repeat;
    position: absolute;
    top: -28px;
    left: -28px;
    display: block;
    height: 57px;
    width: 57px;
}
.marker-text.selected {
    border-width: 2px;
    /* background-color: #727cf5ee;
    color: #fff; */
    font-size:1.2em;
    z-index: 100;
}

.busstop-marker::before {
    content: '';
    background: url('../assets/img/ico-busstop.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: -34px;
    left: -9px;
    display: block;
    height: 34px;
    width: 17px;
}

.timetable{
    font-size: 1.2em;
}

.timetable .card-body{
    overflow-x: scroll;
}
.timetable .table tr th {
    word-break: keep-all;
    position:sticky;
    left: 0;
    background-color: #475caf;
    color: #fff;
}
.timetable .table tr:nth-child(2n) td{
    background-color: #efeffefe;
}

:root {
    --map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}

@media (prefers-color-scheme: dark) {
    .map-tiles {
        /* filter:var(--map-tiles-filter, none); */
	}
}