.with-live-vehicle .leaflet-tooltip-pane {
    z-index: 599;
}

.leaflet-tooltip .arrival-label.active {
    font-weight: 500;
    color: #1404c8;
    margin-left: 6px;
}

#mapDropDown.dropdown {
    z-index: 1000;
    display: none;
    position: relative;
    /*margin: 0 auto;*/
    /*border: 2px solid rgba(0, 0, 0, 0.2);*/
    /*width: 196px;*/
    top: 0px;
    padding: 14px;
    /*border-radius: 13px;*/
    cursor: default;
    justify-content: center;

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.with-live-vehicle #mapDropDown.dropdown {
    display: flex;
}

.app .ScheduleMapDisplayed #mobile-screen.with-live-vehicle > .content {
    display: none;
}

#mapDropDown.dropdown .content {
    display: flex;
    flex: 0 0 auto;
    background-color: white;
    border-radius: 13px;
    min-width: 196px;
    height: 27px;

    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.45);
}

#mapDropDown.dropdown .content .transfer {
    min-width: 49px;
    height: 27px;
    border-radius: 13px;
    background-position: 10px calc(50% - 1px) !important;
    display: flex;
    color: #171717;
}

#mapDropDown.dropdown .content .direction {
    height: 27px;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    display: flex;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    /*pointer-events: none;*/
}

#mapDropDown.dropdown .close {
    height: 27px;
    width: 27px;
    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%3Cpath d='M8 1L1 8' stroke='%23171717' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L8 8' stroke='%23171717' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 9px 9px;
    background-repeat: no-repeat;
    border-radius: 13px;
    margin-right: 2px;
    cursor: pointer;
}

#divMap {
    margin-top: 0px;
    margin-left: 0px;
}

.mapMenu a span.icon.icon_narrow {
    margin: 0;
}

.mapMenu a.hover {
    line-height: 26px;
    height: 24px;
    display: inline-block;
    margin: 1px;
}

.mapMenu a:hover,
.mapMenu div.a:hover {
    background-color: PowderBlue;
}

.mapMenu .content {
    background-color: white;
    border: 1px solid;
    border: 2px solid #000000;
    border-radius: 4px;
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 6px;
    position: relative;
}

.mapMenu {
    background: none;
    border: 0px;
}

.m .pointer {
    cursor: pointer;
}
.m .indented {
    text-indent: 23px;
}
/*
.m a:focus {
    outline: thin dotted;
}*/

.m .splitter {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #808080 #ffffff #ffffff #808080;
    border-image: none;
    border-right: 0 solid #ffffff;
    border-style: solid;
    border-width: 1px 0 0;
    height: 1px;
    line-height: 1px;
    margin: 5px 0 5px 5px;
}

.m .routeName {
    min-width: 255px;
    white-space: nowrap;
}
.m .lastcol {
    width: 100%;
}
.m .routeMap {
    width: 18px;
}

.m p.help {
    line-height: 150%;
    padding: 10px 10px 0;
    text-indent: 0;
}

.m a.other,
.m a.other0,
.m a.other1,
.m a.other2,
.m a.other3 {
    color: gray;
    font-style: italic;
}

.m a.current0,
.m a.other0 {
    color: red;
}
.m a.current1,
.m a.other1 {
    color: blue;
}

.m a.current2,
.m a.other2 {
    color: green;
}

.m a.current3,
.m a.other3 {
    color: darkcyan;
}

.m .timetable a.clicked {
    border: 1px solid black;
    font-weight: bold;
    padding: 0 2px;
}
.m .timetable a.express {
    border: 1px solid blue;
    padding: 0 2px;
}

.m .mapMenu {
    overflow: hidden;
}

.m span.details {
    color: #808080;
    display: inline-block;
    font-size: x-small;
    margin-left: 5px;
}
.m .graytext,
.m .graytext a {
    color: #808080;
}
.m .smalltext {
    font-size: smaller;
}
.m .icon {
    background: none no-repeat scroll left top transparent;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    width: 18px;
    flex-shrink: 0;
}
.m .icon_narrow {
    margin: 0;
}

