.planner button#reverseStartFinish {
    position: absolute;
    right: 60px;
    top: 54px;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='41' height='40' rx='10' fill='%23E7E5E5'/%3E%3Cpath d='M12 15L16.4524 11M16.4524 11L20.9048 15M16.4524 11V21.5' stroke='%23616161' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M28.9043 26L24.4519 30M24.4519 30L19.9995 26M24.4519 30V19.5' stroke='%23616161' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.planner {
    padding-bottom: 20px;
}

.planner .control-label {
    font-size: var(--font-size-14);
    font-weight: 600;
}

.planner .toggleSwitch {
    display: flex;
    align-items: center;
    font-size: var(--font-size-12);
}

.planner .toggleSwitch .radio {
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.planner .toggleSwitch input {
    position: absolute;
    /*visibility: hidden;*/
    left: -999vw;
    margin: 0px;
}

.planner .toggleSwitch input:checked ~ .radio.departure,
.planner .toggleSwitch .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 ");
}

.planner .toggleSwitch .radio.departure,
.planner .toggleSwitch 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 ");
}

.planner .time-options {
    display: flex;
    gap: 6px;
}

.planner .inputDate {
    width: 108px;
    max-width: 108px;
    margin-right: 0px;
    flex-shrink: 0;
}

.planner .inputMinutes,
.planner .inputHour {
    max-width: 50px;
    flex-shrink: 0;
}

.planner select,
.planner input[type="text"],
.planner input[type="number"] {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    font-size: var(--font-size-14);
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    /*outline: 0px;*/
}

.planner input[type="text"],
.planner input[type="number"] {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.planner .input-prepend.error input[type="text"],
.planner input.error[type="text"] {
    border: 1px solid #d93836;
}

.planner input.input-bookmark-title[type="text"] {
    padding: 10px;
    height: 37px;
    flex: 1;
    color: #171717;
}

.planner select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    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-x: 100%;
    background-position-y: 5px;*/
    background-position: right 10px center;
    border: 0px;
    border-radius: 8px;
    height: 40px;
    font-size: var(--font-size-14);
    color: #171717;
    /*margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;*/
    padding-right: 24px;
    padding-left: 9px;
}

.planner .control-group.extended select {
    margin-bottom: 6px;
}

.planner select.inputDate {
    text-align: center;
}

.planner select.inputDate:first-letter {
    text-transform: uppercase;
}

.planner .input-append .add-on,
.planner .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: var(--font-size-14);
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    /*background-color: #eeeeee;
    border: 1px solid #ccc;*/
}

/*
.planner .error .input-append .add-on,
.planner .error .input-prepend .add-on {
    border: 1px solid #D93836;
    border-right: 0px;
}*/

.planner .input-prepend .add-on:first-child,
.planner .input-prepend .btn:first-child {
    border-radius: 8px 0 0 8px;
}

.planner .control-group.with-switch {
    padding: 6px 16px;
    padding-top: 2px;
    position: relative;
}

.planner .control-group.with-bookmarks {
    padding: 6px 16px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    display: block;
    display: none;
}

.planner .control-group input[type="text"],
.planner .control-group select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.input-prepend:not(:first-child) {
    margin-bottom: 6px;
}

.planner input:not(.empty) + div + .inputClear,
.planner input:not(.empty) + .inputClear {
    display: block;
}

.planner button.locate {
    display: none;
    bottom: 3px;
}

.planner input.empty + .inputClear {
    display: none;
}

.planner input.empty ~ .locate {
    display: block;
}

.planner .input-prepend .add-on {
    /*background-color: #fff;*/
    width: 32px;
    height: 100%;
    height: 37px;
    border-right: 0px;
    background-position: center center;
    margin-left: 1px;
}

.planner .pin-bookmark,
#planner-stops .start,
.planner .pin-start,
#planner-stops .final,
.planner .pin-end {
    background-repeat: no-repeat;
    background-size: 15px 20px;
}

#planner-stops .start,
#planner-stops .final {
    background-position: left center;
}

.m .icon.icon_stopGreen,
.planner-results .option .result .point.start-point:before,
#plan .recent-searches .start,
#favourites .favourites-list li.plan a div span.start,
#planner-stops .start,
.planner .pin-start {
    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='%233773D2'/%3E%3C/svg%3E%0A");
}

.m .icon.icon_stopRed,
.planner-results .option .result .point.end-point:before,
#plan .recent-searches .finish,
#favourites .favourites-list li.plan a div span.finish,
#planner-stops .final,
.planner .pin-end {
    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.332 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.47964 1.01188 2.61959 1.58719 1.91286 2.30501L1.8984 2.32001L5.21038 4.89001Z' fill='%23D93836'/%3E%3C/svg%3E%0A");
}

.planner .pin-bookmark {
    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");
}

.planner .input-prepend input[type="text"]:focus {
    border: 1px solid #cccccc;
    outline: 0;
}

.planner .input-prepend input[type="text"] {
    padding: 0px;
    padding-left: 32px;
    padding-right: 85px;
    text-overflow: ellipsis;

    border: 1px solid #cccccc;
    border-radius: 8px;
    color: #171717;
    height: 37px;
}

.planner .input-prepend input#inputBookmark[type="text"] {
    padding-right: 35px;
}

.planner .error .input-prepend input[type="text"] {
    border: 1px solid #d93836;
}

.planner .input-prepend input[type="text"]::placeholder,
.planner .input-prepend input[type="text"].empty {
    color: #757578;
}

.planner .control-group {
    border: 0px;
    padding: 8px 16px;
}

.planner .control-group.expand {
    padding-top: 22px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.planner .expand button {
    padding: 0px;
    padding-right: 20px;
    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-position: right center;
    background-repeat: no-repeat;
    font-size: var(--font-size-14);
    text-decoration: none;
}

.planner.extended .expand button {
    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' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.planner .control-group.departure-arrival-time {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/*
.toggleSwitch {
    margin-bottom: 0px;
    margin-right: 0px;
    width:170px;
}*/
.btn-small {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    /*outline: inherit;*/
    height: 30px;
    border-radius: 28px;
    border: 1px solid #757578;
    min-width: 95px;
    font-size: var(--font-size-14);
}

.btn-small.proceed {
    background-color: #d93836;
    border-color: #d93836;
    color: white;
}

.planner-results-buttons {
    display: flex;
    gap: 12px;
    position: relative;
}

.planner-results-buttons button.copy-link {
    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%3Cpath d='M10.5 6.5L6.5 10.5' stroke='%23757578' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 9.5L14.5 7.5C15.8807 6.11929 15.8807 3.88071 14.5 2.5V2.5C13.1193 1.11929 10.8807 1.11929 9.5 2.5L7.5 4.5M4.5 7.5L2.5 9.5C1.11929 10.8807 1.11929 13.1193 2.5 14.5V14.5C3.88071 15.8807 6.11929 15.8807 7.5 14.5L9.5 12.5' stroke='%23757578' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    width: 17px;
    height: 19px;
}

.copy-message {
    position: absolute;
    height: 27px;
    min-width: 132px;
    background-color: #757578;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    /*left: -128px;
    top: -30px;*/
    font-size: var(--font-size-12);
    font-weight: normal;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    z-index: 999;
    pointer-events: none;
    padding-left: 15px;
    padding-right: 15px;
}

.copy-message.show {
    /*opacity: 1;*/
    animation: inAndOut 2s ease-in forwards;
}

@keyframes inAndOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
.copy-message.left {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
}

.copy-message::after {
    content: "";
    width: 10px;
    height: 7px;
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #757578 60%, #757578 100%);
    position: absolute;
    right: 0px;
    bottom: -7px;
}

.copy-message.left::after {
    background: linear-gradient(to top left, transparent 0%, transparent 50%, #757578 60%, #757578 100%);
    left: 0px;
    right: auto;
}*/

.btn-control,
.btn-control:hover,
.btn-planner,
.btn-planner:hover {
    background-color: #000f9f;
    background-image: none;
    color: white;
    display: block;
    font-weight: normal;
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-14);
    line-height: 20px;
    padding: 0px;
    text-shadow: none;
    border-radius: 20px;
    height: 40px;
    /*outline: none;*/
    border: 0px;
    cursor: pointer;
}

.btn-small.proceed:focus-visible,
.btn-control.save:focus-visible,
.btn-planner:focus-visible {
    outline: 2px solid cornflowerblue;
    outline: 2px solid -webkit-focus-ring-color;
    border: 1px solid white !important;
}

.btn-control.cancel {
    background-color: #fff;
    color: #171717;
    border: 1px solid #757578;
}

.btn-control.save,
.btn-control.cancel,
.btn-planner,
.btn-planner:hover,
.btn-planner:focus {
    width: 129px;
}

.planner .form-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding-bottom: 20px;*/
    padding-top: 0px; /* on iphone 6s url bar hides search button */
    gap: 12px;

    padding-top: 20px;
    padding-bottom: 16px;
}

.planner .form-actions.add-edit {
    padding-top: 20px;
}

.planner .transport-options {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 5px;
}

.planner .inputClear {
    width: 35px;
    height: 35px;
    border-radius: 8px;
}

.planner #divSuggestedStops {
    position: relative;
    top: 0px !important;
    /*display: block !important;*/
    height: auto !important;
    overflow: auto;
    background-color: white;
    border: 1px solid;
    border-color: #808080 black black #808080;
    z-index: 100;
    width: 100% !important;
    overflow: auto !important;
    border: 0px;
    left: 0px !important;
    right: 0px !important;
    padding: 0px 16px;
}

