/*
 * Add your Stylesheet contents here
*/

#locObj_AddressContainer {
    overflow:auto;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    margin-right: 0;
    left: initial;
    max-width: 80%;
    right: 0;
    top: 48px;
    bottom: 0;
    background-color: transparent;
    border: none;
}

html, body {
    position: absolute;
}

#wrapper, #safariWrapper {
    min-width: 230px;
    /*background-color: #E0E3E6;*/
    background-color: #F0F0F2
}

#safariWrapper {
    padding-top: 48px;
}

.page {
    /*min-height: 459px;*/
    padding-top: 0;
    -webkit-transform-origin: 0 0;    
    transform-origin: 0 0;    
    position: relative;
    margin: 10px 7px 0;
    max-width: 480px;
}

.anim {
    -webkit-transition: -webkit-transform 500ms;
    transition: transform 500ms;
}

.goLeft {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.goRight {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.goDown {    
    -webkit-transform: rotate3d(0,20,1,-90deg);
    transform: rotate3d(0,20, 1,-90deg)
}

.goUp {
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform: skewX(-67deg);
    -webkit-transform: skewX(-67deg);
}

.fullsizePage {
    position: absolute;
    top: 48px;
    bottom: 0;
    left: 0;
    right: 0;
}

.menuBox {
    /*border-color: #627B8C #DFEEF8 #DFEEF8 #627B8C;*/
    border-color: #7F8386 #F7F9FB #F7F9FB #7F8386;
    border-style: solid;
    border-width: 1px;
}
.menuBoxTitle {
    color:black;
    font-weight: bold;
    font-size:12px;
    /* text-shadow: 0 -1px 0 rgba(0,0,0,0.6); */
    text-transform: uppercase;
}

#menuPage {
    top: 0;
    bottom: 0;
    left: 0px;
    position: fixed;
    width: 200px;
    margin-top: 48px;
    padding-top: 0;
    background-color: white;
    color: black;
    box-shadow: 2px 0 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 0 1px rgba(0, 0, 0, 0.1);
    /*max-height: 622px;*/
    z-index: 5;
    margin-left: 0;
}

.noSubHeaderScroll #menuPage,
.noSubHeader #menuPage {
    margin-top: 48px;
}

#mapPage {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 48px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0;
    margin-top: 0;
    max-width: none;
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 48px;
    background-color: #B1B8BE;
}

.label {
    width: 78px;
    height: 24px;
    padding-top: 4px;
    margin-left: -6px;
}

.selectButton {
    /*border-color: #DFEEF8 #627B8C #627B8C #DFEEF8;*/
    border-color: #F7F9FB #7F8386 #7F8386 #F7F9FB;
    border-style: solid;
    border-width: 1px;
    background-image: none;
    height: 64px;
    width: 64px;
}

.selectButtonContainer {
    margin: 8px;
    width: 64px;
}

.subchannel {
    padding-left: 40px;
}

.addressIconImg {
    height: 36px;
    width: 24px;
    cursor: pointer;
    padding-left: 0;
    display: none;
}

.addressFieldWidth {
    margin-left: 0;
}

.spot, .infospot {
    padding: 0;
    border-color: #DFEEF8;
    border-style: solid;
    border-width: 0;
}

.topSpot {
    margin-bottom: 10px;
}

.addressIconMapContainer {
    background-color: white;
    position: absolute;
    z-index: 100;
}

.borderedTop {
    border-top: 1px solid #D9D9D9;
}

#contextHelpIcon {
}

#locObjAddressFieldListPanel {
    right: -6px;
}

.infoscreenError {
    color: #651fff;
    text-decoration: none;
    display: inline-block;
}

#tabBar {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#headerTitle {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
}

#headerContainer {
    position: relative;
    overflow: hidden;
}

#headerTrace {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 10px;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
}

.tabBarContainer {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.infoscreenItemTitle {
    margin-left: 30px;
}

.mblToolBarButton img {
    width: 32px;
}

.commandContainer {
    margin: 0 9px;
    /*border-color: #DFEEF8 #627B8C #627B8C #DFEEF8;*/
    border-color: #F7F9FB #7F8386 #7F8386 #F7F9FB;
    border-style: solid;
    border-width: 0px;
}

.roundedButton {
    /*border-color: #DFEEF8 #627B8C #627B8C #DFEEF8;*/
    border-color: #F7F9FB #7F8386 #7F8386 #F7F9FB;
    border-style: solid;
    border-width: 0px;    
}

.sidePanelContainer {
    background: inherit;
    border: medium none;
    margin: 15px 0;
}

.notificationBorder {
    border: 1px solid #31859C;
    border-top: none;    
}

.quickButton.roundedButton {
    border-width: 1px;
}

.quickButtonContainer:not(.selected) {
    margin: 4px;
    z-index: 2;
}

.quickButtonContainer.selected {
  /*  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
  position: initial;
}

.buttonContainer:not(.selected) > .quickButtonSelected {
    display: none;
}

.quickButtonContainer.selected > a {
    display: none;
}

.buttonContainer.selected > .quickButtonSelected {
    height: 100%;
    margin: 0;
    width: 100%;
    background-position: center 75%;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
}

.buttonContainer.selected > .quickButton {
    border-color: #627B8C #DFEEF8 #DFEEF8 #627B8C;
  /* border-color: #7F8386 #F7F9FB #F7F9FB #7F8386;*/ 
    background-color: rgba(0, 0, 0, 0.3);
    background-image: none !important;
    margin: 4px;
    opacity: 0.75;
    position: relative;
    z-index: 2;
}

.homeContent {
    border-width: 0px;    
    border-style: solid;
    /*border-color: #627B8C #DFEEF8 #DFEEF8 #627B8C;*/
    border-color: #7F8386 #F7F9FB #F7F9FB #7F8386;
    height: 34px;
}

.plainButtonLineHeight {
    line-height: 32px;
}

.plainTitleMargin,
.plainContainer {
    margin: 0 9px;
}


.notificationsContainer .commandContainer,
.nchContainer .commandContainer {
    margin: 0;
}


/*.ctxspot .cadBanner .aImage {
    border-style: solid;
    border-width: 1px;
    border-color: #7F8386 #F7F9FB #F7F9FB #7F8386;
}*/

#partnerPage .quickButton.roundedButton {
    margin: 7px 2px;
}
#mapPage > .buttonbottomposition {
    position: absolute;
    bottom:0px;
}
#mapPage.buttonbottompadding > #mapPageMap {
    bottom: 36px;
}
#mapPage.pagebottompadding > #mapPageMap {
    bottom: 48px;
}

.carRouteIcon {
    background-size: 40px 40px;
}

.carRouteIconSelected {
    background-size: 40px 40px;
}

.walkRouteIcon {
    background-size: 40px 40px;
}

.walkRouteIconSelected {
    background-size: 40px 40px;
}

.busRouteIcon {
    background-size: 40px 40px;
}

.busRouteIconSelected {
    background-size: 40px 40px;
}
.subaddress {    
    color: #808080;
    font-size: 12px;
    margin-left: 10px;
    margin-top: -9px;
}
.subaddress, .located.med .subaddress, .located.poor .subaddress {
    display: none;
}
.located .subaddress {
    display: block;
}

.located #locObjAddressFieldContent,
.stored #locObjAddressFieldContent {
    background-image: none;
    padding-left: 5px;
}

#locObjAddressFieldContainer {
    margin: 8px 38px;
}

.addressStatusImg {    
    background-image: url("../img/locate_none.svg");
    display: inline;
    float: left;
    height: 36px;
    width: 36px;
    background-size: 36px 36px;
    margin-top: 8px;
}

