.schedule .transport-container {
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-bottom: 4px;
    padding-top: 6px;
}

.schedule .label {
    grid-area: num;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-12);
    font-weight: bold;
    border-radius: 8px;
    width: 31px;
    height: 36px;
    margin: 0px;
}

.schedule .future .label {
    background-color: white !important;
    height: 43px;
    color: #171717 !important;
}

.toolbar-schedule.future .label {
    background-color: white !important;
}

/*
.toolbar-schedule.future .label.label-bus,
.schedule .future .label.label-bus {
    border: 2px solid #FFC136;
}

.toolbar-schedule.future .label.label-trol,
.schedule .future .label.label-trol {
    border: 2px solid #92B5EE;
}

.toolbar-schedule.future .label.label-tram,
.schedule .future .label.label-tram {
    border: 2px solid #FE6A68;
}*/

/*
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas:
      "num title"
      "routes routes";
  }
  .num { grid-area: num; }
  .title { grid-area: title; }
  .routes { grid-area: routes; }
*/

.schedule .transport-container .transport {
    display: grid;
    grid-template-columns: 31px 1fr;
    grid-template-rows: 1fr; /* 1fr;*/
    gap: 0px 3px;
    grid-template-areas:
        "num title"
        "routes routes";

    /*display: flex;
    align-items: center;
    gap:3px;*/
}

.schedule .transport-container .transport > .title {
    grid-area: title;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #efefef;
    height: 36px;
    padding-left: 12px;
    padding-right: 30px;
    flex: 1;

    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23616161' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 14px center;
    cursor: pointer;
    font-size: var(--font-size-14);
    line-height: var(--font-size-16);
    text-align: left;
}

.schedule .transport-container .transport.future > .title {
    height: 43px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.schedule .transport-container .transport.future > .title .valid-from {
    color: #b53d3b;
    font-size: var(--font-size-12);
    line-height: 11px;
}

.schedule .transport-container .transport.active > .title {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L5 2L9 6' stroke='%23616161' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.schedule .transport-container .transport .route {
    grid-area: routes;
    padding-left: 45px;

    display: grid;
    display: none;
    grid-template-columns: 1fr 36px;
}

.schedule .transport-container .transport .route .direction {
    display: flex;
    align-items: center;
    height: 30px;
    border-bottom: 1px solid #c9c9c9;
    overflow: hidden;
}

.schedule .transport-container .transport .route .direction.main {
    font-weight: bold;
}

.schedule .transport-container .transport .route .direction .title {
    /*display: flex; overflow ellipsis fails */
    align-items: center;
    flex: 1;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0px;
    font-size: var(--font-size-12);
}

.schedule .transport-container .transport .route .direction .title span {
    /*display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.schedule .transport-container .transport .route .direction:nth-last-child(2) {
    border-bottom: 0px !important;
}

.schedule .transport-container .transport .route .map {
    width: 36px;
    height: 29px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3023 4.31618C15.3975 6.66179 15.149 9.42292 13.9363 11.6669C12.9413 13.5079 11.4566 15.0306 10.233 16.7161C9.67364 17.4877 9.10884 18.29 8.72478 19.1687C8.59736 19.461 8.48711 19.7605 8.37867 20.0609C8.26932 20.3604 8.17625 20.6662 8.07142 20.9675C7.97292 21.2499 7.85815 21.5827 7.50481 21.5854H7.49849C7.07737 21.5845 6.97526 21.1087 6.87043 20.7876C6.61379 20.0015 6.3454 19.247 5.94959 18.5166C5.48871 17.6676 4.91488 16.8825 4.33201 16.1144L14.3023 4.31618ZM4.37809 6.92981L0.800436 11.1632C1.4547 12.5483 2.44603 13.7382 3.39489 14.9227C3.6181 15.2015 3.84131 15.4821 4.0609 15.7645L8.56483 10.4356L8.53862 10.4446C6.96532 10.9852 5.20315 10.1829 4.56967 8.65754C4.48302 8.45048 4.41967 8.23451 4.3808 8.01358C4.32387 7.62054 4.31122 7.32914 4.37719 6.93611L4.37809 6.92981ZM1.61917 2.83219L1.61646 2.83579C-0.143003 5.05368 -0.44483 8.1242 0.607049 10.7234L4.93114 5.60681L4.87873 5.56184L1.61917 2.83219ZM9.90498 0.392148L6.43667 4.49606C6.44465 4.49267 6.45279 4.48967 6.46107 4.48707C7.90695 3.99151 9.53628 4.62198 10.2746 5.94948C10.4336 6.23638 10.5665 6.56376 10.6153 6.88934C10.6767 7.29047 10.6921 7.58457 10.6261 7.98659L10.6234 8.00098L14.0899 3.89887C13.184 2.25447 11.6948 1.00515 9.91311 0.394847L9.90498 0.392148ZM5.21038 5.27763L9.45404 0.256341L9.41157 0.245548C8.78362 0.0812704 8.13692 -0.0012623 7.48764 1.45916e-05C6.43631 0.00981503 5.39837 0.235868 4.43901 0.663977C3.47965 1.09209 2.61959 1.713 1.91286 2.48773L1.8984 2.50392L5.21038 5.27763Z' fill='%23757578'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*
.schedule .transport.active {
    grid-template-rows: 1fr 1fr;
}*/

.schedule .transport-container .transport.active .route {
    display: grid;
}

.timetable .departures a.other0,
.timetable .other0 {
    /*background-color: lightcoral;*/
    color: #d93836 !important;
}

.timetable .departures a.other,
.timetable .other,
.timetable .departures a.other2,
.timetable .other2,
.timetable .departures a.other1,
.timetable .other1 {
    /*background-color: lightblue;*/
    color: #3773d2 !important;
}

.schedule-map .btn {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='20' viewBox='0 0 15 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3023 3.99918C15.3975 6.17251 15.149 8.73084 13.9363 10.81C12.9413 12.5158 11.4566 13.9267 10.233 15.4883C9.67364 16.2033 9.10884 16.9467 8.72478 17.7608C8.59736 18.0317 8.48711 18.3092 8.37867 18.5875C8.26932 18.865 8.17625 19.1483 8.07142 19.4275C7.97292 19.6892 7.85815 19.9975 7.50481 20H7.49849C7.07737 19.9992 6.97526 19.5583 6.87043 19.2608C6.61379 18.5325 6.3454 17.8333 5.94959 17.1567C5.48871 16.37 4.91488 15.6425 4.33201 14.9308L14.3023 3.99918ZM4.37809 6.42084L0.800436 10.3433C1.4547 11.6267 2.44603 12.7292 3.39489 13.8267C3.6181 14.085 3.84131 14.345 4.0609 14.6067L8.56483 9.66917L8.53862 9.67751C6.96532 10.1783 5.20315 9.43501 4.56967 8.02167C4.48302 7.82983 4.41967 7.62972 4.3808 7.42501C4.32387 7.06084 4.31122 6.79084 4.37719 6.42668L4.37809 6.42084ZM1.61917 2.62418L1.61646 2.62751C-0.143003 4.68251 -0.44483 7.52751 0.607049 9.93584L4.93114 5.19501L4.87873 5.15334L1.61917 2.62418ZM9.90498 0.363347L6.43667 4.16584C6.44465 4.1627 6.45279 4.15992 6.46107 4.15751C7.90695 3.69834 9.53628 4.28251 10.2746 5.51251C10.4336 5.77834 10.5665 6.08168 10.6153 6.38334C10.6767 6.75501 10.6921 7.02751 10.6261 7.40001L10.6234 7.41334L14.0899 3.61251C13.184 2.08889 11.6948 0.931321 9.91311 0.365847L9.90498 0.363347ZM5.21038 4.89001L9.45404 0.237513L9.41157 0.227513C8.78362 0.0753014 8.13692 -0.00116959 7.48764 1.35199e-05C6.43631 0.00909415 5.39837 0.218545 4.43901 0.61521C3.47965 1.01188 2.61959 1.58719 1.91286 2.30501L1.8984 2.32001L5.21038 4.89001Z' fill='%23757578'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    border: 0px;
}

.row-stops ul {
    height: 160px;
    overflow: auto;
    /*margin-left: 12px;*/
    padding-right: 8px;
}

.timetable th {
    border: 0px;
    padding: 0px;
}

.timetable td a {
    padding: 0px;
    margin: 0px;
}

.timetable div.cell {
    border: 0px;
    margin: 0px;
    height: auto;
}

.timetable .timetable-row {
    display: flex;
    gap: 1px;
    /*max-width: 200px;*/
}

.timetable .timetable-row .departures {
    display: flex;
    gap: 0px 4px;
    margin: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    border-top: 1px solid #c9c9c9;
    padding-top: 4px;
    padding-bottom: 4px;
    /*padding-left: 3px;*/
}

.timetable .timetable-row:last-child .departures {
    border-bottom: 1px solid #c9c9c9;
    /*font-weight: 500; why? */
}

.timetable .timetable-row .hour {
    /*background-color: #757578;
    border-radius: 8px;*/
    min-height: 26px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*color: white;*/
    font-size: var(--font-size-20);
    /*margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;*/
}

.timetable .departures .cellx {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    font-size: var(--font-size-12);
    height: 20px;
}

.timetable .departures a {
    line-height: normal;
    padding: 2px;
    min-width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #171717;
}

.timetable.multiple .departures .cellx.full {
    min-width: 36px;
}

.timetable.multiple .departures .full a.clicked {
    background-color: #171717;
}

.timetable .departures .full sup {
    display: none;
}

.timetable.multiple .departures .full sup {
    display: inline;
}

.timetable.multiple .departures .full sup {
    font-size: var(--font-size-10);
}

.timetable.multiple .departures .full sup.style-trol {
    color: #5f8cd4;
}
.timetable.multiple .departures .full sup.style-bus {
    color: #dea21d;
}
.timetable.multiple .departures .full sup.style-tram {
    color: #f05f5c;
}

#mobile-screen .timetable {
    margin-left: 16px;
    margin-right: 16px;
    margin: 0px;
    width: auto;
    padding: 7px;
    padding-bottom: 0px;
    flex-direction: column;
    gap: 0px;

    opacity: 0;
    display: none;
}

.toolbar-schedule .select-bar.show,
.toolbar-schedule .label.show,
.row-stops.show,
#mobile-screen .timetable.show {
    /*transition: none;*/
    opacity: 1;
}