.planner .icon.icon_info,
.planner .icon.icon_stops {
    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");
    margin-left: 2px;
}

.planner #aMoreChars {
    display: none;
}

.planner .header-plan {
    padding-left: 0px !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}

.planner .icon_map {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23D93836'/%3E%3C/svg%3E%0A");
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 0px;
    position: absolute;
    left: 1px;
}

#divSuggestedStops button span.title,
#divSuggestedStops a span.title {
    padding-right: 0px;
}

#divSuggestedStops button span.details,
#divSuggestedStops a span.details {
    padding-right: 2px;
}

.planner #divSuggestedStops[data-input="inputStart"] .icon_map {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%233773D2'/%3E%3C/svg%3E%0A");
}

.planner #divSuggestedStops button,
.planner #divSuggestedStops a {
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    align-items: center;

    border-top: 1px solid #c9c9c9;
    position: relative;
    padding-left: 22px;
    gap: 4px;
    width: 100%;
    font-size: var(--font-size-14);
}

.planner #divSuggestedStops a#aMoreChars {
    /*display: none;*/
    gap: 0px;
    padding-left: 8px;
    border: 0px;
}

.planner #divSuggestedStops button:hover,
.planner #divSuggestedStops a:hover {
    background-color: #efefef;
}

.planner .details-transport {
    margin-left: 0px;
    display: flex;
    gap: 4px;
}

/*
.planner #divSuggestedStops a:last-child {
    border-bottom: 1px solid #C9C9C9;
}*/
.planner #divSuggestedStops #aSuggestShowMap {
    display: none;
}

.planner #divSuggestedStops .aSuggestShowMap {
    border: 0px;
    display: flex; /*!important;*/
    padding: 8px;
    align-items: center;
    cursor: default;
}

.planner .toolbar {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.planner.results .control-group.with-switch,
.planner.results.extended .control-group.extended {
    /*.planner.results .control-group {*/
    display: block;
}

.planner.results .control-group.expand {
    display: flex;
}

.planner.results .form-actions,
.planner.results .control-group.departure-arrival-time {
    display: flex;
}

.planner.results .form-actions.add-edit {
    display: none;
}

/*
.planner.results .control-group.extended {
    display: none;
}

.planner.results .control-group.departure-arrival-time,
.planner.results .control-group.expand {
    display: none;
}
*/

.planner-results .row-fluid:first-child {
    display: none;
}

.planner-results .title {
    /*padding-top:10px;*/
    padding-bottom: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    font-size: var(--font-size-14);
    font-weight: 600;
}

.planner .errors .error,
.planner-results p.error {
    color: #d93836;
    margin: 0px;
}

.travel-overview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "travel-time travel-time"
        "travel-start travel-finish";
    min-width: 80px;
    gap: 0px 2px;
}

.planner-results .accordion-heading button.accordion-toggle {
    display: flex;
    background-image: none;
    padding: 0px;
    justify-content: space-between;
    padding-left: 7px;
    padding-right: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    /*margin-right: 30px;*/
    cursor: pointer;
    align-items: center;
    width: 100%;
}

.planner-results .accordion-heading.active button.accordion-toggle {
    border: 1px solid #d93836;
}

.planner.results .planner-results {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: 20px;
    margin-right: 20px;
}

.planner.results .planner-results {
    padding-bottom: 500px;
}

.planner.results .planner-results.in-action {
    padding-bottom: 2000px;
}

.planner-results .accordion-heading {
    background-image: none;
    border-bottom: 0px;
    position: relative;
}

/*
.planner-results .variant-map {
    display:flex;
    position:absolute;
    right:0px;
    top: 0px;
    margin-top: 12px;
}

.planner-results .variant-map .btn-map {
    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-size: 15px 20px;
    height: 20px;
    width: 20px;
    border: 0px;
}
*/

.travel-time {
    grid-area: travel-time;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 16px;
    height: 16px;
}

.travel-time .hourShort,
.travel-time .minutesShort {
    font-weight: normal;
    font-size: var(--font-size-16);
    padding-left: 3px;
}

.travel-time .hourShort {
    padding-right: 6px;
}

.travel-time strong {
    font-size: var(--font-size-16);
    margin-right: 4px;
}

.travel-start {
    grid-area: travel-start;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3773d2;
    color: white;
    height: 18px;
    border-radius: 6px;
    font-size: var(--font-size-12);
}

.travel-finish {
    grid-area: travel-finish;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d93836;
    color: white;
    height: 18px;
    border-radius: 6px;
    font-size: var(--font-size-12);
}

.planner-results .transport-number {
    min-width: 26px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: var(--font-size-12);
    border-radius: 6px;
    margin: 4px;
}

.planner-results .icon.icon-walk {
    margin: 0px;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.37501' cy='1.75001' r='1.75001' fill='%23171717'/%3E%3Cpath d='M6.76988 14.0005L5.94561 11.5104L3.4728 9.02028M3.4728 9.02028L4.29707 4.87012M3.4728 9.02028L1 14.0005M4.29707 4.87012L6.76988 7.36021L8.41841 8.19025M4.29707 4.87012L1.82427 6.53018L1 9.02028' stroke='%23171717' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.planner-results button.accordion-toggle .icons {
    display: flex;
    margin: 0px;
    justify-content: center;
    align-items: center;
    gap: 0px;
}

/* tallinn */

/*------------------------------------*\
$PLANNER
\*------------------------------------*/
.point-info .num {
    display: inline-block;
    margin-right: 7px;

    text-align: center;
    min-width: 44px;
    font-size: var(--font-size-12);
    line-height: 23px;
    color: #171717;
    font-weight: bold;
    margin-top: 0px;
    padding-left: 24px;
    padding-right: 4px;
}

.planner-results .option header {
    padding: 20px 90px 18px 20px;
    cursor: pointer;
    position: relative;
}
.planner-results .option header h2 {
    font-size: var(--font-size-16);
    font-weight: normal;
}

.planner-results .option header h2:first-letter {
    text-transform: uppercase;
}