#locationToast .addressStatusImg {    
    background-position: -2px center;
    background-size: 22px 22px;
    display: inline-block;
    float: none;
    height: 18px;
    margin-right: 3px;
    margin-top: 0px;
    vertical-align: sub;
    width: 18px;
}

.stored .addressStatusImg {
    background-image: url('../img/locate_stored.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 26px;
}

.located .addressStatusImg,
.located.addressStatusImg {     
     background-image: url("../img/locate_green.svg");
}

.located.med .addressStatusImg,
.located.med.addressStatusImg {     
     background-image: url("../img/locate_yellow.svg");
}

.located.poor .addressStatusImg, 
.located.poor.addressStatusImg {     
     background-image: url("../img/locate_red.svg");
}

#globalModalPane {
    /*position: fixed;*/
}
.commandArrow {
    max-height: 32px;
    max-width: 32px;
}
.commandDownArrow {
    height: 32px;
    width: 32px;
}
.roundRectMargin {
    margin: 10px 5px;
}
.noResults {
    margin: 0 11px 10px;
}
.noBorderRad {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.buttonContainer:not(.selected) .quickButton {    
    /*background-color: #BCDAED !important;*/
    /*background-color: #CFDCE6 !important;*/
    background-color: #E0E3E6 !important;
}

.quickLabel {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    font-size: 14px;
    height: 20px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding-left: 4px;
    position: absolute;
    right: 0;
    text-align: left;
    text-transform: uppercase;
    color: #393939;
}

.selected > .quickLabel {
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
}

.headerLogo {
    height: 16px;
    padding-top: 6px;
}

.resultPadding.resultMessage {
    padding-bottom: 5px;
}

.agent_ios .enoughSpaceForIphone {
    height: 90px;
}

.infoBox {
    font-weight: 700;
    padding-left: 5px;
}

.infoBoxSpacer {
    border: 1px solid #979797;
    margin: 3px 0;
}

.infoBox > div {
    white-space: nowrap;
}

.nchContainer .sidePanelNotificationHilight {
    background-color: #651FFF;
    color: #FFFFFF;
}

.infospot .aBanner,
.ctxspot .aBanner,
.spot .aBanner {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#locationToast,
#notificationToast {
    background-color: #504fb0;
    color: white;
    border-bottom: 2px solid #646380;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    position: fixed;
    top: 48px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#notificationToast {
    left: 0;
    z-index: 10;
}

#locationToast {
    right: 0;
    z-index: 9;
    text-align: center;
}

#notificationToast a {
    text-decoration: none;
    color: inherit;
}

.toastHeader {
    padding: 5px;
    font-weight: bold;
}

.toastBody {
    padding: 0 5px 5px;
}

.notificationToastCloseButton {
    background-color:#CCCCCC; 
    bottom: 0px; 
    right: 0px; 
    top: 0px; 
    width: 40px; 
    position: absolute;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
}

/* Switch - default */
.mblSwitch {
    display: inline-block;
    position: relative;
    width: 74px;
    line-height: 29px;
    overflow: hidden;
    text-align: left;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    height: 28px;
}
.mblItemSwitch {
    position: absolute;
    right: 12px;
    top: 8px;
}
.mblSwitchInner {
    position: absolute;
    top: 0px;
    height: 28px;
}
.mblSwitchAnimation .mblSwitchInner {
    -webkit-transition-property: left;
    -webkit-transition-duration: .1s;
}
.mblSwitchOn .mblSwitchInner {
    left: 0px;
}
.mblSwitchOff .mblSwitchInner {
    left: -31px;
}
.mblSwitchBg {
    position: absolute;
    top: 0px;
    height: 28px;
    border-width: 1px;
    border-style: inset;
    border-color: #9CACC0;
    font-size: 16px;
    font-weight: bold;
    line-height: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
.mblSwitchBgLeft {
    left: 0px;
    width: 74px;
    color: white;
    background-color: #3FEB3F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#28b128), to(#75fb75), color-stop(0.5, #3feb3f), color-stop(0.5, #4cee4c));
    background-image: -moz-linear-gradient(top, #28b128 0%, #3feb3f 50%, #4cee4c 50%, #75fb75 100%);
    background-image: linear-gradient(top, #28b128 0%, #3feb3f 50%, #4cee4c 50%, #75fb75 100%);
}
.mblSwitchBgRight {
    left: 31px;
    width: 74px;
    color: white;
    background-color: #EB3F3F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b12828), to(#fb7575), color-stop(0.5, #eb3f3f), color-stop(0.5, #ee4c4c));
    background-image: -moz-linear-gradient(top, #b12828 0%, #eb3f3f 50%, #ee4c4c 50%, #fb7575 100%);
    background-image: linear-gradient(top, #b12828 0%, #eb3f3f 50%, #ee4c4c 50%, #fb7575 100%);
}
.mblSwitchKnob {
    position: absolute;
    top: 1px;
    left: 31px;
    width: 42px;
    height: 26px;
    font-size: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #EFEFEF #A5A5A5 #969696 #325E9E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa));
    background-image: -moz-linear-gradient(top, #cccccc 0%, #fafafa 100%);
    background-image: linear-gradient(top, #cccccc 0%, #fafafa 100%);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}
.mblSwitchText {
    position: relative;
    top: 0px;
    width: 31px;
    height: 28px;
    padding: 0px;
    line-height: 28px;
    text-align: center;
}
.mblSwitchTextLeft {
    left: 0px;
}
.mblSwitchTextRight {
    left: 40px;
}
.routingMargin {
    margin-left: 71px;
}
.infoscreenFavIcon {
    height: 16px;
    margin-right: 5px;
    margin-bottom: 3px;
    vertical-align: text-top;
}
#infoscreenFavButton {
    height: 24px;
    padding: 4px 4px 4px 3px;
    width: 24px;
    vertical-align: middle;
}
.infoscreenEventsBorder {
    
}
#infoscreenPageEvents {
    
}
.infoscreenPoiButton {
    background-color: #EEEEEE;
    border-width: 1px;
    border-style: solid;
    border-color: #F9F9F9 #838383 #838383 #F9F9F9;
    margin-bottom: 4px;
    padding: 3px 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
}

.menuButtonBody {
    border-width: 1px;
    font-size: 16px;
    left: 5px;
    padding: 0 5px;
}

.menuPageButton {
    color: #651FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 163px;
    display: block;
}

.menuSpacer {
    height: 10px;
    border-top: 1px solid #E5E5E5;
    margin-top: 10px;
}

.subHeader {
    background-color: #0C3352;
    height: 36px;
    /* color: #00416B; */
    color: white;
    position: absolute;
    width: 100%;
    left: 0;
    top: 48px;
    z-index: 5;
}

.noSubHeaderScroll .subHeader,
.noSubHeader .subHeader {
    display: none !important;
}

#headerPadding {
    padding-top: 48px;
}

.subtleHeaderButton {
    height: 28px;
    position: relative;
    margin-bottom: 4px;
    margin-top: 4px;
}

.subtleHeaderButtonBody {
    text-transform: uppercase;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 4px;
    position: absolute;
    top: 0;   
    cursor: pointer;
}

.subtleHeaderButtonLeft {
    left: 10px;
}

.subtleHeaderButtonRight {
    right: 10px;
}

.subtleArrow {
    border: 2px solid white;
    height: 8px;
    position: absolute;
    top: 8px;    
    width: 8px;
    -webkit-transform: scale(0.7, 1) rotate(45deg);
    -moz-transform: scale(0.7, 1) rotate(45deg);
    transform: scale(0.7, 1) rotate(45deg);
}

.arrowLeft {
    border-right: 0 none;
    border-top: 0 none;
    left: 5px;
}

.arrowRight {
    border-left: 0 none;
    border-bottom: 0 none;
    right: 5px;
}

.navButton {
    background-color: white;
    color: #651FFF;
    line-height: 32px;
    margin: 10px 0px;
    padding: 4px 4px 4px 8px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.navButton:not(.smallNavButton) span,
.navButton:not(.smallNavButton) img {
    margin: 4px 8px 4px 0;
}

.navButton img {
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.smallNavButton,
.sidePanelNotification.small {
    overflow: hidden;
    float: left;
    margin-right: 8px !important;
    margin-top: 0;
    width: 32px !important;
    height: 32px;
}

.smallNavButton {
    padding: 6px 8px;
}

.channelMenu .navButton {
    margin: 10px 0;
}

.navCircleContainer {
    display: inline-block;
    height: 32px;
    width: 32px;
}

.navCircle {
    border-color: #651FFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    vertical-align: bottom;
    display: inline-block;
}

.navCircle.selected {
    background-color: #651FFF;
    cursor: default;
}

.noBackgroundColor {
    background-color: inherit !important;
}

.routesColor {
    background-color: #162089;
}

#routesPage .commandContainer {
    margin: 0;
}

.channelMenu {
    overflow: hidden;
    display: inline-block;
    padding: 0px 8px;
    margin: -5px 0 5px;
}

.channelMenu .textButton {
    display: block;
}

.channelMenuButton {
    clear: both;
    color: #651FFF;
    text-align: left;
    font-size: 35px;
    line-height: 38px;
    font-weight: bold;
    cursor: pointer;
}

.content .mainContent {
    display: none !important;
}

.subContent {
    display: none;
}

.content .subContent {
    display: block;
}

.menu {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

.notificationsContainer.Traffic.Stop.weather.RoadWeather:not(.hasContent) {
    display: none;
}

.notificationDesc .mblRoundRect {
    border: medium none;
    margin: 4px 0 0;
    padding: 0;
}

#infoscreenTabBarContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

#infoscreenLogoContainer {
    margin-bottom: 7px;
}

.ohTitle, .infoscreenServices, #langMenu > span {
    color: #651fff;
    text-transform: uppercase;
}

.infoscreenPhoto {
    display: inline;
    float: left;
    max-height: 320px;
    max-width: 100%;
}

#infoscreenOpeningHoursContainer {
    display: inline-block;
    padding-left: 8px;
}

.infoscreenDesc, .infoscreenDescResp {
    padding-left: 3px;
}

#infoscreenMap {
    overflow: hidden;
}

#infoscreenAddressContainer {
    border-bottom: 1px solid #E5E5E5;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 5px;
}

.infoscreenCarImg {
    height: 32px;
    width: 32px;
    float: right;
    background-position: -213px -58px;
    padding: 8px; 
}

#langMenu {
    position: fixed;
    z-index: 1000;
    top: 50px;
    left: 50px;
    background-color: white;
    padding: 5px;
}

#langMenu > span {
    line-height: 40px;
    margin: 5px;
}

