.pac-container:after {background-image: none !important;height: 0px;content:none !important;display:none !important;} .tblroute .tdcol_0{width: 50px;text-align: center;} .leftmenuroute table, .tblheaderroute{margin-bottom: 0px} .tblheaderroute, .tblheaderroute tr, .tblheaderroute td{border-width: 0px;} .content_title .tblroute tr td .route_number, .content_title .tblroute tr td .route_title{font-weight: 600;} .content_title .tblroute tr td .route_number{} .content_title .tblroute tr td .route_title{} .content_title .tblroute tr td{padding: 5px 0px;} .content_title .tblroute tr td:last-child{font-weight: 600;} .content_title .fa-stack-2x,span.content_title .fa-stack-2x{} .content_title .fa-stack,span.content_title .fa-stack{width:1.0em;height:1.0em;line-height:1.0em;margin-right:5px;color:#666} .icon_title,.route_number{color:#fff;z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} .cleanTable{margin:0;padding:0;width:100%;table-layout:fixed;border-spacing:0;text-align:center} .cleanTable tr{margin:0;padding:0} .cleanTable td{overflow:hidden;padding:4px!important;border-top:0 solid #DDD!important;} #plantrip, #findmyroute{display: none;position: relative;} .view_plantrip #plantrip{display:block !important;} #boxtab1, .boxtab{background-color: #f3f6fb; position: relative;color: #034ea2; padding: 10px 50px; box-sizing: border-box;} #boxtab1 label, .boxtab label{margin: 0px;height: auto;line-height: normal;display: block;} #boxtab1 label.lbl, .boxtab label.lbl{line-height: 20px;} #boxtab1 .listbbb button, .boxtab .listbbb button{margin-left: 20px;margin-right: 20px;text-align: center;} #boxtab1 input[type="text"], .boxtab input[type="text"]{border-color: #034ea2;background-color: #fff;} #boxtab1 #frmsearchplantrip > .row, .boxtab form > .row{vertical-align: middle;align-items: center;margin: 0px; padding: 0px; height: auto; line-height: normal;} #boxtab1 button, .boxtab button{text-transform: capitalize !important; padding-top: 5px !important;padding-bottom: 5px !important;} #boxtab1 .listbbb, .boxtab .listbbb{margin-top: 15px !important;} .boxtab table td{height: 50px;} #divdirections{position: absolute;z-index: 999;top: 230px;} #divdirections table{margin: 0px !important;} #divdirections table td{padding: 1px!important;} #divdirections div[jsaction="transitPanel.selectLeg"] table tbody tr > td:first-child{width:40px; display: inline-block;} img.adp-marker{width:22px;height:40px;display: block;} img.adp-marker2{width:27px;height:43px;display: block;} body .google_map_html, body .InfoContainer{font-family: Poppins;font-weight: 400;} .modal-dialog .modal-title, #info_width .modal-title{float: left; display: inline-block;} .modal-dialog .modal-title, #info_width .modal-title, #info_width .route-name{white-space: normal;} #info_width{background-color: #fff;color: #000;} #info_width .route-name{text-shadow: 1px 1px #fff, -1px 1px #fff;color: #000;line-height: normal; margin: 0px; text-transform: uppercase;} #info_width .route-name, #info_width .modal-title{font-weight: 700;} .modal-dialog button.close, #info_width button.close{ display: inline-block; float: right; position: absolute; width: auto; right: 14px; left: auto; color: #fff; font-weight: normal; opacity: 1;} #info_width table, .InfoContainer table{margin-bottom: 0px; width: 100%; table-layout: fixed;} #info_width table, #info_width table tr, #info_width table td, .InfoContainer table, .InfoContainer table tr, .InfoContainer table td{ border-width: 0px;} #info_width td{padding: 5px;} #info_width #accordionpp .panel-title , #info_width #accordionpp .panel-title .aa_title{font-weight: normal !important;text-transform: uppercase !important;} #info_width #accordionpp .panel-title{margin: 0px !important;} #info_width #accordionpp .panel_heading{position: relative;} #info_width #accordionpp .panel_heading, #info_width #accordionpp .panel_heading a, #info_width #accordionpp .panel_heading .panel-title{color: #fff !important;} #info_width #accordionpp .panel_heading .panel-title{padding: 5px 5px !important;} #info_width #accordionpp .panel-collapse, #info_width #accordionpp .panel-collapse td{color: #000 !important;} #info_width #accordionpp .panel_heading .fa:before , #info_width .tblfavoritesdirections .fa:before{padding-right: 7px;} #info_width .tblfavoritesdirections label{margin-bottom: 0px !important;} #info_width #accordionpp select{max-width: 200px; float: right;position: absolute;right: 10px;top: 5px;} .eta_maps{position: relative;display:none;margin-top: -35px;} #info_width #accordionpp .fa-sort-desc:before{/*content: "\f0da";*/} #info_width #accordionpp .selected .fa-sort-desc:before{/*content: "\f0d7";*/} #info_width #accordionpp .center{text-align: center !important;} #accordion .contentroute .list-group .icon_title{width: 100% !important;} #info_width input[type='checkbox'].icon-checkbox{display:none} #info_width input[type='checkbox'].icon-checkbox+label .unchecked{display:inline} #info_width input[type='checkbox'].icon-checkbox+label .checked{display:none} #info_width input[type='checkbox']:checked.icon-checkbox{display:none} #info_width input[type='checkbox']:checked.icon-checkbox+label .unchecked{display:none} #info_width input[type='checkbox']:checked.icon-checkbox+label .checked{display:inline} #map {position: absolute;left: 0px;width:100% !important;top: 0px;overflow-x: hidden !important;} #TripMap {position: absolute;left: 0px; width: 100%;top: 0px;} .eta_maps .gmnoprint.gm-bundled-control{top:100px !important;} body #map .gm-style-iw{width:480px!important;left:25px!important} .google_map_html #staticmap{position:relative;background-color:#fafafa;background-size:cover;background-position:center;box-shadow:inset 0 0 10px rgba(0,0,0,.2);max-width:480px;height:240px;margin:auto;text-align: center;vertical-align: middle; display: flex; justify-content: center; align-items: center;} .google_map_html #staticmap:before, .google_map_html #staticmap:after{content: "";position:absolute;top:50%;left:50%;width:18px;height:19px;margin:-9.5px 0 0 -9px;background-repeat:no-repeat;background-size:18px 18px} .google_map_html #staticmap h1{padding:80px 10px 0 10px;position:absolute;bottom:0;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1))} .google_map_html h3,.google_map_html #staticmap h1{color:#000;margin:0;width:100%;box-sizing:border-box;text-shadow:1px 1px #fff,-1px 1px #fff} .google_map_html h3{margin-bottom:10px;margin-top:10px} .google_map_html .tblinfotime{margin-left:10px;margin-right:10px} .google_map_html .timecurrent{margin:5px 0;text-transform:uppercase} .google_map_html .tblinfotime,.google_map_html .tblinfotime1{table-layout:fixed;width:100%;margin:0 auto} .google_map_html .tblinfotime{max-width:320px} .google_map_html .tblinfotime1{max-width:480px} .google_map_html .tblinfotime2{max-width:380px} .google_map_html .tdcurrenttt{width:230px} .vehicleOuter{} .vehicleInner{} .vehicle{} .vehicleOuter,.vehicleInner,.vehicle{position: absolute; top:0px;left:0px;} .vehicleOuter{} .vehicleInner{top:5px;left:7px;} .vehicle{top:10px;left:12px;} .vehicle{} .vehicleOuter, .vehicleOuter .fa, .vehicleInner, .vehicleInner .fa{ color: #034ea2 !important;} .vehicle, .vehicle .fa{color: #fff !important;} .InfoContainer{background-color:#fff} .InfoContainer{width:430px;overflow:hidden} .InfoHeader{background-repeat:no-repeat} .InfoVehicleID{line-height:25px;font-weight:bold} .InfoNextStop{font-weight:bold} .InfoStop{font-weight:bold} .InfoETA{font-weight:bold} .InfoContainer .clr{clear: both;} .InfoHeader h3, .InfoHeader h5{line-height: 42px;display: inline-block !important; float: left !important;margin: 0px !important; color: #fff;width: 50% !important; padding: 0px 5px !important;} .btnicomsmallviewmnu{position:absolute;z-index:99999;max-height:100%;overflow:auto;width:100%;-webkit-overflow-scrolling:touch;color:#0b509e!important;border:0 none #0b509e;border-radius:0;padding:0;z-index:99999;opacity:1;transform:translateX(0%);top:0;left:0;height:27px;line-height:27px;width:80px;background-color:#ecf3fa;text-transform:uppercase;text-align:center;} .box_close{position: absolute; top: 0px; right: 0px;display: inline-block;width: 25px;height: 25px; z-index: 999; line-height: 25px;} .box_close .btnclose{display: block;text-align: center;} .box_close .btnclose img{width: 15px;} .eta_maps{min-height: 1171px !important} #map,#TripMap{min-height: 1171px !important;} #comdiv_trip{position: absolute; left: 50%;margin-left: -585px;} #info_width .cleanTable td.StopPopupRouteLabel, .InfoContainer .cleanTable td.NextStopText{overflow: visible !important;} .InfoContainer .tblstopmove td, .InfoContainer .InfoVehicleID{padding-left: 10px !important;padding-right: 10px !important;} .InfoContainer .cleanTable td.NextStopText .eta-marquee , #info_width .cleanTable td.StopPopupRouteLabel .eta-marquee{white-space: normal !important; text-transform: capitalize !important;} #info_width .cleanTable td.StatusHeaderText, .InfoContainer .cleanTable td.StatusHeaderText{font-weight: bold !important;} #info_width .cleanTable td.StopPopupRouteLabel, #info_width .cleanTable td.NextStopText , .InfoContainer .cleanTable td.StopInfo , .InfoContainer .cleanTable td.NextStopText , #info_width .cleanTable td.NextStopText , #info_width .cleanTable td.StopPopupRouteLabel{text-align: left !important;} .InfoContainer .cleanTable td.NextStopText , #info_width .cleanTable td.NextStopText , #info_width .cleanTable td.StopPopupRouteLabel{vertical-align: top !important} #info_width .icon_ree{position: absolute; top: 10px;left: 10px;z-index: 999;} #info_width .cleanTable td.StopPopupRouteLabel, #info_width .tblheader td:first-child, .InfoContainer .tblstopmove td:first-child{width: 70% !important;} #info_width .cleanTable tr.trcol_3 td.StopPopupRouteLabel , #info_width .tblheader tr.trcol_3 td:first-child{width: 50% !important;} form[name="frmfindmyroute"] table{margin-bottom: 0px;width: 100%; table-layout: fixed;} form[name="frmfindmyroute"] table, form[name="frmfindmyroute"] table tr, form[name="frmfindmyroute"] table td{border-width: 0px;} .filtersearchby{display: none;} form[name="frmfindmyroute"] .no_pad_lr{padding-left: 0px;padding-right: 0px;} .routeoptions_meu{position:absolute;z-index:9;width:100%;top:40px;left:0;display:none;background-color:#fff;border:1px solid #034ea2} .routeoptions_meu div{padding:0 5px} .routeoptions_meu div.selected,.routeoptions_meu div:hover{background-color:#034ea2;color:#fff} .routemenuoptions{display:none} .routemenuoptions select{background-color:#fff!important;background-image:none!important;width:100%!important;margin:0!important;border-width:0!important;padding:0!important} .routemenuoptions select{font-weight:700;color:#034ea2} .routemenuoptions select option,.routeoptions_meu div{font-weight:normal} .routemenuoptions{display:inline-block;position:relative} .routemenuoptions,.routemenuoptions .caa{height:40px;line-height:40px} .routemenuoptions select{height:38px;line-height:38px} .routemenuoptions .caa{display:block;padding:0;background-color:#fff;border:1px solid #034ea2;line-height:normal} .routemenuoptions .caa span.selected{display:block} .routemenuoptions .click_top,.routemenuoptions .click_down{display:block;line-height:20px;height:20px;position:absolute;right:0;left:auto;width:100%;text-align:right;z-index:1} .routemenuoptions .click_top{top:0;bottom:auto} .routemenuoptions .click_down{top:20px;bottom:auto} .routemenuoptions .click_top .fa:before{top:2px;bottom:auto;z-index:9} .routemenuoptions .click_down .fa:before{top:-2px;bottom:auto;z-index:9} .routemenuoptions .click_top .fa,.routemenuoptions .click_down .fa{display:block} .routemenuoptions .click_top .fa:before,.routemenuoptions .click_down .fa:before,.routemenuoptions .click_top .fa,.routemenuoptions .click_down .fa{line-height:20px;height:20px} .routemenuoptions .click_top .fa:before,.routemenuoptions .click_down .fa:before{right:-7.5px;left:0;position:absolute} .routemenuoptions .divselect table{margin-bottom:0!important;margin-top:0!important} .routemenuoptions .divselect table td{padding-top:0!important;padding-bottom:0!important} .routemenuoptions .divselect .content_title .tblroute tr td{height:auto!important;padding-top:0!important;padding-bottom:0!important} .routemenuoptions .divselect{height:32px!important;overflow:hidden} .routemenuoptions .divselect .content_title{padding-top:5px;height:35px} .routemenuoptions span.selected{display:block} .autocomplete{position:relative;display:inline-block;width:100%} .autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:0;border-top:0;z-index:99;top:100%;left:0;right:0;width:100%} .autocomplete-items div{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4;text-align:left} .autocomplete-items div:hover{background-color:#034ea2;color:#fff} .autocomplete-active{background-color:#034ea2!important;color:#fff} .autocomplete-items div span{display: block;} .autocomplete-items div span.s1{text-transform: capitalize !important;} .autocomplete-items div span.s2{} .autocomplete-items div span.s3{} .autocomplete-items div span.s4{} .route_each{position: relative; padding-left: 25px;} #frmfindmyroute input[type="text"]{height: 40px;} .table_result .real_header{font-weight: 400;} .btn_bgreal:hover span{cursor: pointer!important;} #accordionThree table.tblfilterchoose{table-layout: fixed; max-width: 100%; width: 100%;} #accordionThree table.tblfilterchoose td:first-child{text-align: left !important;width: 80% !important; padding-left: 10px !important;} #accordionThree table.tblfilterchoose td:last-child{padding-right: 10px !important;} #info_width #accordionpp #accordionThree table.tblfilterchoose td{color: #fff !important;} #mylocationroute{right: 10px !important;top: 210px !important;/*position: fixed !important;*/z-index: 9999 !important;} img.vert-move { animation-name: mover; animation-duration: 700ms; animation-iteration-count: infinite; } @-webkit-keyframes mover { 0% { -webkit-transform: translate3d(0px,0px,0); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: translate3d(0px,-20px,0); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: translate3d(0px,0px,0); -webkit-animation-timing-function: ease-out; } } @keyframes mover { 0% { -webkit-transform: translate3d(0px,0px,0); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: translate3d(0px,-20px,0); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: translate3d(0px,0px,0); -webkit-animation-timing-function: ease-out; } } .StopMarker{height:13px;width:13px;border-color:#fff !important;border-style:solid;border-width:1px !important;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%} @media (min-width: 767px) { #divdirections{width:500px;max-height:500px;overflow-y:auto;background-color:#fff;display:none;float:left;padding:8px;border:1px solid #a92b3e;border-radius:10px;margin:10px 0 0 10px} /*.StopMarker{height:11px;width:11px;border-style:solid;border-width:2px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}*/ #StopIcon{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;height:14px;width:14px} #info_width{max-width:480px} #myMoreReal{max-width:482px;padding-right: 0px !important;} #myMoreReal .modal-dialog{margin: 0px; padding: 0px;} #myMoreReal .close{position: absolute;top: 0px; right: 5px; z-index: 999; opacity: 1;} #mylocation{top:81px !important;right:10px !important;} } @media (max-width: 767px) { #divdirections{width:200px;height:250px;max-height:500px;max-width:300px;overflow:auto;background-color:#fff;display:none;float:left;padding:5px;border:1px solid #a92b3e;border-radius:10px;margin:60px 0 0 10px} /*.StopMarker{height:13px;width:13px;border-color:#fff !important;border-style:solid;border-width:1px !important;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}*/ #StopIcon{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;height:14px;width:14px} #etamappage #boxmap{margin-left: 0px !important;} #etamappage #boxmap,#etamappage #scroolleft{float: none !important;} #eta_maps{margin-top: 0px !important;height: 100% !important;} #map,#TripMap{} .eta_maps{min-height: 100% !important} #map,#TripMap{min-height: 100% !important;} #info_width #accordionpp select{max-width: 150px;top: 2px;} .eta_maps .gmnoprint.gm-bundled-control, #boxmapsinglemobile .gmnoprint.gm-bundled-control{top:15px !important;} #mylocationroute{top: 120px !important;} } @media (max-width: 480px) { .google_map_html .tblinfotime1{max-width: 100% !important;} #info_width .tblfavoritesdirections td{display: block !important;width: 100% !important;} }