.planner-results .option header h2 span {
    font-weight: bold;
}
.planner-results .option header strong {
    margin-right: 15px;
}
.planner-results .option header .map {
    position: absolute;
    top: 0;
    right: 40px;
    width: 40px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUIzNDY5OUFCNTJBMTFFNEJDMjhCOEMyMkYyNTE4QjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUIzNDY5OUJCNTJBMTFFNEJDMjhCOEMyMkYyNTE4QjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQjM0Njk5OEI1MkExMUU0QkMyOEI4QzIyRjI1MThCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQjM0Njk5OUI1MkExMUU0QkMyOEI4QzIyRjI1MThCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuZWItkAAAGbSURBVHjajJPPK0RRFMfnTXoTQxQlJRs/UzZWEs1CSTYWZGdlQTF+LVgoC9mQGIWVnb/AjxCpl1hJIQuEhR+RhWI148fje/S9dZreTO/Up3vPved83333nmM5jhPwaVkgCuqADc7BMniQzQyfItVgDZSptVbQCzrBnh+hHHAA8um/gk9QDPLALigN+hCKKpEYKAdVYETFTMiJFkE2//uXGxbno6CRa6dgWCXPgwhoAy0i1JfmNEsgk/NDj/19ChWYO9oAQ8D8qowueFRJ9R5CEY4vJvEJ3IEbcs0xDnYYUwvmeMEhMAjaubcVVDWSyqRW3jmXOzpjDcVUzIyfV/sAk8ovARXKX5HTB1NUcLLJ15891hNgLKAu1+KYC45ZJ9pck5Bks+BNC7kcp9kOC/QrVdIquFL+PVgHHVroFhSCHvrN/Hc53bhKHlBzebUuKUYtVMTi09bNPpsCTVyTvtoGR/LkoJ+l89/9CSbZaV5OCrYBXDL2C9RwL26EQj5KQNrkhPMf9qHpCtsIbYIwA9JZOKmxJf4bXIjzJ8AAciVSxZFguhYAAAAASUVORK5CYII=)
        no-repeat 50% 50%;
    border-left: 1px solid #f6f6f6;
}
.planner-results .option header .button {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-weight: normal;
    text-transform: none;
    overflow: hidden;
    height: 100%;
    width: 40px;
    text-align: right;
    border-left: 1px solid #f6f6f6;
}
.planner-results .option header .button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -2.5px -5px 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
}
.planner-results .option header.active .button:after {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000000 transparent;
}
.planner-results .option header .button span {
    display: block;
}
.planner-results .option header.active .button .more {
    margin-top: -20px;
}

.planner-results .option .result {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    max-height: 0px;
    visibility: hidden;
}

.planner-results .option .result::before,
.planner-results .option .result::after {
    content: "";
    height: 20px;
    display: block;
}

.planner-results .option.active .result {
    /*transition: max-height 0.7s ease;*/
    transition-delay: 1.5s;
    transition: max-height 3s ease;
    max-height: 2000px;
    visibility: visible;
}

.planner-results .option.active.with-departures .result {
    overflow: visible;
}

.planner-results .option .result .point {
    padding: 0 0 20px 94px;
    position: relative;
    padding-bottom: 0px;
    /*margin-bottom: 2px ;*/
    user-select: none;
}

.planner-results .option .result .point .time {
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font-size-12);
    font-weight: 700;
    padding-left: 5px;
}

.planner-results .option .result .point.start-point .time {
    color: #3773d2;
}
.planner-results .option .result .point.end-point .time {
    color: #d93836;
}

.planner-results .option .result .point .time.special {
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    width: 57px;
    height: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #3773d2;

    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L4 4L1 1' stroke='%23757578' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-size: 8px 6px;
    background-position: right 5px center;
    background-repeat: no-repeat;
}

.planner-results .option .result .point .time.special.reverse {
    color: #d93836;
}

.planner-results .option .result .point .departures {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff; /*rgba(255,0,0,0.5);*/
    z-index: 120;
    display: flex;

    border: 1px solid #c9c9c9;
    border-radius: 8px;
    font-size: var(--font-size-12);
    justify-content: center;
    flex-direction: column;

    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);

    outline: 0px;
    display: none;
}

.planner-results .option.active.with-departures .result .point .departures {
    display: block;
}

.planner-results
    .option.active.with-departures
    .result
    .point
    .departures
    button.close {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L1 7' stroke='%23757578' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L7 7' stroke='%23757578' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 8px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.planner-results .option .result .point .departures .times {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 10px;
    padding-top: 0px;
}

.planner-results .option .result .point .departures .title {
    font-size: var(--font-size-14);
    font-weight: bold;
    margin: 0px;
    padding: 10px;
    padding-right: 24px;
    padding-bottom: 0px;
}

.planner-results .option .result .point .departures .point-info {
    display: flex;
    padding: 10px;
    padding-bottom: 6px;
    margin: 0px;
}

.planner-results .option .result .point .departures .point-info .info {
    font-size: var(--font-size-14);
}

.planner-results .option .result .point .departures .point-info .stop {
    font-weight: 700;
    font-style: normal;
}

.planner-results .option .result .point .departures .point-info .transport {
    display: flex;
    justify-content: center;
    align-items: center;
}

.planner-results .option .result .point .departures .times button.departure {
    min-width: 34px;
    text-align: center;
    cursor: pointer;
    font-size: var(--font-size-12);
}

.planner-results
    .option
    .result
    .point
    .departures
    .times
    button.departure.active {
    font-weight: bold;
    cursor: default;
}

.planner-results
    .option
    .result
    .point
    .departures
    .times
    button.departure.inactive {
    cursor: default;
    pointer-events: none;
    color: #a2a2a2;
}

.planner-results .option .result .point h3 {
    font-size: var(--font-size-12);
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    user-select: none;
}
/*
.planner-results .option .result .point .location {
    color: #808080;
    font-size: var(--font-size-12);
    margin-bottom: 0px;
    display: none;
}*/

.planner-results .option .result .point:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 67px;
    top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='5.5' r='4.5' stroke='%23757578' stroke-width='2'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    z-index: 3;
    background-position: 2px center;
}
.planner-results .option .result .point.start-point:before,
.planner-results .option .result .point.end-point:before {
    top: -5px;
    width: 16px;
    height: 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 50%;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.planner-results .option .result .point:after {
    content: "";
    display: block;
    position: absolute;
    left: 72px;
    width: 5px;
    top: 26px;
    height: 100%;
    height: calc(100% - 30px);
    z-index: 2;
    border-radius: 5px;
}
.planner-results .option .result .point.type_walk:after {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='54' viewBox='0 0 5 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.5' y1='2.5' x2='2.5' y2='57.5' stroke='%23BABABA' stroke-width='5' stroke-linecap='round' stroke-dasharray='1 8'/%3E%3C/svg%3E%0A");
    background-repeat: repeat-y;
    height: calc(100% - 30px);
}

.planner-results .option .result .point .wait {
    position: relative;
    font-size: var(--font-size-12);
    line-height: 15px;
    padding: 0 0 0 20px;
    margin: 0px;
}
.planner-results .option .result .point .wait:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzMwMjUyREFCNTQwMTFFNEJDMjhCOEMyMkYyNTE4QjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzMwMjUyREJCNTQwMTFFNEJDMjhCOEMyMkYyNTE4QjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzAyNTJEOEI1NDAxMUU0QkMyOEI4QzIyRjI1MThCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzAyNTJEOUI1NDAxMUU0QkMyOEI4QzIyRjI1MThCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlfCYpUAAAE4SURBVHjafNK9SwMxHMbxu/oG4iKom9hFiooIHUQUQYr0dgelasHdUd2E/gG6uotURRcHZ0FHhW71rQ6+gUsddXAQ/f7gCcRwGPj0jiRPLk1+8cTkVOS1fqxjET3qe8cBtvHqJsZecB5Her/GKdqRYET9Czi2l1Z1LKGKBsq48naxhnHsaeE27NsXbUtNvCCLHwUaWn3TW+QJA+jN8FNRZ+KFOjGI4ehvS/SsWHAFN7jzJrgF3oLgPW4tY8EuXETpbUj/bxZj6juzjDucliAQ61nApd7rGMWXO9VPTAdBG5xDN2xXHXjQWBEfFtzFKnL6D9a+cZKy9Zy+uuNfx7Ou47/2qDl9GZVUWfdjJ5tPCeQ1ltXcpjucqq7AnjWV3LnGZrySW7aqCWvVFfkGSkGRH2LLL/JfAQYA9MZA5xIH7FMAAAAASUVORK5CYII=)
        no-repeat 0 50%;
}
.planner-results .option .result .point .transport {
    position: relative;
    font-size: var(--font-size-12);
    line-height: 24px;
    padding: 0 0 0 0px;
    flex-shrink: 0;
    z-index: 1;
    background-color: #fff;
}