.textFieldContainer {
    margin-left:44px;
    height: 100%;
}

.textField {
    font-size: 16px;
    height: 100%;
    display: inline; /* do not change this, will break search field */
    padding: 0;
    background-color: inherit;
    color: white;
    font-family: inherit;
    width: 100%;
    border: 0 none;
}

.plussaAdBody {
    display: none;
}

#infoscreenAds .plussaAdBody {
    display: inline-block;
}

.infoscreenDescResp, .respNavi, .infoscreenLogoResp {
    display: none;
}

#adsPageFrontPage .commandIcon {
    background-color: inherit;
}

.seeMore, .resultPanelTitle {
    color: #393939; /* textcolorbg */
}    

.titleImg.arrowRightImg {
    background-position: -36px -19px;
}
  
.seeMore {
    text-transform: none;
    margin-right: 5px;
}

.seeMoreContainer {
    text-align: center;
}

.resultPanelBg .seeMoreContainer {
    margin-bottom: 10px;
}

.resultPanelTitle {
    line-height: 36px;
    padding: 8px 0 8px 6px;
    font-weight: 300;
    overflow: hidden;
    position: relative;
    font-size: 28px;
}

.mblRoundRect > .resultPanelTitle, #mapPageBottom > .resultPanelTitle {
    padding-right: 8px;
    padding-left: 10px;
}

.resultsList > .mblRoundRect:first-child {
    margin-top: 0;
}

.fixedTabBar {
    position: absolute;
    display: block !important;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 9;
}

.homeList {
    font-weight: normal;
}

.fadeout {
    position: absolute; 
    top: 698px; /*.resultsList > .ad max height-38px */
    height: 42px;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.8) 10px,
        rgba(255, 255, 255, 1) 11px
        ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.8) 10px,
        rgba(255, 255, 255, 1) 11px
        );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.8) 10px,
        rgba(255, 255, 255, 1) 11px
        );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.8) 10px,
        rgba(255, 255, 255, 1) 11px
        );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.8) 10px,
        rgba(255, 255, 255, 1) 11px
        );
}

.fadeout.noActionBar {
    height: 10px;
    top: 732px;
}

.resultsList > .message, .resultsList > .ad,
.nchNumContainer {
    max-height: 740px;
    overflow: hidden;
    flex-basis: 100%;
}