.m .button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none no-repeat scroll left top transparent;
    border-color: white #b0b0b0 #b0b0b0 white;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    height: 15px;
    width: 15px;
}
.m .pressed {
    background-position: 1px 1px;
    border-color: #345684 #6c9ddf #6c9ddf #345684;
}

/*
.m .dropdown .arrow-down {
    border-left: 5px solid white;
    border-right: 5px solid white;
    border-top: 5px solid black;
    display: inline-block;
    height: 0;
    margin-bottom: 2px;
    vertical-align: middle;
    width: 0;
}
.m .icon_checked {
    margin-top: 5px;
    background-image: url("../../images/checked.png");
}
.m .expand .icon,
.m .icon_expand {
    background-image: url("../../images/expand.png");
}

.m .collapse .icon,
.m .icon_collapse {
    background-image: url("../../images/collapse.png");
}
.m .icon_map {
    background-image: url("../../images/map.png");
    cursor: pointer;
}
.m .icon_map:hover {
    border: 1px solid gray;
    margin: -1px 4px -1px -1px;
}
.m .icon_return {
    background-image: url("../../images/return.png");
}
.m .icon_print {
    background-image: url("../../images/print.png");
}
.m .icon.icon_stops,
.m .button.icon_stops {
    background-color: lightgray;
    background-image: url("../../images/stops.png");
    height: 15px;
    width: 15px;
}
.m .icon.icon_traffic,
.m .button.icon_traffic {
    background-color: lightgray;
    background-image: url("../../images/traffic.png");
    height: 15px;
    width: 15px;
}
.m .icon.icon_vehicles,
.m .button.icon_vehicles {
    background-color: lightgray;
    background-image: url("../../images/vehicles.png");
    height: 15px;
    width: 15px;
}
.m .icon.icon_stops {
    border: 1px solid gray;
}
.m .icon.icon_plan {
    background-image: url("../../images/planner.png");
}
.m .icon.icon_info {
    background-image: url("../../images/info.png");
}
.m .icon_handicapped {
    background-image: url("../../images/handicapped.png");
    display: inline-block;
    height: 18px;
    margin-left: -3px;
    outline: medium none;
    width: 18px;
}
*/

.m .label_transport {
    background: none repeat scroll 0 0 white;
    border: 1px solid gray;
    border-radius: 3px 3px 3px 3px;
    height: 18px;
    padding: 0 1px;
    white-space: nowrap;
    z-index: 105;
}

.m .with-bg .label_transport {
    background-color: transparent;
}

/*
.m .icon.icon_stopGreen {
    background-image: url("../../images/MarkerGreen.png");
    margin-right: 0;
}
.m .icon.icon_stopRed {
    background-image: url("../../images/MarkerRed.png");
    margin-right: 0;
}*/
.m .num {
    border-radius: 4px 4px 4px 4px;
    color: white;
    display: inline;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    color: #171717;
}