/*
.planner-results .option .result .point .transport:before {
    position: absolute;
    top: 45%;
    left: 0;
    margin-top: -10px;
}
*/
.planner-results .option .result .point.type_walk .transport {
    padding-left: 0px;
    margin-bottom: 0px;
}

.planner-results .option .result .point.type_walk .transport:before {
    background: none;
}

.planner-results .option .result .point .transport .num {
    background-repeat: no-repeat;
    background-position: left 6px center;
    border-radius: 8px;
}

.planner-results .no-results {
    padding: 90px 20px 20px;
    text-align: center;
    font-size: var(--font-size-14);
    border-top: 1px solid #dedede;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA8CAYAAADfYhweAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEYxQTAyOTZCRTZCMTFFNDk3RUZDOTE3OTRDNTg2RDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEYxQTAyOTdCRTZCMTFFNDk3RUZDOTE3OTRDNTg2RDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRjFBMDI5NEJFNkIxMUU0OTdFRkM5MTc5NEM1ODZEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRjFBMDI5NUJFNkIxMUU0OTdFRkM5MTc5NEM1ODZEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoXVdF8AAAN/SURBVHja7JpNSFRRFMefI32BGSFIZR+rsjSjRcOjiCBI0SBKMAnFRXtBMNy4aXAxCm0VRwpcCCbWRjdpq4QWQ1pgQbbwizZBMYYbMZOmc/G8mGTmzXn33Xveh3Pgv3kz75z/+82be8+97xmGt3EXNANaQ83gMbZIp9P/ycsYE35yaGyvAXlpA8PSi70CpJsAw1J32IGcA204ALKB54QWyIgDGJZGwgqkQQKGpYawAYmA5lwAmcMcoQHS5QKGpa6wADkBSikAksJcgQcyoACGpYGgA4kqhGEpGmQg0xqATAcVSJsGGJbaggakFLSqEcgq1ggMkF6HPUYC9c7Beb1BAXIetEW4oO+gm1nOvwH6Rjh/C2v5Hsgo4WLWQRfyLALXCHlG/Q6kTmHX+YiYq87PQGaJt3olcavgFyHfrF+BdBJ/0S+gg4R8B0ALxJydfgNSgeMCxfwK6Agh51HQV2LOdfTgGyCDDvuIGkLOGoc5B/0CxJRorO4R8t6WyGu6BaJi0+WxxDkXif0Mhxel0SLZej8n5H4mmbvFq79MCWhZ0jRlqnwjmXsZvbEDibvc/arIszhccZE/zg1EtN3bLlesdgNgFeiPi9zbeZYGygfVGKjY5fhz1uazM6AiF7mL0aPjkAFyC9SsaFUsA4sazehVO5C4oSYqJT/zwmvO6FC46/Xeps5rhXU6dA2qxww1z1cyN4iOZ6mzH/RZYZ0UelcOZEjD3ujlLHVOg34qrjOkGohp6NksvpOl1hVNtUyV025M05h0KscdoiNiqmaZB6B6TSbLicdURD1ei6s4BFo09D1fEe+ancS/SRTb+aca6y3iNUmPIT0azXmlHlkgVSGEYalKBsg4k7lN0EfUJlPNcadAapmMPQGVZdQtw2MctWudAEkyGGq0uTsbGeonqUDaGcz0EWa4PgYf7fmAiB7gB4ORagKQagYf4lrL7YAkGEws4FM5lU/u3CiRC4jJNJgtETeBS/C7HJ7MbECmGPuAawQgVxn9TO0G0sTcGE0QgEwwe2rKBDLvQbfYbwOj3wM/8xaQ+x620B9AraBLqFY85pUfwcIYDvGaxamGI7j0LgTu1kUMRe97hiRKIzjXF2InlgSQyQKHfzHJubr1u5KZfchh5k7Vb3ollgoCyO4n7NdBD42dF97EyndfxklhiCLUb3xy+ElMtQDirfWFvwIMAINsf9oTkEWAAAAAAElFTkSuQmCC)
        no-repeat 50% 20px;
}

.planner-results .point-info .info-block {
    display: flex;
    flex-direction: row;
    font-size: var(--font-size-12);
    min-height: 72px;
}

.planner-results .point-info .info-block > div {
    display: flex;
    align-items: center;
}

.planner-results .point-info .info-block .transport-icon,
.planner-results .point-info .info-block .walk-icon {
    min-width: 58px; /* min width so numbers with dates fit: 54 no 02 20)*/
    padding-left: 16px;
}

.planner-results .point-info .info-block .transport-info {
    width: 100%;
}

.planner-results .point-info .info-block .walk-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.planner-results .type_walk .point-info .info-block .walk-time {
    color: #757578;
}

.planner-results .type_walk .point-info .info-block .walk-title {
    text-transform: capitalize;
}

#planner-stops {
    /*background: #eef3f4;*/
    position: relative;
    padding: 0px; /*20px 90px 20px 20px;*/
    padding-top: 10px;
    display: flex;
}

#planner-stops .start,
#planner-stops .final {
    font-weight: bold;
    padding-left: 30px;
    line-height: 21px;
    margin-bottom: 4px;
}
#planner-stops .departure {
    display: flex;
    justify-content: center;
    align-items: center;
}

#planner-stops .departure p {
    margin: 0px;
    padding-right: 5px;
}

#planner-stops .switch {
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -20px;
}

.planner .btn-favourite {
    margin-right: 2px;
}

#planner-stops .favourite {
    width: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.Chevron {
    position: relative;
    display: block;
    height: 16px; /*height should be double border*/
    margin-right: 20px;
}
.Chevron:before,
.Chevron:after {
    position: absolute;
    display: block;
    content: "";
    border: 8px solid transparent; /*adjust size*/
}

span.checkHandicapped {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.76923 1.54321C5.76923 2.3955 5.08044 3.08642 4.23077 3.08642C3.3811 3.08642 2.69231 2.3955 2.69231 1.54321C2.69231 0.690918 3.3811 0 4.23077 0C5.08044 0 5.76923 0.690918 5.76923 1.54321ZM3.74946 8.35552L3.00218 3.85802H4.46289H4.56186H5.56621L5.72754 3.93893L5.72834 3.93933L5.73728 3.9437C5.74582 3.94784 5.75984 3.95458 5.77899 3.96354C5.81732 3.98148 5.87598 4.00826 5.95202 4.04095C6.1045 4.10649 6.32472 4.1949 6.58938 4.28339C7.12791 4.46345 7.80863 4.62959 8.46152 4.62959V6.1728C7.7044 6.1728 6.96763 6.01225 6.3853 5.8371L6.79581 8.10182H8.13833C8.93847 8.10182 9.60503 8.71704 9.67148 9.51687L10 13.1173H8.45621L8.13833 9.64503L5.26699 9.64503C4.51493 9.64503 3.8731 9.09964 3.74946 8.35552ZM0 10.0309C0 8.51049 0.876756 7.19552 2.15078 6.56692L2.43758 8.19715C1.89071 8.62045 1.53846 9.28439 1.53846 10.0309C1.53846 11.3093 2.57165 12.3457 3.84615 12.3457C4.85094 12.3457 5.70574 11.7015 6.02253 10.8025H7.61537C7.25901 12.5635 5.70689 13.8889 3.84615 13.8889C1.72198 13.8889 0 12.1616 0 10.0309Z' fill='%23757578'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding-left: 14px;
    background-position: left center;
}