@media screen and (min-width: 490px) {
    .page {
        margin: 10px auto 0;
    }
}
/*
@media screen and (max-width: 767px) {
    .aNewsBody {
        display: none;
    }
    
    #infoscreenAds .aNewsBody {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .homeList {
        left: initial;
        min-width: 340px;
    }
    
    .seeMoreContainer {
        display: none;
    }        
    
    .resultItemPlaceholderImg {
        max-height: 200%;
    }
    
    .resultsList.noAds .resultItemFixedContainer,
    .resultItemContainer.noAds .resultItemFixedContainer {
        display: none;
    }    
    
    .hidden.seeMore {
        display: inline !important;        
        line-height: 44px;
    }
    
    .hidden.truehidden.seeMore {
        display: none !important;
    }
    
    .sidePanelNotification.small
    {
        float: none;
        height: auto;
        width: auto !important;
    }
    
    .notificationDesc.hidden {
        display: block !important;
    }
    
    .nowInFavoritesImg {
        background-position: -13px -243px;
    }
    
    .channelMenu > .channelMenuButton {
        display: none;
    }
    
    .navButton.smallNavButton {
        float: none;
        height: auto;
        width: auto !important;
        overflow: visible;
    }
    
    .navButton {
        display: inline-block;
        margin-right: 8px;
    }
    
    .blockedMenu .navButton {
        display: block;
        margin-right: 0;
    }

    .quickButtons {
        display: inline-block;
        vertical-align: top;
    }   
    
    .notificationDesc .mblRoundRect.fixedWidthRect {
        margin: 4px 10px 0 0;
    }
    
    
    #infoscreenTexts, #infoscreenAddress {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-top: 2px;
    }
    
    .infoscreenTitle {
        vertical-align: top;
        margin-top: 0;
        margin-right: 0;
    }    
    
    #infoscreenAddress > .mblRoundRect {
        margin-top: 0;
        margin-left: 8px;
    }
    
    .infoscreenDesc, 
    #infoscreenTabBar > .tabButtonSelected,
    #infoscreenTitleContainer.hasHrIcon .resultLogo, 
    #infoscreenLogoContainer  {
        display: none;
    }
    
    #infoscreenTitleContainer.hasHrIcon .resultItemTitle {
        margin-left: 0;
        display: inline-block;
    }
    
    .infoscreenDescResp {
        display: block;
        margin-right: 0;
    }
    
    #infoscreenTabBarContainer {
        height: 30px;
        margin-bottom: 5px;
    }
    
    #infoscreenTabBar {
        width: 50%;
    }
    
    .respNavi, .infoscreenLogoResp {
        display: inline;        
    }
    
    .infoscreenLogoResp {
        max-width: 100%;
        margin-bottom: 5px;
        margin-right: 8px;
        max-height: 100px;
        vertical-align: middle;
    }
    
    #infoscreenTabBar > .tabButton {
        color: #3692CE;
        border-width: 1px;
        border-radius: 5px;
        height: 28px;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .resultsList > .mblRoundRect:nth-child(2n), 
    #frontPage > .contentPage > .mblRoundRect:nth-child(2n),
    .mblRoundRect.fixedWidthRect:nth-child(2n)
    {
        margin-left: 8px;
    }
}

@media screen and (min-width: 1024px) {
    .page:not(.map) .resultsList > .mblRoundRect:nth-child(3n+2), 
    #frontPage > .contentPage > .mblRoundRect:nth-child(3n+2),
    .page:not(.map) .mblRoundRect.fixedWidthRect:nth-child(3n+2),
    .page:not(.map) .resultsList > .mblRoundRect:nth-child(3n), 
    #frontPage > .contentPage > .mblRoundRect:nth-child(3n),
    .page:not(.map) .mblRoundRect.fixedWidthRect:nth-child(3n)
    {
        margin-left: 8px;
    }
}

@media screen and (min-width: 768px) and (max-width: 799px){
    .page {
        width: 748px;
        max-width: 748px;
    }
    
    .resultsList > .mblRoundRect, 
    #frontPage > .contentPage > .mblRoundRect,
    .mblRoundRect.fixedWidthRect {
        display: inline-block;
        vertical-align: top;
        width: 368px;
        margin-top: 0;
    }        
    
    
    .fixedWidthRect.doubleWidth {
        width: 747px;
    }
    
    .resultsList > .message, .resultsList > .ad,
    .nchNumContainer {
        height: 275px;
        min-height: 275px;
        overflow: hidden;
    }
    
    .resultsList .resultItemFixedContainer {
        height:215px;
        overflow:hidden;
    }
}

@media screen and (min-width: 800px) and (max-width: 1023px){
    .page {
        width: 790px;
        max-width: 790px;
    }
    
    .resultsList > .mblRoundRect,
    #frontPage > .contentPage > .mblRoundRect,
    .mblRoundRect.fixedWidthRect {
        display: inline-block;
        vertical-align: top;
        width: 389px;
        margin-top: 0;
    }
    
    
    .fixedWidthRect.doubleWidth {
        width: 786px;
    }
    
    .resultsList > .message, .resultsList > .ad,
    .nchNumContainer {
        height: 290px;
        min-height: 290px;
        overflow: hidden;
    }
    
    .resultsList .resultItemFixedContainer {
        height:220px;
        overflow:hidden;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .page {
        width: 1004px;
        max-width: 1004px;
    }
    
    .page:not(.map) .resultsList > .mblRoundRect,
    #frontPage > .contentPage > .mblRoundRect,
    .nchSpot > .mblRoundRect,
    .mblRoundRect.fixedWidthRect {
        display: inline-block;
        vertical-align: top;
        width: 327px;
        margin-right: 0;
        margin-top: 0;
    }
    
    
    .fixedWidthRect.doubleWidth {
        width: 665px;
    }
    
    .page:not(.map) .resultsList > .message, 
    .page:not(.map) .resultsList > .ad,
    .nchNumContainer {
        height: 245px;
        min-height: 245px;
        overflow: hidden;
    }
    
    .page:not(.map) .resultsList .resultItemFixedContainer {
        height:190px;
        overflow:hidden;
    }
    
}

@media screen and (min-width: 1280px) {
    .page {
        width: 1260px;
        max-width: 1260px;
    }
    
    .page:not(.map) .resultsList > .mblRoundRect,
    #frontPage > .contentPage > .mblRoundRect,
    .mblRoundRect.fixedWidthRect {
        display: inline-block;
        vertical-align: top;
        width: 412px;
        margin-top: 0;
    }
    
    
    .fixedWidthRect.doubleWidth {
        width: 835px;
    }
    
    .page:not(.map) .resultsList > .message, 
    .page:not(.map) .resultsList > .ad,
    .nchNumContainer {
        height: 310px;
        min-height: 310px;
        overflow: hidden;
    }
    
    .page:not(.map) .resultsList .resultItemFixedContainer {
        height:230px;
        overflow:hidden;
    }
}
*/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.
	*/
	margin:0;
	border:0;
	padding:0;
	font: inherit;
	line-height:normal;
	color: inherit;
}

.dijitSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:inline-block;			/* webkit and FF3 */
	border:0;
	padding:0;
	vertical-align:middle;
}

table.dijitInline {
	/* To inline tables with a given width set */
	display:inline-table;
	box-sizing: content-box; -moz-box-sizing: content-box;
}


.dijitCalendar {
  border: solid 1px #979797;
  border-collapse: separate;
  background-color: white;
  text-align: center;
  padding: 6px 5px 3px 5px;
}
.dijitCalendar img {
  border: none;
}
.dijitCalendarMonthContainer th {
  text-align: center;
  padding-bottom: 4px;
  vertical-align: middle;
}
.dijitCalendarMonthLabel {
  color: #000000;
  padding: 0 4px;
}
/* next/previous month arrows */
.dijitCalendarIncrementControl {
  width: 24px;
  height: 24px;
  background-image: url("../img/icons2.png");
  background-repeat: no-repeat;
  -webkit-background-size: 360px 323px;
  background-size: 360px 323px;
  vertical-align: middle;
}
.dijitCalendarDecrease {
    background-position: 4px -303px;
}
.dijitCalendarIncrease {
  background-position: -16px -303px;
}
.dijitCalendarIncrementControl.dijitCalendarDecrease:active {
  background-position: -36px -303px;
}
.dijitCalendarIncrementControl.dijitCalendarIncrease:active {
  background-position: -58px -303px;
}
.dijitA11ySideArrow {
  display: none;
}
.dijitCalendarDayLabelTemplate {
  padding-bottom: 0;
  text-align: center;
  border-bottom: 1px solid #b5bcc7;
  padding: 0 3px 2px;
}
.dijitCalendarDayLabel {
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #000000;
}
.dijitCalendarDateTemplate {
  text-align: center;
  background-color: #ffffff;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 0;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
  color: #000000;
  cursor: default;
}
.dijitCalendarPreviousMonth, .dijitCalendarNextMonth {
  background-color: #e5f2fe;
  background-image: none;
  border-bottom: solid 1px #d3d3d3;
  /* todo: redundant with above .dijitCalendarDateTemplate rule */
}
.dijitCalendarDateTemplate .dijitCalendarDateLabel {
  text-decoration: none;
  display: block;
  padding: 3px 5px 3px 4px;
  border: solid 1px #ffffff;
  /* intentionally matches background-color, no visible border until hover/selection */

  background-color: rgba(171, 212, 251, 0);
  /* transparent causes black-flash animation problem on webkit */

  -webkit-transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
.dijitCalendarPreviousMonth .dijitCalendarDateLabel, .dijitCalendarNextMonth .dijitCalendarDateLabel {
  color: #759dc0;
  border-color: #e5f2fe;
  /* intentionally matches background-color, no visible border until hover/selection */

}
.dijitCalendarYearContainer {
  display:none;
  vertical-align: middle;
}
.dijitCalendarEnabledDate,.dijitCalendarIncrementControl {
    cursor: pointer;
}

/* End Normal Calendar Style */
/* Active Calendar Style */
.dijitCalendarNextYearActive, .dijitCalendarNextYear:active.dijitCalendarPreviousYearActive, .dijitCalendarPreviousYear:active {
  border: solid 1px #759dc0;
  padding: 0 5px 0 5px;
  /* reduced by 1 to make room for border */

  background-color: #7dbdfa;
}
.dijitCalendarActiveDate .dijitCalendarDateLabel, .dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
  background-color: #7dbdfa;
  border: solid 1px #ffffff;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
/* End Active Calendar Style */
/* Selected Calendar Style */
.dijitCalendarSelectedDate .dijitCalendarDateLabel {
  color: #000000;
  background-color: #abd6ff;
  border-color: #759dc0;
}
/* End Selected Calendar Style */
/* Disabled Calendar Style*/
.dijitCalendarDisabledDate .dijitCalendarDateLabel {
  color: #818181;
  text-decoration: line-through;
}
/* End Disabled Calendar Style */
span.dijitCalendarIncrementControl {
    display: inline-block; 
}

#nearestPageDateVal {
    line-height: 23px;
    color: #162089;
    font-weight: bold;
    margin-left: 36px;
}