.m a.activetransfer {
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    margin: 0 -2px;
    padding: 0 2px;
    text-align: center;
}
.m .num1 {
    border-radius: 4px 4px 4px 4px;
    padding-left: 13px;
    padding-right: 13px;
}
.m .num2 {
    border-radius: 4px 4px 4px 4px;
    padding-left: 9px;
    padding-right: 9px;
}
.m .num3 {
    border-radius: 4px 4px 4px 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.m .num4 {
    border-radius: 4px 4px 4px 4px;
    padding-left: 1px;
    padding-right: 1px;
}

.m .grey {
    background-color: #f0f0f0;
}
.m .white {
    background-color: white;
}
.m .mapStopName,
.m .mapStopNameHidden {
    background-color: #f0f0f0;
    border: 1px solid lightgray;
    opacity: 0.7;
    padding: 0 3px;
    white-space: nowrap;
}
.m .mapStopNameHidden {
    background-color: red;
    display: none;
}
.m .unhide {
    display: none;
}
.m a:hover .unhide {
    display: inline-block;
}
.m a.mapStopOnRoute {
    display: block;
    height: 11px;
    width: 11px;
    z-index: 101;
}
.m a.mapStop {
    display: block;
    height: 8px;
    width: 8px;
    z-index: 101;
}
.m a.mapStopSelected {
    background-color: yellow;
    border: 1px solid gold;
    padding: 0 3px;
    white-space: nowrap;
    z-index: 103;
}
.m a.mapStopOnRoute:hover {
    z-index: 107;
}
.m .mapStopSelected:hover {
    text-decoration: underline;
    z-index: 107;
}
.m a.mapStopOnRoute:hover + a.mapStopName,
.m a.mapStop:hover + a.mapStopName,
.m a.mapStopOnRoute:hover + a.mapStopNameHidden,
.m a.mapStop:hover + a.mapStopNameHidden,
.m a.mapStopName:hover {
    background-color: white;
    display: inline-block;
    opacity: 1;
    z-index: 107;
}
.m .weekdays {
    padding-right: 15px;
}
.m .weekdays span {
    background-color: #e0e0e0;
    border: 1px solid #999999;
    color: #333333;
    font-family: "Courier New", Courier, monospace;
    margin: 2px 2px 0 0;
    padding: 0 2px;
}
.m .weekdays img {
    margin-left: 2px;
    vertical-align: bottom;
}
.m span.weekend {
    background-color: #c0c0c0;
}
.m span.blankday {
    background-color: white;
    color: white;
}

.m .arrow {
    position: absolute;
    width: 9px;
    height: 9px;
    z-index: 110;
    border: 1px solid white;

    -webkit-transform-origin: 11px 11px;
    -moz-transform-origin: 11px 11px;
    -ms-transform-origin: 11px 11px;
    -o-transform-origin: 11px 11px;
    transform-origin: 11px 11px;
}

.m .arrow {
    width: 12px;
    height: 12px;
    transform-origin: 14px 14px;
}

.m .circle {
    border: 1px solid white;
    border-radius: 18px 18px 18px 18px;
    color: white;
    cursor: pointer;
    font-family: "Arial";
    font-weight: bolder;

    height: 18px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    width: 18px;
    z-index: 110;
}

.m .circle {
    border-radius: 24px 24px 24px 24px;
    height: 24px;
    width: 24px;
    line-height: 24px;
}

/*
.m .baloon_content {
    background-color: white;
    border: 2px solid black;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 12px;
    padding: 5px;
    white-space: nowrap;
}
.m .baloon_close {
    background: url("//maps.gstatic.com/mapfiles/hpimgs28.png") no-repeat scroll -108px -26px transparent;
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px;
}
.m .baloon_content .icon {
    margin-top: 4px;
}
.m .baloon_arrow {
    background-image: url("../../images/baloon_arrow.png");
    bottom: 4px;
    height: 10px;
    position: absolute;
    width: 16px;
	background-repeat: no-repeat;
}

.m .baloon_arrow.top{
    background-image: url("../../images/baloon_arrow_top.png");
    top: 5px;
}
*/

.m .baloon_title {
    font-weight: bold;
}

.m img.icon {
    display: inline-block;
}

.m input[name="search"] {
    height: 9px;
    font-size: var(--font-size-10);
}

#map-expand,
#map-collapse {
    position: absolute;
    right: 5px;
    bottom: 23px;
    z-index: 999;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    display: flex;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-position: center;
    background-size: 44px 44px;
    background-repeat: no-repeat;
    display: none;
}