.transport-info button.stop-toggle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-top: 1px solid #c9c9c9;
    /*border-bottom: 1px solid #C9C9C9;*/

    /*margin-left:3px;*/
    cursor: pointer;
    /*max-width:200px;
	margin-top:4px;*/
    font-size: var(--font-size-12);
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;

    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-position: right 12px center;
    background-repeat: no-repeat;
    padding-right: 30px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.transport-info button.stop-toggle .transport-title {
    text-align: left;
}

.show-intermediate-stops .stop-toggle {
    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' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    /*border-bottom: 1px solid transparent;*/
}

.transport-time {
    color: #777;
    text-align: left;
}

.cap {
    /*text-transform: capitalize;*/
}

.stops-count {
    text-transform: lowercase;
}

.stop-toggle.hidden {
    background-image: none;
    pointer-events: none;
    cursor: default;
}
/*
.stop-toggle:hover {
	color:#000;
}*/

.point-info {
    margin-bottom: 2px;
}
.type_walk .point-info {
    margin-bottom: 0px;
}

.show-intermediate-stops.point-info .stop-intermediate {
    /*display:block;*/
    max-height: 2000px;
}

.point-info .stop-intermediate {
    position: relative;
    left: -86px;
    width: calc(100% + 80px);
    /*display:none;*/

    /*padding-bottom: 20px;*/
    /*margin-bottom: 2px;*/

    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.4s ease;
}

/*.point-info .stop-intermediate::before,*/

.point-info .stop-intermediate::after {
    content: "";
    height: 20px;
    display: block;
}

.point-info .stop-intermediate .stop-container {
    display: flex;
}

.point-info .stop-intermediate .stop-container .stop-time {
    width: 59px;
    padding-right: 0px;
    font-size: var(--font-size-12);
    color: #757578;
    flex-shrink: 0;
}

.point-info .stop-intermediate .stop-container .stop-circle {
    position: relative;
    z-index: 110;
    display: flex;
    align-items: center;
}
.point-info .stop-intermediate .stop-container .stop-name {
    margin-left: 69px;
    font-size: var(--font-size-12);
    color: #757578;
    white-space: nowrap;
}

/*
.point-info .br {
    width: calc(100% - 58px);
    border-bottom: 1px solid #C9C9C9;
    margin-left: 138px;
    margin-top: 4px;
}*/

.point-info .line-break {
    /*height: 1px;
    background-color:#C9C9C9;*/
    height: 0px;
    border-bottom: 1px solid #c9c9c9;
    width: calc(100% - 58px - 94px);
    margin-left: 58px;
    position: absolute;
    margin-top: -14px;
}

/*
.point-info .stop-intermediate .stop-container:last-child .stop-name {
    width: 100%;
    border-bottom: 1px solid #C9C9C9;
}*/

.intermediate-stop-circle {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='5.5' r='4.5' fill='white' stroke='%23FFC136' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: 2px center;
    background-repeat: no-repeat;
    /*background-size: 11px 11px;*/
    width: 16px;
    height: 16px;
}

/* Replace all text `top` below with left/right/bottom to rotate the chevron */

.Chevron:before {
    top: 5px;
    border-top-color: #000; /*Chevron Color*/
}
.Chevron:after {
    top: 2px; /*adjust thickness*/
    border-top-color: #fff; /*Match background colour*/
}

.show-intermediate-stops .Chevron:before {
    top: auto;
    bottom: 3px;
    border-bottom-color: #000; /*Chevron Color*/
    border-top-color: transparent;
}

.show-intermediate-stops .Chevron:after {
    top: auto;
    bottom: 0px; /*adjust thickness*/
    border-bottom-color: #fff; /*Match background colour*/
    border-top-color: transparent;
}

#plan.nonempty .recent-searches,
#plan.nonempty .planner-results,
#plan.nonempty .form-actions,
#plan.nonempty .control-group.expand,
#plan.nonempty .control-group.extended,
/*#plan.nonempty .control-group.with-switch,*/
#plan.nonempty .control-group.departure-arrival-time {
    display: none;
}

#plan.show-bookmarks .recent-searches,
#plan.show-bookmarks .planner-results,
#plan.show-bookmarks .form-actions:not(.add-edit),
#plan.show-bookmarks .control-group.expand,
#plan.show-bookmarks .control-group.extended,
/*#plan.nonempty .control-group.with-switch,*/
#plan.show-bookmarks .control-group.departure-arrival-time {
    display: none !important;
}

#plan .form-actions.add-edit,
.content[data-subpage="edit-bookmarks"] #plan .bookmarks/*.show*/,
.content[data-subpage="edit-bookmarks"] #plan .recent-searches,
.content[data-subpage="edit-bookmarks"] #plan .planner-results,
.content[data-subpage="edit-bookmarks"] #plan .form-actions,
.content[data-subpage="edit-bookmarks"] #plan .control-group.expand,
.content[data-subpage="edit-bookmarks"] #plan .control-group.extended,
.content[data-subpage="edit-bookmarks"] #plan .control-group.with-switch,
.content[data-subpage="edit-bookmarks"] #plan .control-group.departure-arrival-time,

.content[data-subpage="add-bookmark"] #plan .bookmarks/*.show*/,
.content[data-subpage="add-bookmark"] #plan .recent-searches,
.content[data-subpage="add-bookmark"] #plan .planner-results,
.content[data-subpage="add-bookmark"] #plan .form-actions,
.content[data-subpage="add-bookmark"] #plan .control-group.expand,
.content[data-subpage="add-bookmark"] #plan .control-group.extended,
.content[data-subpage="add-bookmark"] #plan .control-group.with-switch,
.content[data-subpage="add-bookmark"] #plan .control-group.departure-arrival-time {
    display: none;
}

.content[data-subpage="edit-bookmarks"] #plan #divSuggestedStops {
    display: none !important;
}

.content[data-subpage="edit-bookmarks"] #plan .bookmarks-edit {
    display: block;
}

.content[data-subpage="add-bookmark"] #plan .bookmarks-add,
.content[data-subpage="add-bookmark"] #plan .form-actions.add-edit,
.content[data-subpage="add-bookmark"] #plan .bookmark-settings,
/*.content[data-subpage="add-bookmark"] #plan .bookmark-errors,*/
.content[data-subpage="add-bookmark"] .planner .control-group.with-bookmarks {
    display: flex;
}

.content:not([data-subpage="add-bookmark"]) #plan .bookmark-errors {
    display: none !important;
}

.content[data-subpage="add-bookmark"] .content-head button.quit,
.content[data-subpage="edit-bookmarks"] .content-head button.quit {
    display: none;
}

#plan.show-bookmarks .bookmarks {
    display: block;
}

#plan.nonempty .bookmarks,
#plan.places-found .bookmarks,
#plan.stops-found .bookmarks {
    display: none;
}

#plan.nonempty .planner #divSuggestedStops .aSuggestShowMap,
#plan.places-found .planner #divSuggestedStops .aSuggestShowMap,
#plan.stops-found .planner #divSuggestedStops .aSuggestShowMap {
    display: flex !important;
}

#plan .bookmarks-add,
#plan .bookmarks-edit,
#plan .bookmarks {
    padding: 6px 16px;
    padding-bottom: 0px;
    display: none;
}

.desk #plan .bookmarks-add,
.desk #plan .bookmarks-edit {
    padding-top: 20px;
}

#plan .bookmarks-add {
    padding-top: 16px;
}

#plan .bookmarks-edit .items {
    display: flex;
    gap: 10px;
    flex-direction: column;
    padding-top: 10px;
}

#plan .bookmarks-edit .items .item {
    display: flex;
    align-items: center;
    gap: 16px;
}

#plan .bookmarks-edit .items .item .controls {
    display: flex;
    gap: 10px;
}

#plan .bookmarks-edit .items .item .title {
    flex: 1;
}