#nearestPageDateField {
    width: 246px;
    padding-top: 3px;
}

#nearestPageDateCalWrap {
    font-size: 14px;
}

#nearestPageDateValWrap {
    display: inline-block; 
    margin-left: 5px;
    margin-right: 5px; 
    padding-bottom: 5px;
    padding-top: 5px;
    width: 181px;
}

#mapPageResultsWrapper {
    width: 320px;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

#mapPageResults {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#mapPage.wide {
    left: 320px;
    top: 48px;
    position: fixed;
}

#mapPageMap {
    top: 0;
}

#safariWrapper.map {
    top: 0;
    bottom: 0;
    left: 0;
    width: 320px;
    position: absolute;
}

#safariWrapper.iosMap {
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
}
.page.map { 
   margin-left: 4px;
    margin-right: 4px;
    width: 312px;
}

#headerMap.mapShown {
    display: none;
}

.weatherCamContainer .resultItemHeaderContainer
{
    display: none;
}

.weatherWidget #weatherdetailscityContainer {
    display: none;
}

.nchText {
    font-weight: bold;
    color: #651FFF;
    font-size: 14px;
    text-transform: uppercase;
}

.autoHeight {
    height: auto !important;
    max-height: none !important;
}

.openLink {
    text-decoration: none;
}

.ad.deleted > :not(.aItemActions) {
    text-decoration: line-through;
}

#monkeyBox {
    position: relative;
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px 0px 0 16px;
}

#monkeyBox div {
    padding-bottom: 3px;
}

#monkeyBox a {
    color: #651FFF;
    font-weight: bold;
    text-decoration: none;
}

#notificationSettingsTable.masterOff .notificationRow,
#notificationSettingsTable.weatherOff .notificationWeatherRow,
#notificationSettingsTable.trafficOff .notificationTrafficRow,
#notificationSettingsTable.roadWeatherOff .notificationRoadWeatherRow,
#notificationSettingsTable.kauraOff .notificationKauraRow,
#gfSettings.collectionOff .gfCollectionRow,
#gfSettings.proxAdOff .gfProxAdRow{
    display:none;
}

#notificationSettingsTable > div {
    line-height: 29px;
}

.notificationSettingTitle {
    display: inline-block;
    width: 240px;
    vertical-align: top;
    font-weight: bold;
}

.notificationSettingSubTitle {
    margin-bottom: 5px;
    width: 280px;
    padding-left: 10px;
    border-bottom: 1px solid #979797;    
}
.notificationSettingSubTitle:last-child {
    border-bottom: none;
}

.notificationSettingSubTitle > div {
    float: right;
    display: inline-block;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* VEIKKAUS STYLES */
/*
@media screen and (min-width: 768px) {  
 
}

@media screen and (min-width: 1024px) {
    .keno-correct-numbers li, .keno-kunkku-number li {
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        width: 26px;
    }
}

@media screen and (min-width: 768px) and (max-width: 799px){    
    .keno-correct-numbers li, .keno-kunkku-number li  {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
    .keno-correct-numbers li, .keno-kunkku-number li  {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        width: 32px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

}


@media screen and (min-width: 1280px) {
    .keno-correct-numbers {
        width: 310px;
    }
    .kunkku-number .kunkku-title {
        line-height: 14px;
        padding: 0 0 3px;
    }
}
*/
/* VEIKKAUS STYLES END */

.bannerHeaders {
    font-size: 6.5vw;
}

.page.map .bannerHeaders {
    font-size: 20.8px;
    left: 128px;
}

.cadBanner > .cadHeader {
    margin-left: 5px;
    margin-right: 5px;
}

@media screen and (min-width: 490px) {
    .bannerHeaders {
        font-size: 31.85px;
    }
        
    .cadBanner > .cadHeader {
        margin-left: 0px;
        margin-right: 0px;
    }
}
/*
@media screen and (min-width: 768px) and (max-width: 799px){
    /* adbody width 368px *//*
    .resultsList .bannerHeaders {        
        font-size: 24.7px;        
    }        
}

@media screen and (min-width: 800px) and (max-width: 1023px){
    /* adbody width 389 *//*
    .resultsList .bannerHeaders {
        font-size: 26px;
    }        
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
    /* adbody width 327 *//*
    .resultsList .bannerHeaders {
        font-size: 22px;
    }        
}

@media screen and (min-width: 1280px) {
    /* adbody width 412 *//*
    .resultsList .bannerHeaders {
        font-size: 27.6px;
    }        
}

/* MAPHACK, infobubble style */
.H_ib_content {
    font-size: 12px;
    line-height: initial;
    margin: 5px 0 !important;
    min-height: 24px;
    min-width: 80px !important;
}

.textInput {
    height: 26px;
    width: 200px;
}

.inputHeader {
    line-height: 36px;
    margin-top: 10px;
    color: #393939;
    font-weight: bold;
}

.inputField {
    display:inline-block;
    max-width: 394px;
    vertical-align: top;
    margin-left: 10px;
}

.buttonContainerBg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.buttonContainerBg.isSelected {
    z-index: 1;
}

#titlePanel:not(.frontpage) > #frontPageButtonContainer {
    display: none;
}

#frontPageButtonContainer > .tabPanelHeader {
    z-index: 2;
    position: relative;
}

.rainIconImg {
    width: 32px;
    height: 32px;
    background-position: -156px -122px
}

#mapPageProgress,
#mapPageUpdate, 
#mapPageRainTime,
#mapPageHelp {
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    left: 50%;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #162089;
    color: white;
    font-weight: bold;
    z-index: 5;
}

#mapPageRainTime {
    bottom: 22px;
    margin-left: -50px;
}

#mapPageProgress,
#mapPageUpdate {
    top: 22px;
    margin-left: -100px;
}

#mapPageHelp {
    font-weight: normal;
    font-size: 14px;
    margin-left: -100px;
    top: 0;
    border-radius: 0;
}

#headerSearch, #headerLocation {
    height: 36px;
    line-height: 36px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    overflow: hidden;
    position: relative;
    border: 1px solid white;
    background-color: #38419A;
}

.routeLegLength {
    font-size: 12px;
    vertical-align: top;
}

.mblHighlight:not(.couponBorder) {
    border-color: #0c3352;
}

#frontPageAddress, #frontPageAddressDD, #frontPageWeather, #frontPageDesc {
    background-color: #162089;
    color: white;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 5px;
}

#frontPageAddress {
    position: relative;
}

#frontPageAddress > img {
    height: 30px;
    position: absolute;
    right: 8px;
    top: 5px;
}

#frontPageDesc > span {
    font-size: 12px;
    opacity: 0.5;
}

