.container-fluid {background-color:#FFFFFF !important;}
.container{width: /*1140px*/ 1250px !important;}
.page-content{padding:0 !important;}
#SecRouteTimetable{padding: 0 80px 20px 80px !important;background-color:#F7F7F7 !important;}
#SecRouteTimetable > div{width:1140px !important;margin:0 auto !important;background-color:#F7F7F7 !important;}
#SecStopInfo{padding: 20px 80px !important;background-color:#FFFFFF !important;}
#SecStopInfo > div{width:1140px !important;margin:0 auto !important;background-color:#FFFFFF !important;}
#SecFareFinder{width:1320px !important;margin:0 auto !important;background-color:#FFFFFF !important;box-shadow: 0 0 18px rgb(0 0 0 / 15%) !important;}
#SecFareFinderNotes{width:1320px !important;margin:0 auto !important;background-color:#FFFFFF !important;background-color: #FFFFFF !important;padding-top: 15px !important;padding-bottom: 15px !important; box-shadow: 0 0 18px rgb(0 0 0 / 15%) !important;margin-top: -6px !important;padding: 20px 75px !important;}
/*#SecFareFinderNotes > div{padding:0 !important;}*/

#DivIframeTT{width:/*1300px*/100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
#SecViewInfoHeader{padding: 20px 80px !important;display:none !important}
#SecRouteSelection{width:1300px !important;margin:0 auto !important;}
#SecRouteSelection>div>div.portlet{margin:12px 0 12px 0 !important;}

.bg-grey-mint {/*box-shadow: 0 0 18px rgb(0 0 0 / 15%);*/background: #FFFFFF !important;color: #505050 !important;}
.TextWhite {color: #505050 !important;}
.form-group:first-of-type > label {/*margin-top: 7px !important;*/margin-bottom: 0 !important;}
.CustPaddingTT {padding: 15px 32px 10px 32px!important;}
/*#DivViewTimeTable > label{background-color: #221D79 !important; color: #FFFFFF !important; margin-bottom:0 !important;}
#DivViewTimeTable > label > i{margin-top:0 !important;}
#DivViewStopInfo > label{background-color: #221D79 !important; color: #FFFFFF !important; margin-bottom:0 !important;}
#DivViewStopInfo > label > i{margin-top:0 !important;}
#DivSecFareFinder > label{background-color: #221D79 !important; color: #FFFFFF !important; margin-bottom:0 !important;}
#DivSecFareFinder > label > i{margin-top:0 !important;}*/

/*#DivViewTimeTable{padding:0 !important;}
#DivViewTimeTable > label{color: #221D79 !important;margin: 0 !important;text-transform: capitalize !important;padding: 8px !important; text-decoration:underline !important;}
#DivViewTimeTable > label > i{margin-top:0 !important;display:none !important;}
#DivViewStopInfo{padding:0 !important;}
#DivViewStopInfo > label{color: #221D79 !important;margin: 0 !important;text-transform: capitalize !important;padding: 8px !important; text-decoration:underline !important;}
#DivViewStopInfo > label > i{margin-top:0 !important;display:none !important;}
#DivSecFareFinder{padding:0 !important;}
#DivSecFareFinder > label{color: #221D79 !important;margin: 0 !important;text-transform: capitalize !important;padding: 8px !important; text-decoration:underline !important;}
#DivSecFareFinder > label > i{margin-top:0 !important;display:none !important;}*/

#LblViewInfoWexford{font-size: 20px;text-align: right;margin-top: 8px;color: #221d79;font-family: Gibson, serif;font-weight:500;padding:0;}
#LblViewInfoWexford > span.SpnLblTitle {text-decoration: underline !important; cursor:pointer;}
#LblViewInfoWexford > span.SpnLineTT {color: #FF6D00 !important;}

#SecRouteTimetable > div:first-child > div > label{color: #FF6D00 !important;}
.control-label{padding-top: 8px !important;}

.ActiveWizard{background-color: #221D79 !important;padding: 10px !important;color: #ffffff !important;text-align: center !important;border: 1px solid #221D79 !important;min-height: 65px !important;max-height: 65px !important;font-family:Gibson, serif;}
.ActiveWizard > label{font-size: 22px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -24%) !important;transform: translate(-50%, -24%) !important;width: 100%;overflow: hidden;font-weight:600;}
/*.ActiveWizard.Step1:before{top: 100% !important;left: 43% !important;border: solid transparent !important;content: " " !important;height: 0 !important;width: 0 !important;position: absolute !important;pointer-events: none !important;}
.ActiveWizard.Step1:before{border-top-color: #221D79 !important;border-width: 20px !important;}*/
.ActiveWizard.Step1::before {border-radius: 50%;top: 81% !important;left: 45% !important;background-color: #FF6D00 !important;height: 26px !important;width: 26px !important;position: absolute !important;pointer-events: none !important;font-size: 18px;line-height:0;border: none;}
.ActiveWizard.Step1::after {content: "\f077" !important;font-family: FontAwesome !important;bottom: 0 !important;left: 46.5% !important;position: absolute !important;font-size: 15px;line-height: 0;}

.InActiveWizard{background-color: #FFFFFF;padding: 10px !important;color: #221D79 !important;text-align: center !important;border: 1px solid /*#9AD5FA*/#FFFFFF !important;min-height: 65px !important;max-height: 65px !important;font-family:Gibson, serif;}
.InActiveWizard > label{font-size: 22px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -24%) !important;transform: translate(-50%, -24%) !important;width: 100%;overflow: hidden;font-weight:600;}
.InActiveWizard.Step1::before {border-radius: 50% !important;top: 80% !important;left: 45% !important;background-color: #FF6D00 !important; height: 26px !important; width: 26px !important;position: absolute !important;pointer-events: none !important;font-size: 18px;line-height:0;border: none;content:" " !important;}
.InActiveWizard.Step1::after {color: #FFFFFF !important;content: "\f078" !important;font-family: FontAwesome !important;bottom: 0 !important;left: 46.5% !important;position: absolute !important;font-size: 15px;line-height: 0;}

#spnRouteLine1{color:#FF6D00 !important;font-family: Gibson, serif;font-size:24px !important;}
#spnRouteLine2{color: #4A4949 !important;font-family: Gibson, serif;font-size:18px !important;}
#spnSpecialLine2{color: #4A4949 !important;font-family: Gibson, serif;font-size:18px !important;margin-bottom:0 !important;}

#DivChildTitle > div:nth-child(2){padding:0 15px 0 15px !important;}

#tblRouteTTName > tbody > tr > td, .grvJourneyTime > tbody > tr > td{vertical-align:bottom !important;}
#tblRouteTTName > tbody > tr > td:first-child{padding-right:0 !important;text-align:right !important;color: #FF6D00 !important;}
.wb-awards{margin-top: 0 !important;}
/*START - FOR TOP & BOTTOM SCROLLBAR IN TIMETABLE PAGE*/
.div1{height: 0 !important;}
.div3{height: 0 !important;}
.wrapper1{width: auto;overflow-x: scroll;overflow-y: hidden;}
.wrapper1::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
.wrapper1::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
.wrapper1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5  !important;border: 1px solid #4A4949 !important;}
.wrapper1::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
.wrapper1::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
.wrapper1::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
.wrapper2{width: auto;overflow-x: scroll;overflow-y: hidden;}
.wrapper2::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
.wrapper2::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
.wrapper2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5  !important;border: 1px solid #4A4949 !important;}
.wrapper2::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
.wrapper2::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
.wrapper2::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
.wrapper3{width: auto;overflow-x: scroll;overflow-y: hidden;}
.wrapper3::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
.wrapper3::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
.wrapper3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
.wrapper3::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
.wrapper3::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
.wrapper3::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
.wrapper4{width: auto;overflow-x: scroll;overflow-y: hidden;}
.wrapper4::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
.wrapper4::-webkit-scrollbar-thumb{-webkit-border-radius: 50px;border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
.wrapper4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-webkit-border-radius: 10px;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
.wrapper4::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
.wrapper4::-moz-scrollbar-thumb{-webkit-border-radius: 50px;border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
.wrapper4::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-webkit-border-radius: 10px;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
/*END - FOR TOP & BOTTOM SCROLLBAR IN TIMETABLE PAGE*/

#btnPrintTicket, #btnPDFTicket{background-color: #FF6D00 !important; color: #ffffff !important;}
#SecStopInfo > div > div:first-child > div > label{color: #FF6D00 !important;}
#spnNorthStopInfoTitle1, #spnSouthStopInfoTitle2{color: #221D79 !important; font-weight: 600 !important;}
#StopInfoNorth > div:nth-child(2) > h4, #StopInfoSouth > div:nth-child(2) > h4{color: #221D79 !important; font-weight: 400 !important; margin-top:4px !important; margin-bottom:20px !important;padding:0 !important;}
.CircleWhite {width: 15px;height: 15px;border-radius: 50%;border: 2px solid #221D79;background-color: #FFFFFF;margin-top: 5px;float: left;}
#divChildNorthbound > span > span:nth-child(2), #divChildSouthbound > span > span:nth-child(2){color: #221D79 !important;}
#divChildNorthbound > span, #divChildSouthbound > span{line-height:1.7 !important;}
.Line {border-right: 3px solid #221D79;left: 21px;position: absolute;top: 6px;width: 1px;}
#TblTimeTableCode{margin-bottom:18px !important;font-family:Gibson, serif !important;}
#TblTimeTableCode > label{color: #4A4949 !important;font-size:14px !important;font-family:Gibson, serif !important;padding:0 !important;}

/*#TblTimeTableCode > label:not(:last-child) > span > strong.WBOrangeClr{color: #4A4949 !important;font-weight: 600 !important;}*/
#TblTimeTableCode > label > span > strong.WBOrangeClr{color: #4A4949 !important;font-weight: 600 !important;}
.grvJourneyTime tr:first-child td {max-width: 100px;white-space: nowrap !important;}

#DivUserDetails > div:first-child > label{color: #FFFFFF !important;}
.DrpJrnyRoute > button.btn{font-size:18px !important;}
.DrpJrnyRoute > div.dropdown-menu{font-size:18px}
.bootstrap-select.btn-group .dropdown-menu.inner{font-size:18px !important;font-family:Gibson, serif !important;}
.bootstrap-select.btn-group .dropdown-menu li a span.text {font-size: 18px !important;font-family: Gibson, serif !important;font-weight:400;}
.page-container > .page-content-wrapper:first-child{display:none;}
#SecRouteTimetable > div > div:first-child{margin-top:0 !important; margin-bottom:20px !important;}
#SecRouteTimetable > div > div:first-child > div:first-child{padding: 0 !important;}
#SecRouteTimetable > div > div:first-child > div:first-child > label.control-label{font-size:28px !important;color: #221D79 !important;font-family:Gibson, serif;font-weight:700;}
#DivSubtitle > div{padding:0 !important;}
#DivSubtitle > div > label.control-label{margin-bottom:0 !important;}
#DivRouteLine2{margin-top:0 !important;}
#DivRouteLine2 > div{padding:0 !important;}
#DivSpecialLine2{margin-top:0 !important;}
#DivSpecialLine2 > div{padding:0 !important;}

.ScrollAcrossBottom{font-size:15px !important;color: #4A4949 !important;font-family: Gibson, serif;font-weight:400 !important;}
#TblChildTimeTable > div > div.table-responsive {font-weight: 400 !important;}
.wrapper4 > div > table > tbody > tr:first-child{font-weight:600 !important;}
.wrapper4 > div > table > tbody > tr:first-child > td {color: #4A4949 !important;font-family: Gibson, serif;font-size: 18px;}
#divTimeTableRight > table, #divTimeTableLeft > table{color: #4A4949 !important;font-family: Gibson, serif;font-size: 18px !important;}
.div1 > table, .div3 > table{color: #4A4949 !important;font-family: Gibson, serif;font-size: 14px !important;}
.div1 > table > tbody > tr > td, .div3 > table > tbody > tr > td{font-size: 14px !important;font-family: Gibson, serif;font-weight:400;}
#divTimeTableRight > table > tbody > tr > td, #divTimeTableLeft > table > tbody > tr > td{font-size: 14px !important;font-family: Gibson, serif;font-weight:400;}
/*#tblRouteTTName > tbody > tr > td{font-size: 18px !important;}*/
#divPrintPDF{margin-top:0 !important;}
#divPrintPDF > div{padding:0 !important;}
#btnPrintTicket{letter-spacing: 0 !important;min-height:44px !important;min-width: 200px !important;width: 200px !important;font-size: 21px !important;font-weight: 600 !important;padding: 10px 15px !important;text-align:center !important;border-radius:4px !important;margin-right: 10px !important;font-family: Gibson, serif;line-height: 1;}
#btnPrintTicket:hover{background: #b34c00 !important;}
#btnPrintTicket > i{display:none !important;}
#btnPrintTicket > span{float: left;margin-right: 0 !important;}
#btnPrintTicket > span >i {vertical-align:middle !important;}
#btnPDFTicket{letter-spacing: 0 !important;min-height:44px !important;min-width: 200px !important;width: 200px !important;font-size: 21px !important;font-weight: 600 !important;padding: 10px 15px !important;text-align:center !important;border-radius:4px !important;font-family: Gibson, serif;line-height: 1;}
#btnPDFTicket:hover{background: #b34c00 !important;}
#btnPDFTicket > i{display:none !important;}
#btnPDFTicket > span{float: left;margin-right: 0 !important;}
#btnPDFTicket > span >i {vertical-align:middle !important;}
#SecStopInfo > div > div:first-child{margin-top:30px !important; margin-bottom:30px !important;}
#SecStopInfo > div > div:first-child > div{padding:0 !important;}
#SecStopInfo > div > div:first-child > div > label.control-label{margin-top:0 !important; margin-bottom: 0 !important; padding-top:0 !important;color: #221D79 !important;font-family:Gibson, serif;font-size:28px !important;font-weight:700;}
#SecStopInfo > div > div:nth-child(2) > div{padding:0 !important;}
#spnNorthStopInfoTitle1{color: #4A4949 !important;font-size: 24px !important;font-family:Gibson, serif;font-weight: 600 !important;}
#spnStopInfoSubTitle1{color: #4A4949 !important;font-size: 15px !important;font-family:Gibson, serif;font-weight:400;}
#divChildNorthbound > span.Line{border-right: 3px solid #4A4949 !important;left: 6px !important;}
#divChildNorthbound > span > span:nth-child(1){border: 2px solid #4A4949 !important;}
#divChildNorthbound > span > span:nth-child(2){color: #4A4949 !important;font-family: Gibson, serif;font-size:16px !important;}
#divParentNorthbound{padding: 0 !important;}
#StopInfoNorth > div:first-child > h1{padding:0 !important;}
.BGWizard {background-color: /*#f7f7f7*/#FFFFFF !important;}
#spnSouthStopInfoTitle2{color: #4A4949 !important;font-size: 24px !important;font-family:Gibson, serif;font-weight: 600 !important;}
#spnStopInfoSubTitle2{color: #4A4949 !important;font-size: 15px !important;font-family:Gibson, serif;font-weight:400;}
#divChildSouthbound > span.Line{border-right: 3px solid #4A4949 !important;left: 6px !important;}
#divChildSouthbound > span > span:nth-child(1){border: 2px solid #4A4949 !important;}
#divChildSouthbound > span > span:nth-child(2){color: #4A4949 !important;font-family: Gibson, serif;font-size:16px !important;}
#divParentSouthbound{padding: 0 !important;}
#StopInfoSouth > div:first-child > h1{padding:0 !important;}
.BGPurple {background-color: #FFFFFF !important;}
#spnFareFinderNotes > ul{color: #4A4949 !important;font-size:14px !important;font-family:Gibson, serif !important;}
.page-content-inner > div > div > div.light{padding: 15.6px 80px !important;}

#SecViewInfoHeaderWexford{display:block !important;}
#DivWexfordBookTkt{display:block !important;cursor:pointer !important;}
#DivWexfordBookTkt > div > div > div > div.bg-grey-mint{background-color: #221D79 !important;border-radius: 0 !important;margin-bottom:0 !important;}
.ClsBookTktWB{cursor:pointer !important; margin-top: 0 !important;padding-top: 0 !important;text-align: center !important;color: #FFFFFF !important;font-family:Gibson, serif;font-size:21px !important; font-weight:600 !important;}
/*.SpnBtnBookTktArrow{width: 26px;height: 26px;background-color: #FF6D00;position: absolute;left: 49%;bottom: -30px;border-radius: 50%;cursor:pointer;z-index:1 !important;}*/

.SpnBtnBookTktArrow {  width: 26px;  height: 26px;  background-color: #FF6D00;  position: absolute;  left: 50%;bottom: 0;  border-radius: 50%;  cursor: pointer;  z-index: 1 !important;  -webkit-transform: translateX(-50%) translateY(50%);transform: translateX(-50%) translateY(108%);  align-items: center;  display: flex;  align-items: center;  text-align: center;z-index:1 !important;}
.SpnBtnBookTktArrow > i{font-size: 15px;color: #FFFFFF;/*padding-top: 4.8px;margin-left: 6.4px !important;*/-moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; transition: all 300ms linear;transform: translateX(35%) translateY(-5%);}
.SpnBtnBookTktArrow > i.down{transform: translateX(35%) translateY(10%) rotate(180deg);}
.SpnBtnBookTktArrow > i::before {content: "\f077" !important;}

.rotate {transform: rotate(-180deg);transition: .3s;line-height:1.9 !important;}
.rotate2 {transform: rotate(0deg);transition: .3s;line-height:1.3 !important;}

.SpnIcons {width: 22px;position: absolute;left: 10px;top: 2px !important;z-index:11;}
.SpnIcons > img {padding-top:7px !important;}
.DrpJrnyRoute.bootstrap-select{margin-bottom: 8px !important;}
.DrpJrnyRoute.bootstrap-select>.dropdown-toggle{background-color:#F2F2F2 !important;border:1px solid #F2F2F2 !important; padding-left:38px;font-family:Gibson, serif;}
.DrpJrnyRoute.bootstrap-select>.dropdown-toggle:hover{background-color:#F2F2F2 !important;border:1px solid #F2F2F2 !important; padding-left:38px;}
.DrpJrnyRoute .dropdown-toggle span{color:#4A4949 !important;}
.bootstrap-select.btn-group .dropdown-toggle .caret {display: inline-block !important;font-size: 20px;top: 40%;}
.bootstrap-select.btn-group .dropdown-toggle .caret:before{content:' '; display:none !important;}
.bootstrap-select.btn-group .dropdown-toggle span:nth-child(2) {content:' ';display: inline-block !important;background-image: url(/Resources/WexfordBus/DownArrow.svg);background-position: calc(100% - 15px) 50%;background-repeat: no-repeat;background-size: 14px 7px;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 30px;padding: 0 20px;right:-2px;}

.DivChngTktWB{background-color: #ffffff; margin-top: -12px; margin-bottom:30px;}
#DivIfrmChngTkt{background-color: #FFFFFF; top: -10px; padding: 0;}
#DivIfrmChngTkt > label {color: #221D79 !important;text-decoration: underline;font-size: 20px !important;font-weight: 500;margin-bottom: 0 !important;background-color: #f2f2f2;padding: 14px 10px !important;cursor:pointer;/*margin-top: -10px;*/}
#DivIfrmChngTkt > label > a{color: #221D79 !important;font-family: Gibson, serif;font-size: 20px;font-weight:500;}
.dropdown-menu>li>a{font-weight:400!important;font-family:Gibson, serif;padding: 6px 15px !important;}
#spnSpecialLine2{padding-top:0 !important;}
#tblRouteTTName > tbody > tr > td,u{text-decoration:none;}
#MainBody > div:nth-child(2).container-fluid > div > div:first-child.row > div > div.portlet > div > div:first-child > div > div > div.form-group > label.control-label{font-family:Gibson, serif;font-size: 20px !important;font-weight:500;}
#SecFareFinderNotes{/*margin-top:-40px !important;*/margin-bottom:40px !important;padding-top:0 !important;}
.div1 > table > tbody > tr, .div2 > table > tbody > tr, .div3 > table > tbody > tr, .div4 > table > tbody > tr{height:38px !important;}
.evenTd {background-color: #FFFFFF !important;}
.WBOrangeClr{color:#FF6D00 !important;}

.oddTd {background-color: #FBFCFD !important; font-weight:600 !important;}
.evenTd {background-color: #F7F7F7 !important; font-weight:600 !important;}
.grvJourneyTime > tbody > tr > td {text-align:center !important;}
.grvJourneyTime tr:first-child td {height: 50px;}
#tblRouteTTName tr:first-child td {height: 50px;}
#iframeTimeTableDet{max-height: 3300px ! important;height: 2300px !important;}
/*RESPONSIVE CSS*/
@media (max-width: 768px) {
    .ActiveWizard{background-color: #221D79 !important;padding: 10px !important;color: #ffffff !important;text-align: center !important;border: 1px solid #221D79 !important;min-height: 75px !important;max-height: 75px !important;}
    .InActiveWizard{background-color: #FFFFFF !important;padding: 10px !important;color: #221D79 !important;text-align: center !important;border: 1px solid #9AD5FA !important;min-height: 75px !important;max-height: 75px !important;}
    .ActiveWizard.Step1:before{top: 100% !important;left: 43% !important;border: solid transparent !important;content: " " !important;height: 0 !important;width: 0 !important;position: absolute !important;pointer-events: none !important;}
    .ActiveWizard.Step1:before{/*border-top-color: #221D79 !important;*/border-width: 20px !important;}

    .wrapper1{width: 370px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper1::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper1::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper1::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper1::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper1::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    .wrapper2{width: 370px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper2::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper2::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper2::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper2::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper2::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    .wrapper3{width: 370px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper3::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper3::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper3::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper3::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper3::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    .wrapper4{width: 370px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper4::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper4::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color:#FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper4::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper4::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper4::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    div#DivSecFareFinder { padding-right: 15px !important;}
    #DivViewTimeTable > label {font-size: 13px !important;}
    #DivViewStopInfo > label {font-size: 13px !important;}
    #DivSecFareFinder > label {font-size: 13px !important;}
    #StopInfoNorth > div:nth-child(2) > h4, #StopInfoSouth > div:nth-child(2) > h4 {font-size: 16px; margin-top: 5px !important;margin-bottom: 10px !important;}
    div#SecFareFinder { display: flex;}
    .boxSearch {margin: 0; padding: 3px 7px !important;}
    #btnPrintTicket, #btnPDFTicket { margin-bottom: 20px;}
    #spnNorthStopInfoTitle1, #spnSouthStopInfoTitle2 {font-size: 25px;}
    .portlet.light.TextLeft.bg-grey-mint.TextWhite.CustResLight{/*width:360px;*/ padding: 0 !important;}
    .bootstrap-select.btn-group .dropdown-menu.inner {  font-size: 14px !important;}
    .CustRouteTable{margin:0; padding:0;}
    #SecRouteTimetable > div {width: 100% !important;}
    div#SecRouteTimetable { margin: 0; padding: 0 !important;padding-left: 15px !important;padding-right: 15px !important;}
    #SecStopInfo > div{width:100% !important;}
    #SecFareFinder{width:100% !important;}
    #SecFareFinderNotes{width:100% !important;}
    #SecRouteSelection{width:100% !important;padding-left: 15px;padding-right: 15px;}
    .ActiveWizard > label {  font-size: 18px;text-align: left; margin-left: 17px; font-weight: 500;}
    .InActiveWizard > label { font-size: 18px;text-align: left; margin-left:17px; font-weight: 500;}
    .ActiveWizard.Step1:before { /* border-top-color: #221D79 !important; */ border-width: 20px !important;}
    /*.ActiveWizard.Step1:before { top: 83% !important;  left: 33.33% !important;}*/
    .ActiveWizard.Step1:before {  top: 17px !important;  left: 310px !important;}
    #LblViewInfoWexford {  font-size: 18px; /*margin-top: 12px;*/ margin: 40px 0 0 0 !important; text-align:left;}
    /*.ActiveWizard.Step1::after {  left: 38.3% !important;  top: 100%;}*/
    .ActiveWizard.Step1::after {  left: 314px !important;  top: 28px;}
    /*.InActiveWizard.Step1::before { top: 83% !important;  left: 33.33% !important;}*/
    .InActiveWizard.Step1::before {  top: 17px !important;  left: 308px !important;}   
    /*.InActiveWizard.Step1::after {  left: 38.3% !important; top: 102%;}*/
    .InActiveWizard.Step1::after {  left: 313px !important;  top: 29px !important;}
    #SecRouteTimetable > div > div:first-child > div:first-child > label.control-label {  font-size: 24px !important;font-weight: 600;}
    .CustBoxTable { margin:0; padding:0;}
    #DivMainTT{ margin:0; padding:0;}
    div#SecStopInfo {margin: 0;  padding: 0 !important;padding-left:15px !important; padding-right:15px !important;}
    div#SecFareFinderNotes {padding: 20px 0 !important;padding-top:0 !important;}
    .dropdown-menu>li>a{ font-weight:400!important;}  
    .page-content>.container-fluid, .page-head>.container-fluid {width: 100%!important;  max-width: none!important;  margin: 0!important;padding:0 !important;}
    .DrpJrnyRoute > div.dropdown-menu{font-size:18px !important; width: 100%;   margin: 0;  padding: 0;}
    div#DivIfrmChngTkt {   width: 100% !important;}
    .container-fluid {  width: 100% !important;}
    .ClsBookTktWB {font-size: 21px !important;}    
    #MainBody > div:nth-child(2).container-fluid > div > div:first-child.row > div > div.portlet > div > div:first-child > div > div > div.form-group > label.control-label {font-size: 18px !important;}
    #LblViewInfoWexford > span.SpnLblTitle {  display: inline-block;}
    #LblViewInfoWexford > span.SpnLineTT {  color: #ffffff !important;}
    #LblViewInfoWexford { width: 90%; display:inline-block; padding: 0;}
    #spnRouteLine1 { width: 197px; font-size: 18px !important; font-weight:500; margin: 0 5px; }
    #spnRouteLine2 {  font-size: 15px !important;margin: 0 5px; font-weight:600;}
    #spnSpecialLine2 {  font-size: 15px !important;margin: 0 5px;}
    .ScrollAcrossBottom {text-align: left;margin: 5px 5px;}
    #divTimeTableRight > table > tbody > tr > td, #divTimeTableLeft > table > tbody > tr > td {  font-size: 15px !important;}
    #btnPrintTicket { font-size: 17px !important;margin-left: 10px; font-weight:500!important; }
    #btnPDFTicket {   font-size: 17px !important; font-weight:500!important; }
    .CustBtnPrintPd { margin: 0 auto;  text-align: center;}
    #SecStopInfo > div > div:first-child > div > label.control-label {  font-size: 24px !important;  width: 200px; font-weight: 600;}
    #spnNorthStopInfoTitle1 {  font-size: 18px !important;}
    #divChildNorthbound > span > span:nth-child(2) {  font-size: 15px !important; margin: 3px 0;}
    #spnFareFinderNotes > ul {  font-size: 15px !important; list-style: none;  padding-left: 0 !important; line-height: 22px;}
    #divChildSouthbound > span > span:nth-child(2) { font-size: 15px !important; margin: 3px 0;}
    #spnSouthStopInfoTitle2 {  font-size: 18px !important;}
    .TimeTableHRScroll { display: block;}
    #DivChildTitle > div:nth-child(2) {  padding: 4px 0px 0 0px !important;}
    div#DivChildTitle {  min-height: auto !important;  max-height: 277px !important;  overflow: hidden;}
    .RouteGrpFirst.btnRouteGrpFirst {  padding: 5px 0 !important; padding-bottom:0;}
    .InActiveWizard {  border: 1px solid #fff !important;}
    .DrpJrnyRoute .dropdown-toggle span {   width: 72% !important;  white-space: normal; font-weight: 500 !important;}
    .bootstrap-select.btn-group .dropdown-menu li a span.text {  white-space: normal;}
    div#DivParentTitle {  margin-left: -15px;  margin-right: -15px;}
    #TblChildTimeTable > div > div.table-responsive {font-weight: 400 !important;  /*margin: 0 5px;*/}
    #divChildNorthbound > span, #divChildSouthbound > span {  line-height: 1.7 !important;  margin: 0 4px;}
    #divChildNorthbound > span.Line {  border-right: 3px solid #4A4949 !important;  left: 7px !important;}
    .CircleWhite {  width: 18px;  height: 18px;  }
    #divChildSouthbound > span.Line {  border-right: 3px solid #4A4949 !important;  left: 7px !important;}
    .SpnBtnBookTktArrow {  left: 50%;}
    #SecFareFinderNotes{margin-top: 0 !important;margin-bottom: 40px !important;}
    #iframeMap{height:300px !important;}
    .CustMap{height:300px !important;}
    #spnAddress{font-size:18px !important;}
    #SecRouteTimetable > div > div:first-child{margin-bottom:0px !important;}
    .grvJourneyTime tr:first-child td { font-weight: 600 !important;}
    #SecStopInfo > div > div:first-child {  margin-bottom:0 !important; margin-top: 15px !important;}
    button#BtnSearch {  width: auto !important;}
    /*res no margin clas*/
    .ResNoMargin{margin:0;}
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
 }
@media (max-width: 480px) {
    .ActiveWizard{background-color: #221D79 !important;padding: 5px !important;color: #ffffff !important;text-align: center !important;border: 1px solid #221D79 !important;min-height: 60px !important;max-height: 60px !important;}
    .InActiveWizard{background-color: #FFFFFF !important;padding: 5px !important;color: #221D79 !important;text-align: center !important;border: 1px solid #fff !important;min-height: 60px !important;max-height: 60px !important;}
    /*.ActiveWizard.Step1:before{top: 100% !important;left: 28% !important;border: solid transparent !important;content: " " !important;height: 0 !important;width: 0 !important;position: absolute !important;pointer-events: none !important;}*/
   .ActiveWizard.Step1:before{/*border-top-color: #221D79 !important;*/border-width: 12px !important;}

    .wrapper1{width: 225px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper1::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper1::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper1::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper1::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper1::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    .wrapper2{width: 225px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper2::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper2::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color:#FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper2::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper2::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper2::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    .wrapper3{width: 225px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper3::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper3::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper3::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper3::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color: #FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper3::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    .wrapper4{width: 225px;overflow-x: scroll;overflow-y: hidden;}
    .wrapper4::-webkit-scrollbar{width: 8px;height: 15px;background-color: #F5F5F5;}
    .wrapper4::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;background-color: #FF6D00 !important;border: 3px solid transparent !important;background-clip: content-box !important;}
    .wrapper4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;background-color: #F5F5F5 !important;border: 1px solid #4A4949 !important;}
    .wrapper4::-moz-scrollbar{width: 8px;height: 15px;-moz-background-color: #F5F5F5 !important;}
    .wrapper4::-moz-scrollbar-thumb{border-radius: 50px;-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;-moz-background-color:#FF6D00 !important;-moz-border: 3px solid transparent !important;-moz-background-clip: content-box !important;}
    .wrapper4::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0) !important;border-radius: 10px;-moz-background-color: #F5F5F5 !important;-moz-border: 1px solid #221D79 !important;}
    #spnNorthStopInfoTitle1, #spnSouthStopInfoTitle2 {font-size: 25px;}  
    #SecFareFinderNotes{margin-top: 0 !important;margin-bottom: 40px !important;padding-top:0 !important;}
    #iframeMap{height:400px !important;}
    .CustMap{height:400px !important;}
    #spnAddress{font-size:18px !important;}
    #SecRouteTimetable > div > div:first-child{margin-bottom:0px !important;}
    #spnRouteLine2 {  font-size: 15px !important;margin: 0 5px; font-weight:600;}
    .grvJourneyTime tr:first-child td { font-weight: 600 !important;}
    #SecStopInfo > div > div:first-child {  margin-bottom:0 !important; margin-top: 15px !important;}
    #StopInfoNorth > div:nth-child(2) > h4, #StopInfoSouth > div:nth-child(2) > h4 {font-size: 16px; margin-top: 5px !important;margin-bottom: 10px !important;}
    .RouteGrpFirst.btnRouteGrpFirst {  padding: 5px 0 !important; padding-bottom:0;}
    #spnFareFinderNotes > ul {  font-size: 15px !important; list-style: none;  padding-left: 0 !important; line-height: 22px;}
    #spnFareFinderNotes > ul > li{margin-bottom:10px !important;}
    button#BtnSearch {  width: auto !important;}
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
}
@media (max-width: 414px) {
    .wrapper1,.wrapper2 {width:190px !important;} 
    .wrapper3,.wrapper4 {width:190px !important;}
    /*.portlet.light.TextLeft.bg-grey-mint.TextWhite.CustResLight { width: 100%;  padding: 20px 41px 0 !important;}*/
    #LblViewInfoWexford {  font-size: 17px; margin-top: 12px; width: 76%;}
    #SecRouteTimetable > div > div:first-child{margin-bottom:0px !important;}
   .RouteGrpFirst.btnRouteGrpFirst {  padding: 5px 0 !important; padding-bottom:0;}
    .ActiveWizard > label {  /*font-size: 14px;*/font-size: 18px;}
    .InActiveWizard > label { font-size: 14px; font-size: 18px;}
     #spnRouteLine2 {  font-size: 15px !important;margin: 0 5px; font-weight:600;}
    .grvJourneyTime tr:first-child td { font-weight: 600 !important;}
    #SecStopInfo > div > div:first-child {  margin-bottom:0 !important;}
    #StopInfoNorth > div:nth-child(2) > h4, #StopInfoSouth > div:nth-child(2) > h4 {font-size: 16px; margin-top: 5px !important;margin-bottom: 10px !important;}
    #spnFareFinderNotes > ul {  font-size: 15px !important; list-style: none;  padding-left: 0 !important; line-height: 22px;}
    #spnFareFinderNotes > ul > li{margin-bottom:10px !important;}
    button#BtnSearch {  width: auto !important;}
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
}
@media (max-width: 412px) {
    .wrapper1,.wrapper2 {width:190px !important;} 
    .wrapper3,.wrapper4 {width:190px !important;} 
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
}
@media (max-width: 375px) {
    .wrapper1,.wrapper2 {width:172px !important;} 
    .wrapper3,.wrapper4 {width:172px !important;} 
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
}
@media (max-width: 360px) {
    .wrapper1,.wrapper2 {width:165px !important;} 
    .wrapper3,.wrapper4 {width:165px !important;} 
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
}
@media (max-width: 320px) {    
    .wrapper1,.wrapper2 {width:145px !important;} 
    .wrapper3,.wrapper4 {width:145px !important;} 
    .bootstrap-select.btn-group .dropdown-menu.inner {  font-size: 12px !important;}
    .CustRouteTable{margin:0; padding:0;}
    #SecRouteTimetable > div {width: 100% !important;}
    div#SecRouteTimetable { margin: 0;}
    #SecStopInfo > div{width:100% !important;}
    #SecFareFinder{width:100% !important;}
    #SecFareFinderNotes{width:100% !important;}
    #SecRouteSelection{width:100% !important;padding-left: 15px;padding-right: 15px;}
    .ActiveWizard > label {  /*font-size: 14px;*/font-size: 18px;}
    .InActiveWizard > label { font-size: 14px; font-size: 18px;}
    .ActiveWizard.Step1:before { /* border-top-color: #221D79 !important; */ border-width: 12px !important;}
    /*.ActiveWizard.Step1:before { top: 83% !important;  left: 33.33% !important;}*/
    .ActiveWizard.Step1:before {  top: 27% !important; left: 86.33% !important;}
    #LblViewInfoWexford {  font-size: 17px; margin-top: 12px; width: 80%;}
    /*.ActiveWizard.Step1::after {  left: 37.3% !important;  top: 97%;}*/
    .ActiveWizard.Step1::after {  left: 87.7% !important;  top: 46%;}
    /*.InActiveWizard.Step1::before { top: 83% !important;  left: 33.33% !important;}*/
    .InActiveWizard.Step1::before {  top: 26% !important;  left: 85.33% !important;}   
    .InActiveWizard.Step1::after {  left: 87% !important;  top: 49% !important;}
    #SecRouteTimetable > div > div:first-child > div:first-child > label.control-label {  font-size: 22px !important;}
    .CustBoxTable { margin:0; padding:0;}
    #DivMainTT{ margin:0; padding:0;}
    div#SecStopInfo {margin: 0;}
    div#SecFareFinderNotes {padding: 20px 0 !important;padding-top:0 !important;}
    .dropdown-menu>li>a{ font-weight:400!important;} 
    .portlet.light.TextLeft.bg-grey-mint.TextWhite.CustResLight { width: 100% !important;  /*padding: 20px 20px 0 !important;*/}
    .DrpJrnyRoute .dropdown-toggle span {  width: 89% !important;  white-space: normal;  font-weight: 500 !important;}
    #SecFareFinderNotes{margin-top: 0 !important;margin-bottom: 40px !important;}
    #iframeMap{height:300px !important;}
    .CustMap{height:300px !important;}
    #spnAddress{font-size:18px !important;}
    #SecRouteTimetable > div > div:first-child{margin-bottom:0px !important;}
    .RouteGrpFirst.btnRouteGrpFirst {  padding: 5px 0 !important;  padding-bottom:0;}
    #spnRouteLine2 {  font-size: 15px !important;margin: 0 5px; font-weight:600;}
    .grvJourneyTime tr:first-child td { font-weight: 600 !important;}
    #SecStopInfo > div > div:first-child {  margin-bottom:0 !important; margin-top: 15px !important;}
    #StopInfoNorth > div:nth-child(2) > h4, #StopInfoSouth > div:nth-child(2) > h4 {font-size: 16px; margin-top: 5px !important;margin-bottom: 10px !important;}
    #spnFareFinderNotes > ul {  font-size: 15px !important; list-style: none;  padding-left: 0 !important; line-height: 22px;}
    #spnFareFinderNotes > ul > li{margin-bottom:10px !important;}
    button#BtnSearch {width: auto !important;}
    #DivIfrmChngTkt > label > a{font-size: 18px;}
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
    #iframeTimeTableDet{max-height: 2000px ! important;height: 1700px !important;}
}
@media (max-width: 1024px) {    
    #DivIframeTT{width: 100% !important;margin:0 auto !important;background-color: #F7F7F7 !important;}
}