#plan .bookmarks-edit .head,
#plan .bookmarks .head {
    display: flex;
    margin-top: 10px;
    /*margin-bottom: 20px;*/
    align-items: center;
    gap: 6px;
}

#plan .bookmarks-edit .controls .remove {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3H0V5C0.73638 5 1.33333 5.59695 1.33333 6.33333V8.33333C1.33333 9.88783 1.33333 10.6651 1.61441 11.2679C1.91249 11.9071 2.42625 12.4208 3.06548 12.7189C3.66825 13 4.4455 13 6 13C7.5545 13 8.33175 13 8.93452 12.7189C9.57375 12.4208 10.0875 11.9071 10.3856 11.2679C10.6667 10.6651 10.6667 9.88783 10.6667 8.33333V6.33333C10.6667 5.59695 11.2636 5 12 5V3ZM5.3332 6.33359C5.3332 5.78131 4.88549 5.33359 4.3332 5.33359C3.78092 5.33359 3.3332 5.78131 3.3332 6.33359V9.66693C3.3332 10.2192 3.78092 10.6669 4.3332 10.6669C4.88549 10.6669 5.3332 10.2192 5.3332 9.66693V6.33359ZM8.66654 6.33359C8.66654 5.78131 8.21882 5.33359 7.66654 5.33359C7.11425 5.33359 6.66654 5.78131 6.66654 6.33359V9.66693C6.66654 10.2192 7.11425 10.6669 7.66654 10.6669C8.21882 10.6669 8.66654 10.2192 8.66654 9.66693V6.33359Z' fill='%23757578'/%3E%3Cpath d='M4.71177 1.24706C4.78774 1.17618 4.95513 1.11355 5.18799 1.06888C5.42085 1.02421 5.70616 1 5.99967 1C6.29319 1 6.5785 1.02421 6.81136 1.06888C7.04422 1.11355 7.21161 1.17618 7.28758 1.24706' stroke='%23757578' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 13px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

#plan .bookmarks-edit .controls .edit,
#plan .bookmarks .head .edit {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1807 4.47236L11.2366 3.4165L11.2379 3.41514C12.0182 2.63423 12.0182 1.36882 11.2379 0.587912L11.2366 0.586549L11.2352 0.585187C10.4543 -0.195062 9.1889 -0.195062 8.40798 0.585187L8.40662 0.586549L7.33393 1.65924C8.00457 2.83548 8.98817 3.81132 10.1807 4.47236ZM5.87917 3.114L1.48063 7.51254C1.05557 7.9376 0.843042 8.15013 0.703307 8.41123C0.563572 8.67232 0.504627 8.96705 0.386736 9.5565L0.0638517 11.1709C-0.00267028 11.5035 -0.0359313 11.6698 0.0586767 11.7644C0.153285 11.8591 0.31959 11.8258 0.6522 11.7593L2.26662 11.4364L2.26663 11.4364C2.85608 11.3185 3.1508 11.2596 3.4119 11.1198C3.67299 10.9801 3.88552 10.7676 4.31058 10.3425L8.72214 5.93094C7.58094 5.20486 6.61201 4.24249 5.87917 3.114Z' fill='%23757578'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

#plan .bookmarks .head .edit {
    display: none;
}
#plan .bookmarks .head .edit.show {
    display: flex;
}

#plan .bookmarks-add .head .title,
#plan .bookmarks-edit .head .title,
#plan .bookmarks .head .title {
    font-size: var(--font-size-14);
    font-weight: 600;
}

#plan .bookmarks-edit .head .title.add,
#plan .bookmarks-edit .head .title.edit {
    display: none;
}

.help .bookmarks .buttons,
#plan .bookmarks .buttons {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding-top: 8px;
}

.help .bookmarks .buttons .button,
#plan .bookmarks .buttons .button {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 32px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-width: 37px;
    max-width: 80px;
    border-radius: 5px;
    background-size: 37px 30px;
    cursor: pointer;
    font-size: var(--font-size-12);
    line-height: 14px;
    text-align: center;

    padding: 0px;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

#plan .select-icon-control .icon,
#plan .bookmarks-edit .icon,
.help .bookmarks .icon,
#plan .bookmarks .icon {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    background-size: 37px 30px;
    width: 37px;
    height: 30px;
    margin: 0px;
}

#plan .bookmarks-edit .icon,
.help .buttons .icon,
#plan .buttons .icon {
    background-color: #c3e66c;
}

#plan .selected-icon .icon {
    background-color: transparent;
}

.help .bookmarks .buttons .button {
    cursor: default;
}

.help .bookmarks .buttons .button .icon.add,
#plan .bookmarks .buttons .button .icon.add {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='%23EFEFEF'/%3E%3Cpath d='M18.6573 9.34315L18.6573 20.6569' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0004 15.0006L24.3141 15.0006' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#plan .icon[data-icon="label"],
#plan .icon.label {
    /*#plan .bookmarks .buttons .button.label {*/
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='none'/%3E%3Cpath d='M11 13.1823C11 10.7393 11 9.51787 11.7589 8.75893C12.5179 8 13.7393 8 16.1823 8H19.6372C22.0802 8 23.3016 8 24.0606 8.75893C24.8195 9.51787 24.8195 10.7393 24.8195 13.1823V19.0795C24.8195 21.3971 24.8195 22.5559 24.0903 22.9103C23.361 23.2647 22.4499 22.5488 20.6275 21.1169L20.0443 20.6587C19.0196 19.8536 18.5072 19.451 17.9098 19.451C17.3123 19.451 16.8 19.8536 15.7753 20.6587L15.192 21.1169C13.3697 22.5488 12.4585 23.2647 11.7292 22.9103C11 22.5559 11 21.3971 11 19.0795V13.1823Z' fill='%23171717'/%3E%3C/svg%3E%0A");
}

#plan .icon[data-icon="home"],
.help .icon.home,
#plan .icon.home {
    /*#plan .bookmarks .buttons .button.home {*/
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='none'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2745 12.175C11 12.7717 11 13.4506 11 14.8084V19.0488C11 20.9344 11 21.8772 11.5858 22.463C12.1173 22.9945 12.9428 23.0437 14.5 23.0483V18.0488C14.5 16.9443 15.3954 16.0488 16.5 16.0488H19.5C20.6046 16.0488 21.5 16.9443 21.5 18.0488V23.0483C23.0572 23.0437 23.8827 22.9945 24.4142 22.463C25 21.8772 25 20.9344 25 19.0488V14.8084C25 13.4506 25 12.7717 24.7255 12.175C24.4511 11.5783 23.9356 11.1365 22.9047 10.2528L21.9047 9.39569C20.0414 7.79856 19.1098 7 18 7C16.8902 7 15.9586 7.79856 14.0953 9.39569L13.0953 10.2528C12.0644 11.1365 11.5489 11.5783 11.2745 12.175ZM19.5 23.0488V18.0488H16.5V23.0488H19.5Z' fill='%23171717'/%3E%3C/svg%3E%0A");
}