#frontPageWeather > span {
    font-size: 56px;
    cursor: pointer;
    font-weight: 300;
}

#frontPageWeather > img {
    height: 50px;
    vertical-align: text-bottom;
    cursor: pointer;
}

#frontPageAddressLabel {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
}

.ctxspot {
    margin-top: 24px;
    flex-basis: 100%;
}

.aHeaderImg {
    line-height: 18px;     
    padding: 4px 8px;
    color: #828282;
    font-size: 12px;
    text-align: left;
}

.aHeaderImg > img {
    max-height: 100%;
    max-width: 100%;
    height: 16px;
    vertical-align: bottom;
}

.contextCardCell {
    display:table-cell;
    vertical-align:middle;
    padding: 5px 0 5px 8px;
    font-size: 12px;
}

.contextCardCell:last-child {
    padding-right: 5px;
}

.ctxspot:empty {
    display: none;
}

#frontPageBanner {
    max-height: 250px;
    overflow: hidden;
}

#frontPageBanner .cadBanner {
    text-align: center;
}

.cadBanner {
    position: relative;
}

#infoscreenBar {
    background-color: white;
    border-bottom: 1px solid #979797;
}

.infoscreenPhone {
    font-size: 12px;
    display: inline-block;
    color: #651FFF;
}

.infoscreenPhone.small {
    font-size: 10px;
    color: black;
}


.infoscreenShare {
    text-align: center;
}

.infoscreenShare .linkButton {
    width: 160px;
}

.infoscreenShare .linkButton.thirdWidth {
    width: 120px;
}
/*
@media screen and (min-width: 640px) {
    .infoscreenShare {
        width: 640px;
    }
    .infoscreenShare.doublet {
        width: 320px;
    }
    .infoscreenShare.triplet {
        width: 480px;
    }
    .infoscreenShare.triplet .linkButton.thirdWidth {
        width: 160px;
    }
    .infoscreenShare.triplet .infoscreenPhone.small {
        font-size: 12px;
        color: #3692CE;
    }
    .infoscreenShare.quintet {
        width: 530px;
    }
    .infoscreenShare.quintet .linkButton.halfWidth {
        width: 106px;
    }
}

@media screen and (min-width: 800px) {
    .infoscreenShare.quintet {
        width: 800px;
    }
    .infoscreenShare.quintet .linkButton.halfWidth {
        width: 160px;
    }
    .infoscreenShare.quintet .linkButton.thirdWidth {
        width: 160px;
    }
}
*/
#label_logged_in {
    white-space: nowrap;
}

.partnerSub #header {
    height: 92px;
}

.partnerSub #headerPartnerMenu {
    display: block !important;    
}

#headerPartnerMenu {
    padding-right: 24px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 8px;
}

#header.inheritHeight #headerPartnerMenu {
    height:inherit;
}

.partnerSub #safariWrapper {
    padding-top: 92px;
}

#header .menuPageButton {
    background-color: inherit;
    border-width: 0;
    color: inherit;
    display: inline-block;
    float: left;
    line-height: 42px;
    min-width: inherit;
}

#partnerMenuToggle {
    text-align: left;
    height: 36px;
}

#partnerMenuToggle img {
    margin-bottom: 16px;
    margin-top: 12px;
}

.partnerSub #header.inheritHeight {
    height: inherit;
}

.aBody .error {
    margin-bottom: 5px;
}

#frontPageButtonContainer {
    background-color: white;
    height: 64px;
    overflow-y: hidden;
    overflow-x: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
}

#frontPageButtonContainer > div {
    height: 64px;
    margin-left: auto;
    margin-right: auto;
}

#frontPageButtonContainer .navButton.smallNavButton img {
    width: 100%;
    height: 100%;
}

#frontPageButtonContainer .navButton.smallNavButton {
    width: 60px !important;
    height: 60px;
    padding: 1px;
    margin-right: 15px !important;
}

.contentPage, .ctxgroup, #infoscreenAds {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.contentPage {
    margin-top: -10px;
}

.contentPage > .mblRoundRect, .ctxgroup > .mblRoundRect {
    width: 100%;
}

.ctxgroup {
    margin-top: 30px;
    margin-bottom: 13px;
    width: 100%;
}

.contentPage > .ctxgroup:first-child {
    margin-top: 20px;
}

.ctxgroup > * {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

.ctxgroup .resultsList > .mblRoundRect {
    margin-bottom: 10px;
}

.ccContainer {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.ccContainer > .resultPadding {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

.ccContainer > .resultPadding > .mblRoundRect {
    flex-basis: 100%;
}

.resultPanelBg {
    background-color: #f0f0f2;
    padding: 0 5px;
    margin-bottom: 15px;
    border: 1px solid #162089;
}

.resultPanelBg .mblRoundRect {
    border-color: #e5e5e5;
    margin-bottom: 10px;
}

.navContainer {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#locationSuggestion {
    font-weight: 500;
    text-align: left;
    line-height: 36px;
    left: 47px;
    right: 47px;
}

#headerGeo.locating > .geoOn, #headerGeo > .geoOff {
    display: inline;
}

#headerGeo.locating > .geoOff, #headerGeo > .geoOn {
    display: none;
}

.suggestionsContainer table {
    margin-left: auto;
    margin-right: auto;
    background-color: #38419A;
    width: 642px;
    border-left: 1px solid white;
    line-height: 36px;
    font-weight: 500;
    color: white;
    border-right: 1px solid white;
    text-align: left;
    table-layout: fixed;
    overflow: hidden;   
}

#frontPageAddressDD table, #storedLocationsDD table {
    color: #651FFF;
    background-color: white;
    display: inline-block;
    text-align: left;
    min-width: 245px;
    padding: 5px;
    border: 1px solid #651FFF;
    table-layout: fixed;
    overflow: hidden;
    box-sizing: border-box;
}

#routeAddressesContainer .suggestionsContainer {
    margin-left: -1px;
}

#routeAddressesContainer .suggestionsContainer table {
    background-color: white;
    color: #651FFF;
    border: 1px solid #651FFF;
}

.suggestionsContainer img, #frontPageAddressDD img,
#storedLocationsDD img {
    height: 32px;
    display: block;
    margin: 0 auto;
}

.suggestionsContainer tr:last-child td,
#frontPageAddressDD tr:last-child td,
#storedLocationsDD tr:last-child td {
    border-bottom: 0 none;    
}

#frontPageAddressLabel.open img, #mapPageBottom.minimized .ddImg {
    transform: matrix(1,0,0,-1,0,0);
}

#mapPageBottom {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color: #F0F0F2;
    box-shadow: 0px -3px 5px rgba(0,0,0,0.1)
}

#storedLocationsTitle {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 48px;
    line-height: 40px;
    color: #651FFF;
    padding-left: 19px;
}

.removeImg {
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    height: 32px;
}

#mapPageBottom.minimized {
    height: 48px;
    overflow: hidden;
}

#frontPageAddressLabel span, #storedLocationsTitle span {
    vertical-align: middle;    
}

#frontPageAddressLabel img, #storedLocationsTitle img {
    height: 28px;
    vertical-align: middle;
}

.resultItemFixedContainer {
    max-height: 720px;
    overflow: hidden;
}


.scrollListContainer {
    height: 343px;
    max-height: 343px;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 480px;
    -webkit-overflow-scrolling: touch;
}

.scrollList {
    height: 320px;
}