.toolbar-schedule .select-bar.fadein,
.toolbar-schedule .label.fadein,
.row-stops.fadein,
.departing-routes.fadein,
#mobile-screen .timetable.fadein {
    /*transition: opacity 0.7s linear 0.0s;*/
    /*opacity: 1;*/
    animation: fade-in 0.7s ease-in-out forwards; /* infinite alternate;*/
}

#stop .departing-routes.empty,
#schedule4 .departing-routes.empty,
.desktop-content .departing-routes.empty {
    display: none;
}

#mobile-screen .timetable.invisible {
    /* active must be added with JS */
    display: flex;
    /*
    animation:fade-in 1s ease-in-out forwards;*/ /* infinite alternate;*/
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.timetable a.highlighted {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid transparent;
}

.showlow .timetable a.highlighted {
    border: 1px solid #757578;
    /*color: #171717 !important;*/
    background-color: transparent !important;
}

.row-departures label.checkbox {
    font-size: var(--font-size-12);
}

.timetable .departures a.clicked {
    border-radius: 5px;
    background-color: #757578;
    color: #fff;
    font-weight: bold;
    padding: 2px;
}

.showlow .timetable .departures a.highlighted.clicked {
    color: #171717;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    border: 0;
    cursor: pointer;
    background-color: transparent;
}

.toolbar-schedule {
    display: flex;
    align-items: center;
    gap: 4px;

    background: transparent;
    min-height: auto !important;
    padding: 0px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top: 6px;
    margin-left: 4px;
    margin-right: 4px;
}

.map-controls .toolbar-schedule,
#map .toolbar-schedule {
    margin: 0px;
    margin-top: 4px;
}

.toolbar-schedule .label {
    position: relative;
    float: none;
    margin: 0px;
    min-width: 31px;
    height: 36px;
    font-weight: bold;
    font-size: var(--font-size-12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #171717;
    border-radius: 8px;
    width: 31px;
    opacity: 0;
}

.toolbar-schedule .select-bar {
    flex: 1;
    max-width: calc(100vw - 96px);
    position: relative;
    display: flex;
    overflow: hidden;
    opacity: 0;
}

.toolbar-schedule .select-bar:focus-within {
    /*border:1px solid red;*/
}

.map-controls .toolbar-schedule .label,
.map-controls .toolbar-schedule .select-bar,
#map .toolbar-schedule .label,
#map .toolbar-schedule .select-bar {
    opacity: 1;
}

.toolbar-schedule .select-bar .selected-text {
    position: absolute;
    top: 0px;
    pointer-events: none;
    width: 100%;

    background-color: #efefef;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23616161' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 10px center;

    border-radius: 8px;
    height: 36px;
    font-size: var(--font-size-12);
    color: #171717;
    padding-right: 24px;
    padding-left: 9px;

    display: flex;
    align-items: center;

    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.toolbar-schedule .select-bar .selected-text span {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100vw - 96px);
}

.toolbar-schedule select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #efefef;
    border-radius: 8px;
    height: 36px;
    opacity: 0;
    margin: 0px;
    flex: 1;
    outline: none !important; /* riga-layout: .select-bar:has(:focus-within) {*/
    width: 100%;
    padding-left: 8px;
}