#plan .icon[data-icon="school"],
#plan .icon.school {
    /*#plan .bookmarks .buttons .button.school {*/
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='none'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3068 21.5334V11.0801C17.3068 11.0801 16.4357 8.4668 13.3868 8.4668C10.3379 8.4668 9.4668 10.209 9.4668 10.209V21.5334C9.4668 21.5334 10.3379 19.7912 13.3868 19.7912C16.4357 19.7912 17.3068 21.5334 17.3068 21.5334Z' fill='%23171717'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0088 8.96036C10.69 8.46501 11.7667 8 13.3867 8C15.0635 8 16.1625 8.72544 16.834 9.45799C17.1661 9.82035 17.3921 10.1819 17.5356 10.4538C17.6076 10.5902 17.6594 10.7052 17.694 10.7882C17.7113 10.8298 17.7244 10.8634 17.7335 10.8878C17.738 10.9001 17.7416 10.91 17.7442 10.9175L17.7475 10.9268L17.7486 10.9301L17.749 10.9314C17.7491 10.9316 17.7494 10.9324 17.3066 11.08L17.7494 10.9324C17.7652 10.98 17.7733 11.0298 17.7733 11.08V21.5333C17.7733 21.7497 17.6245 21.9377 17.4139 21.9875C17.2047 22.0369 16.989 21.937 16.8913 21.746L16.8887 21.7412C16.8851 21.7349 16.8782 21.7228 16.8675 21.7058C16.8462 21.6716 16.8101 21.6178 16.757 21.5507C16.6508 21.4166 16.4766 21.2295 16.2155 21.0396C15.6988 20.6638 14.8156 20.2577 13.3867 20.2577C11.9577 20.2577 11.0745 20.6638 10.5578 21.0396C10.2967 21.2295 10.1225 21.4166 10.0163 21.5507C9.96317 21.6178 9.92711 21.6716 9.90578 21.7058C9.89513 21.7228 9.88818 21.7349 9.88465 21.7412L9.88204 21.746C9.78428 21.937 9.56863 22.0369 9.35945 21.9875C9.14881 21.9377 9 21.7497 9 21.5333V10.2089C9 10.1364 9.01687 10.065 9.04927 10.0002L9.46667 10.2089C9.04927 10.0002 9.04912 10.0005 9.04927 10.0002L9.04988 9.99896L9.05058 9.99757L9.05224 9.99432L9.05662 9.98592C9.06002 9.97949 9.06437 9.97142 9.06974 9.96182C9.08045 9.94262 9.0952 9.91728 9.11432 9.88669C9.15254 9.82553 9.20835 9.74322 9.28453 9.647C9.43693 9.45449 9.67111 9.20599 10.0088 8.96036ZM9.93333 10.3391V20.341C9.95791 20.3223 9.98308 20.3035 10.0088 20.2848C10.69 19.7894 11.7667 19.3244 13.3867 19.3244C15.0066 19.3244 16.0833 19.7894 16.7645 20.2848C16.7902 20.3035 16.8154 20.3223 16.84 20.341V11.1654C16.8377 11.1597 16.8352 11.1536 16.8325 11.1472C16.8075 11.0873 16.7675 10.9981 16.7102 10.8895C16.5951 10.6714 16.4127 10.3796 16.146 10.0887C15.6197 9.51456 14.7586 8.93333 13.3867 8.93333C11.9577 8.93333 11.0745 9.33943 10.5578 9.71518C10.2967 9.90511 10.1225 10.0922 10.0163 10.2263C9.98157 10.2702 9.95413 10.3084 9.93333 10.3391Z' fill='%23171717'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1112 21.5334V11.0801C19.1112 11.0801 19.9823 8.4668 23.0312 8.4668C26.0801 8.4668 26.9512 10.209 26.9512 10.209V21.5334C26.9512 21.5334 26.0801 19.7912 23.0312 19.7912C19.9823 19.7912 19.1112 21.5334 19.1112 21.5334Z' fill='%23171717'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.4091 8.96036C25.728 8.46501 24.6513 8 23.0313 8C21.3544 8 20.2555 8.72544 19.584 9.45799C19.2518 9.82035 19.0259 10.1819 18.8824 10.4538C18.8104 10.5902 18.7585 10.7052 18.7239 10.7882C18.7066 10.8298 18.6936 10.8634 18.6845 10.8878C18.68 10.9001 18.6764 10.91 18.6738 10.9175L18.6705 10.9268L18.6694 10.9301L18.669 10.9314C18.6689 10.9316 18.6686 10.9324 19.1113 11.08L18.6686 10.9324C18.6528 10.98 18.6447 11.0298 18.6447 11.08V21.5333C18.6447 21.7497 18.7935 21.9377 19.0041 21.9875C19.2133 22.0369 19.4289 21.937 19.5267 21.746L19.5293 21.7412C19.5328 21.7349 19.5398 21.7228 19.5504 21.7058C19.5718 21.6716 19.6078 21.6178 19.661 21.5507C19.7672 21.4166 19.9413 21.2295 20.2025 21.0396C20.7191 20.6638 21.6024 20.2577 23.0313 20.2577C24.4602 20.2577 25.3435 20.6638 25.8602 21.0396C26.1213 21.2295 26.2955 21.4166 26.4017 21.5507C26.4548 21.6178 26.4909 21.6716 26.5122 21.7058C26.5228 21.7228 26.5298 21.7349 26.5333 21.7412L26.5359 21.746C26.6337 21.937 26.8493 22.0369 27.0585 21.9875C27.2692 21.9377 27.418 21.7497 27.418 21.5333V10.2089C27.418 10.1364 27.4011 10.065 27.3687 10.0002L26.9513 10.2089C27.3687 10.0002 27.3689 10.0005 27.3687 10.0002L27.3681 9.99896L27.3674 9.99757L27.3657 9.99432L27.3613 9.98592C27.358 9.97949 27.3536 9.97142 27.3482 9.96182C27.3375 9.94262 27.3228 9.91728 27.3036 9.88669C27.2654 9.82553 27.2096 9.74322 27.1334 9.647C26.981 9.45449 26.7469 9.20599 26.4091 8.96036ZM26.4846 10.3391V20.341C26.4601 20.3223 26.4349 20.3035 26.4091 20.2848C25.728 19.7894 24.6513 19.3244 23.0313 19.3244C21.4113 19.3244 20.3346 19.7894 19.6535 20.2848C19.6277 20.3035 19.6026 20.3223 19.578 20.341V11.1654C19.5803 11.1597 19.5828 11.1536 19.5855 11.1472C19.6104 11.0873 19.6504 10.9981 19.7078 10.8895C19.8229 10.6714 20.0053 10.3796 20.272 10.0887C20.7983 9.51456 21.6593 8.93333 23.0313 8.93333C24.4602 8.93333 25.3435 9.33943 25.8602 9.71518C26.1213 9.90511 26.2955 10.0922 26.4017 10.2263C26.4364 10.2702 26.4638 10.3084 26.4846 10.3391Z' fill='%23171717'/%3E%3C/svg%3E%0A");
}

#plan .icon[data-icon="person"],
#plan .icon.person {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='none'/%3E%3Ccircle cx='18' cy='11' r='4' fill='%23171717'/%3E%3Cpath d='M11.3379 20.3206C11.999 17.5269 14.7717 16 17.6426 16H18.3574C21.2283 16 24.001 17.5269 24.6621 20.3206C24.79 20.8611 24.8917 21.4268 24.9489 22.0016C25.0036 22.5512 24.5523 23 24 23H12C11.4477 23 10.9964 22.5512 11.0511 22.0016C11.1083 21.4268 11.21 20.8611 11.3379 20.3206Z' fill='%23171717'/%3E%3C/svg%3E%0A");
}

#plan .icon[data-icon="gym"],
#plan .icon.gym {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='none'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3077 10.6154C11.3077 9.72323 12.0309 9 12.9231 9C13.8152 9 14.5385 9.72323 14.5385 10.6154V14.6133L21.6125 14.6026C21.7743 14.6023 21.9304 14.627 22.0769 14.673V10.6154C22.0769 9.72323 22.8002 9 23.6923 9C24.5845 9 25.3077 9.72323 25.3077 10.6154V21.3846C25.3077 22.2768 24.5845 23 23.6923 23C22.8002 23 22.0769 22.2768 22.0769 21.3846V17.6141C21.9312 17.6601 21.7761 17.6849 21.6153 17.6852L14.5385 17.6959V21.3846C14.5385 22.2768 13.8152 23 12.9231 23C12.0309 23 11.3077 22.2768 11.3077 21.3846V10.6154ZM8.61538 12.8776C8.61538 12.2828 9.09754 11.8006 9.69231 11.8006C10.2871 11.8006 10.7692 12.2828 10.7692 12.8776V19.1237C10.7692 19.7185 10.2871 20.2006 9.69231 20.2006C9.09754 20.2006 8.61538 19.7185 8.61538 19.1237V12.8776ZM7 15.1387C7 14.8413 7.24108 14.6002 7.53846 14.6002C7.83585 14.6002 8.07692 14.8413 8.07692 15.1387V16.8617C8.07692 17.1591 7.83585 17.4002 7.53846 17.4002C7.24108 17.4002 7 17.1591 7 16.8617V15.1387ZM29.0769 14.6002C28.7795 14.6002 28.5385 14.8413 28.5385 15.1387V16.8617C28.5385 17.1591 28.7795 17.4002 29.0769 17.4002C29.3743 17.4002 29.6154 17.1591 29.6154 16.8617V15.1387C29.6154 14.8413 29.3743 14.6002 29.0769 14.6002ZM28 12.8776C28 12.2828 27.5178 11.8006 26.9231 11.8006C26.3283 11.8006 25.8462 12.2828 25.8462 12.8776V19.1237C25.8462 19.7185 26.3283 20.2006 26.9231 20.2006C27.5178 20.2006 28 19.7185 28 19.1237V12.8776Z' fill='%23171717'/%3E%3C/svg%3E%0A");
}