.scrollList > .mblRoundRect {
    height: 320px;
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.scrollList > .mblRoundRect:last-child {
    margin: 0;
}

.resultItemFixedContainer.scrollListContainer {
    height: 253px;
    margin-top: 10px;
}

.resultItemNoAdLink.scrollList {
    height: 230px;
}

.scrollList > .ad:not(.mblRoundRect) {
    height: 230px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 270px;
    border: 1px solid #979797;
    margin: 0 3px 0 5px;
    box-sizing: border-box;
}

.scrollList > .ad:last-child {
    margin-right: 0;
}

#adsPageFrontPage .scrollList .resultItemAction {
    display: none;
}

.scrollList .bannerHeaders {
    /* 270px wide */
    font-size: 17.55px;
}

.messageBox > .resultPanelTitle {
    color: #651FFF;
    font-size: 16px;
}

.mblRoundRect.fpLatest .messageBox > .resultPanelTitle {
    display: none;
}

.scrollListed {
    height: 230px;
    overflow: hidden;
}

.seeMoreButton {
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
}

.aImage img {
    width: 100%;
    display: block;
}

.newsList > .ad .aBody {
    display: none;
}

.newsList > .ad .aHeader {
    display: table-cell;
    vertical-align: top;
    width: 60%;
    padding-top: 15px;
    padding-bottom: 35px;
    font-size: 14px;
}

.newsList > .ad .aImage {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    max-width: 100%;
    float: none;
}

.newsList > .ad .resultPadding, .newsList > .ad .cadBanner {
    display: table;
    width: 100%;
}

.newsList > .ad .aHeaderImg {
    position: absolute;
    bottom: 0;
}

.newsList > .ad:first-child:not(.noImg) .aHeaderImg {
    background-color: rgba(30,30,30,0.75);
    color: white;
    bottom: inherit;
    z-index: 2;
}

.newsList > .ad:first-child:not(.noImg) .resultPadding, .newsList > .ad:first-child .cadBanner {
    display: block;
}

.newsList > .ad:first-child:not(.noImg) .aHeader {
    position: absolute;
    color: white;
    font-size: 16px;
    bottom: 0;
    background-color: rgba(30,30,30,0.75);
    left: 0;
    right: 0;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    width: auto;
    display: block;
    font-weight: bold;
}

.newsList > .ad:first-child .aImage {
    display: block;
    width: 100%;
    padding-bottom: 0;
}

#warningsheader {
    display: none;
}

#warningstable {
    margin-top: 10px;
}

.resultPanelContainer {
    flex-basis: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.sponsoredList > .resultItemContainer.hasImg:not(:first-child):not(.hasAd) .resultItemHeader {
    display: table-row;
}

.sponsoredList > .resultItemContainer.hasImg:not(:first-child):not(.hasAd) .resultItemHeaderContainer {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.sponsoredList > .resultItemContainer.hasImg:not(:first-child):not(.hasAd) .resultItemAction {
    display: none;
}

.sponsoredList > .resultItemContainer.hasImg:not(:first-child):not(.hasAd) .resultItemTitle {
    margin-right: 0;
}

.infoText .resultPanelTitle {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.nearbyTable {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0px;
}

.nearbyTable td {
    width: 50%;
    height: 0;
    padding: 0 0 50% 0;
    position: relative; 
}

.nearbyBox {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.nearbyBox > div {
    font-weight: bold;
    text-align: center;
    padding: 8px;
    position: absolute;
    color: white;
    font-size: 16px;
    bottom: 0;
    background-color: rgba(22,32,137,0.8);
    left: 0;
    right: 0;
}

.nearbyBox.fullBox > div {
    font-size: 20px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.nearbyBox.fullBox .count {
    display: block;    
    font-size: 56px;
    font-weight: 200;
}

.nearbyMargin {
    margin: -4px;
}

.nearbyHint {
    font-size: 12px;
    color: #828282;
    padding-left: 7px;
    margin-top: -7px;
    margin-bottom: 5px;
}

.keywords .outlineButton {
    margin-right: 4px;
    margin-left: 8px;
    min-width: 0;
}

.mblRoundRect.distLabel {
    border: none;
    background-color: inherit;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
    color: #828282;
    border-radius: 0;
    font-weight: bold;
}

#nearestPageMap, #onRoutePageMap, .ctxMap {
    height: 250px;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #162089;
    box-sizing: border-box;
}

#safariWrapper.map #nearestPageMap, #safariWrapper.map #onRoutePageMap {
    display:none;
}

.collectionButton {
    width: 100px;
    margin-right: 7px;
    margin-bottom: 10px;
    margin-left: 7px;
}

#favPageChannels {
    padding: 0px 8px;
    margin: 0 0 -5px;
}

#favPageChannels .textButton {
    width: 50%;
    box-sizing: border-box;
}

.partnerPage > .spot {
    margin: -10px -7px 0 -7px;
}

@media screen and (min-width: 490px) {
    .partnerPage > .spot {
        margin: -10px 0 0 0;
    }
}

.menuPageButton.selected::after {
    position: absolute;
    left: 9px;
    top: 34px;
    bottom: 0;
    right: 9px;
    border-top: 1px solid white;
    content: "";
}

#onRoutePageQuickButtons {
    display: flex;
    justify-content: center;
}

#onRoutePageQuickButtons .smallNavButton {
    border-radius: 50px;
    border: 1px solid #651FFF;
    width: 60px !important;
    height: 60px;
    position: relative;
    box-sizing: border-box;
    margin-right: 15px !important;
}

#onRoutePageQuickButtons .navButton img {
    height: 40px;
    width: 40px;
    vertical-align: top;
    position: absolute;
    left: 9px;
    top: 9px;
}

.ccContainer .resultPadding > .ad.mblRoundRect {
    max-height: 318px;
    overflow: hidden;
}

.buttonContainer .textButton {
    display: block;
    height: 36px;
}

.buttonContainer.textButton {
    height: 36px;
}

.messageBox {
    border: 2px solid #651FFF !important;
    background-color: white;
}

.cBannerLink {
    flex: 1 1 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cBanner {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

#fullDisplay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
}

#fullDisplay > div {
    margin: 0 auto 20px;
    display: inline-block;
    max-width: 100%;
}

#fullDisplay > span {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#fullDisplay .cadHeader {
    background-color: white;
}

#fullDisplay .aBanner {
    max-width: 100%;
}

#fullDisplay .aImage img {
    width: auto;
    max-width: 100%;
}

.addressContainer {
    height: 36px;
    line-height: 36px;
    z-index: 1;
    border: 1px solid #651FFF;
    background-color: white;
    box-sizing: border-box;
}

.addressContainer .textField {
    color: black;
}

.resetWidth {
    width: auto !important;
}

.ui-datepicker {
    border: 0 none !important;
}

.ui-datepicker .ui-datepicker-header {
    background-color: white;
}

/**
 * onoff.css
 */