.toolbar-schedule select option:active,
.toolbar-schedule select option:hover {
    background-color: #3627ff;
}

button.switch-direction {
    width: 49px;
    height: 36px;
    background-color: #757578;
    border: 0px;
    border-radius: 8px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L21 5.45238M21 5.45238L17 9.90476M21 5.45238H10.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 17.9043L2 13.4519M2 13.4519L6 8.99953M2 13.4519H12.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.transport-nightbus button.switch-direction {
    display: none;
}

.transport-nightbus .toolbar-schedule .select-bar {
    max-width: calc(100vw - 47px);
}

.transport-nightbus .toolbar-schedule .select-bar .selected-text {
    background-position: right 17px center;
    padding-right: 31px;
}

/*
.schedule4 label.checkbox div.checkbox {
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='14' height='14' rx='2.5' stroke='%23757578'/%3E%3C/svg%3E%0A");
    flex-shrink: 0;
}

.schedule4 label.checkbox input:checked ~ div.checkbox {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='14' height='14' rx='2.5' stroke='%23757578'/%3E%3Cpath d='M3 7L5.89394 9.89393C5.95251 9.95251 6.04749 9.95251 6.10607 9.89393L12 4' stroke='%23171717'/%3E%3C/svg%3E ");
}
*/

.schedule4 .day-radio {
    display: flex;
    align-items: center;
    /*flex-shrink: 0;*/
}

.schedule4 .day-radio .radio {
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;
    background-position: center;

    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8' stroke='%23757578'/%3E%3C/svg%3E ");
    margin-right: 9px;
    flex-shrink: 0;
}

.schedule4 .day-radio input {
    position: absolute;
    /*visibility: hidden;*/
    left: -999vw;
    margin: 0px;
}

.schedule4 .day-radio input:checked ~ .radio {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8' stroke='%23757578'/%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='%23757578'/%3E%3C/svg%3E ");
}

/*
.schedule4 .day-radio input:checked ~ .radio.departure,
.schedule4 .day-radio .radio.arrival {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8' stroke='%23757578'/%3E%3C/svg%3E ");
}

.schedule4 .day-radio .radio.departure,
.schedule4 .day-radio input:checked ~ .radio.arrival {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8' stroke='%23757578'/%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='%23757578'/%3E%3C/svg%3E ");
}
*/

.nav-timetable {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0px 10px;
    padding-left: 13px;
    padding-right: 26px;
    flex-wrap: wrap;
    min-height: 40px;
    justify-content: flex-start; /*space-between;*/
}

.nav-timetable label {
    font-size: var(--font-size-12);
}

.nav-timetable label span:first-letter {
    text-transform: uppercase;
}

.row-stops li.transport_in_stop {
    display: none;
    font-size: var(--font-size-12);
    border-bottom: 1px solid #c9c9c9;
    flex-direction: column;
    padding-left: 44px;
    max-height: none;
    padding-bottom: 12px;
    gap: 2px;
}

.row-stops li.stop_info.show-transport + li.transport_in_stop {
    display: flex;
}

.row-stops li.stop_info {
    display: flex;
    height: 32px;
    border-bottom: 1px solid #c9c9c9;
    align-items: center;
    gap: 4px;
    position: relative;
    /*margin-left: 20px;*/
}

.row-stops li.stop_info.active {
    height: auto;
    min-height: 32px;
}

.row-stops li.stop_info.show-transport {
    border-bottom: 1px solid transparent;
}

.row-stops li.stop_info a.title {
    padding: 0px;
    border-bottom: 0px;
    flex: 1;
    font-size: var(--font-size-12);
    line-height: 14px;
    padding-left: 2px;
    height: 26px;
    display: flex;
    align-items: center;
}

.row-stops li.stop_info.active a.title {
    font-weight: bold;
    text-transform: uppercase;
    color: #d93836;
    height: auto;
    min-height: 26px;
    padding-top: 6px;
    padding-bottom: 6px;
    /*
    height: 32px;
    display: flex;
    align-items: center;*/
}

.row-stops li.stop_info.nearest a.title {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7' stroke='%23757578'/%3E%3Ccircle cx='10' cy='10' r='2.5' fill='%23757578'%3E%3Canimate attributeName='fill' values='%23757578;transparent' begin='0s' dur='2s' calcMode='discrete' repeatCount='indefinite' /%3E%3C/circle%3E%3Cpath d='M10 3V1' stroke='%23757578' stroke-linecap='round'/%3E%3Cpath d='M17 10L19 10' stroke='%23757578' stroke-linecap='round'/%3E%3Cpath d='M10 19L10 17' stroke='%23757578' stroke-linecap='round'/%3E%3Cpath d='M1 10H3' stroke='%23757578' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 18px;
    padding-left: 25px;
}

.row-stops li.stop_info .departure {
    font-size: var(--font-size-12);
    font-weight: bold;
    border-radius: 8px;
    height: 22px;
    min-width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row-stops li.stop_info .departure .real-time {
    font-weight: 500;
    font-size: var(--font-size-12);
    color: #1404c8;
    display: none;
}

.row-stops.realtime li.stop_info .departure.realtime-active .real-time {
    display: flex;
}

.row-stops.realtime li.stop_info .departure .schedule-time {
    display: none;
}

.row-stops.hide-times li.stop_info .departure {
    display: none;
}

.row-stops {
    padding-right: 8px;
    padding-left: 12px;
    opacity: 0;
}

.row-stops li.stop_info.active .departure {
    /*    color: #FFFFFF;
    background-color: #757578;*/
    color: #d93836;
}

/*.row-stops li.stop_info .btn-favourite.favourite {*/

.planner-results button.btn-favourite,
.stop_info button.btn-favourite {
    width: 22px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.row-stops li.stop_info button.btn-favourite {
    visibility: hidden;
    pointer-events: none;
    height: 26px;
}

.row-stops li.stop_info.active button.btn-favourite {
    /*background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.76935 3.9415C8.55595 1.9805 8.94925 1 9.62558 1C10.3019 1 10.6952 1.9805 11.4818 3.9415L11.5184 4.03281C11.9628 5.14068 12.185 5.69462 12.6379 6.0313C13.0907 6.36799 13.6852 6.42123 14.8741 6.52771L15.089 6.54696C17.0349 6.72122 18.0078 6.80835 18.2159 7.42734C18.4241 8.04632 17.7016 8.70366 16.2566 10.0183L15.7743 10.4571C15.0428 11.1226 14.677 11.4554 14.5065 11.8915C14.4747 11.9729 14.4483 12.0562 14.4274 12.141C14.3153 12.5957 14.4225 13.0784 14.6367 14.0439L14.7033 14.3444C15.097 16.1188 15.2938 17.0059 14.9502 17.3886C14.8217 17.5316 14.6548 17.6345 14.4694 17.6851C13.9732 17.8205 13.2687 17.2465 11.8598 16.0984C10.9346 15.3445 10.472 14.9676 9.94093 14.8828C9.73202 14.8494 9.51914 14.8494 9.31024 14.8828C8.77913 14.9676 8.31655 15.3445 7.39138 16.0984C5.98242 17.2465 5.27795 17.8205 4.78175 17.6851C4.59633 17.6345 4.42942 17.5316 4.301 17.3886C3.95732 17.0059 4.15415 16.1188 4.54783 14.3444L4.6145 14.0439C4.82871 13.0784 4.93582 12.5957 4.82376 12.141C4.80286 12.0562 4.77642 11.9729 4.74462 11.8915C4.57415 11.4554 4.2084 11.1226 3.47689 10.4571L2.99461 10.0184C1.54956 8.70366 0.827042 8.04632 1.03522 7.42734C1.2434 6.80835 2.21631 6.72122 4.16212 6.54696L4.37706 6.52771C5.56597 6.42123 6.16043 6.36799 6.61328 6.0313C7.06613 5.69462 7.28833 5.14068 7.73272 4.03281L7.76935 3.9415Z' stroke='%23757578'/%3E%3C/svg%3E%0A");*/
    visibility: visible;
    pointer-events: all;
}

.planner-results button.btn-favourite.add,
.toolbar button.btn-favourite.add,
.stop_info button.btn-favourite.add {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.76935 3.9415C8.55595 1.9805 8.94925 1 9.62558 1C10.3019 1 10.6952 1.9805 11.4818 3.9415L11.5184 4.03281C11.9628 5.14068 12.185 5.69462 12.6379 6.0313C13.0907 6.36799 13.6852 6.42123 14.8741 6.52771L15.089 6.54696C17.0349 6.72122 18.0078 6.80835 18.2159 7.42734C18.4241 8.04632 17.7016 8.70366 16.2566 10.0183L15.7743 10.4571C15.0428 11.1226 14.677 11.4554 14.5065 11.8915C14.4747 11.9729 14.4483 12.0562 14.4274 12.141C14.3153 12.5957 14.4225 13.0784 14.6367 14.0439L14.7033 14.3444C15.097 16.1188 15.2938 17.0059 14.9502 17.3886C14.8217 17.5316 14.6548 17.6345 14.4694 17.6851C13.9732 17.8205 13.2687 17.2465 11.8598 16.0984C10.9346 15.3445 10.472 14.9676 9.94093 14.8828C9.73202 14.8494 9.51914 14.8494 9.31024 14.8828C8.77913 14.9676 8.31655 15.3445 7.39138 16.0984C5.98242 17.2465 5.27795 17.8205 4.78175 17.6851C4.59633 17.6345 4.42942 17.5316 4.301 17.3886C3.95732 17.0059 4.15415 16.1188 4.54783 14.3444L4.6145 14.0439C4.82871 13.0784 4.93582 12.5957 4.82376 12.141C4.80286 12.0562 4.77642 11.9729 4.74462 11.8915C4.57415 11.4554 4.2084 11.1226 3.47689 10.4571L2.99461 10.0184C1.54956 8.70366 0.827042 8.04632 1.03522 7.42734C1.2434 6.80835 2.21631 6.72122 4.16212 6.54696L4.37706 6.52771C5.56597 6.42123 6.16043 6.36799 6.61328 6.0313C7.06613 5.69462 7.28833 5.14068 7.73272 4.03281L7.76935 3.9415Z' stroke='%23757578'/%3E%3C/svg%3E%0A");
}

.planner-results button.btn-favourite,
.toolbar button.btn-favourite,
.stop_info button.btn-favourite {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.76935 2.9415C7.55595 0.980499 7.94925 0 8.62558 0C9.30191 0 9.69521 0.9805 10.4818 2.9415L10.5184 3.03281C10.9628 4.14068 11.185 4.69462 11.6379 5.0313C12.0907 5.36799 12.6852 5.42123 13.8741 5.52771L14.089 5.54696C16.0349 5.72122 17.0078 5.80835 17.2159 6.42734C17.4241 7.04632 16.7016 7.70366 15.2566 9.01835L14.7743 9.45713C14.0428 10.1226 13.677 10.4554 13.5065 10.8915C13.4747 10.9729 13.4483 11.0562 13.4274 11.141C13.3153 11.5957 13.4225 12.0784 13.6367 13.0439L13.7033 13.3444C14.097 15.1188 14.2938 16.0059 13.9502 16.3886C13.8217 16.5316 13.6548 16.6345 13.4694 16.6851C12.9732 16.8205 12.2687 16.2465 10.8598 15.0984C9.93461 14.3445 9.47203 13.9676 8.94093 13.8828C8.73202 13.8494 8.51914 13.8494 8.31024 13.8828C7.77913 13.9676 7.31655 14.3445 6.39138 15.0984C4.98242 16.2465 4.27795 16.8205 3.78175 16.6851C3.59633 16.6345 3.42942 16.5316 3.301 16.3886C2.95732 16.0059 3.15415 15.1188 3.54783 13.3444L3.6145 13.0439C3.82871 12.0784 3.93582 11.5957 3.82376 11.141C3.80286 11.0562 3.77642 10.9729 3.74462 10.8915C3.57415 10.4554 3.2084 10.1226 2.47689 9.45713L1.99461 9.01835C0.549564 7.70366 -0.172958 7.04632 0.0352208 6.42734C0.243399 5.80835 1.21631 5.72122 3.16212 5.54696L3.37706 5.52771C4.56597 5.42123 5.16043 5.36799 5.61328 5.0313C6.06613 4.69462 6.28833 4.14068 6.73272 3.03281L6.76935 2.9415Z' fill='%23757578'/%3E%3C/svg%3E%0A");
}

.desktop-map-toggle,
.btn-map,
.row-stops li.stop_info .map {
    width: 22px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='20' viewBox='0 0 15 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3023 3.99918C15.3975 6.17251 15.149 8.73084 13.9363 10.81C12.9413 12.5158 11.4566 13.9267 10.233 15.4883C9.67364 16.2033 9.10884 16.9467 8.72478 17.7608C8.59736 18.0317 8.48711 18.3092 8.37867 18.5875C8.26932 18.865 8.17625 19.1483 8.07142 19.4275C7.97292 19.6892 7.85815 19.9975 7.50481 20H7.49849C7.07737 19.9992 6.97526 19.5583 6.87043 19.2608C6.61379 18.5325 6.3454 17.8333 5.94959 17.1567C5.48871 16.37 4.91488 15.6425 4.33201 14.9308L14.3023 3.99918ZM4.37809 6.42084L0.800436 10.3433C1.4547 11.6267 2.44603 12.7292 3.39489 13.8267C3.6181 14.085 3.84131 14.345 4.0609 14.6067L8.56483 9.66917L8.53862 9.67751C6.96532 10.1783 5.20315 9.43501 4.56967 8.02167C4.48302 7.82983 4.41967 7.62972 4.3808 7.42501C4.32387 7.06084 4.31122 6.79084 4.37719 6.42668L4.37809 6.42084ZM1.61917 2.62418L1.61646 2.62751C-0.143003 4.68251 -0.44483 7.52751 0.607049 9.93584L4.93114 5.19501L4.87873 5.15334L1.61917 2.62418ZM9.90498 0.363347L6.43667 4.16584C6.44465 4.1627 6.45279 4.15992 6.46107 4.15751C7.90695 3.69834 9.53628 4.28251 10.2746 5.51251C10.4336 5.77834 10.5665 6.08168 10.6153 6.38334C10.6767 6.75501 10.6921 7.02751 10.6261 7.40001L10.6234 7.41334L14.0899 3.61251C13.184 2.08889 11.6948 0.931321 9.91311 0.365847L9.90498 0.363347ZM5.21038 4.89001L9.45404 0.237513L9.41157 0.227513C8.78362 0.0753014 8.13692 -0.00116959 7.48764 1.35199e-05C6.43631 0.00909415 5.39837 0.218545 4.43901 0.61521C3.47965 1.01188 2.61959 1.58719 1.91286 2.30501L1.8984 2.32001L5.21038 4.89001Z' fill='%23757578'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 20px;
    border: 0px;
}

.row-stops li.stop_info .map {
    visibility: hidden;
    pointer-events: none;
    height: 26px;
}

.row-stops li.stop_info.active .map {
    visibility: visible;
    pointer-events: all;
}

.row-stops li.stop_info .toggle-transport {
    width: 20px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23757578' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.row-stops li.stop_info.show-transport .toggle-transport {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L5 2L9 6' stroke='%23757578' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.row-stops li.stop_info .hand {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: -26px;
}

.m .baloon_title.with-hand,
.timetable-info .hand,
.row-stops li.stop_info .hand.active {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23C5EA76'/%3E%3Cpath d='M7.11657 3.40052C7.47701 2.82858 8.28339 2.63747 9.00166 3.04907C9.36132 2.34623 9.96099 2.23233 10.4893 2.34556C11.2872 2.51658 11.5488 3.07775 11.5202 3.81531C11.7373 3.79006 11.9416 3.74029 12.1437 3.74764C12.7544 3.76985 13.1767 4.17212 13.2801 4.82037C13.3132 5.0281 13.3203 5.24163 13.3207 5.45254C13.324 6.98672 13.3225 8.5209 13.3225 10.0551C13.3225 10.1117 13.3225 10.1684 13.3225 10.2611C13.4122 10.2056 13.4832 10.1622 13.5538 10.1181C13.9908 9.84499 14.4457 9.6131 14.9592 9.51696C15.2541 9.46175 15.5451 9.45864 15.8334 9.56132C16.2806 9.72053 16.5043 10.0939 16.3733 10.5482C16.3155 10.749 16.1891 10.9361 16.0677 11.1115C15.8122 11.4809 15.5385 11.8378 15.2741 12.2012C14.8388 12.7995 14.6446 13.4933 14.4655 14.1959C14.3447 14.6699 14.2116 15.1422 14.0544 15.6053C13.802 16.349 13.2731 16.8408 12.56 17.154C11.9415 17.4256 11.293 17.5733 10.6233 17.6386C9.79294 17.7195 8.9635 17.7207 8.14225 17.5592C7.36885 17.4072 6.66941 17.1023 6.11577 16.5198C5.60123 15.9785 5.33881 15.3307 5.30799 14.5924C5.25372 13.292 5.20048 11.9914 5.16498 10.6904C5.13891 9.73541 5.13889 8.77962 5.13283 7.82413C5.12815 7.08548 5.12519 6.34669 5.13457 5.60813C5.14099 5.10274 5.33145 4.68808 5.8208 4.47185C6.12772 4.33623 6.44912 4.3645 6.76523 4.45921C6.82358 4.4767 6.88056 4.49874 6.95095 4.5231C6.98625 4.13897 6.88447 3.7497 7.11657 3.40052ZM5.98595 4.97669C5.72694 5.13781 5.65571 5.39303 5.65483 5.67084C5.65077 6.96755 5.65285 8.26429 5.65338 9.56102C5.65342 9.66428 5.65744 9.76758 5.6613 9.8708C5.7194 11.4246 5.77792 12.9783 5.83602 14.5321C5.85972 15.166 6.07756 15.7209 6.5215 16.1806C7.01722 16.6939 7.64852 16.941 8.33518 17.0629C9.14962 17.2074 9.96859 17.1888 10.7864 17.0885C11.4294 17.0097 12.0489 16.8494 12.6184 16.5302C12.9991 16.3168 13.3193 16.0374 13.471 15.6208C13.6329 15.1761 13.7968 14.7271 13.8987 14.2666C14.1235 13.2503 14.4888 12.3024 15.1254 11.4687C15.32 11.2139 15.5175 10.9612 15.7175 10.7105C15.8366 10.5614 15.9425 10.3755 15.8485 10.2164C15.7838 10.1069 15.5879 10.0416 15.4409 10.0191C15.1199 9.96992 14.8145 10.0704 14.5224 10.1992C13.8074 10.5144 13.1927 10.9806 12.6155 11.4941C12.0832 11.9675 11.6442 12.5258 11.2299 13.1026C11.1182 13.2581 10.9816 13.294 10.8449 13.2042C10.7176 13.1207 10.6913 12.9791 10.7843 12.8221C10.8367 12.7336 10.9025 12.6528 10.9645 12.5702C11.4787 11.8853 12.0342 11.2392 12.7194 10.7135C12.7594 10.6828 12.7888 10.612 12.7889 10.5598C12.7918 8.77231 12.7928 6.9848 12.7863 5.19731C12.7857 5.03543 12.7517 4.86761 12.7006 4.7132C12.5818 4.35379 12.3293 4.24102 11.9562 4.27577C11.6429 4.30495 11.517 4.46409 11.5168 4.7852C11.5163 5.87528 11.5166 6.96535 11.5166 8.05543C11.5166 8.26725 11.5184 8.47909 11.516 8.69088C11.5137 8.88707 11.41 9.00614 11.2491 9.00383C11.0946 9.0016 10.9939 8.88498 10.9867 8.69874C10.9851 8.65747 10.9863 8.61609 10.9863 8.57476C10.9862 7.36586 10.9866 6.15696 10.986 4.94806C10.9858 4.47801 10.9933 4.00766 10.9789 3.53801C10.9654 3.0978 10.6454 2.83511 10.157 2.83662C9.75709 2.83786 9.45485 3.1276 9.43279 3.5354C9.42359 3.70553 9.41849 3.8761 9.41837 4.04647C9.41732 5.64801 9.41778 7.24955 9.41761 8.85108C9.4176 8.9027 9.4211 8.95516 9.41337 9.00578C9.39212 9.14501 9.27914 9.23702 9.14189 9.23269C9.00328 9.22832 8.90205 9.13148 8.88948 8.98737C8.88501 8.93607 8.88762 8.88412 8.88761 8.83246C8.88755 7.20509 8.88773 5.57772 8.88743 3.95035C8.88737 3.64745 8.75168 3.46079 8.45527 3.39153C8.32677 3.3615 8.18632 3.35522 8.05485 3.36981C7.7141 3.40765 7.4894 3.67313 7.48939 4.01426C7.48934 5.72945 7.48936 7.44465 7.48931 9.15984C7.48931 9.20633 7.49111 9.25297 7.48817 9.29929C7.47866 9.44908 7.37355 9.55641 7.2334 9.56175C7.09706 9.56694 6.97937 9.4615 6.96213 9.31495C6.95673 9.26903 6.95962 9.22208 6.95961 9.1756C6.9595 7.93054 6.9584 6.68547 6.96079 5.44041C6.96111 5.27307 6.91776 5.12688 6.76922 5.04285C6.52999 4.90752 6.27465 4.8636 5.98595 4.97669Z' fill='%2313099E'/%3E%3C/svg%3E%0A");
}

.m .baloon_title.with-hand {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-left: 22px;
    background-position: left center;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 20px;
}

.timetable-info .hand {
    background-repeat: no-repeat;
    background-size: 12px 12px;
    padding-left: 16px;
    background-position: left center;
    line-height: 16px;
}

.timetable-info .valid-from {
    line-height: 16px;
}

.row-stops ul {
    padding: 0px;
    border-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 12px;
}

.row-stops.show-hands ul {
    padding-left: 26px;
    /*scroll-behavior: smooth;*/
}

.row-stops .transport {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.planner-realtime-toggle {
    display: flex;
    background-color: #efefef;
    border-radius: 8px;
    margin: 10px 8px;
    position: relative;
}

.planner-realtime-toggle button {
    display: flex;
    flex: 1;
    border: 0px;
    background-color: #efefef;
    border-radius: 8px;
    height: 36px;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-12);
    text-transform: uppercase;
    cursor: pointer;
    line-height: 14px;
}

.desktop-content
    .planner-realtime-toggle
    button.show-realtime-departures
    + .filter-icon,
#schedule4
    .planner-realtime-toggle
    button.show-realtime-departures
    + .filter-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0.5C1.17157 0.5 0.5 1.17157 0.5 2V3.43426C0.5 3.83209 0.658036 4.21362 0.93934 4.49492L5.10048 8.65606C5.19425 8.74983 5.24693 8.87701 5.24693 9.00962V15.4981C5.24693 16.1807 5.91562 16.6626 6.56316 16.4468L11.2601 14.8811C11.6684 14.745 11.9439 14.3629 11.9439 13.9324V12.559C11.5861 12.3974 11.2508 12.195 10.9439 11.9576V13.9324L6.24693 15.4981V9.00962C6.24693 8.61179 6.08889 8.23026 5.80759 7.94896L1.64645 3.78781C1.55268 3.69405 1.5 3.56687 1.5 3.43426V2C1.5 1.72386 1.72386 1.5 2 1.5H15.1919C15.468 1.5 15.6919 1.72386 15.6919 2V3.29349C16.0316 3.41565 16.3543 3.57355 16.6555 3.76266C16.6795 3.6557 16.6919 3.54562 16.6919 3.43426V2C16.6919 1.17157 16.0203 0.5 15.1919 0.5H2Z' fill='%23171717'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 12C16.2091 12 18 10.2091 18 8C18 5.79086 16.2091 4 14 4C11.7909 4 10 5.79086 10 8C10 10.2091 11.7909 12 14 12ZM16.1192 6.95119C16.2763 6.76263 16.2509 6.48237 16.0623 6.32523C15.8737 6.1681 15.5935 6.19357 15.4363 6.38214L14.4213 7.60024C14.1409 7.93663 13.9579 8.15494 13.8025 8.29858C13.6553 8.43471 13.5838 8.45448 13.5391 8.45886C13.5237 8.46036 13.5082 8.46106 13.4928 8.46096C13.4478 8.46065 13.3749 8.44743 13.2159 8.32519C13.0482 8.1962 12.8461 7.99536 12.5365 7.68573C12.3629 7.51216 12.0815 7.51216 11.908 7.68573C11.7344 7.8593 11.7344 8.1407 11.908 8.31427L11.9283 8.33462C12.2119 8.6182 12.4548 8.8612 12.674 9.02979C12.9072 9.20913 13.1671 9.34764 13.4867 9.34983C13.5331 9.35014 13.5794 9.34804 13.6256 9.34353C13.9437 9.31241 14.19 9.15095 14.406 8.95122C14.609 8.76349 14.829 8.49949 15.0857 8.19141L15.0857 8.1914L15.1041 8.16929L16.1192 6.95119Z' fill='%23171717'/%3E%3C/svg%3E%0A");
    background-size: 18px 17px;
    background-repeat: no-repeat;
    display: none;
}

.desktop-content
    .planner-realtime-toggle
    button.show-realtime-departures.button-nightbus
    + .filter-icon,
#schedule4
    .planner-realtime-toggle
    button.show-realtime-departures.button-nightbus
    + .filter-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0.5C1.17157 0.5 0.5 1.17157 0.5 2V3.43426C0.5 3.83209 0.658036 4.21362 0.93934 4.49492L5.10048 8.65606C5.19425 8.74983 5.24693 8.87701 5.24693 9.00962V15.4981C5.24693 16.1807 5.91562 16.6626 6.56316 16.4468L11.2601 14.8811C11.6684 14.745 11.9439 14.3629 11.9439 13.9324V12.559C11.5861 12.3974 11.2508 12.195 10.9439 11.9576V13.9324L6.24693 15.4981V9.00962C6.24693 8.61179 6.08889 8.23026 5.80759 7.94896L1.64645 3.78781C1.55268 3.69405 1.5 3.56687 1.5 3.43426V2C1.5 1.72386 1.72386 1.5 2 1.5H15.1919C15.468 1.5 15.6919 1.72386 15.6919 2V3.29349C16.0316 3.41565 16.3543 3.57355 16.6555 3.76266C16.6795 3.6557 16.6919 3.54562 16.6919 3.43426V2C16.6919 1.17157 16.0203 0.5 15.1919 0.5H2Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 12C16.2091 12 18 10.2091 18 8C18 5.79086 16.2091 4 14 4C11.7909 4 10 5.79086 10 8C10 10.2091 11.7909 12 14 12ZM16.1192 6.95119C16.2763 6.76263 16.2509 6.48237 16.0623 6.32523C15.8737 6.1681 15.5935 6.19357 15.4363 6.38214L14.4213 7.60024C14.1409 7.93663 13.9579 8.15494 13.8025 8.29858C13.6553 8.43471 13.5838 8.45448 13.5391 8.45886C13.5237 8.46036 13.5082 8.46106 13.4928 8.46096C13.4478 8.46065 13.3749 8.44743 13.2159 8.32519C13.0482 8.1962 12.8461 7.99536 12.5365 7.68573C12.3629 7.51216 12.0815 7.51216 11.908 7.68573C11.7344 7.8593 11.7344 8.1407 11.908 8.31427L11.9283 8.33462C12.2119 8.6182 12.4548 8.8612 12.674 9.02979C12.9072 9.20913 13.1671 9.34764 13.4867 9.34983C13.5331 9.35014 13.5794 9.34804 13.6256 9.34353C13.9437 9.31241 14.19 9.15095 14.406 8.95122C14.609 8.76349 14.829 8.49949 15.0857 8.19141L15.0857 8.1914L15.1041 8.16929L16.1192 6.95119Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.desktop-content.with-filter
    .planner-realtime-toggle
    button.active.show-realtime-departures
    + .filter-icon,
#schedule4.with-filter
    .planner-realtime-toggle
    button.active.show-realtime-departures
    + .filter-icon {
    height: 24px;
    width: 24px;
    background-position: left 2px center;
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
}

.desktop-content.with-filter
    .planner-realtime-toggle
    button.active.show-realtime-departures
    .title,
#schedule4.with-filter
    .planner-realtime-toggle
    button.active.show-realtime-departures
    .title {
    flex: 1;
    padding-left: 22px;
    padding-right: 22px;
}

.planner-realtime-toggle button.active {
    font-weight: bold;
}

.scroller-big .row-departures,
.scroller-big .departing-routes {
    display: none;
}

.scroller-big .departing-routes.fadein {
    animation: fade-in 0.7s ease-in-out forwards; /* infinite alternate;*/
}

.planner-realtime-toggle.show-planned-departures
    + .row-workdays
    + .scroller-big
    .row-departures,
.planner-realtime-toggle.show-realtime-departures
    + .row-workdays
    + .scroller-big
    .departing-routes,
.planner-realtime-toggle.show-planned-departures
    + .scroller-big
    .row-departures,
.planner-realtime-toggle.show-realtime-departures
    + .scroller-big
    .departing-routes {
    display: block;
}

.planner-realtime-toggle.show-realtime-departures + .row-workdays {
    display: none;
}

.planner-realtime-toggle.show-realtime-departures
    + .row-workdays
    + .scroller-big.filter-active
    .departing-routes,
.planner-realtime-toggle.show-realtime-departures
    + .scroller-big.filter-active
    .departing-routes {
    display: none;
}

.planner-realtime-toggle + .row-workdays + .scroller-big .filter-activate,
.planner-realtime-toggle.show-planned-departures
    + .row-workdays
    + .scroller-big
    .filter-controls,
.planner-realtime-toggle.show-planned-departures
    + .scroller-big
    .filter-controls,
.planner-realtime-toggle.show-planned-departures
    + .row-workdays
    + .scroller-big
    .realtime-filter,
.planner-realtime-toggle.show-planned-departures
    + .scroller-big
    .realtime-filter,
.planner-realtime-toggle + .scroller-big .filter-activate {
    display: none;
}

/*.planner-realtime-toggle.show-realtime-departures + .scroller-big .realtime-filter,*/
.planner-realtime-toggle.show-realtime-departures
    + .row-workdays
    + .scroller-big
    .filter-activate,
.planner-realtime-toggle.show-realtime-departures
    + .scroller-big
    .filter-activate {
    display: flex;
    flex-direction: column;
}

.planner-realtime-toggle.show-realtime-departures
    + .row-workdays
    + .scroller-big.filter-active
    .filter-activate,
.planner-realtime-toggle.show-realtime-departures
    + .scroller-big.filter-active
    .filter-activate {
    display: none;
}

.desktop-content .departing-routes .row-fluid,
#schedule4 .departing-routes .row-fluid {
    display: none;
}

.night-info,
.timetable-info {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-12);
    flex-shrink: 0;
    line-height: 12px;
    justify-content: center;
    padding-left: 46px;
    background-repeat: no-repeat;
    background-position: 18px center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.night-info {
    background-position: 7px center;
    display: flex;
    padding-left: 34px;
    margin-top: 18px;
    line-height: var(--font-size-16);
    padding-right: 20px;
}

#schedule4 .night-info {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: 13px center;
    padding-left: 40px;
    padding-right: 20px;
}

.night-info,
.timetable-info {
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.3892 16.8785C11.4238 16.696 12.4124 16.3116 13.2984 15.7471C14.1844 15.1827 14.9506 14.4492 15.5532 13.5886C16.1558 12.728 16.583 11.7572 16.8104 10.7315C17.0378 9.70584 17.0609 8.64543 16.8785 7.61081C16.696 6.5762 16.3116 5.58765 15.7471 4.7016C15.1827 3.81556 14.4492 3.04937 13.5886 2.44678C12.728 1.8442 11.7572 1.41702 10.7315 1.18963C9.70584 0.962246 8.64543 0.939108 7.61081 1.12154C6.5762 1.30397 5.58765 1.6884 4.7016 2.25287C3.81556 2.81734 3.04937 3.55081 2.44678 4.41139C1.8442 5.27197 1.41702 6.24281 1.18963 7.26848C0.962246 8.29416 0.939108 9.35457 1.12154 10.3892C1.30397 11.4238 1.6884 12.4124 2.25287 13.2984C2.81734 14.1844 3.55081 14.9506 4.41139 15.5532C5.27197 16.1558 6.24281 16.583 7.26849 16.8104C8.29416 17.0378 9.35457 17.0609 10.3892 16.8785L10.3892 16.8785Z" stroke="%23757578" stroke-width="1.4"/%3E%3Cpath d="M7.84044 5.83606C7.84044 5.53841 7.99802 5.27577 8.26066 5.11819C8.50578 4.9606 8.83846 4.9606 9.10109 5.11819C9.34622 5.27577 9.52131 5.53841 9.52131 5.83606C9.52131 6.15122 9.34622 6.41386 9.10109 6.57144C8.83846 6.72903 8.50578 6.72903 8.26066 6.57144C7.99802 6.41386 7.84044 6.15122 7.84044 5.83606ZM7 8.35737C7 8.05972 7.24513 7.79708 7.56029 7.79708H8.68088C8.97853 7.79708 9.24117 8.05972 9.24117 8.35737V12.2794H9.80146C10.0991 12.2794 10.3618 12.5421 10.3618 12.8397C10.3618 13.1549 10.0991 13.4 9.80146 13.4H7.56029C7.24513 13.4 7 13.1549 7 12.8397C7 12.5421 7.24513 12.2794 7.56029 12.2794H8.12058V8.91767H7.56029C7.24513 8.91767 7 8.67254 7 8.35737Z" fill="%23757578"/%3E%3C/svg%3E%0A');
}

.timetable-info.active {
    display: flex;
}

.timetable-info.empty {
    background-image: none;
}

.scroller-big {
    overflow: auto;
    /*height: calc(100dvh - (var(--mobile-header-height) + var(--transport-header-height) + 36+40+160+36+50));*/
    /*height: calc(100dvh - (var(--mobile-header-height) + var(--transport-header-height) + 36 + 40 + 160 + 36));*/
    margin-right: 8px;
    min-height: 120px;
}

.filter-routes,
.departing-routes {
    /*display: flex;
    flex-direction: column;*/
    padding: 12px;
    padding-top: 4px;
}

.departing-routes {
    opacity: 0;
}

.filter-active .departing-routes {
    display: none;
}

.filter-routes .direction .control-check {
    display: flex;
    justify-content: flex-end;
    width: 20px;
}

.filter-routes .direction .daytime,
.filter-routes .direction .timetowait,
.filter-routes .direction .lowground {
    display: none;
}

.filter-routes > div,
.departing-routes > div {
    display: flex;
    gap: 10px;
}

.filter-routes .direction .title,
.departing-routes .direction .title {
    flex: 1;
    line-height: 16px;
}

.filter-routes .direction .timetowait,
.departing-routes .direction .timetowait {
    display: flex;
    position: static;
    font-size: var(--font-size-16);
    font-weight: bold;
    align-items: center;
    min-width: 54px;
    justify-content: flex-end;
}

.filter-routes .direction .lowground,
.departing-routes .direction .lowground {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='23' viewBox='0 0 21 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7692 6.54321C11.7692 7.3955 11.0804 8.08642 10.2308 8.08642C9.3811 8.08642 8.69231 7.3955 8.69231 6.54321C8.69231 5.69092 9.3811 5 10.2308 5C11.0804 5 11.7692 5.69092 11.7692 6.54321ZM9.74946 13.3555L9.00218 8.85802H10.4629H10.5619H11.5662L11.7275 8.93893L11.7283 8.93933L11.7373 8.9437C11.7458 8.94784 11.7598 8.95458 11.779 8.96354C11.8173 8.98148 11.876 9.00826 11.952 9.04095C12.1045 9.10649 12.3247 9.1949 12.5894 9.28339C13.1279 9.46345 13.8086 9.62959 14.4615 9.62959V11.1728C13.7044 11.1728 12.9676 11.0122 12.3853 10.8371L12.7958 13.1018H14.1383C14.9385 13.1018 15.605 13.717 15.6715 14.5169L16 18.1173H14.4562L14.1383 14.645L11.267 14.645C10.5149 14.645 9.8731 14.0996 9.74946 13.3555ZM6 15.0309C6 13.5105 6.87676 12.1955 8.15078 11.5669L8.43758 13.1971C7.89071 13.6204 7.53846 14.2844 7.53846 15.0309C7.53846 16.3093 8.57165 17.3457 9.84615 17.3457C10.8509 17.3457 11.7057 16.7015 12.0225 15.8025H13.6154C13.259 17.5635 11.7069 18.8889 9.84615 18.8889C7.72198 18.8889 6 17.1616 6 15.0309Z' fill='%23757578'/%3E%3Crect x='0.5' y='0.5' width='20' height='22' rx='4.5' stroke='%23757578'/%3E%3C/svg%3E%0A");
    width: 21px;
    height: 23px;
    background-repeat: no-repeat;
}

.filter-routes .direction .timetowait span,
.departing-routes .direction .timetowait span {
    font-weight: normal;
    font-size: var(--font-size-12);
    line-height: 12px;
    padding-top: 4px;
    padding-left: 4px;
    text-transform: lowercase;
}

.departing-routes .direction .daytime {
    font-weight: 500;
    font-size: var(--font-size-12);
    color: #1404c8;
    padding-top: 4px;
    min-width: 40px; /*44*/
    text-align: right;
    /*font-family: "Droid Sans Mono";*/
}

.departing-routes .direction .control-check {
    display: none;
}

.filter-routes .num,
.departing-routes .num {
    display: flex;
    align-items: center;
}

.filter-routes .direction,
.departing-routes .direction {
    border-top: 1px solid #c9c9c9;
    font-size: var(--font-size-13);
    height: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    flex: 1;
}

.filter-routes .direction .title,
.departing-routes .direction .title {
    text-transform: uppercase;
}

.filter-routes .direction .timetowait span.coming-up,
.departing-routes .direction .timetowait span.coming-up {
    font-size: var(--font-size-12);
    font-weight: bold;
    text-transform: none;
}

.filter-routes > div:last-child .direction,
.departing-routes > div:last-child .direction {
    border-bottom: 1px solid #c9c9c9;
}

/*
.filter-controls {
    align-items: center;
    display: flex;
    flex:1;
    flex-direction: column;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 16px;
}*/

.filter-activate {
    display: flex;
    justify-content: flex-end;
    padding: 12px 12px;
}

.desk .filter-activate {
    padding-bottom: 0px;
    padding-top: 8px;
}

.real-time-error .filter-activate,
.hide-filter .filter-activate {
    display: none !important;
}

.filter-active .filter-activate {
    display: none;
}

.filter-controls {
    display: none;
}

.filter-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.filter-active .filter-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 12px;
    padding-bottom: 20px;
    gap: 20px;
}

.filter-activate .control {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.62476 7.5L2.62476 1' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M14.0002 14L14.0002 12.375' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M2.62476 14L2.62476 10.75' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M14.0002 7.5L14.0002 1' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M8.3125 3.4375L8.3125 1' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M8.3125 14L8.3125 7.5' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='2.625' cy='9.125' r='1.625' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='8.31274' cy='5.0625' r='1.625' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='13.9998' cy='9.9375' r='1.625' stroke='%23757578' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding-right: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    overflow: hidden;
    font-size: var(--font-size-14);
}

.filter-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 10px;
}

.filter-checkall {
    float: right;
}

.realtime-filter {
    display: none;
}

.filter-active .realtime-filter {
    display: block;
}