.km-ios .km-view { /*background: #ffd275;*/}/*#region header*/.km-header { height: 53px; /*border: 1px solid red;*/} .km-header .km-navbar { background: #573C89 url('/DESIGN/Themes/sprinter/mobile/images/sprinter_m.jpg') repeat-x top center; height: 53px; border: 0; /*border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/ } .km-header .km-navbar .km-view-title { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; /*height: 58px;*/ } .km-header .km-navbar .km-view-title::before { display: none; } .km-header .km-navbar .km-view-title div#div_header_logo { background: url('/DESIGN/Themes/sprinter/mobile/images/logo.png') no-repeat center center; margin: 0 auto; display: inline-block; width: 145px; height: 50px; cursor: pointer; z-index: 10000; /*outline: 1px solid green;*/ } .km-header .km-navbar .km-view-title div#div_header_logo .slogen { position: absolute; line-height: initial; top: 40px; font-size: 8.5px; font-family: "SegoePrint"; text-shadow: none; white-space: nowrap; font-weight: bold; color: #fff; left: 50%; transform: translateX(-62%); /*border:3px solid green;*/ } /*The title of the current view*/ .km-header .km-navbar .km-view-title span.view-title { display: none !important; /*display: block; margin: 0 auto 4px; max-width: 400px; line-height: 30px; vertical-align: bottom; outline: 1px solid green;*/ } .km-header .km-navbar .km-view-title div#div_header_extras { float: right; /*border: 2px solid red;*/ } .km-header .km-navbar .km-view-title div#div_header_extras div.download_app { float: right; margin-top: 3px; /*border:1px solid red;*/ } .km-header .km-navbar .km-view-title div#div_header_extras div.download_app a { /* display: block; line-height:40px;*/ /*outline: 1px solid green;*/ } /*reduce back only hte text size in buttons that are in navbar (lik the back button and the close button in the modalview*/ .km-header .km-navbar .km-view-title .km-button { background-color: #bfbfbf !important; /*background-color: red !important;*/ } .km-header .km-navbar .km-view-title .km-button .km-text { font-size: 16px !important; line-height: 20px !important; text-shadow: none; }/*i've added this code when upgraded to v2018.1.117 because it added a dispaly inline-block to the ::before whihc cause the logo and login button to fall beloow the drwar. ilan.*/.km-dialog-title:before { display: inline;}/*#endregion header*//*#region footer*/.km-footer { /*background: transparent url('/DESIGN/Themes/sprinter/mobile/images/content_bottom_bg.png') bottom right no-repeat; height: 318px;*/} .km-footer .km-tabstrip { /*background: url('/DESIGN/Themes/sprinter/mobile/images/footer_menu_bg.png') bottom center !important;*/ background-color: rgba(0, 0, 0, .6) !important; position: absolute; bottom: 0; margin: 0 auto; height: 54px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .km-footer .km-tabstrip .km-text { /*this set the text below the icon*/ font-size: 14px !important; margin: 0 auto; } .km-footer .km-tabstrip .km-button { /*width: 1.5rem !important;*/ margin: 0; /*-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;*/ /*border:1px solid red !important;*/ /*background: url('/DESIGN/Themes/sprinter/mobile/images/footer_menu_divider.png') no-repeat center right !important;*/ } .km-footer .km-tabstrip .km-button .km-icon { width: 20px; height: 20px; margin: 0 auto; font-size: 16px; /*this set the icon size itself*/ color: #fff; } .km-footer .km-tabstrip .km-button .km-text { font-size: 16px !important; text-shadow: none !important; font-family: "Helvetica nova","Helvetica" !important; color: #fff; }/*i've added this code when upgraded to v2018.1.117 because the font color of the buttons (like i'm a amember, log me in) return to black [despite the block above this line and even with !important to the color]. ilan.*/.km-ios .km-button { color: #fff !important;}.km-footer .km-tabstrip .km-state-active .km-icon,.km-footer .km-tabstrip .km-button:hover .km-icon { color: #fff !important;}.km-footer .km-tabstrip .km-state-active .km-text,.km-footer .km-tabstrip .km-button:hover .km-text { color: #fff !important;}/*#endregion footer*//*#region homepage*/.km-ios .km-view#view-home { /*background: transparent url('/DESIGN/Themes/sprinter/mobile/images/home_bg_768x10242.png') center top no-repeat;*/ background-size: cover;}@media screen and (min-width : 320px) and (max-width : 1024px) and (orientation : landscape) { /*.km-ios .km-view#view-home { background: transparent url('/DESIGN/Themes/sprinter/mobile/images/home_bg_1024x7682.png') center top no-repeat; background-size: cover; }*/}/*@media screen and (min-width : 750px) and (max-width : 1024px)and (orientation : landscape){ .km-ios .km-view#view-home { background: transparent url('/DESIGN/Themes/sprinter/mobile/images/home_bg_1024x7682.png') center top no-repeat; background-size: contain; }}*/@media screen and (min-width : 1025px) and (max-width : 1920px) and (orientation : landscape) { /*.km-ios .km-view#view-home { background: transparent url('/DESIGN/Themes/sprinter/mobile/images/home_bg_1920x14402.png') center top no-repeat; background-size: cover; }*/}/*@media screen and (min-width : 1301px) and (max-width : 1920px)and (orientation : landscape){ .km-ios .km-view#view-home { background: transparent url('/DESIGN/Themes/sprinter/mobile/images/home_bg_1920x14402.png') center top no-repeat; background-size: contain; }}*/@media screen and (min-width : 1921px) and (max-width : 2560px) and (orientation : landscape) { /*.km-ios .km-view#view-home { background: transparent url('/DESIGN/Themes/sprinter/mobile/images/home_bg_2560x19202.png') center top no-repeat; background-size: cover; }*/}.km-ios .km-view#view-home .km-header .km-navbar,.km-ios .km-view#view-home .km-header .km-navbar #toolbar,.km-ios .km-view#view-home .km-header .km-navbar #toolbar .k-overflow-anchor { /*background: none; border: 0; border-right: 0 !important;*/}.km-ios .km-view#view-home .km-content { /*background: none;*/ /*padding: 0px 0px !important;*/ padding-right: 0px !important; padding-left: 0px !important; /*padding-top:190px;*/} .km-ios .km-view#view-home div#div_header_logo, .km-ios .km-view#view-home .km-content #home_links { /*display: none;*/ }/*#endregion homepage*/.km-ios .km-content { background: #fff url('/DESIGN/Themes/sprinter/mobile/images/bg_with_carrier_small.png') no-repeat fixed top center; padding: 0px 5px 10px;}.km-view .km-content .km-list > li .km-switch .km-switch-container { background-color: #c60c46 !important;}.km-show-title:after { height: 0;}.km-text { text-shadow: none !important;}/*the content of the views*/.km-scroll-container { margin: 0 auto; max-width: 1000px; padding-top: 5px; /*height:100% !important;*/ /*border:5px solid red;*/}.km-group-container { /*background-color: yellow!important;*/}/*when there is nested ul*/.km-ios .km-listview .km-list { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; /*border: 2px solid red !important;*/}/*the LI that contain the group title*//*.km-listview li .km-text { margin: 10px 0; font-size: 22px; color: #000 !important;}*/.k-list-scroller { /*background-color:#f6ebeb;*/}a[data-role="listview-link"] { font-weight: normal;}.km-ios li.km-state-active .km-listview-link { background: #573C89 !important; color: #fff !important; /*border: 2px solid red !important;*/} .km-ios li.km-state-active .km-listview-link * { color: #fff !important; }.km-ios .km-listview-link { font-size: 20px; /*!important;*/} .km-ios .km-listview-link:active { /*background-color: green !important;*/ color: #fff; }.km-listview-link { margin: 0 !important; padding: 0 !important;} .km-listview-link:after { display: none !important; }/*the label of the li*/.km-ios .km-listview label { /*background-color: yellow !important;*/ color: #000;}.km-list li label { /*background-color: blue !important;*/ margin-left: 6px; font-size: 18px;}.km-ios .km-listview .km-list > li:last-child { /*-webkit-box-shadow: none; box-shadow: none;*/}/*put some space between items*/.km-list > li:first-child { margin-top: 5px;}.km-list > li { margin-bottom: 10px; background: #fff; /*background: none !important;*/ font-size: 16px !important; font-weight: normal !important; color: #fff; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; border: 0;} .km-list > li input[type="text"], .km-list > li input[type="password"], .km-list > li input[type="tel"], .km-list > li input[type="email"], .km-list > li textarea { display: block !important; position: relative !important; margin: 5px 0 0 !important; width: 100% !important; height: 40px; background: #fff !important; color: #000; font-size: 14px !important; } .km-list > li textarea { height: 100px; }/*force the navbar to show in the bottom for android as well*/.km-root .km-android .km-view { -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}.km-ios.km-on-blackberry .km-button .km-icon { background-image: none;}/*.km-scroll-header can be found in the schedules page, at the day header (where we show the date)*/.km-scroll-header .km-group-title { background-color: #fef4ca !important; font-size: 18px;}.km-group-title { text-indent: .2em;} .km-group-title, .km-group-title div { text-shadow: none; }/*in the reservation pages, i want all the Next Step buttons to have thier icons (>) in the right side, which we achive via jQery, but we must remove the defaule -.3 margin left that the icon have *//*Note that "km-details" is the icon we use, so if the icon is "more" we need to use km-more instead*/#btn_next2dep > span.km-icon.km-details,#btn_go2summary > span.km-icon.km-details,#btn_next2dep_schedules > span.km-icon.km-details,#btn_go2checkout > span.km-icon.km-details { margin-left: 0;}/*set all the buttons, including the Back button bg colors*/.button.km-button,.km-ios6 *:not(.km-tabstrip):not(.km-buttongroup) > .km-button.km-back { margin: 5px; display: block; background-color: #FFAC00 !important; background-image: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; line-height: 25px; font-size: 18px !important; font-weight: normal; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 0 !important;*/ border: 1px solid #fff !important;} .button.km-button.km-state-active, .button.km-button:hover, .km-ios6 *:not(.km-tabstrip):not(.km-buttongroup) > .km-button.km-back { background-color: #FFAC00 !important; }a.button.km-button:active,.km-ios6 *:not(.km-tabstrip):not(.km-buttongroup) > .km-button.km-back { background-color: #8740a1 !important;}.km-button.button.login { background-color: #FFAC00 !important;} .km-button.button.login:hover { background-color: #ff9700 !important; }.km-button.button.cancel { background-color: gray !important;}.km-button.become_member { background-color: #573C89 !important;} .km-button.become_member:hover { background-color: #8740a1 !important; }.km-button.button.schedule_detailes_btn { background-color: #2dacfe !important;} .km-button.button.schedule_detailes_btn:hover { background-color: #0fa0fe !important; }.schedule_detailes_btn_container { display: block; margin-top: 10px; border-top: 1px solid #573C89; border-bottom: 1px solid #fff;}.schedule_detailes_btn { display: block; /*background: transparent url('/DESIGN/Themes/sprinter/mobile/images/icons/arrow_down.jpg') center right no-repeat;*/ text-align: center; /*border: 1px solid red;*/}.schedule_detailes_btn { display: block; /*background: transparent url('/DESIGN/Themes/sprinter/mobile/images/icons/arrow_down.jpg') center right no-repeat;*/ text-align: center; font-weight: bold; line-height: 35px; /*border: 1px solid red;*/} .schedule_detailes_btn .arrow { border: solid #573C89; border-width: 0 4px 4px 0; display: inline-block; padding: 4px; margin-left: 7px; /*margin-bottom: 1px;*/ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .schedule_detailes_btn .arrow.down { margin-bottom: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }/*increase only hte text size in buttons*/.km-button .km-text { font-size: 18px !important;}/*overide the buttons color for the previos/next day of the search to greesn*/a.calendar_nav.km-button { /*background-color: #FFAC00 !important;*/ background-color: transparent !important; height: 46px; width: 30px; padding: 0; margin: 0; /*border:0 !important;*/ /*border: 1px solid red !important;*/} a.calendar_nav.km-button .km-next, a.calendar_nav.km-button .km-prev { height: 40px; /*width: 60px;*/ } a.calendar_nav.km-button .km-next:after, a.calendar_nav.km-button .km-prev:after { content: "\276F"; /*content: "\2771";*/ font-size: 30px !important; line-height: 40px; text-align: center; /*border: 1px solid red;*/ } a.calendar_nav.km-button .km-prev:after { content: "\276E"; /*content: "\2770";*/ } a.calendar_nav.km-button:hover { /*background-color: #0089c4 !important;*/ } a.calendar_nav.km-button:active { /*background-color: #0089c4 !important;*/ }/*keep the standard font size for the back button*/.km-ios6 *:not(.km-tabstrip):not(.km-buttongroup) > .km-button.km-back { font-size: inherit !important;}/*affect the active state of the one way/round trip selection in the reservation page*/label.km-listview-label { font-size: 20px !important; font-weight: normal;}li.km-state-active > label.km-listview-label { /*background-color: #c60c46 !important;*/}/*affect the hovering bg color of the action sheet of the member login*/.km-actionsheet-wrapper { background: rgb(255 255 255 / 80%) !important;}.km-actionsheet > li#member_action_sheet_login > a { background: #FFAC00 !important; color: #fff;} .km-actionsheet > li#member_action_sheet_login > a:active, .km-actionsheet > li#member_action_sheet_login > a:hover { background: #ff9700 !important; color: #fff; }.km-actionsheet > li#member_action_sheet_logout > a,.km-actionsheet > li#member_action_sheet_becomeMember > a { background: #573C89 !important; color: #fff;} .km-actionsheet > li#member_action_sheet_logout > a:active, .km-actionsheet > li#member_action_sheet_logout > a:hover, .km-actionsheet > li#member_action_sheet_becomeMember > a:active, .km-actionsheet > li#member_action_sheet_becomeMember > a:hover { background: #8740a1 !important; color: #fff; }.km-modalview-wrapper { background: none; border: 0; box-shadow: none; min-height: 200px; /*margin:0 auto; left:50%; right:50%; max-width:1000px;*/}.km-ios .km-modalview { background-color: #573C89 !important; /*line-height:50px;*/} .km-ios .km-modalview .km-header, .km-ios .km-popup.km-pane .km-header { background-image: linear-gradient(to bottom,rgba(255,255,255,.55),rgba(255,255,255,0.4) 100%,rgba(255,255,255,0) 75%,rgba(255,255,255,0)); } .km-ios .km-modalview .km-button { /*background-color: #054DA2 !important;*/ background: none !important; border: 0 !important; box-shadow: none; } .km-ios .km-modalview .km-button .km-text { display: none; } .km-ios .km-modalview .km-button:before { display: block; /*margin: 0px -5px 0 0;*/ padding: 0 !important; content: "x"; width: 30px; height: 30px; line-height: 25px; font-size: 30px; color: #573C89; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 3px solid #573C89; /* border: 1px solid red; */ }/*overid the header bg and height settings, to they will not apply to the modal view*/.km-modalview .km-header .km-navbar { /*background: transparent url('/DESIGN/Themes/sprinter/mobile/images/content_bg.png') repeat !important;*/ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; height: 60px;} /*overide the red color for the alert messages*/ .km-modalview .km-header .km-navbar .km-view-title span { line-height: 60px; font-size: 24px; font-weight: bold; color: #fff; }/*remove the site bg image and set the bg color to white for the modal view messages*/.km-modalview .km-content { background-image: none !important; background-color: #fff !important; min-height: 100px; color: #000 !important;} /*belong to the modal views*/ .km-modalview .km-content .km-scroll-container { margin: 0 auto; max-width: 900px; /*padding-top: 5px;*/ /*height: 100%;*/ /*border: 1px solid red;*/ } .km-modalview .km-content .km-scroll-container > div { margin: 0; padding: 0; /*height: 100%;*/ /*border: 1px solid blue;*/ }.km-switch-background { background-color: #ff6600 !important;}/*remove the default white background of widgets(it creates a white squere bg everywhere*//*i removed the transpart bg, because it caused dropdowns to be without bacjground. p.s. i don't see what was the problem i refered to in the line above*/.km-widget { /*background-color:transparent;*/}/*.km-state-active,.km-state-active a{background-color:#3c84ed !important;}*//*#region custom icons*/.km-buyAticket,.km-login,.km-mng_existing_order,.km-contact_us,.km-question,.km-reward_program,.km-service_update_menu,.km-system_security,.km-term_and_conditions { background: #000; height: 1.5em !important; width: 1.5em !important; display: none;}.km-login { background: #0395de url("/design/themes/sprinter/mobile/images/icons/member.png"); -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/member.png");}.km-buyAticket { background: #0395de url("/design/themes/sprinter/mobile/images/icons/buy_ticket.png"); -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/buy_ticket.png");}.km-mng_existing_order { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/mng_existing_order.png");}.km-contact_us { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/contact_us.png"); height: 1.2em !important;}.km-question { /*-webkit-mask-box-image: url("/DESIGN/Themes/transportation/mobile/images/icons/question_mark.png");*/ -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/faq.png"); height: 1.4em !important;}.km-reward_program { /*-webkit-mask-box-image: url("/DESIGN/Themes/transportation/mobile/images/icons/question_mark.png");*/ -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/reward_program.png"); height: 1.3em !important;}.km-service_update_menu { /*-webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/service_update.png");*/ -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/service_update.png") !important;}.km-system_security { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/system_security.png"); height: 1.6em !important;}.km-term_and_conditions { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/term_and_conditions.png"); height: 1.4em !important;}.km-root .km-pane .km-view .km-exclamation { background-size: 100% 100%; -webkit-background-clip: border-box; background-color: currentcolor;}/*.km-question:after, .km-question:before { -webkit-mask-box-image: url("/DESIGN/Themes/transportation/mobile/images/icons/question_mark.png");}.km-exclamation { -webkit-mask-box-image: url("/DESIGN/Themes/transportation/mobile/images/icons/exclamation.png");}*/.km-list span.km-icon { float: left; font-size: 22px !important;}.km-stops { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/stops.png");}.km-member { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/member.png");}/*.km-schedules { -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/schedules.png");}*/.km-tickets { background-image: url("/design/themes/sprinter/mobile/images/icons/tickets.png"); -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/icons/tickets.png"); background-color: red;}.km-service_update_button { width: 23px !important; height: 30px !important; background: url("/design/themes/sprinter/mobile/images/service_update.png") !important; -webkit-mask-box-image: url("/design/themes/sprinter/mobile/images/service_update.png") !important;}.km-schedules-e:after,.km-schedules-e:before { content: "\e089";}.km-location-e:after,.km-location-e:before { content: "\e0b4";}.km-edit-e:after,.km-edit-e:before { text-shadow: none !important; content: "\e07b"; /*"\e086"*/}.km-phone-e:after,.km-phone-e:before { text-shadow: none !important; content: "\e226";}.km-phone-e, .km-edit-e { float: none !important;}.km-checkout-e:after,.km-checkout-e:before { content: "\e037";}.km-desktop:after,.km-desktop:before { content: "\e0bd";}/*#endregion custom icons*//*#region bedges*/.km-badge { width: 15px; height: 30px; font-size: 14px;}/*#endregion bedges*//*hide the label and arrow of the "Pull to refresh" mobileListView*/.km-scroller-pull,.km-scroller-pull .km-scroller-release { display: none;}.k-widget.k-window.k-dialog.k-confirm { /*margin: 10px;*/ -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 2px solid #fff;}/*Hide the domain name title from kendo modal dialog */.k-confirm .k-window-titlebar.k-dialog-titlebar { display: none;}.k-confirm .k-button.k-primary:hover, .k-confirm .k-button:hover { border-color: #FFAC00; background-color: #FFAC00;}.k-confirm .k-button.k-primary { border-color: #0395de; background-color: #0395de;}/*region calenda*/.k-calendar .k-state-selected .k-link { border-color: #573C89; color: #fff; background-color: #573C89}.k-calendar .k-state-selected.k-state-hover .k-link, .k-calendar .k-state-selected:hover .k-link { border-color: #573C89; color: #fff; background-color: #573C89}.k-calendar .k-state-focused .k-link { /*box-shadow: inset 0 0 0 2px rgba(0,0,0,.13)*/}.k-calendar .k-state-selected.k-state-focused .k-link { /*box-shadow: inset 0 0 0 2px rgba(0,0,0,.13)*/}.k-calendar .k-footer .k-nav-today { /*color: #FFAC00;*/ color: #ff6358}/*the date picker*/.k-datepicker { min-width: 190px; /*height: 48px;*/}.k-datepicker .k-select { border-left: inherit !important; /*height:46px;*/}/*.k-calendar-background { width: 254px; height: 250px; margin: 10px auto; padding: 69px 0 0 11px; background: url('/DESIGN/Themes/transportation/dc2ny/mobile/images/calendar.png') transparent no-repeat 0 0;}*//*k-calendar is the opening div*/.k-calendar-container.k-state-border-up { margin-top:1px; padding-bottom:0; border-top:none;}.k-calendar-container .k-calendar { /*width:199px;*/}.k-calendar, .k-calendar-container { /*width: 241px;*/ /*bug fix(q1 2013): prevent the verical lines between days in the calendar*/ -webkit-transform: translateZ(0);} .k-calendar .k-content td[role="gridcell"], .k-calendar .k-content td[role="gridcell"] span { text-align: center; vertical-align:middle; font-size: 14px !important; width: 27px; height: 27px; } .k-calendar td[role="gridcell"] span , .k-calendar a.k-link{ padding:0 !important; text-align: center; font-size: 14px !important; } .k-calendar td[role="gridcell"] span { color: orange; } .k-calendar td span.k-other-month { color: red; } .k-calendar a.k-link { }/*change the combox font size of the points selection in the checkout*/div.k-popup #drpPoints_listbox.k-list .k-item { font-size: 15px !important;}#li_seats .k-dropdown-wrap, #div_put_on_hold .k-dropdown-wrap, #tr_reschedule_seats .k-dropdown-wrap { /*width: 55px;*/}/*enlarge combobox and calendar text*/ul.k-list li.k-item { font-size: 15px !important;}.k-state-border-down{ /*border-color:red !important;*/}.k-combobox, .k-input, .k-textbox { /*border-color: #000 !important;*/ display: inline-block !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}.k-combobox,.k-dropdown-wrap { /*display:inherit;*/ width: auto; /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/ /*border: 1px solid red !important;*/}.k-dropdown-wrap { /*width: 222px;*/}.k-input, .k-textbox { margin:0 !important; padding-left: 5px !important; font-size: 17px !important; height: 40px !important;}.k-select { background-color: #fff; line-height: 40px !important; width: 40px !important; border: 0 !important;}.k-i-close { margin-right:12px;}/*to solve the prblem with the disapiring of the calendar icon and dropdown arrow, we use the follwoing 2 rules (Telerik Support ID:1122382 -- Icons gone when objects are clicked)*/.k-picker-wrap.k-state-hover .k-select .k-icon,.k-picker-wrap.k-state-focused .k-select .k-icon{ color: #00ad79;}.k-dropdown-wrap.k-state-hover .k-select .k-icon,.k-dropdown-wrap.k-state-focused .k-select .k-icon { color: #00ad79;}/*.k-button:active .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-link:not(.k-state-disabled):hover>.k-i-calendar, .k-state-hover>*>.k-i-calendar, .k-state-hover>.k-i-calendar, .k-textbox:hover .k-i-calendar { background-position: -32px -144px;}.k-button:active .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-link:not(.k-state-disabled):hover>.k-i-arrow-s, .k-state-hover>*>.k-i-arrow-s, .k-state-hover>.k-i-arrow-s, .k-textbox:hover .k-i-arrow-s { background-position: 0 -96px;}*//*covid19*/.k-confirm .k-window-titlebar.k-dialog-titlebar{ display:block;/*show the covid19 confirm title*/}div#covid19Terms{ font-size:11px;}@charset "UTF-8";@font-face { font-family: 'robotolight'; src: url('/design/fonts/Roboto/Roboto-Light-webfont.woff') format('woff'); font-display: swap; font-weight: normal; font-style: normal;}@font-face { font-family: 'robotobold'; src: url('/design/fonts/Roboto/Roboto-Bold-webfont.woff') format('woff'); font-display: swap; font-weight: normal; font-style: normal;}html, body, form { margin: 0; height: 100%; width: 100%;}table, div, td, p { font-size: 14px; box-sizing: border-box;}p { margin-top: 0;}body, td, a, p, li > input, li > textarea { font-family: Roboto, "Helvetica nova", Helvetica; font-display: swap; /*font-family: "Century Gothic" !important;*/ font-size: 14px;}input { color: #000 !important;} input[disabled="disabled"] { /*color: #c60c46 !important;*/ color: gray !important; }a.link { /*color: #c60c46 !important;*/ color: #fff !important; text-decoration: underline; font-weight: bold !important;} a.link:hover { text-decoration: none; }h1, h2, h3, h4, h5, h6 { font-family: arial; font-weight: bold; color: #393c3d; font-size: 20px; padding: 2px; margin: 5px !important;}h2 { font-size: 18px;}h3 { font-size: 16px;}h4 { font-size: 15px;}h5 { font-size: 14px;}h6 { font-size: 11px;}/*a[href=""] { display: none !important;}img[src=""] { display: none !important;}*/label { font-weight: normal;}.button { text-align: center;} .button:first-of-type { /* margin: 0 0 0 1em;*/ }.ok, .error { font-size: 14px; font-weight: normal;}.ok, .green { color: green !important;}.error { color: red !important;}.invalid_schedule { display: table-cell; vertical-align: top; color: red; font-size: 14px; line-height: 20px;}#modalview-alerts-message .invalid_schedule { color: red;}/*for forms, the class of the spans with the * is 'required' which hide them at first and show them in red when they toggled via jQuery */.required { display: none; color: red;}/*push the desktop link, swat link and academy info - to the footer of the homepage*/div.footer_info { background: none !important; vertical-align: bottom; margin-bottom: 63px; font-weight: normal; /*border: 3px solid red;*/} div.footer_info div.info { margin-bottom:60px; /*border:1px solid red;*/ } div.footer_info div.info div.desktop_site { padding-top: 15px; text-align: center; /*border:1px solid red;*/ } div.footer_info div.info div.desktop_site a { font-size: 17px !important; font-weight: bold; text-decoration: none !important; } div.footer_info div.info div.created_by a, div#transportation_provided { font-size: 12px !important; text-decoration: none !important; padding: 7px; } div.footer_info div.info div.created_by a { font-size: 15px !important; color: #573C89; font-weight: bold; } div#transportation_provided, div.footer_info div.info div.desktop_site, div.footer_info div.info div.created_by { color: #fff; text-align: center; /*text-shadow: 0.5px 0.5px 2px #fff;*/ } div.footer_info div.info div.created_by { margin-top: 75px; }.km-view#view-home div#home_buttons_container { /*background-image: url(/design/themes/DcTrails/mobile/images/transparent_gray_bg.png);*/ background: rgb(87 60 137 / 0.6); margin: 5px 8px 10px; /*padding: 10px;*/ -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 2px solid #fff;}.km-view#view-home div#home_buttons_container_content { /*-webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 2px solid #fff;*/} .km-view#view-home div#home_buttons_container_content .km-listview { margin: 10px 5px; }div.div_good_greeting { padding: 10px; color: #fff; font-size: 14px; border-bottom: 2px solid #fff;} div.div_good_greeting span { }div#div_member_greeting { position: relative; margin: 0 auto; max-width: 480px; font-size: 18px; font-weight: normal; border-bottom: 0; /*border:1px solid red;*/}.km-view#view-home div#transportation_provided,.km-view#view-home div.footer_info div.info div.desktop_site,.km-view#view-home div.footer_info div.info div.created_by { color: #fff; text-shadow: none;}div.footer_info div.info div.desktop_site a:hover,div.footer_info div.info div.created_by a:hover { text-decoration: underline !important;}.mobile_homepage div.footer_info div.extra_info { /*display:none;*/ background: none; height: 20px; margin: 0; /*border: 1px solid green;*/}.mobile_homepage div.footer_info div.footer_seo { /*display:none;*/ /*border: 3px solid red;*/ margin: 50px 10px;} .mobile_homepage div.footer_info div.footer_seo div.group { padding: 5px; background: white; margin-bottom: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #000; }#view-home.mobile_homepage div.footer_info div.footer_seo div.group { max-width: 100% !important;}.mobile_homepage div.footer_info div.footer_seo div.group div.stop_locations_title { font-weight: bold; font-size: 24px; text-align: center; padding-bottom: 5px;}.mobile_homepage div.footer_info div.footer_seo div.group div.stop_locations div.name { font-weight: bold; font-size: 18px; padding: 10px;}.mobile_homepage div.footer_info div.footer_seo div.group div.latest_news_title { font-weight: bold; font-size: 24px; text-align: center; padding-bottom: 5px;}.mobile_homepage div.footer_info div.footer_seo div.group div.blog_post { padding: 10px;} .mobile_homepage div.footer_info div.footer_seo div.group div.blog_post div.title { font-weight: bold; padding-bottom: 5px; } .mobile_homepage div.footer_info div.footer_seo div.group div.blog_post div.date { padding-bottom: 5px; font-weight: bold; font-style: italic; color: dimgray; } .mobile_homepage div.footer_info div.footer_seo div.group div.blog_post div.abstract { padding-bottom: 10px; }.mobile_homepage div.footer_info div.footer_seo div.group div.general div.title { font-weight: bold; padding-bottom: 5px; font-size: 18px; text-align: center; padding-top: 10px;}.mobile_homepage div.footer_info div.footer_seo div.group div.general div.text { padding-bottom: 20px;}div.footer_info .extra_info { /*background: transparent url('/DESIGN/Themes/DcTrails/mobile/images/content_bottom_bg_dc_trails.png') bottom center no-repeat; background-size: contain;*/ height: 100px; /*width: 100%;*/}/*@media screen and (min-width : 800px) and (max-width : 1024px) { div.footer_info .extra_info { max-height: 560px; }}@media screen and (min-width : 800px) and (max-width : 900px) { div.footer_info .extra_info { max-height: 500px; }}@media screen and (min-width : 700px) and (max-width : 800px) { div.footer_info .extra_info { max-height: 440px; }}@media screen and (min-width : 600px) and (max-width : 700px) { div.footer_info .extra_info { max-height: 380px; }}@media screen and (min-width : 500px) and (max-width : 600px) { div.footer_info .extra_info { max-height: 320px; }}@media screen and (min-width : 400px) and (max-width : 500px) { div.footer_info .extra_info { max-height: 275px; }}*/@media screen and (min-width : 300px) and (max-width : 400px) { /* div.footer_info .extra_info { max-height: 235px; }*/ .button.schedule_detailes_btn, .button.clear_coupon { font-size: 16px !important; white-space: nowrap; margin: 0 auto; } .schedules_day_header { font-size: 18px !important; }}.security_info { text-align: center; color: green; padding-bottom: 10px;}/*#lbl_chk_terms, #lbl_chk_terms a { color: #fff !important; font-size: 13px !important;}*/#lbl_chk_terms { color: #fff !important; font-size: 14px !important;} #lbl_chk_terms a { font-weight: bold; /*display: block;*/ } #lbl_chk_terms a:hover { text-decoration: none; }div.pickup { font-weight: normal !important;}div.dropoff { font-weight: normal !important;}div#service_update,div#service_update > .km-text,div#service_update a#a_service_update { background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: 0 !important; /*border:1px solid yellow;*/}div#service_update { display: inline-block; float: left; margin: 15px 5px 0 0; padding: 0 !important; /*border:1px solid yellow;*/} div#service_update > .km-text { display: block; } div#service_update .km-text a#a_service_update { background: none !important; margin: 0 !important; color: red; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; /*border:1px solid red;*/ } div#service_update .km-badge { margin: 0; padding: 0; right: -0.3em; top: -0.6em; width: 26px; height: 26px; color: #fff; /*line-height:2.5em;*/ /*border-radius:0;*/ }div#news_ListView li { color: #000;}div#download_app div.title { color: white;}td#download_app_text { color: white;}div.group_simple { margin: 0 auto 15px; /*margin-bottom:15px;*/ max-width: 480px; color: #fff;} div.group_simple ul { margin: auto 6px !important; }div.group { background: rgb(87 60 137 / 0.6); margin: 0 auto 15px; /*padding-bottom:1px;*/ /*margin-bottom:15px;*/ max-width: 480px; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #fff;} div.group div.group_title { background: #573C89; padding: 10px 12px; text-align: left; color: #fff; font-size: 22px; font-weight: normal; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; border-bottom: 2px solid #fff; } div.group div.group_title_inline { margin: 20px auto 0px; text-align: center; color: #fff; font-size: 22px; font-weight: normal; } div.group h1 { padding: 0; text-align: center; color: #fff; font-size: 22px; } div.group h2 { padding: 0; text-align: left; color: #fff; font-size: 18px; }.group_btn_wide_container { padding: 0px 15px; /*border:1px solid red;*/} .group_btn_wide_container a.button { margin: 5px auto 25px; max-width: 450px; } .group_btn_wide_container a.button .km-text { font-size: 21px !important; }div.trip_record { font-weight: normal; padding: 5px 3px; color: #000; /*border:1px solid red;*/} div.trip_record .record_title { display: block; color: #FFAC00; font-size: 15px !important; font-weight: bold; margin-bottom: 5px; } div.trip_record .record_title span { display: inline-block; color: #000; font-weight: normal; } div.trip_record .status_info { position: absolute; right: -7px; color: #f7931e; margin-top: -50px; font-size: 18px !important; /*border:1px solid red;*/ } div.trip_record .status_info.top { top: 10px !important; margin-top: 0px; /*bottom:15px;*/ right: 10px !important; } div.trip_record .status_info.Active { color: green; } div.trip_record .status_info.OnHold { color: #FFAC00; } div.trip_record .status_info.Used { color: green !important; } div.trip_record .status_info.Refunded { color: #0521fb; } div.trip_record .status_info.Cancelled { color: red; }/*the title when the combo is opened*/.k-popup .hp_cmb_header { color: #573C89;}.k-popup .k-list .k-item > .k-group { background-color: #FFAC00; width: 110px; color: #000; font-size: 11px; line-height: 16px; text-transform: uppercase;} .k-popup .k-list .k-item > .k-group::before { width: 16px; height: 16px; border-width: 8px; left: -16px; border-color: #FFAC00 #FFAC00 transparent transparent; }.k-popup .k-list > .k-state-focused { box-shadow: none;}.k-popup .k-list .k-state-focused.k-state-selected,.k-popup .k-list .k-item.k-state-selected,.k-list-optionlabel.k-state-selected.k-popup .k-list > .k-state-hover { background-color: #fbf4e6; color: #573C89; border-color: #efe9fb;}div#stops_group{ display:none;/*hide the stops list div in the mobile home for sprinter (mainly to have it differ from bestbus)*/}/*#region toolbar menu*//*the icon of the menu*/#toolbar { background: none !important; border: 0 !important; float: left; /*top: -5px;*/ width: 45px; height: 53px !important; /*outline: 1px solid blue !important;*/} #toolbar > .km-button { background: none !important; background-color: transparent !important; border: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #toolbar .k-overflow-anchor { width: 50px; /*height: 80px;*/ border: 0 !important; } #toolbar .k-overflow-anchor .km-more { background: none !important; margin-top: -21px; } #toolbar .k-overflow-anchor .km-more:before, #toolbar .k-overflow-anchor .km-more:after { content: url('/DESIGN/Themes/Sprinter/mobile/images/menu_icon.png'); margin: 0; } #toolbar .k-overflow-anchor.km-button.k-state-border-down { }/*the div that wrapping the popup menu*/.k-overflow-wrapper { top: 59px !important;} .k-overflow-wrapper, .k-overflow-wrapper .km-popup-wrapper, .k-overflow-wrapper .km-popup-wrapper .km-popup { padding: 0 !important; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0 !important; } /*The UL container*/ .k-overflow-wrapper .km-group-title { background-color: #ffffff; /*border-bottom:1px solid #e5e5e5;*/ } .k-overflow-wrapper .k-overflow-button .km-text { /*font-size: 20px;*/ font-weight: normal; color: #2e3233; /*height:65px;*/ } .k-overflow-wrapper .k-overflow-button.item_button_bold .km-text { font-weight: bold !important; } .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container { width: 280px !important; height: 100% !important; max-height: 100% !important; /*opacity:1 !important;*/ } /*The only li under ul container*/ .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container .k-overflow-group { padding: 0; } .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a .km-icon { display: none; margin: 0 22px 0 0px; color: #000; border: 1px solid red; } .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a, .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a .km-text { font-size: 17px !important; font-weight: normal; color: #2e3233; } .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a { background: none; background-color: #fff; margin: 0 !important; padding: 0 0 0 20px !important; text-align: left !important; line-height: 45px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /*border: 0;*/ border-width: 0px 0 1px 0; border-style: solid; border-color: #e5e5e5; } /*when the menu is open we dont't want the seperation from the childs*/ .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a.menu_is_open { /*border: 0;*/ } /*this is the sibling element. to return the border*/ .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a.menu_is_open + div + a { border-width: 1px 0 1px 0 !important; border-style: solid; border-color: #e5e5e5; } /*the first item*/ .k-overflow-wrapper .km-popup-wrapper .km-popup .k-overflow-container a.k-group-start { border-width: 0px 0 1px 0 !important; border-style: solid; border-color: #e5e5e5; /*background:red;*/ } .k-overflow-wrapper .k-overflow-button .k-sprite { /*background-image: url("http://demos.kendoui.com/content/web/treeview/coloricons-sprite.png");*/ width: .66rem; height: 11px; content: "\a0"; display: inline-block; vertical-align: middle; /*margin-left: -0.2rem;*/ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 10px; right: 10px; margin-top: 0.32rem; border-color: #573C89; border-style: solid; border-width: 3px 3px 0 0; } .k-overflow-wrapper .km-button .k-sprite-open { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); width: .76rem; } .k-overflow-wrapper .km-list { border: 0 !important; } .k-overflow-wrapper .km-list .km-listview-link, .k-overflow-wrapper .km-list .km-listview-link km-icon { line-height: 24px !important; } .k-overflow-wrapper .km-list .km-listview-link km-icon:before, .k-overflow-wrapper .km-list .km-listview-link km-icon:after { /*display:none;*/ } .k-overflow-wrapper .km-content, .k-overflow-wrapper .km-list > li, .k-overflow-wrapper .km-listview-link > .km-icon, .k-overflow-wrapper .km-list li > .km-icon { background-color: #fff; color: #2e3233; } .k-overflow-wrapper .km-list > li { border: none; border-radius: 0 !important; } .k-overflow-wrapper .km-listview-link:after { display: none; } /*overide the css rule from the km.css, because for some reason the toolbar gets the km-actionsheet class*/ .k-overflow-wrapper .km-actionsheet > li > a:active, .k-overflow-wrapper .km-actionsheet > li > a:hover { background-color: #fff !important; } .k-overflow-wrapper .km-actionsheet > li > a:active > span.km-text, .k-overflow-wrapper .km-actionsheet > li > a:hover > span.km-text { font-weight: bold !important; }/*the sub menu of the manage existing order*/#mngExistingOrder_subMenuMembers li,#mngExistingOrder_subMenu li { margin: 0 !important; padding: 0 !important; /*border:0;*/} #mngExistingOrder_subMenuMembers li a, #mngExistingOrder_subMenu li a { margin: 0 10px 0 55px !important; font-size: 15px !important; line-height: 45px !important; /*border:0;*/ } #mngExistingOrder_subMenuMembers li a { margin: 0 5px 0 15px !important; } #mngExistingOrder_subMenuMembers li a .km-icon, #mngExistingOrder_subMenu li a .km-icon { margin: 10px 10px; } #mngExistingOrder_subMenuMembers li:last-child a, #mngExistingOrder_subMenu li:last-child a { border: 0; } /*#mngExistingOrder_subMenu li:hover, #mngExistingOrder_subMenu li:active,*/ #mngExistingOrder_subMenuMembers li:hover a, #mngExistingOrder_subMenuMembers li:active a, #mngExistingOrder_subMenu li:hover a, #mngExistingOrder_subMenu li:active a { /*background-color: #3882ed;*/ font-weight: bold !important; }/*#region bedges*/.k-overflow-wrapper .km-actionsheet .km-badge { margin: 0; padding: 0; left: 150px; /*right:10px;*/ top: 8px; width: 26px; height: 26px; font-size: 12px; color: #fff; /*line-height:2.5em;*/ /*border-radius:0;*/}/*#endregion bedges*//*#endregion toolbar menu*//*#view-info-news .km-list > li,*/#view-info-contactus .km-list > li,#view-info-terms .km-list > li,#view-info-privacy .km-list > li,#view-info-legal .km-list > li { padding: 0 !important; background-color: transparent !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0;}/*#view-info-news label,*/#view-info-contactus label,#view-info-terms label,#view-info-privacy label,#view-info-legal label { color: #fff; /*font-size:18px;*/}#view-info-news .km-list > li { /*color: #fff;*/} #view-info-news .km-list > li h2, #view-info-news .km-list > li h5 { margin-left: 0 !important; padding-left: 0 !important; } #view-info-news .km-list > li h2 { color: #FFAC00; } #view-info-news .km-list > li h5 { color: #573C89; }/*#region faq.htm*/.faqList { margin: 10px 5px; font-size: .8em;} .faqList li, .faqList p, .faqList h2 { color: #000 !important; } .faqList h2 { margin-left: 0 !important; margin-bottom: 10px !important; font-size: 22px !important; } .faqList p { margin: 5px 2px; font-weight: normal; } .faqList div.question { font-size: 18px; margin-bottom: 3px; color: #FFAC00; } .faqList div.answer { margin-bottom: 15px; font-size: 16px; } .faqList div.answer a[href] { color: #28a4e3; font-weight: 500; }/*#endregion faq.htm*//*#region news.htm*/div#news_title { text-align: center; font-size: 44px; padding-top: 10px; font-weight: normal;}/*#endregion news.htm*//*#region contact us*/div#contactus_other_resources { padding-top: 20px !important; padding-left: 15px !important; font-size: 14px; font-weight: normal; color: #fff !important;} div#contactus_other_resources a { color: #fff !important; font-weight: bold; font-size: 14px !important; }.contactus_title { margin: 10px 0; padding: 0 10px; text-align: center; font-size: 38px; font-weight: normal;}#ContactUsForm .button { display: block; background-color: #FFAC00 !important;}#div_conatctus_phone { text-align: center; padding: 15px; font-size: 14px; font-weight: normal;}#span_conatctus_phone { display: block; font-size: 16px; font-weight: bold;}#div_thanks4contactus_msg { display: none; padding: 10px; color: white;}/*#endregion contact us*/.members_title { margin-top: 15px; padding: 0 10px; text-align: center; font-size: 32px; font-weight: normal;}#memberFuture_listView .button,#memberAmountCredits_listView .button,#memberGifts_listView .button,#memberSetasCredits_listView .button { display: block; background-color: #573C89 !important;}#memberFuture_listView .reschedule_btns_container { margin-top: 20px;} #memberFuture_listView .reschedule_btns_container .button { margin: 5px 0; } #memberFuture_listView .reschedule_btns_container.OnHold .button { background-color: #FFAC00 !important; }/*#endregion res_future.htm*/div#header_member_login { float: right; margin: 15px 10px 0 0; /*color: #c60c46;*/ width: 75px; /*border: 1px solid red;*/} div#header_member_login .button { margin: 0 !important; padding: 2px !important; background: #1a9bef !important; border: 1px solid #fff !important; } div#header_member_login .km-text { color: #fff; }@media screen and (max-width : 320px) { div#header_member_login { width: 50px; font-size: 12px; /*border: 1px solid red;*/ } div#header_member_login a.km-button { padding: 6px; }}div.member_login {}ul.member_login { margin: 0;}.member_login { font-size: 16px !important; font-weight: normal !important;} .member_login li { background: none !important; font-size: 16px !important; font-weight: normal !important; color: #fff !important; margin-bottom: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; /*text-shadow:none !important;*/ border: 0 !important; } .member_login li label { color: #fff !important; }/*div.member_login div { padding:10px 18px; color:#fff; font-size:18px;}.member_login div input{ display:block; margin: 5px 0; border: 0; background: #fff; padding: 10px; width: 100%; max-width: 350px;}*/.member_login_forgot_password_container { /*padding-top:15px;*/} .member_login_forgot_password_container, .member_login_forgot_password_container a { text-align: center; color: #fff; font-size: 16px !important; font-weight: normal; } .member_login_forgot_password_container a { text-decoration: underline; }.credit_record, .gift_record { font-weight: normal;}#view-member-account_balance .km-listview { margin: 0 !important;}/*div#view-memberMyPage .km-list,div#view-memberCredits .km-list,div#view-member-account_balance .km-list{ margin:0 auto; margin-top:15px; max-width:460px;}*/div#view-memberMyPage .km-list li,div#view-memberEditAccount .km-list li,div#view-memberCredits .km-list li,div#view-member-account_balance .km-list li { background: none !important; /*color:#000;*/ padding-bottom: 0; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 0; margin-bottom: 0 !important; padding-top: 5px !important;}div#view-memberEditAccount .km-list li { padding-top: 10px !important;} div#view-memberMyPage .km-list li:after, div#view-memberEditAccount .km-list li:after, div#view-memberCredits .km-list li:after, div#view-member-account_balance .km-list li:after { display: block; content: ""; background-color: #fff; height: 2px; margin: 10px 3px 0px; } div#view-memberMyPage .km-list li:last-child:after, div#view-memberEditAccount .km-list li:last-child:after, div#view-memberCredits .km-list li:last-child:after, div#view-member-account_balance .km-list li:last-child:after { background-color: transparent; margin: 3px 0; }/*hide th arrows in the right*/div#view-memberMyPage .km-listview-link:after,div#view-memberCredits .km-listview-link:after,div#view-member-account_balance .km-listview-link:after { display: none !important;}div#view-memberMyPage .km-listview-link { background: none !important;}div#view-memberMyPage .km-state-active a { font-weight: bold;}div#view-memberMyPage .footer_info { /*display:none;*/}/*#region custom icons*/div#view-memberMyPage .km-listview.km-list li,div#view-memberCredits .km-listview.km-list li,div#view-member-account_balance .km-listview.km-list li,div#view-memberMyPage .km-listview.km-list a,div#view-memberCredits .km-listview.km-list a,div#view-member-account_balance .km-listview.km-list a { color: #fff; font-size: 20px !important;}/*.km-buyAticket,*/.km-balance,.km-credits,.km-gifts,.km-history,.km-on_hold,.km-trips { margin-right: 15px; height: 1.1em !important; width: 1.1em !important;}/*div#view-memberMyPage .km-buyAticket { background: #fff; -webkit-mask-box-image: url("/design/themes/DcTrails/mobile/images/icons/buy_ticket.png"); width: 1.1em !important; height: 1.1em !important;}*/div#view-memberMyPage .km-balance { display: none; background: url("/design/themes/DcTrails/mobile/images/icons/members/balance.png"); -webkit-mask-box-image: url("/design/themes/DcTrails/mobile/images/icons/members/balance.png"); width: 27px !important; height: 24px !important;}div#view-memberMyPage .km-credits { display: none; background: url("/design/themes/DcTrails/mobile/images/icons/members/credits.png"); -webkit-mask-box-image: url("/design/themes/DcTrails/mobile/images/icons/members/credits.png"); width: 22px !important; height: 23px !important;}div#view-memberMyPage .km-gifts { display: none; background: url("/design/themes/DcTrails/mobile/images/icons/members/gifts.png"); -webkit-mask-box-image: url("/design/themes/DcTrails/mobile/images/icons/members/gifts.png"); width: 23px !important; height: 25px !important;}div#view-memberMyPage .km-trips_history { display: none; background: url("/design/themes/DcTrails/mobile/images/icons/members/history.png"); -webkit-mask-box-image: url("/design/themes/DcTrails/mobile/images/icons/members/history.png"); width: 24px !important; height: 23px !important;}div#view-memberMyPage .km-on_hold { display: none; background: url("/design/themes/DcTrails/mobile/images/icons/members/on_hold.png"); -webkit-mask-box-image: url("/design/themes/DcTrails/mobile/images/icons/members/on_hold.png"); width: 22px !important; height: 25px !important;}/*#endregion custom icons*//*#region bedges*/#view-memberMyPage .km-listview-wrapper .km-badge,#view-member-account_balance .km-listview-wrapper .km-badge { background: none !important; background-color: transparent !important; margin: 0; padding-right: 5px; padding-left: 5px; right: 5px; width: 32px; font-size: 15px; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}#view-member-account_balance .km-listview-wrapper .km-badge { top: 9px; right: 12px; width: 90px; font-size: 15px; line-height: 30px; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}/*#endregion bedges*/a#a_edit_member_account { float: right; font-size: 22px;}#div_upgrade_text, #thank_you_4_upgrade { font-weight: normal; padding: 10px; color: #fff;}#paid_member_promo_code { height: 30px; padding-left: 5px; font-size: 14px; font-family: Helvetica, Verdana;}.no_data_found { color: #000 !important;}.member_card { margin: 10px !important;}/*#region reserve.htm*/div.member_info { /*padding: 4px;*/ margin: 0 15px; text-align: center; font-weight: normal; /*border: 1px solid red;*/} div.member_info .title { /*margin-bottom: 10px; padding: 0 10px; text-align: center; font-size: 30px; font-weight: bold;*/ display: none; } div.member_info .text { display: none; } div.member_info .button { margin: 15px 0; display: block; background-color: #FFAC00 !important; }/*div#member_login,*/div#hp_member_login { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(90, 90, 90, 0.75); z-index: 9999;} div#hp_member_login #hp_member_login_content { background-color: #fff; margin: 80px auto; padding: 10px; /*position: absolute; z-index: 1000;*/ -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 2px solid #fff; } div#hp_member_login #hp_member_login_content .member_login input { border: 1px solid #000; border-radius: 5px; padding-left: 10px; }#li_seats,li#liStopDep,li#liStopRet,#li_promo_code { margin: 10px 0; padding: 5px; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 1px solid #fff;}li#liStopDep,li#liStopRet { margin-right: 5px; margin-left: 5px;}#li_promo_code, #li_seats { /*margin:0;*/ padding-top: 0; border: 0;}li#li_seats .seats_container,li#li_seats .trip_type_container { display: inline-block; vertical-align: middle; /*border: 1px solid red;*/}li#li_seats .trip_type_container { margin-right: 10px;} li#li_seats .trip_type_container .container { display: block; position: relative; padding-left: 25px; margin-bottom: 8px; padding-top: 1px; cursor: pointer; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*border: 1px solid red;*/ } /* Hide the browser's default radio button */ li#li_seats .trip_type_container .container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ li#li_seats .trip_type_container .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ li#li_seats .trip_type_container .container:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ li#li_seats .trip_type_container .container input:checked ~ .checkmark { background-color: #ff9700; } /* Create the indicator (the dot/circle - hidden when not checked) */ li#li_seats .trip_type_container .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ li#li_seats .trip_type_container .container input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ li#li_seats .trip_type_container .container .checkmark:after { top: 5px; left: 6px; width: 7px; height: 7px; border-radius: 50%; background: white; }/*li#li_seats .trip_type_container > span { display: block; } li#li_seats .trip_type_container input[type=radio ] + label { display: inline-block; color: #fff; margin-left: -25px; padding-left: 25px; background: url('/design/themes/Sprinter/mobile/images/radio_off.png') no-repeat 0 0; line-height: 21px; } li#li_seats .trip_type_container input[type=radio]:checked + label { background: url('/design/themes/Sprinter/mobile/images/radio_on.png') no-repeat 0 0; }*//*The header of the the list of the combobox in th hompage search*/div.hp_cmb_header { text-align: center; padding: 5px; font-size: 18px; /*color:blue;*/}li#li_seats .seats_container { float: right;} li#li_seats .seats_container .k-input { width: 150px !important; }.hp_stop_container { /*display: inline-block;*/ margin: 5px 0;} /*.hp_stop_container:last-child { float:right; right:10px !important;}*/ .hp_stop_container .k-combobox { width: 100% !important; }/*li#li_seats .trip_type_container label { display: inline-block; padding: 2px; color:#fff; font-family: Arial; font-size: 13px;}*/.route_container, .promo_code_container { display: block; width: 100%; /*border: 1px solid red;*/} .route_container .k-combobox { width: 100% !important; } .promo_code_container .k-textbox { width: 100%; height: 35px; font-size: 15px; /*border: 1px solid red;*/ }/*#endregion reserve.htm*//*#region searchAll.htm*//*#view-reservations-search .km-list > li,#view-schedules .km-list > li,#view-reschedule-search .km-list > li { margin-bottom: 10px; padding:0 !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; border:2px solid #fff;}*//*#view-reservations-search .km-list > li:first-child { -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; } #view-reservations-search .km-list > li:last-child { -moz-border-radius: 0 0 5px 5px !important; -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; }*//*the date selection section*/.tbl_res_search_schedules_container { background: rgb(87 60 137 / 0.6); margin: 5px 0; padding: 10px 0; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 2px solid #fff;}#tbl_res_search_schedules,.tbl_res_search_schedules { margin: 0 auto; /*max-width: 480px;*/ width: 100%; border-spacing: 0; /*min-width: 360px;*/ /*border: 1px solid red;*/} #tbl_res_search_schedules caption, .tbl_res_search_schedules caption { color: #fff; font-size: 18px; /*border:1px solid red;*/ } #tbl_res_search_schedules tr td, .tbl_res_search_schedules tr td { /*border: 1px solid red;*/ } #tbl_res_search_schedules tr td .k-datepicker, .tbl_res_search_schedules tr td .k-datepicker { width: 100%; } #tbl_res_search_schedules tr td a.calendar_nav, .tbl_res_search_schedules tr td a.calendar_nav { display: inline-block; } #tbl_res_search_schedules tr:first-child td:first-child, #tbl_res_search_schedules tr:first-child td:last-child, .tbl_res_search_schedules tr:first-child td:first-child, .tbl_res_search_schedules tr:first-child td:last-child { width: 30px !important; text-align: center; /*border: 3px solid blue;*/ } #tbl_res_search_schedules tr:not(:first-child) td, #tbl_res_search_schedules tr:not(:first-child), .tbl_res_search_schedules tr:not(:first-child) td, .tbl_res_search_schedules tr:not(:first-child) { text-align: center; } #tbl_res_search_schedules tr:first-child td:first-child, .tbl_res_search_schedules tr:first-child td:first-child { padding-right: 5px; text-align: right !important; } #tbl_res_search_schedules tr:first-child td:last-child, .tbl_res_search_schedules tr:first-child td:last-child { padding-left: 5px; text-align: left; } #tbl_res_search_schedules td div.select_drop, .tbl_res_search_schedules td div.select_drop { text-align: center; color: #fff; font-size: 15px !important; margin: 5px auto; border: 1px solid green; }/*the LI that contain the group title*//*.reservation_schedulesList_listView.km-listview li .km-text { margin: 10px 0; font-size: 22px; color: #000 !important;}*/.reservation_schedulesList_listView { margin: 0px;} .reservation_schedulesList_listView .span_schedule_trip_time, .reservation_schedulesList_listView .span_schedule_stop_name { display: block; text-align: center; padding: 2px 5px; /*border: 1px solid red !important;*/ } .reservation_schedulesList_listView .span_schedule_trip_time { line-height: 16px; font-size: 16px; } .reservation_schedulesList_listView .span_schedule_stop_name { line-height: 12px; font-size: 12px; font-weight: normal; }#reservation_schedulesList_listView4reschedule.reservation_schedulesList_listView { margin: 0;}#reservation_schedulesList_listView li.no_data,#reservation_schedulesList_listView4reschedule li.no_data { /*color: #000 !important;*/ font-weight: bold; /*font-size: 18px;*/ text-align: center;}.reservation_schedulesList_listView li { /*color: #fff;*/ color: #573C89; font-size: 16px;}.reservation_schedulesList_listView .km-list li { padding: 0 !important; border: 2px solid #573C89 !important;}/*the data of each item(LI content)*/.reservation_schedulesList_listView div.schedule { background: #fff; /*border-bottom:3px solid red !important;*/}.reservation_schedulesList_listView div.alt_schedule { background: #f1f1f1; /*border-bottom:3px solid red !important;*/} .reservation_schedulesList_listView div.schedule table.faded, .reservation_schedulesList_listView div.alt_schedule table.faded { opacity: 0.5; } .reservation_schedulesList_listView div.schedule table, .reservation_schedulesList_listView div.alt_schedule table { /*margin-right: 20px;*/ border-spacing: 0 !important; border-collapse: collapse; width: auto; /*border: 1px solid red !important;*/ } /*general settings for all the td's*/ .reservation_schedulesList_listView div.schedule table td, .reservation_schedulesList_listView div.alt_schedule table td { /*padding-left: 5px;*/ padding: 0 !important; /*font-size: 16px !important;*/ vertical-align: middle; color: #573C89; /*border: 1px solid red !important;*/ } /*general settings for all the td's*/ .reservation_schedulesList_listView div.schedule table td.timeline_arrow_start, .reservation_schedulesList_listView div.alt_schedule table td.timeline_arrow_start { /*background: url(/design/themes/Sprinter/mobile/images/schedules/timeline_arrow_start.png) no-repeat right center; width: 5px !important; border: 1px solid red !important;*/ } .reservation_schedulesList_listView div.schedule table td.timeline_arrow_middle, .reservation_schedulesList_listView div.alt_schedule table td.timeline_arrow_middle { /*background: url(/design/themes/Sprinter/mobile/images/schedules/timeline_arrow_middle.png) repeat-x center center;*/ text-align: center; /*vertical-align: top; border: 1px solid red !important;*/ } .reservation_schedulesList_listView div.schedule table td.timeline_arrow_end, .reservation_schedulesList_listView div.alt_schedule table td.timeline_arrow_end { /*background: url(/design/themes/Sprinter/mobile/images/schedules/timeline_arrow_end.png) no-repeat left center; width: 20px !important; border: 1px solid red !important;*/ } /*.reservation_schedulesList_listView div.schedule table div.timeline_arrow, .reservation_schedulesList_listView div.alt_schedule table div.timeline_arrow { background: url(/design/themes/Sprinter/mobile/images/schedules/timeline_arrow.png) no-repeat center right; width:265px; margin-left:10px; font-size:16px; padding:0 5px; text-align:center; vertical-align: top; border: 1px solid red !important; }*/ /*.reservation_schedulesList_listView div.schedule table div.timeline_arrow { background-color: #1c6e95; } .reservation_schedulesList_listView div.alt_schedule table div.timeline_arrow { background-color: blue; }*/ .reservation_schedulesList_listView div.schedule table tr td:first-child:not([colspan="2"]), .reservation_schedulesList_listView div.alt_schedule table tr td:first-child:not([colspan="2"]) { white-space: nowrap; width: 75px; padding-left: 5px !important; } .reservation_schedulesList_listView div.schedule table tr td:last-child:not([colspan="2"]), .reservation_schedulesList_listView div.alt_schedule table tr td:last-child:not([colspan="2"]) { white-space: nowrap; width: 75px; padding-right: 5px !important; font-weight: bold; } .reservation_schedulesList_listView div.schedule div.price, .reservation_schedulesList_listView div.alt_schedule div.price { border-top: 2px solid #573C89 !important; } .reservation_schedulesList_listView div.schedule div.price, .reservation_schedulesList_listView div.alt_schedule div.price, .reservation_schedulesList_listView div.schedule div.price .coupon_disocunt, .reservation_schedulesList_listView div.alt_schedule div.price .coupon_disocunt { padding: 5px; padding-bottom: 0; color: #573C89; line-height: 18px; font-size: 16px !important; text-align: center; } .reservation_schedulesList_listView div.schedule div.price .coupon_disocunt, .reservation_schedulesList_listView div.alt_schedule div.price .coupon_disocunt { /*color: #ddd;*/ font-size: 15px !important; color: green; font-weight: bold; } .reservation_schedulesList_listView div.schedule div.price .coupon_disocunt span, .reservation_schedulesList_listView div.alt_schedule div.price .coupon_disocunt span { font-style: italic; } .reservation_schedulesList_listView div.schedule div.schedules_comments, .reservation_schedulesList_listView div.alt_schedule div.schedules_comments { padding: 5px; color: #dfdfdf; font-size: 14px; line-height: 20px; } .reservation_schedulesList_listView div.schedule .NotAvailableExplenation, .reservation_schedulesList_listView div.alt_schedule .NotAvailableExplenation { /*margin-right: 20px;*/ background: #fff; text-align: center; /*border: 1px solid red !important;*/ }.div_stops_details { display: none; margin-top: 5px; padding: 8px; padding-left: 35px; text-align: left; -moz-box-shadow: inset 0 0 20px -2px #939393; -webkit-box-shadow: inset 0 0 20px -2px #939393; box-shadow: inset 0 0 20px -2px #939393; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .div_stops_details > div:not(:last-child):after { content: ''; display: inline-block; width: 2px; height: 100%; background-color: #573C89; position: absolute; top: 10px; left: -20px; } .div_stops_details .div_stop_row { position: relative; } /*.div_stops_details > div:last-child:after { display: none !important; }*/ .div_stops_details .div_stop_row .div_stop_time, .div_stops_details .div_stop_row .div_stop_name, .div_stops_details .div_stop_row .div_stop_map, .div_stops_details .div_stop_row .div_stop_location { display: inline-block; } .div_stops_details .div_stop_row .div_stop_time, .div_stops_details .div_stop_row .div_stop_name { font-size: 16px; /*font-weight: bold;*/ } .div_stops_details .div_stop_row .div_stop_time { position: relative; font-weight: bold; /*padding-left: 40px;*/ /*width: 80px;*/ } .div_stops_details .div_stop_row .div_stop_time:before { content: ''; display: inline-block; width: 12px; height: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; border: 3px solid #573C89; height: 2px; width: 2px; position: absolute; top: 5px; left: -23px; } .div_stops_details .div_stop_row .div_stop_time.current:before { border-radius: 8px; height: 8px; width: 8px; left: -26px; background-color: #573C89; } .div_stops_details .div_stop_row .div_stop_name { padding-left: 8px; /*width: 120px;*/ } .div_stops_details .div_stop_row .div_stop_location { /*position: absolute;*/ } .div_stops_details .div_stop_row .div_stop_map { position: relative; float: right; margin-right: 10px; } .div_stops_details .div_stop_row .div_stop_map .a_stop_map { }/*.div_stops_details > .div_stop_row.the_stop_is_in_route .div_stop_time:before, .div_stops_details > .div_stop_row.the_stop_is_in_route:not(:last-child):after { background-color: #44678D; } .div_stops_details > .div_stop_row.the_stop_is_in_route_last:not(:last-child):after { background-color: #1B9FE2; }*//*#endregion searchAll.htm*//*#region passenger_info.htm*/#view-reservation_passenger_info .km-list,#view-reschedule-reservation .km-list { margin: 0;} #view-reschedule-reservation .km-list li { display: table; width: 100%; padding: 0 10px 5px; /*border:1px solid red;*/ } #view-reschedule-reservation .km-list li label { display: table-cell !important; width: 160px !important; } #view-reschedule-reservation .km-list li input { display: table-cell !important; width: 100% !important; }#view-reschedule-reservation .btn_Reschedule_container { padding: 5px;}#view-reservation_passenger_info .title { margin: 20px 10px; text-align: center; font-size: 33px; font-weight: normal;}/*#endregion passenger_info.htm*//*#region summary.htm*//*The title of the page*/#view-reservation_summary .title { margin: 15px 0; padding: 0 10px; text-align: center; font-size: 26px; font-weight: bold;}#view-reservation_summary .div_reservation_summary_buttons { /*margin: auto 12px;*/ padding: 10px 0; text-align: center; vertical-align: top; width: auto; color: #fff; /*background: #fff;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 1px solid #b1b3b8;*/}#view-reservation_summary ul.km-list {}#reservation_summary_info_roundtrip { margin-bottom: 0 !important;}#view-reservation_summary .km-list > li,#view-schedule-credit .km-list > li,#view-schedule-gift .km-list > li,#upgrade_divCCDetails .km-list > li,#div_onhold_reservaion_info .km-list > li,#view-reservation_thankYou .km-list > li,#checkout_divCCDetails .km-list > li,#checkout_divCVV .km-list > li { padding: 0 !important; background-color: transparent !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0;}#view-reservation_summary .km-list > li,#view-reservation_thankYou .km-list > li { margin-bottom: 0 !important; /*padding-right: 5px !important; padding-left: 5px !important;*/} #view-reservation_summary .km-list > li label, #view-schedule-credit .km-list > li label, #view-schedule-gift .km-list > li label, #upgrade_divCCDetails .km-list > li label, #div_onhold_reservaion_info .km-list > li label, #view-reservation_thankYou .km-list > li label, #checkout_divCCDetails .km-list > li label { /*color: #fff;*/ display: block; margin-top: 10px; }#view-step-confirm_rschedule #div_new_reservation_msg,#view-onHold-reservation #div_onhold_info { color: #fff !important; font-size: 18px;}#view-step-confirm_rschedule #div_new_reservation_msg,#view-onHold-reservation #div_onhold_info { color: #fff !important; font-size: 18px;}#view-reservation_summary div.summary_item,#view-reservation_thankYou div.summary_item { background: #fff; margin-bottom: 15px; padding: 5px !important; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; /*border:2px solid #fff;*/} /*the title of each leg*/ #view-reservation_summary div.summary_item h3, #view-reservation_thankYou div.summary_item h3 { padding: 5px !important; font-size: 18px; font-weight: bold; text-align: center; /*border:1px solid red;*/ } /*the data of each item(LI content)*/ #view-reservation_summary div.summary_item .summary_item_icons_container, #view-reservation_thankYou div.summary_item .summary_item_icons_container { padding: 0 10px; } #view-reservation_summary div.summary_item table, #view-reservation_thankYou div.summary_item table { width: 100%; /*border: 1px solid red !important;*/ } /*general settings for all the td's*/ #view-reservation_summary div.summary_item table td, #view-reservation_thankYou div.summary_item table td, #view-reservation_summary table.summary_total td { padding: 2px; font-size: 16px !important; vertical-align: top; color: #000; /*border: 1px solid red !important;*/ } #view-reservation_summary div.summary_item table tr td:first-child, #view-reservation_thankYou div.summary_item table tr td:first-child, #view-reservation_summary table.summary_total tr td:first-child { white-space: nowrap; padding-right: 10px; font-weight: normal !important; color: #FFAC00; } #view-reservation_summary div.summary_item table tr td:last-child, #view-reservation_thankYou div.summary_item table tr td:last-child, #view-reservation_summary table.summary_total tr td:last-child { width: 100%; text-align: right; font-weight: normal; }/*the data of each item(LI content)*/#view-reservation_summary table.summary_total td { font-size: 25px !important; font-weight: bold !important; color: #fff !important; /*border: 1px solid red !important;*/}#view-reservation_summary table.summary_total tr td:first-child { /*color: #fff;*/}/*#view-reservation_summary table.summary_total .km-list input, .km-list input[type=checkbox] { -webkit-appearance:checkbox; position:relative;}*//*#endregion summary.htm*//*#region checkout.htm*/.k-confirm .k-dialog-buttongroup.k-dialog-button-layout-stretched button { white-space: normal;}/*#region itinerary*/.listview_itinerary { margin-bottom: 0 !important;} .listview_itinerary > li { padding: 0 !important; background-color: transparent !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 !important; } .listview_itinerary.km-list > li { margin-bottom: 0 !important; } .listview_itinerary.km-list > li label { color: #fff; } /*the data of each item(LI content)*/ .listview_itinerary div.summary_item { background: #fff; margin-bottom: 15px; padding: 5px !important; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; /*border:2px solid #fff;*/ } /*the title of each leg*/ .listview_itinerary div.summary_item h3 { /*padding: 5px !important;*/ margin-bottom: 0 !important; font-size: 18px; font-weight: bold; text-align: center; /*border:1px solid red;*/ } /*the data of each item(LI content)*/ .listview_itinerary div.summary_item .summary_item_icons_container { padding: 0 10px; } .listview_itinerary div.summary_item table { width: 100%; /*border: 1px solid red !important;*/ } /*general settings for all the td's*/ .listview_itinerary div.summary_item table td, .listview_itinerary table.summary_total td { padding: 2px; font-size: 16px !important; vertical-align: top; color: #000; /*border: 1px solid red !important;*/ } .listview_itinerary div.summary_item table tr td:first-child, .listview_itinerary table.summary_total tr td:first-child { white-space: nowrap; padding-right: 10px; font-weight: normal !important; color: #FFAC00; } .listview_itinerary div.summary_item table tr td:last-child, .listview_itinerary table.summary_total tr td:last-child { width: 100%; text-align: right; font-weight: normal; } .listview_itinerary div.summary_item table tr td.price { } .listview_itinerary div.summary_item table tr td.price_sub_total { padding-top: 5px; padding-right: 0; font-weight: bold; border-top: 1px solid #BCBBBA; } .listview_itinerary div.summary_item table tr td.coupon_label, .listview_itinerary div.summary_item table tr td.coupon_value { /*width: 100%;*/ } .listview_itinerary div.summary_item table tr td.coupon_value { color: green; } .listview_itinerary table.summary_total { margin-bottom: 8px; width: 100%; } .listview_itinerary table.summary_total td { font-size: 18px !important; color: #fff; /*border: 1px solid red !important;*/ } .listview_itinerary table.summary_total tr:last-child td { /*font-weight: bold !important;*/ /*border: 1px solid red !important;*/ }/*#endregion itinerary*/div.div_messages { margin: 0 10px 20px; padding: 10px; text-align: center; font-weight: normal;} div.div_messages span:first-child { font-weight: bold; font-size: 22px; animation-name: div_messages_color_change; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; } /*the money value*/ div.div_messages span:not(:first-child) { font-weight: bold; font-size: 15px; color: yellow; }@-webkit-keyframes div_messages_color_change { from { color: #fff; } to { color: #e8d5d5; }}@-moz-keyframes div_messages_color_change { from { color: #fff; } to { color: #e8d5d5; }}@-ms-keyframes div_messages_color_change { from { color: #fff; } to { color: #e8d5d5; }}@-o-keyframes div_messages_color_change { from { color: #fff; } to { color: #e8d5d5; }}@keyframes div_messages_color_change { from { color: #fff; } to { color: #e8d5d5; }}#div_checkout_container #payment_method .km-text { /*margin: 15px 0 0;*/ font-size: 20px; font-weight: normal; color: #000;}#div_checkout_container > div .k-combobox { width: 100%; margin-bottom: 10px; /*border:1px solid red;*/}/*#div_checkout_container .km-listview-label { color:#000;}*/#div_checkout_container > div.member_buttons { padding: 0 10px; font-size: 20px; color: #fff; /*border:1px solid red;*/}/*#region credit card fields*/#div_checkout_container #divCreditCard { /*border: 1px solid red;*/}#div_checkout_container #checkout_divCCDetails p:first-of-type { font-size: 20px !important; font-weight: normal; margin-bottom: 8px;}#div_checkout_container #checkout_divCCDetails .k-combobox { margin: 0;} #div_checkout_container #checkout_divCCDetails .k-combobox .k-dropdown-wrap { width: 100%; padding: 0; } #div_checkout_container #checkout_divCCDetails .k-combobox .k-select { margin-top: 5px; }#div_checkout_container #checkout_divCCDetails p:first-of-type { font-size: 20px !important; font-weight: normal; margin-bottom: 8px;}#div_checkout_container #checkout_divUseSavedData .k-switch { background: none !important; border: 0 !important;}#div_checkout_container { padding-top: 20px; /*border:1px solid red !important;*/} /*#endregion credit card fields*/ /*#region checkout summary*/ #div_checkout_container div.summary { /*background: #fff;*/ margin: 15px 0; /*border: 1px solid red;*/ } #div_checkout_container div.summary div.seperator { margin: 5px 0; height: 2px !important; background-color: #fff; /*border: 1px solid red !important;*/ } #div_checkout_container div.summary table { margin: 0 10px; border-spacing: 0px; /*border: 1px solid red !important;*/ } /*general settings for all the td's*/ #div_checkout_container div.summary table td { padding: 7px 5px; font-size: 16px; vertical-align: top; font-weight: normal; /*border: 1px solid red !important;*/ } /*first td of each tr*/ #div_checkout_container div.summary table tr td:first-child:not([colspan="2"]) { white-space: nowrap; padding-right: 10px; /*font-weight: bold;*/ } #div_checkout_container div.summary table tr td:first-child label { } #div_checkout_container div.summary table tr td:last-child { width: 100%; text-align: right; font-weight: normal; padding-left: 0; } /*first tr*/ #div_checkout_container div.summary table tr:first-child td { padding-top: 17px; /*padding-bottom: 12px;*/ /*font-size: 20px !important;*/ /*font-weight: bold;*/ /*border-bottom: 2px solid #fff;*/ } /*the Total to pay*/ #div_checkout_container div.summary table tr:last-child td { font-size: 25px !important; /*border-top: 2px solid #fff;*/ } #div_checkout_container div.summary table tr.checkout_sub_total td { font-size: 18px; font-weight: bold; } #div_checkout_container div.summary table tr.checkout_sub_total span#checkout_sub_total { } #div_checkout_container div.summary table tr.discount { /*background: #FFAC00 url('/DESIGN/Themes/Sprinter/mobile/images/checkout_discount_bg.png') repeat-y top left;*/ background: #FFAC00; } #div_checkout_container div.summary table tr#tr_checkout_discount_title td { font-size: 18px !important; } /*#region reservation_additions*/ #div_checkout_container div.summary table td.td_reservation_additions_optionals_title { padding: 15px 0 0 10px !important; color: orange !important; font-size: 22px; font-weight: bold !important; text-align: left !important; /*border:1px solid red;*/ } #div_checkout_container div.summary table td.td_reservation_additions_optionals_title:first-of-type { /*border:1px solid red;*/ } #div_checkout_container div.summary table tr.trReservationAdditionalsItem td { padding-top: 0; padding-bottom: 3px; /*border:1px solid red;*/ } #div_checkout_container div.summary table td.td_reservation_additions_optionals_sub_title { padding: 0 0 5px 10px !important; /*color: #000 !important; font-size: 22px;*/ font-size: 16px; font-weight: bold !important; text-align: left !important; /*border:1px solid red;*/ } #div_checkout_container div.summary table td.td_reservation_additions_optionals_sub_title a { color: #fff; font-size: 16px; } #div_checkout_container div.summary table td img.img_additionals_item { vertical-align: text-bottom; /*border: 1px solid red;*/ } /*style the wheelchair diffrent*/ #div_checkout_container div.summary table td div.additionals_items_optional.wheelchair { display: inline-block; margin: 0 10px; vertical-align: middle; width: 100px; height: 30px; background: #ddd; border-radius: 50px; position: relative; } #div_checkout_container div.summary table td div.additionals_items_optional.wheelchair input[type=checkbox] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } #div_checkout_container div.summary table td div.additionals_items_optional.wheelchair:before { content: 'Yes'; position: absolute; top: 3px; left: 12px; height: 2px; /*color: #0196da;*/ color: #ff6600; font-size: 20px; font-weight: 500; } /*Create the label for the off position*/ #div_checkout_container div.summary table td div.additionals_items_optional.wheelchair:after { content: 'No'; position: absolute; top: 6px; left: 62px; height: 2px; color: #fff; font-size: 16px; } /*Create the pill to click*/ #div_checkout_container div.summary table td div.additionals_items_optional.wheelchair label { background-image: none; padding-left: 0; display: block; width: 45px; height: 22px; border-radius: 50px; transition: all .5s ease; cursor: pointer; position: absolute; top: 4px; z-index: 1; left: 6px; background: #fff; } /*Create the checkbox event for the label*/ #div_checkout_container div.summary table td div.additionals_items_optional.wheelchair input[type=checkbox]:checked + label { left: 50px; background: #fff; }/*make the confirmation dialog text normal*/.k-dialog.k-alert .k-dialog-content { font-weight: normal;}/*#endregion reservation_additions*/#div_checkout_container div.summary table tr td.total2pay { padding-top: 5px; padding-bottom: 15px; font-size: 18px !important; /*color: #fff;*/} #div_checkout_container div.summary table tr td.total2pay:last-child { font-weight: bold; /*color: #000;*/ }#div_checkout_container .checkout_non_refundable_wrapper { margin: 12px 7px 2px; color: #fff; font-size: 16px; font-weight: bold; text-align: center;} #div_checkout_container .checkout_non_refundable_wrapper > div.g-recaptcha { margin: 10px 0; /*border: 2px solid red;*/ } #div_checkout_container .checkout_non_refundable_wrapper > div.g-recaptcha > div { margin: 0 auto; /*border: 2px solid red;*/ }#div_checkout_container span.details, #div_checkout_container span.details a { font-size: 16px;} #div_checkout_container span.details a { text-decoration: underline; }/*#endregion checkout summary*//*td.checkout_sub_total, td.checkout_discount, td.checkout_total2pay { text-align: right; font-size: 14px !important;}*//*span#checkout_sub_total, span#checkout_discount, span#checkout_total2pay { font-weight: bold; font-size: 14px;}*//*td.checkout_sub_total, span#checkout_sub_total { color: #000;}*//*td.checkout_discount, span#checkout_discount { color: green;}*//*td.checkout_total2pay, span#checkout_total2pay { color: #c60c46; font-size: 16px !important;}*//*span#checkout_total2pay { border-top: 1px solid #c60c46;}*/#divCollegeCard ul li { list-style: none;}span.cur_pickup { /*color:green;*/}span.other_pickup { font-style: italic; color: gray;}span.cur_dropoff { /*color:green;*/}span.other_dropoff { /*font-style:italic;*/}/*#endregion checkout.htm*//*#region thankyou.htm*//*The title of the page*//*#view-reservation_thankYou .title { margin-top: 15px; padding: 0 10px; text-align: center; font-size: 26px; font-weight: bold;}#view-reservation_thankYou div#legInfo h2 { text-align: center; font-size: 22px; font-weight: bold;}#view-reservation_thankYou div#legInfo table { width: 100%;} #view-reservation_thankYou div#legInfo table td, #view-reservation_thankYou table.summary_total td { padding: 5px; font-size: 16px !important; vertical-align: top; } #view-reservation_thankYou div#legInfo table tr td:first-child { white-space: nowrap; padding-right: 10px; font-weight: bold; color: #b09568; } #view-reservation_thankYou div#legInfo table tr td:last-child { width: 100%; text-align: right; font-weight: normal; }*//*#endregion thankyou.htm*/.reservation_dropfoffs { color: #000000; font-weight: normal;}/*#region the big Buy a ticket button in the homepage*/div.buy_a_ticket { /*margin-top:200px;*/ padding-top: 13px; padding-bottom: 13px; text-align: center; vertical-align: middle;}a.buy_a_ticket { /*background-color:green !important;*/ height: 55px; width: 95%; background: none; /*url('/DESIGN/Themes/Sprinter/mobile/images/buy_ticket_bg.png') no-repeat top center !important;*/ background-color: #FFAC00 !important; /*url('/DESIGN/Themes/Sprinter/mobile/images/buy_ticket_bg.png') no-repeat top center !important;*/ box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; vertical-align: bottom;} a.buy_a_ticket:hover { background-color: #ff9700 !important; } a.buy_a_ticket, a.buy_a_ticket .km-text { color: #fff; font-size: 21px !important; /*i can't seem to push the text to the middle, only with this redicilus line heught i can*/ line-height: 55px; vertical-align: bottom; }/*#endregion the big Buy a ticket button in the homepage*//*#region View <reference path="/reschedule/steps/confirm_rschedule.htm" */#divRescheduleAdditionalsItemsForReschedule .tbl_additionals_items { width: 100%; margin: 10px 0 20px;} #divRescheduleAdditionalsItemsForReschedule .tbl_additionals_items > caption { padding-bottom: 5px; } #divRescheduleAdditionalsItemsForReschedule .tbl_additionals_items td { padding: 5px 0 5px 0; } #divRescheduleAdditionalsItemsForReschedule .tbl_additionals_items td:first-child { padding-left: 15px; } #divRescheduleAdditionalsItemsForReschedule .tbl_additionals_items td:last-child { padding-right: 15px; width: 230px !important; }/*#endregion View <reference path="/reschedule/steps/confirm_rschedule.htm" *//*#view-route .km-list > li,#view-schedules .km-list > li { margin-bottom: 0px; border-radius:0 !important;}#view-route .km-list > li:first-child,#view-schedules .km-list > li:first-child { border-radius:5px 5px 0 0 !important;}#view-route .km-list > li:last-child,#view-schedules .km-list > li:last-child { border-radius:0 0 5px 5px !important;}*/#view-route .km-list > li { background: #fff; padding: 0;} #view-route .km-list > li .div_route { padding: 10px !important; font-weight: normal; }#view-step-confirm_rschedule .km-list > li { background: #fff; padding: 0; color: #000;}#view-step-confirm_rschedule .trip_record { padding: 10px;}#view-schedule-credit .page_title,#view-schedule-gift .page_title,#view-route .page_title,#view-schedules .page_title,#view-reschedule-search .page_title,#view-step-confirm_rschedule .page_title { margin: 15px 0; text-align: center; font-size: 38px; font-weight: normal; color: #000 !important;}#view-schedules .page_title,#view-step-confirm_rschedule .page_title { font-size: 22px; font-weight: bold;}#view-reschedule-search .page_title { font-size: 28px;}/*#schedules_listView div { font-size:16px; font-weight:normal;}*/ #schedules_listView { margin-left: 0; margin-right: 0;}.schedules_day_header { /*margin: 15px 0 0;*/ background: #ffba2b; padding: 5px; text-align: center; text-shadow: none; font-size: 20px; font-weight: bold; color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #fff; display: block;}#schedules_listView tr.depart_at {}#schedules_listView tr.drops_at {} #schedules_listView tr.depart_at td, #schedules_listView tr.drops_at td { font-weight: normal !important; /*border: 1px solid red;*/ } #schedules_listView tr.depart_at td:first-child, #schedules_listView tr.drops_at td:first-child { font-weight: bold !important; } #schedules_listView tr.drops_at td { padding-top: 5px !important; /*border-top:1px solid #f1f1f1;*/ } #schedules_listView tr.drops_at td:first-child { color: #FFAC00; /*border-top:1px solid #f1f1f1;*/ }#schedules_listView tr.seat_price { display: none;}/*#schedules_listView .dropoffs { color: #000;}*//*h4.pickup, h4.dropoff, h4.price { padding-bottom:0 !important; margin-bottom:0 !important;}*/div.price_label { color: #b09568; font-weight: bold !important;}span.price { color: #000; font-weight: bold;}span.coupon { color: green;}.sold_out { font-size: 16px; font-weight: bold; color: green;}/*#region validate_schedule_info.htm*/#view-rescheduleInfo .title { padding: 10px 0; text-align: center; font-size: 22px; color: #000 !important;}#view-rescheduleInfo .button { display: block; margin: 15px; background-color: #FFAC00 !important;}/*#endregion validate_schedule_info.htm*/.busType { color: #f29f3e; font-size: 16px; font-weight: bold;}.express { color: #573C89; font-size: 14px; font-weight: normal;}.trip_time { color: #573C89; font-size: 14px; font-weight: bold;}/*#region cities for: cities.htm, stops.htm*/#view-stop-pickup .km-list { border: 0; margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}div.stops_container { /*margin: 0 5px;*/ margin-top: 20px;}/*put some space between items*/div.pickup { margin-bottom: 20px; background: #fff; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*border: 2px solid #FFAC00;*/ border: 2px solid #fff;}div.stops_container div.pickup h1 { color: #573C89;} div.stops_container div.pickup h1 a { float: right; padding: 2px; font-size: 16px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #573C89; }div.stops_container div.pickup h3 { color: #FFAC00;}/*page title*/#view-city .title,#view-stop-pickup .title { margin: 20px 10px; display: none; text-align: center; font-size: 33px; font-weight: normal;}/*containet of the items*/div.cities_container { margin: 0 auto; width: 100%; max-width: 600px; clear: both; /*padding-top: 10px;*/ position: relative; text-align: center; /*border: 3px solid yellow;*/}/*single item*/div.div_cities_item { /*background: #FFAC00;*/ background: rgb(87 60 137 / 0.25); /*background: #fbf4e6;*/ /*background: #fff;*/ display: block; /*position: relative;*/ /*padding: 25px 0;*/ height:100px; text-align: center; vertical-align: top; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #fff; /*border: 2px solid #FFAC00;*/} div.div_cities_item:not(:first-child) { margin-top: 15px; } /*div.div_cities_item { margin-top: 15px;}*/ div.div_cities_item h3 { /*position: absolute;*/ font-size: 22px; font-weight: bold; /*color: #FFAC00;*/ color: #fff; /*margin: 50px;*/ opacity: 1 !important; z-index: 50; white-space: nowrap; /*border: 1px solid red;*/ } div.div_cities_item img { /*display: block; position: relative; width: 320px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ display: none; visibility: hidden; } div.div_cities_item img:hover { opacity: 0.5; }ul.cityStops { position: absolute; z-index: 50; list-style: none; margin:0 auto; padding:0;} ul.cityStops li { color: #fff; display: inline-block; position: relative; padding: 0 10px; } ul.cityStops li:before { content: '|'; position: absolute; left: -5px; } ul.cityStops li:first-child:before { content: none; }div.div_cities_item_footer { /*background: url(/DESIGN/Themes/DcTrails/mobile/images/shadow_300px.png) no-repeat center top;*/ height: 30px; /*border:1px solid red;*/}img.stop_picture_1,img.stop_picture_2 { /*display:block; width:100%;*/ display: none;}img.stop_picture_2 {}div.stop_description,div.stop_description p { /*text-align: center;*/ margin: 0 0px 10px; padding: 0; font-size: 17px !important; /*padding-top:5px;*/}/*#endregion cities for: cities.htm, stops.htm*//*#region route.htm*//*#view-route .km-list { border: 0; box-shadow:none;} #view-route .km-list li { padding:15px; background:#fff; box-shadow:none; border:0; border-bottom:1px solid #dbdbdb; }*/#view-route .title { font-size: 20px; font-weight: bold; color: #0395de;}#view-route .from_to,#view-route .distance_label,#view-route .distance_value,#view-route .estimate_label,#view-route .estimate_value { display: block; font-size: 16px; font-weight: normal; color: #000;}#view-route .distance_label,#view-route .estimate_label { font-weight: bold; color: #b09568;}#view-route .distance_value,#view-route .estimate_value { display: inline-block;}/*#endregion route.htm*/