.onoffswitch {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #bfbfbf;
  border-radius: 20px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease-in;
  transition: margin 0.2s ease-in;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  padding: 0;
  width: 50%;
  height: 26px;
  color: white;
  font: bold 14px/26px Trebuchet, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    color: #FFFFFF;
    background-color: #3FEB3F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#28b128), to(#75fb75), color-stop(0.5, #3feb3f), color-stop(0.5, #4cee4c));
    background-image: -moz-linear-gradient(top, #28b128 0%, #3feb3f 50%, #4cee4c 50%, #75fb75 100%);
    background-image: linear-gradient(top, #28b128 0%, #3feb3f 50%, #4cee4c 50%, #75fb75 100%);
}

.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    color: #999999;
    text-align: right;
    background-color: #EB3F3F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b12828), to(#fb7575), color-stop(0.5, #eb3f3f), color-stop(0.5, #ee4c4c));
    background-image: -moz-linear-gradient(top, #b12828 0%, #eb3f3f 50%, #ee4c4c 50%, #fb7575 100%);
    background-image: linear-gradient(top, #b12828 0%, #eb3f3f 50%, #ee4c4c 50%, #fb7575 100%);
}

.onoffswitch-switch {
    position: absolute;
    display: block;
    top: 1px;
    bottom: 0;
    right: 29px;
    width: 39px;
    margin: 0x;
    background: white;
    border-width: 1px;
    border-style: solid;
    border-color: #808080;
    border-radius: 12px;
    -webkit-transition: right 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
    transition: right 0.2s ease-in, box-shadow 0.2s ease-in;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa));
    background-image: -moz-linear-gradient(top, #cccccc 0%, #fafafa 100%);
    background-image: linear-gradient(top, #cccccc 0%, #fafafa 100%);
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

/**
* onoff.css end
*/

.infoscreenDesc a {
    text-decoration: none;
    color: #651FFF;
}

.nearbyTable.smallBox td {
    width: 33%;
    padding: 0 0 33% 0;
}

.smallBox .nearbyBox.fullBox > div {
    font-size: 13px;
}

.smallBox .nearbyBox.fullBox .count {
    font-size: 35px;
}

.preventScroll {
    overflow: hidden;
}

.isIos.preventScroll {
    height: 100%;
    width: 100%;
    position: fixed;
}

#infoscreenTitleContainer.hasHrIcon .resultLogo {
    display: none;
}

#infoscreenTitleContainer.hasHrIcon .resultItemTitle {
    margin-left: 0;
}

#infoscreenTitleContainer .resultLogo {
    padding-left: 0;
    padding-right: 12px;
}

#settingsPage select {
    margin-left: 8px;
    height: 25px;
}

.citybike span {
    font-weight: bold;
    font-size: 16px;
    min-width: 18px;
    display: inline-block;
    text-align: right;
    padding-right: 2px;
}

.citybike span:first-child {
    margin-left: 16px;
}

.contextCardCell .textButton {
    line-height: inherit;
    height: inherit;
}

.ccWeatherWarnBg {
    width: 100%;
    height: 180px;
    background-position: center left;
    position: relative;
    background-size: auto 180px;
    flex: 0 1 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ccWeatherWarnBg > div {
    color: white;    
    font-weight: bold;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 67%;
}

.ccWeatherWarnText {
    font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.ccWeatherWarnText > div {
    font-size: 14px;
    position: absolute;
}

.abkmImg > .abkmCImg, .abkmCImg > .abkmImg {
    display: none;
}

.textFieldIcon {
    padding: 0px 6px;
    height: 100%;
    line-height: initial;
    position: relative;
}

.textFieldIcon:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#mapStoreButton {
    position: absolute;
    bottom: 105px;
    left: 20px;
}

.ccScrollContainer {
    vertical-align: top;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 480px;
    -webkit-overflow-scrolling: touch;
}

.ccScrollList > .resultPadding {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
    background-color: white;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ccScrollList > .resultPadding:last-child {
    margin-right: 0;
}

.cCard {
    padding-top: 133%;
    background-color: rgba(22,32,137,0.8);
}

.cCard .mblRoundRect {
    flex: 1 1 auto;
    min-height: 0;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: inherit;
    height: 100%;
    overflow: hidden; /* or ads will go over blue bottom margin */
}

.cAction {
    background-color: white;
    display: flex;
    flex: 0 0 auto;
    margin-top: 5px;
    z-index: 2;
    position: relative;
}

.cAction > div {
    text-align: center;
    flex-grow: 1;
}

.cCard > div {
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    justify-content: center;
    overflow: hidden;
}

.cCard .resultItemActionContainer {
    display: none;
}

.cCard .resultItemHeader {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.cCard .resultItemHeaderContainer {    
    z-index: 2;
    position: relative;
    border-bottom: 0;
    width: 100%;
    flex-basis: 100%;
    padding: 6px 3px 12px 6px;
    box-sizing: border-box;
}

.cCard .resultItemHeaderContainer * {
    color: white;
}

.cCard .resultLogo {
    margin-right: 8px;
    background-color: white;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 48px;
    /*clip-path: circle(24px at 24px 24px);
    width: 48px;
    height: 48px;
    object-fit: cover;*/
}

.cCard .resultItemFixedContainer {
    overflow: inherit;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.cCard .resultItemNoAdLink {

}

.cCard .resultItemPlaceholderImg {
    max-height: 100%;
    /*height: 100%;
    max-width: initial;
    margin-left: 50%;
    margin-top: 50%;
    transform: translateX(-50%) translateY(-50%);*/
}

.cCard .message, .cCard .ad {
    background-color: white;    
    /* box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5); */
}

.cCard .compassImg {
    display: none;
}

.cCardIcon {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 0 !important;
    position: absolute;
    left: 12px;
    top: 9px;
}

.cCardIcon > img {
    height: 38px;
    flex: 0 0 auto;
    align-self: center;
}

.cCardIcon > span {
    font-size: 10px;
    color: #651FFF;
}

.ccNumAds {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    border-radius: 150px;
    height: 175px;
    width: 175px;
    background-color: #FA4A41;
}

.ccNumAds > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ccNumAdsNum {
    font-size: 72px;
}

.guideBubble {
    position: absolute;
    border: 3px solid #FA4A41;
    border-radius: 50px;
}

.cityBikes {
    height: 200px;
    position: relative;
}

.cityBikes .ccNumAds > div > span {
    white-space: nowrap;
    font-size: 12px;
    margin-top: -12px;
    display: block;
    margin-bottom: 12px;
}

.cityBikesGreen {
    background-color: green;
}

.cCard .cityBikesGreen {
    color: green;
    background-color: white;
    border-color: green;
    border-width: 4px;
    border-style: solid;
}

.cityBikesYellow {
    background-color: #ef870a;
}

.cCard .cityBikesYellow {
    color: #ef870a;
    background-color: white;
    border-color: #ef870a;
    border-width: 4px;
    border-style: solid;
}

.cityBikesRed {
    background-color: #e00000;
}

.cCard .cityBikesRed {
    color: #e00000;
    background-color: white;
    border-color: #e00000;
    border-width: 4px;
    border-style: solid;
}

.cityBikeSpaces {
    position: absolute;
    right: 5px;
    bottom: 3px;
    font-size: 12px;
}
.cCard .cityBikeSpaces {
    display: none;
}
.cCard .cityBikeAd {
    background-color: inherit;
    box-shadow: none;
}
.cCard .cityBikeAd .cadHeader {
    display: none;
}
.cityBikes .ccNumAds {
    top: 50%;
}
.ccNumAdsC {
    display: flex;
    flex-direction: column;
}
.cCard .ccNumAdsC .resultItemHeaderContainer {
    flex-basis: initial;
}
.ccNumAdsBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    flex-grow: 1;
}
.cCard .weatherWarnCardTitle {
    position: absolute;
    top: 0;
}
.cCard .weatherWarnCardPlaceholder {
    flex-basis: initial;
    flex: 0 0 auto;
}
.cCard .timetable {
    background-color: white;
}
.ctxLocation {
    flex-basis: 100%;
    margin-top: 10px;
}
.ctxLocation > div {
    display: flex;
    justify-content: space-between;
}
.ctxLocation #routeAddressesContainer {
    padding: 0 0 0 16px !important;
    flex-grow: 1;
}
.ctxLocation .addressContainer {
    margin-bottom: 0;
}

.ctxLocation #onRouteAddressTitle, .ctxLocation #routeTo_AddressContainer,
.ctxLocation #routeSwitchContainer, .ctxLocation #routeToAddressErrorNoAddress,
.ctxLocation #routeToAddressErrorCheckAddress {
    display: none !important;
}

.flexScrollContainer {
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch;
}