#plan .icon[data-icon="work"],
.help .icon.work,
#plan .icon.work {
    /*#plan .bookmarks .buttons .button.work {*/
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='30' viewBox='0 0 37 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36.75' height='30' rx='5' fill='none'/%3E%3Cpath d='M25.8591 10.3289C25.1529 9.54787 23.973 9.15735 22.2614 9.15735H22.062V9.12412C22.062 7.72823 22.062 6 18.9379 6H17.6749C14.5508 6 14.5508 7.73654 14.5508 9.12412V9.16566H14.3514C12.6315 9.16566 11.4599 9.55617 10.7537 10.3372C9.93113 11.2512 9.95605 12.4809 10.0391 13.3201L10.0474 13.3782L10.108 14.0139C10.1223 14.1637 10.203 14.2991 10.329 14.3813C10.5305 14.5128 10.8389 14.7107 11.0279 14.8157C11.1442 14.8904 11.2688 14.9569 11.3935 15.0234C12.8143 15.8044 14.3763 16.3279 15.9633 16.5854C16.0381 17.3665 16.3788 18.2804 18.1984 18.2804C20.018 18.2804 20.3753 17.3748 20.4335 16.5688C22.1285 16.2946 23.7653 15.7047 25.2443 14.8406C25.2941 14.8157 25.3274 14.7907 25.3689 14.7658C25.688 14.5855 26.0186 14.3646 26.3222 14.1467C26.4354 14.0654 26.5077 13.9393 26.5231 13.8008L26.5321 13.7189L26.5737 13.3284C26.582 13.2785 26.582 13.237 26.5903 13.1788C26.6568 12.3396 26.6402 11.193 25.8591 10.3289ZM19.2121 16.0204C19.2121 16.9012 19.2121 17.0341 18.1901 17.0341C17.1681 17.0341 17.1681 16.8762 17.1681 16.0287V14.9818H19.2121V16.0204ZM15.739 9.15735V9.12412C15.739 7.71162 15.739 7.18816 17.6749 7.18816H18.9379C20.8738 7.18816 20.8738 7.71993 20.8738 9.12412V9.16566H15.739V9.15735Z' fill='%23171717'/%3E%3Cpath d='M25.5425 16.0061C25.8966 15.8388 26.3039 16.1194 26.2685 16.5093L25.9839 19.6435C25.8095 21.3052 25.1281 23.0002 21.4723 23.0002H15.1409C11.4851 23.0002 10.8037 21.3052 10.6292 19.6518L10.3596 16.6853C10.3245 16.2998 10.7228 16.0197 11.0758 16.1784C12.0322 16.6081 13.6372 17.2984 14.6693 17.5764C14.8333 17.6206 14.9665 17.7387 15.0409 17.8913C15.5538 18.9431 16.6396 19.5022 18.1986 19.5022C19.7422 19.5022 20.8413 18.9215 21.3561 17.8666C21.4306 17.7138 21.5637 17.5959 21.7278 17.5514C22.8255 17.2539 24.5392 16.4802 25.5425 16.0061Z' fill='%23171717'/%3E%3C/svg%3E%0A");
}

.select-icon-control {
    position: relative;
    z-index: 102;
    height: 30px;
    /*background-color: red;*/

    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: right 6px center;
    border-radius: 7px;
    border: 1px solid #c9c9c9;
    width: 50px;
    height: 37px;
    box-sizing: border-box;
    /*display: flex;
    align-items: center;*/
    margin-top: 10px;
}

.select-icon-control.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*border-bottom: 0px;*/
    border-bottom: 1px solid white;

    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' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.planner button.selected-icon {
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 12px;
}

.select-icon {
    position: absolute;
    display: none;
}

.select-icon-control.active .select-icon {
    display: block;

    border-radius: 7px;
    border: 1px solid #c9c9c9;
    border-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 50px;
    margin-left: -1px;
    background-color: white;
}

.select-icon .options {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.select-icon .options button.option {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    /*outline: inherit;*/
}

.select-icon .options button.option:focus-within {
    outline: 2px solid cornflowerblue;
    outline: 2px solid -webkit-focus-ring-color;
    border-radius: 5px;
}

.select-icon .options[data-active="gym"] button.option.gym,
.select-icon .options[data-active="person"] button.option.person,
.select-icon .options[data-active="school"] button.option.school,
.select-icon .options[data-active="home"] button.option.home,
.select-icon .options[data-active="work"] button.option.work,
.select-icon .options[data-active="label"] button.option.label {
    display: none;
}

.select-icon.active .options button.option {
    /* .select-icon:hover .options .option {*/
}

.select-icon .options button.option img {
    vertical-align: middle;
}

.select-icon .options button.option label {
    display: none;
    display: block;
}

.select-icon .options button.option input {
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -10000px;
    /*float:left;
    display:inline-block;*/
}

#plan .bookmark-errors {
    padding: 10px 16px;
    font-size: var(--font-size-14);
    color: #d93836;
    min-height: 40px;
    display: none;
}

#plan .bookmark-settings {
    display: flex;
    width: 100%;
    padding: 4px 16px;
    gap: 10px;
    display: none;
    padding-top: 0px;
}

#plan .recent-searches {
    padding: 8px 16px;
    padding-top: 20px;
    display: none;
}

#plan.show-recent-searches .recent-searches {
    display: block;
}

#plan .recent-searches.empty {
    display: none;
}

#plan .recent-searches .searches {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 0px;
}

#plan .recent-searches .start,
#plan .recent-searches .finish {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    display: flex;
    background-image: 15px 20px;
    font-size: var(--font-size-14);
}

/* debug only follows */
/*
.planner.results .control-group {
    display: none !important;
}
#mobile-screen>.content {
    transform: translate(0, 0) !important;
    overflow: auto !important;
}
.planner .planner-results {
    display: flex;
    flex-direction: column;
}
*/

#plan .load-more-results {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: var(--font-size-14);
    font-weight: 500;
}

#plan .load-more-results.wait {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%23000000" stroke="%23000000" stroke-width="15" r="15" cx="40" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%23000000" stroke="%23000000" stroke-width="15" r="15" cx="100" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%23000000" stroke="%23000000" stroke-width="15" r="15" cx="160" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>');
    background-size: 70px 70px;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
}

#plan .load-more-results.wait span {
    display: none;
}

#plan .load-more-results.active {
    display: none !important;
}

#plan .load-more-results ~ .option,
#plan .load-more-results ~ .load-more-results {
    display: none;
}

#plan .load-more-results.active ~ .option {
    display: block;
}
#plan .load-more-results.active ~ .load-more-results {
    display: flex;
}

#plan .load-more-results.active ~ .load-more-results ~ .load-more-results,
#plan .load-more-results.active ~ .load-more-results ~ .option {
    display: none;
}

#plan .load-more-results.active ~ .load-more-results.active ~ .option {
    display: block;
}
#plan
    .load-more-results.active
    ~ .load-more-results.active
    ~ .load-more-results {
    display: none;
}