#map-expand {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.6' width='44' height='44' rx='5' fill='%23171717'/%3E%3Cpath d='M38 38V39H39V38H38ZM28.7071 27.2929C28.3166 26.9024 27.6834 26.9024 27.2929 27.2929C26.9024 27.6834 26.9024 28.3166 27.2929 28.7071L28.7071 27.2929ZM6 38H5V39H6V38ZM16.7071 28.7071C17.0976 28.3166 17.0976 27.6834 16.7071 27.2929C16.3166 26.9024 15.6834 26.9024 15.2929 27.2929L16.7071 28.7071ZM38 6H39V5H38V6ZM27.2929 15.2929C26.9024 15.6834 26.9024 16.3166 27.2929 16.7071C27.6834 17.0976 28.3166 17.0976 28.7071 16.7071L27.2929 15.2929ZM6 6V5H5V6H6ZM15.2929 16.7071C15.6834 17.0976 16.3166 17.0976 16.7071 16.7071C17.0976 16.3166 17.0976 15.6834 16.7071 15.2929L15.2929 16.7071ZM37 26V38H39V26H37ZM38 37H26V39H38V37ZM38.7071 37.2929L28.7071 27.2929L27.2929 28.7071L37.2929 38.7071L38.7071 37.2929ZM5 26V38H7V26H5ZM6 39H18V37H6V39ZM6.70711 38.7071L16.7071 28.7071L15.2929 27.2929L5.29289 37.2929L6.70711 38.7071ZM39 18V6H37V18H39ZM38 5H26V7H38V5ZM37.2929 5.29289L27.2929 15.2929L28.7071 16.7071L38.7071 6.70711L37.2929 5.29289ZM7 18V6H5V18H7ZM6 7H18V5H6V7ZM5.29289 6.70711L15.2929 16.7071L16.7071 15.2929L6.70711 5.29289L5.29289 6.70711Z' fill='white'/%3E%3C/svg%3E%0A");
}

#map-collapse {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.6' width='44' height='44' rx='5' fill='%23171717'/%3E%3Cpath d='M27.3333 27.3333V26.3333H26.3333V27.3333H27.3333ZM37.2929 38.7071C37.6834 39.0976 38.3166 39.0976 38.7071 38.7071C39.0976 38.3166 39.0976 37.6834 38.7071 37.2929L37.2929 38.7071ZM27.3333 16.6667H26.3333V17.6667H27.3333V16.6667ZM38.7071 6.70711C39.0976 6.31658 39.0976 5.68342 38.7071 5.29289C38.3166 4.90237 37.6834 4.90237 37.2929 5.29289L38.7071 6.70711ZM16.6667 27.3333H17.6667V26.3333H16.6667V27.3333ZM5.29289 37.2929C4.90237 37.6834 4.90237 38.3166 5.29289 38.7071C5.68342 39.0976 6.31658 39.0976 6.70711 38.7071L5.29289 37.2929ZM16.6667 16.6667V17.6667H17.6667V16.6667H16.6667ZM6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L6.70711 5.29289ZM28.3333 36.2222V27.3333H26.3333V36.2222H28.3333ZM27.3333 28.3333H36.2222V26.3333H27.3333V28.3333ZM26.6262 28.0404L37.2929 38.7071L38.7071 37.2929L28.0404 26.6262L26.6262 28.0404ZM26.3333 7.77778V16.6667H28.3333V7.77778H26.3333ZM27.3333 17.6667H36.2222V15.6667H27.3333V17.6667ZM28.0404 17.3738L38.7071 6.70711L37.2929 5.29289L26.6262 15.9596L28.0404 17.3738ZM17.6667 36.2222V27.3333H15.6667V36.2222H17.6667ZM16.6667 26.3333H7.77778V28.3333H16.6667V26.3333ZM15.9596 26.6262L5.29289 37.2929L6.70711 38.7071L17.3738 28.0404L15.9596 26.6262ZM15.6667 7.77778V16.6667H17.6667V7.77778H15.6667ZM16.6667 15.6667H7.77778V17.6667H16.6667V15.6667ZM17.3738 15.9596L6.70711 5.29289L5.29289 6.70711L15.9596 17.3738L17.3738 15.9596Z' fill='white'/%3E%3C/svg%3E%0A");
}

.desk .schedule4 .map #map-collapse {
    display: block;
}

.desk .schedule4 .map.horizontal #map-collapse {
    display: none;
}

.desk .schedule4 .map.horizontal #map-expand {
    display: block;
}

.app #mobile-screen,
.app .m .leaflet-popup,
.app .m #divMapVehicles,
.app .m .leaflet-tile-pane {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.leaflet-marker-icon.vehicle {
    -webkit-transition: transform 0.3s linear;
    -moz-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    -ms-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}

.map-vehicle .circle {
    box-sizing: content-box;
}

.map-vehicle .arrow {
    left: -1px;
    top: -1px;
}