/* British Airways - Low Price Finder - Styles */
body, div, span {
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}
body{
	background-color:#fff;
}
.each-Way-text {
    color: #004684;
    font-weight: bold;
}
.lpbmContainer h1, .lpbmContainer h2{
	margin:2.2rem 0
}
.lpbmContainer .form .small-field{
	padding-right:0
}
.lpbmContainer form {
	border-bottom:0.1rem solid #cccccc;
	padding:0 0 1.25rem 0;
	margin-bottom:0;
}
div.ajaxResults {
    position: absolute;
    z-index: 80000;
	width:100%;
}
#destChoices ul {
    margin: 0;
}

.ajaxResults ul#destChoices, .ajaxResults ul.destChoices {
    background-color: #fff;
    border: 0.1rem solid #ccc;
    box-shadow: 0 0 .5rem rgba(0, 40, 100, 0.15);
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0;
    max-height: 18.3rem;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    top: 0.1rem;
    z-index: 998;
}

.ajaxResults ul#destChoices li, .ajaxResults ul.destChoices li {
    color: #666;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: .5rem .7rem;
    white-space: wrap;
    width: 100%;
}
.ajaxResults ul#destChoices li.acHighlight, .ajaxResults ul.destChoices li.acHighlight {
    background-color: #2e5c99;
    color: #fff;
}
.clone-me {
	display : none
} 
.noScroll {
    overflow: hidden;
}
.overlayHide {
	overflow: hidden;
	position:fixed;
	height: 100%;
}
table.tabPanelTable {
    margin-top: 0.0625rem;
}
.graphRowSingle .fareGraph {
    display: none;
}
.graph-height {
    min-height: 16.25rem;
}
.secondaryAdditionalInfoPod span.price {
    color: #0272b3;
    font-size: 1.8rem;
	font-family:helvetica, arial, sans serif;
}
.view-multi-btn {
    margin: 6rem 0 1rem 0;
}
.lpfDestination {
    cursor: pointer;
}
.lpf-ui-views {
    display: none;
}
.extraInfo {
    padding: 3rem;
    background: #f2f2f2;
    margin: 3rem 0 7rem 0
}
.extraInfo li {
    list-style: disc;
    padding: 0;
    font-size: 1.4rem;
    margin: 0
}
.lpfDestinationSingleCity.first-load {
    visibility: hidden;
}
.lpfDestinationSingleCity td:first-child {
    border: none;
}
.graphRow {
    position: relative;
    height: 17.5rem;
}
.graphRow td.secondaryAdditionalInfoPod {
    background: white;
    border: solid 0.3125rem #f0f0f0;
    border-top: 0;
    position: relative;
}
.graphRowSingle {
    position: relative;
}
.singleCity td.secondaryAdditionalInfoPod {
    position: relative;
    background: white;
}
.singleCity td.nodata .error {
	background: #f2f2f2 none repeat scroll 0 0;
    border-bottom: 0.4rem solid #cc0000;
    margin: 3rem 0 0;
    padding: 3rem;
}
.singleCity td.nodata h3 {
    color: #cc0000;
    margin-top: 0;
    padding-left: 4rem;
    position: relative;
	margin-bottom: 0.8rem;
}
.singleCity td.nodata h3:before {
	background-image: url("/cms/global/assets/images/site/icon/error-icon-large.png");
    background-repeat: no-repeat;
    background-size: 2.5rem auto;
    content: "";
    height: 2.2rem;
    left: 0;
    position: absolute;
    top: 0.5rem;
    width: 2.5rem;
}
.lpf-spinner,
.calendar-widget-container .lpf-spinner {
    left: 50%;
    position: absolute !important;
    top: 10%
}
.calendar-widget-container .lpf-spinner {
    top: 55%;
}
.eachwayIndicatorText,
.lpf-ui-views,
.lpfDestination .fromAirport,
.lpfDestination[aria-expanded="false"] .hidePrice,
.lpfDestination[aria-expanded="true"] .showPrice,
.oneway-h3,
li.tripTypeOWDisclaimer {
    display: none;
}
.spinner-on,
.view-calendar-first {
    visibility: hidden;
}
.secondaryAdditionalInfoPod p.proxyIndicatorText,
.secondaryAdditionalInfoPod p.proxyIndicatorTextDay {
    display: none;
}
.secondaryAdditionalInfoPod .fareGraph {
    margin: 0;
    position: relative;
}
.secondaryAdditionalInfoPod ul li.graphBar {
	display: block;
	position: relative;
	width: auto;
	margin: 0.5rem 0 0 0;
	padding: 0
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice,
.secondaryAdditionalInfoPod ul li.graphBar .noFare {
    height: 4.8rem;
    padding: 1.5rem 0.125rem;
    position: relative;
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice {
    background: #e5e5e5;
	cursor:pointer;
}
.secondaryAdditionalInfoPod ul li.graphBar .noFare {
    background: #f2f2f2;
    font-size: 1.4rem;
	text-align:center;
	padding:1.5rem 1rem;
}
.secondaryAdditionalInfoPod ul li.graphBar:focus .barPrice,
.secondaryAdditionalInfoPod ul li.graphBar:focus .noFare,
.secondaryAdditionalInfoPod ul li.bar-nav:focus>div.bar-nav-left,
.secondaryAdditionalInfoPod ul li.bar-nav:focus>div.bar-nav-right {
    outline:0.1rem dotted #cccccc;
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice .price {
	position: absolute;
	right: 4.8rem;
	top: 1.5rem;
	padding-right: 3%;
	font-size:1.6rem;
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice .price .currency-code{
	display:block;
	font-size:1.2rem;
	line-height:1rem;
	text-align:center;
}
.secondaryAdditionalInfoPod ul li.graphBar .barDate {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1.5rem 0 1.5rem 3%;
}
.secondaryAdditionalInfoPod ul li.showSale .barDate {
	padding-top:.8rem;
}
.secondaryAdditionalInfoPod ul li.graphBar .barDate .month,
.secondaryAdditionalInfoPod ul li.graphBar .barDate .year {
    font-size: 1.44rem;
    text-transform: uppercase;
}
.secondaryAdditionalInfoPod ul li.graphBar .barDate .month {
    margin-right: 0.5rem
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn {
	bottom: 0;
	right: 0;
	bottom:0;
	height: 100%;
	position: absolute;
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .button {
	height: 4.8rem;
	width: 4.8rem;
	margin-bottom: 0;
	outline: 0;
	padding:0;
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .toggle-calendar {
	text-indent: -99990.5625rem
}
.secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .toggle-calendar:after {
	color: #fff;
	content: "\e005";
	display: block;
	font-family: "BA-Icon-Font";
	font-size: 1.6rem;
	margin: -2.2rem 0 0 0rem;
	padding: 0;
	text-indent: 0
}
.secondaryAdditionalInfoPod .graphBarBorder {
    margin-top: -6.5rem;
    display: none;
	border-bottom:0.1rem solid #cccccc;
}
.secondaryAdditionalInfoPod ul li.yearHeading {
	display:block;
	height: auto;
	margin-left: -1.5rem;
	margin-right: -1.5rem
}
.secondaryAdditionalInfoPod ul li.yearHeading .barDate {
    text-align: center;
    background: #f2f2f2;
    height: 4.8rem;
    margin: 2rem 0;
    line-height: 4.8rem
}
.secondaryAdditionalInfoPod ul li.yearHeading .barDate .year {
    font-size: 1.8rem;
    color: #0272b3;
}
.secondaryAdditionalInfoPod ul li.graphBar .barDate .year {
    display: none
}
.secondaryAdditionalInfoPod ul li.graphBar .barDate .month {
    color: #0272b3
}
.secondaryAdditionalInfoPod ul li.graphBar .noFare + .barDate .month {
    color: #666666;
}
.barDate .graphSale {
	color:#CC0000;
	height:2.1rem;
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.2rem;
	text-transform:uppercase;
}
.bar-nav {
    position: relative;
	display:none;
}
.bar-nav-left,
.bar-nav-right {
    bottom: 45%;
    width: 100%;
    position: absolute;
	height:4.2rem;
}
.ico-nav-left:before,
.ico-nav-right:before {
    content: "\e084";
    color: #e5e5e5;
    font-size: 3.5rem;
    font-family: "BA-Icon-Font";
	line-height:4rem;
	display:block;
	margin:0 auto;
	width:3rem;
}
.ico-nav-left:before {
    content: "\e084";
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.md-nav-active .ico-nav-left:before,
.md-nav-active .ico-nav-right:before {
    color: #0293db;
	cursor:pointer;
}
.calendar-journey-info {
    width: 100%;
    display:none;
    border-bottom:0.2rem solid #004684;
    margin: auto 1.5rem;
}

.calendar-journey-info.spinner-on .baLowest,
.baCalendarWidget.spinner-on .baLowest {
	visibility:hidden !important;
}

.calendar-journey-info .calendar-area .calendar-widget-container {
    position: relative;
    height: auto;
    margin: 0 auto
}
.outbound-journey span,
.inbound-journey span,
.cabin-class span,
.proxyMessage {
    font-size: 1.8rem
}
.spinner {
    left: 140.3125rem;
    top: 10.4375rem
}
.baCalendarWidget .spinnerOverlay .spinner {
    left: 140.3125rem;
}
p.pricebasedon-oneway,
p.pricebasedon,
p.pricebasedon-day-trip,
p.proxyTaxIndicatorText,
p.proxyIndicatorText,
p.proxyIndicatorTextDay,
p.proxyIndicatorText-DayTrip {
    font-size: 1.6rem;
    padding: 0 1.5rem;
}
span.journey-type,
span.eachWay-h3,
span.oneway-h3 {
    color: #004684;
}
.day-return-h3,
span.eachWay-h3,
.tripTypeRTDisclaimer-day-trip,
.pricebasedon-day-trip,
.tripTypeRTDisclaimerEXC,
.tripTypeRTDisclaimerEW-SV,
.tripTypeRTDisclaimer-day-tripEXC,
.tripTypeRTDisclaimer-day-tripINC,
.tripTypeRTDisclaimerEW,
.tripTypeOWDisclaimer-INC,
.tripTypeOWDisclaimer-EXC,
p.pricebasedon-oneway,
p.proxyIndicatorText-DayTrip {
    display: none;
}
.processForwardBtn #movedSingleCityURLbtn {
    display: none
}
#journeyType {
    margin-top: 0;
}
#journeyType label {
    text-transform: capitalize;
    margin-bottom: 0.6rem;
}
.regionTab {
    position: relative;
}
#regionTabPanel {
    margin-top: 1.875rem;
}
.barPrice span.journeyType {
    display: none
}
.lpbmContainer {
    background: #fff;
    margin-top: 1rem;
}

#singleCityTable .error {
    margin-bottom: 4rem;
}

#singleCityTable .error #moreDestinationsButton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-weight: normal;
    padding: 0;
    color:#0272b3;
    text-align: left;
	height:auto;
	width:auto;
	outline:none;
	border: 0;
	border-bottom: 0.1rem solid #0272b3;
}
#singleCityTable .error #moreDestinationsButton:hover {
	border-color: #f2f2f2;
}

#singleCityTable .error #moreDestinationsButton:focus { 
	outline:0.1rem dotted #AAA;
}

#findLowestPriceBtn {
    float: none;
    margin: 1rem 0 2rem 0;
}
.journey-area .passenger-info {
    border-bottom: 0.1rem solid #fff;
    padding: 2.4rem 0 0 0
}
.journey-area .passenger-info label .age {
    font-size: 1.4rem;
    color: #666;
	line-height:2.6rem;
}

.journey-area .passenger-info .adult span {
	position:relative;
	top:-.1rem;
}

.journey-area .passenger-info .dealfindersubheading {
    margin: 0;
	font-size:2.2rem;
}
.journey-area .passenger-info .dealfindersubheading > a:before {
    content: "\e05e";
    font-family: BA-Icon-Font;
    margin-top: 0;
    padding-top: 0;
	padding-left:1rem;
    vertical-align: middle;
	font-size: 2.6rem;
}
.journey-area .passenger-info .dealfindersubheading .youngAdultIconDesk {
    display: none;
}
.journey-area .passenger-info .dealfindersubheading .youngAdultIconMobile {
    display: inline-block;
}
.youngAdultInfo {
	background-color: #f2f2f2;
    margin: 0.5rem 0 1rem 0;
    padding: 2.5rem 1rem;
	position:relative;
	display:none;
}
.youngAdultInfo:before {
    border-bottom: 0.5rem solid #f2f2f2;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    content: "";
    height: 0;
    margin: -2.5rem 0 0 23rem;
    padding: 0;
    position: absolute;
    width: 0;
}
.journey-area .totalPrice {
    border-bottom: 0.1rem solid #e4e4e4;
    padding: 2.4rem 0;
	display:none;
}
.journey-area .passenger-amount {
    margin: 1rem 0 6rem 0;
}
.journey-area .passenger-amount .price-per-person {
    margin: 0.5rem 0 0 0;
	text-align:left;
	display:none;
}
.journey-area .passenger-amount .price-per-person,
.journey-area .passenger-amount .price-per-person .price .journey-type {
    font-size: 1.8rem;
    color: #004684
}
.journey-area .passenger-amount .price-per-person .price .priceVal {
    font-size: 3.8rem;
    color: #004684;
    margin: 0 1rem 0 2rem;
    line-height: 3.8rem
}
.totalPrice p {
    margin: 0
}
.totalPrice p.journeyHead {
    font-size: 1.2rem;
    color: #004684;
}
p.proxyMessage {
    display: none;
    margin-top: 1rem
}
.clearbothDiv {
    clear: both;
}
.baCalendarWidget {
    overflow: hidden;
}
.baCalendarWidget,
.baCalendarWidget ul.calendarContainer,
.baCalendar .baCalOutOfBounds {
	position: relative;
	width: 30rem;
}
.baCalendarWidget .baCalendarTables {
    position: absolute;
}
.baCalendarWidget .baCalendarBtn.baCalendarBtnPrev {
    left: 0;
    padding: 1.6rem 0 2rem 32%;
    background: #f2f2f2;
    top: 0
}
.baCalendarWidget .baCalendarBtn.baCalendarBtnNext {
    right: 0;
    padding: 1.6rem 22% 2rem 0;
    background: #f2f2f2;
    top: 0
}
.baCalendarWidget .baCalendarBtns {
    position: relative;
    z-index: 100;
    margin: 0 auto;
    width: 100%
}
.baCalendarWidget .baCalendarBtn {
    position: absolute;
    top: 0.0625rem;
    z-index: 100;
}
.baCalendarWidget .baCalendarBtn span span {
    position: absolute;
    left: 0;
	top: -1.3rem;
    cursor: pointer;
	color: transparent;
	font-size:0;
	width:3rem;
	height:1.7rem;
}
.baCalendarWidget .baCalendarBtnInactive span span {
	font-size:0;
}
.baCalendarWidget .baCalendarBtn.baCalendarBtnPrev span:before,
.baCalendarWidget .baCalendarBtn.baCalendarBtnNext span:before {
    color: #0272b3;
    font-family: "BA-Icon-Font";
    cursor: pointer;
    font-size: 2rem;
    font-weight: bold;
	display:block;
}
.baCalendarWidget .baCalendarBtn.baCalendarBtnNext > span:before {
    content: "\e005";
}
.baCalendarWidget .baCalendarBtn.baCalendarBtnPrev > span:before {
    content: "\e003";
}

.baCalendarWidget .baCalendarBtn > span  {
	position: relative;
	cursor:pointer;
}

.baCalendarWidget .baCalendarBtn.baCalendarBtnPrev:focus span:before,
.baCalendarWidget .baCalendarBtn.baCalendarBtnNext:focus span:before {
	outline:0.1rem dotted #aaaaaa;
}
.baCalendarWidget .baCalendarBtns .baCalendarBtnInactive span,
.baCalendarWidget .baCalendarBtns .baCalendarBtnInactive span:before {
    color: #e0e0e0;
    cursor: default;
}
.baCalendarWidget ul.calendarContainer {
    float: left;
}
.baCalendarWidget ul.calendarContainer li.th {
	display: none
}
.baCalendarWidget .baCalendarTables,
.baCalendarWidget ul.calendarContainer li {
	position: relative;
	display: block
}
.baCalendarWidget ul.calendarContainer li.td {
	float: none;
	width: 100%;
}
.baCalendarWidget ul.calendarContainer li.caption {
    color: #0272b3;
    font-size: 1.8rem;
    margin: 0 0 10rem 10%;
    padding: 1.8rem 0 0;
    text-align: center;
    text-transform: uppercase;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer {
	position: relative;
	margin: 0.5rem 0 0 0;
	background: #e5e5e5;
	min-height: 4.8rem;
	cursor:default;
	padding: 0.625rem 0.125rem;
	float: none;
	width: 100%;		
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalPrice {
	font-size: 1.6rem;
	position: absolute;
	right: 4.8rem;
	top: 1.3rem;
	color: #0272b3;
	padding-right: 3%
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalPrice .CURRENCY-CODE{
	display:block;
	font-size:1.2rem;
	line-height:1rem;
	color: #0272b3;
	text-align:center;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalDate {
	font-size: 1.44rem;
	padding: 1.5rem 0 1.5rem 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	color: #0272b3;
}

.baCalendarWidget ul.calendarContainer li.td div.dateContainer .baLowest {
    display: none;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalLowPrice .baLowest.hideLowest{
    visibility: hidden;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalLowPrice .baLowest.visibleMe {
    visibility: visible;
}
.baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable.calNADate,
.baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable.calNADate .baCalDateCon{
    background: #f2f2f2;
    cursor: default;
}
.baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable.calNADate .baCalPrice {
    right: 0;
}
.baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable.calNADate .baCalDateCon span {
    color: #666666;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer .chevron:after {
	color: #fff;
	content: "\e005";
	display: block;
	font-family: "BA-Icon-Font";
	font-size: 1.6rem;
	margin: 1.5rem 0 0 1.5rem;
	font-weight: bold;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer .chevron {
	background: #0293db;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: 4.8rem;
	width: 4.8rem
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer.calNADate .chevron {
    display: none;
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer span.baCalDate .baCalDaysOfWeek {
	margin-left: 1rem;
	text-transform: uppercase
}
.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalMonthDay{
	cursor:pointer;
}
.baCalendarWidget ul.calendarContainer li.td .baCalMonthDay .baCalDateCon .saleIndicator {
    background: #cccccc;
    height: 0.1rem;
    margin: 0.7rem auto;
    width: 2.7rem;
}
.baCalendarWidget ul.calendarContainer li.td .baCalSalePriceCal .baCalDateCon .saleIndicator {
    background: rgba(0, 0, 0, 0);
    color: #cc0000;
    font-size: 1.2rem;
	font-weight:bold;
    height: auto;
    margin: 0 0 0 1.4rem;
    width: auto;
	bottom: 1rem;
	position: absolute;
	line-height: 1.5rem;
}
.baCalendarWidget ul.calendarContainer li.td .baCalSalePriceCal .baCalDateCon .baCalDate {
	padding:0.5rem 0 1.5rem 1.5rem;
}
.journeyAreaContainer {
    display: none
}
.grayBG {
    background: #f2f2f2;
    position: absolute;
    height: 5.6rem;
    width: calc(100% - 1.5rem);
}
.view-different-month {
    background: #f2f2f2;
    left: 0;
    padding: 1.5rem 0 0 0;
	margin-left:0;
    position: absolute;
    display: none;
    z-index: 101
}
.view-different-month .view-different-month-btn{
	padding:0;
}
.back-to-year-view {
    position: relative;
    top: 7.5rem;
    z-index: 101
}
.back-to-year-view span.durationLabel {
	float:left;
    margin: 1rem 1rem 0 0;
}
.back-to-year-view .select{
	clear:none;
	float:left;
	width: 14rem;
}
.secondaryAdditionalInfoPod ul.graphBars { 
	margin-top:-3rem
}
.passengerDescription {
	max-height: 100%;
	min-height: 30%;
	overflow: auto;
	z-index: 100;
	padding: 2rem;
}
.passengerDescription .closeButtonContainer {
	display: none
}
.animate .closeButtonContainer {
	display: block;
	border-top: 0.1rem solid #c4c8cc;
	padding: 1rem 1rem 0 1rem;
	z-index: 100;
	background: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
}
.fixedDiv {
	background-color: #fff;
	bottom: -100%;
	display: block;
	left: 0;
	position: fixed;
	-moz-transition: bottom 0.5s ease 0s;
	-webkit-transition: bottom 0.5s ease 0s;
	transition: bottom 0.5s ease 0s;
	width: 100%;
	z-index: 2147483647;
	height:100%;
}
.animate .fixedDiv {
	bottom: 0;
}
.closePopup {
	/* position: relative; */
	color: #0272b3;
	text-indent: -999.9rem;
	float: right;
}
.closePopup:after {
	color:#0272b3;
	content: "\e06f";
	font-size: 2.6rem;
	cursor: pointer;
	font-family: Ba-Icon-Font;
	text-indent:0;
	position:absolute;
	right: 0.8rem;
	top: 0.8rem;
}
.proxyM {
	display: none;
}
.euk-jtype{
	display:none;
}
.proxyIndicatorText{
	margin: 0 0 3.5rem;
}
/** Medium Screen **/
@media screen and (min-width: 691px) {
	.baCalendarWidget ul.calendarContainer li.td .baCalSalePriceCal .baCalDateCon .saleIndicator{
		position:relative;
		margin:0;
		padding:0;
		bottom:0;
	}
	.proxyIndicatorText{
		margin: 0 0 1.2rem;
	}
	.baCalendarWidget ul.calendarContainer li.td .baCalSalePriceCal .baCalDateCon .baCalDate{
		padding:0;
	}
	.journey-area .passenger-info .dealfindersubheading .youngAdultIconDesk {
		display: inline-block;
	}
	.journey-area .passenger-info .dealfindersubheading .youngAdultIconMobile, .youngAdultInfo {
		display: none;
	}
	.journey-area .passenger-info {
		border-bottom: 0.1rem solid #e4e4e4;
	}
	.journey-area .totalPrice {
		display:block;
	}
	.passengerDescription{
		padding:0;
		overflow:hidden;
	}
	.passengerDescription .closeButtonContainer{
		margin-right:0.2rem;
		display:block;
	}
    .fixedDiv {
        bottom: 0;
        position: relative;
        z-index: 1;
		transition:none;
		height:auto;
    }
    .closePopup {
		display:none;
    }	
    .secondaryAdditionalInfoPod ul.graphBars {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19*/
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 
        text-align: center;
		margin-top:3rem;
		height:26rem;
    }
    .secondaryAdditionalInfoPod ul li.graphBar {
        align-self: flex-end;
		-webkit-align-self:flex-end;
	    text-align: center;
		list-style: none outside none;
		padding: 0 0.6rem;
		display: inline-block;
		vertical-align: bottom;
		width: 8.3%;
		margin: 0;
    }
    .secondaryAdditionalInfoPod ul li.graphBar .barPrice,
	.secondaryAdditionalInfoPod ul li.graphBar .noFare	{
        height: 11rem
    }
	.secondaryAdditionalInfoPod ul li.graphBar .noFare{
		padding-top:1.2rem;
	}
	.secondaryAdditionalInfoPod ul li.graphBar .noFare span{
		position:absolute;
		width: calc(100% - 0.5rem);
		left:0.3rem;
	}	
    .secondaryAdditionalInfoPod ul li.graphBar .barPrice .price {
        position: relative;
        right: 0;
        top: 0;
        padding-right: 0;
		font-size:1.8rem;
    }
    .secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn {
        height: auto;
		left:0;
    }
	.secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .button {
		font-size: 1.5rem;
		height: auto;
		padding: 0.85rem 1rem;
		margin-bottom:1rem;
		width:auto;
	}
	.secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .button:focus {
		outline: 0.2rem solid #004684;
	}	
    .secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .toggle-calendar {
        text-indent: 0;
    }
    .secondaryAdditionalInfoPod ul li.graphBar .barPrice .btn .toggle-calendar:after {
        content: " ";
        margin: 0;
    }	
	
	.secondaryAdditionalInfoPod ul li.graphBar .barDate {
		position:relative;
		padding: 0.7rem 0 0 0;
	}
	
    .secondaryAdditionalInfoPod ul li.graphBar .barDate .month,
    .secondaryAdditionalInfoPod ul li.graphBar .barDate .year {
        color: #666
    }
    .secondaryAdditionalInfoPod ul li.graphBar .barDate .year {
        display: inline
    }
    .bar-nav {
        display: block;
        width: 10%;
    }
    .secondaryAdditionalInfoPod ul li.graphBar {
        width: 15%;
        display: none;
    }
    .secondaryAdditionalInfoPod ul li.graphBar.md-bar-active {
        display: block;
    }
    .secondaryAdditionalInfoPod .graphBarBorder {
        display: block
    }
    .calendar-journey-info .journey-area {
        border-top: 0.2rem solid #2293cb;
        border-bottom: 0.2rem solid #2293cb;
        margin-top: -0.2rem;
        margin-bottom: 1rem;
		padding-bottom:1rem;
		padding-left:0.1rem;
    }
    .grayBG {
        height: 10rem;

		width: calc(100% - 3rem);		
    }
    .view-different-month {
		padding-top: 3.5rem;
		margin-left: 3%;
    }
    .back-to-year-view {
        background: #f2f2f2;
        margin-right: 3%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        right: 0;
        width: 14rem;
        top: 0;
		float:right;
    }
    .back-to-year-view span.durationLabel {
        display: block;
		margin-top:0;
    }
    .baCalendarWidget .baCalendarBtn.baCalendarBtnPrev {
        left: 0;
        padding: 4rem 0 2rem 37%;
        background: #f2f2f2;
        top: 0
    }
    .baCalendarWidget .baCalendarBtn.baCalendarBtnNext {
        right: 0;
        padding: 4rem 37% 2rem 0;
        background: #f2f2f2;
        top: 0
    }
    .baCalendarWidget,
    .baCalendarWidget ul.calendarContainer,
    .baCalendar .baCalOutOfBounds {
        width: 65rem;
		margin:0 auto;
    }
    .baCalendarWidget ul.calendarContainer li.caption {
        height: 8.7rem;
        width: 100%;
        margin: 0 auto;
        background: #f2f2f2;
        padding: 4rem 0 0 0;
		font-size:1.8rem;
    }
    .baCalendarWidget ul.calendarContainer li.th {
        padding-top: 2rem;
		display:block;
    }
    .baCalendarWidget ul.calendarContainer li.th,
    .baCalendarWidget ul.calendarContainer li.td {
        clear: both;
        float: left;
        width: 100%
    }
    .baCalendarWidget ul.calendarContainer li.th div {
        width: 12.5%;
        margin: 0 0 2.4rem 1.75%;
        padding: 0 0;
        text-align: center;
        border-top: 0;
        border-bottom: 0;
        text-transform: uppercase;
        font-weight: bold
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer {
        width: 12.5%;
        margin: 0 0 0 1.75%;
		padding:0;
		background:#ffffff;
    }
    .baCalendarWidget ul.calendarContainer li.th div:first-child,
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer:first-child {
        margin-left: 0
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalDateCon {
        padding: 0.7rem 0;
        height: 7.2rem;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalDigitLength .baCalDateCon {
        height: 8.2rem;
    }	
    .baCalendarWidget ul.calendarContainer li.th div,
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer {
        white-space: nowrap;
        float: left;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer span {
        color: #666666;
        margin: 0;
        text-align: center;
        display: block;
        font-size: 1.4rem
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalDateCon {
        background: #e5e5e5;
        border: 0.1rem solid #e5e5e5
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalLowPrice .baCalDateCon {
        border: 0.1rem solid #0272b3
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.lowPrice {
        background: #ffffbb;
    }
    .baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable .baCalDateCon,
    .baCalendarWidget ul.calendarContainer li.td div.baCalSelected .baCalDateCon {
        background: #ffffff;
        border: 0.1rem solid #ffffff
    }
    .baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable .baCalDateCon span {
        color: #666666;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .baLowest {
        height: 2.5rem;
		line-height:2.2rem;
        margin-bottom: 1rem;
		visibility:hidden;
		display:block;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalLowPrice .baLowest {
        background: #0272b3;
        text-transform: uppercase;
        font-size: 1.2rem;
        border: 0.1rem solid #0272b3;
        text-align: center;
        color: #ffffff;
		visibility:visible;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalDate .baCalDaysOfWeek,
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .chevron {
        display: none
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalPrice {
        font-size: 1.8rem;
        position: relative;
        right: 0;
        top: 0;
		line-height: 1.8rem;
        padding-right: 0;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalDigitLength .baCalPrice {
        font-size: 1.6rem;
    }	
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer .baCalDate {
        padding: 0;
        position: relative;
		color: #666666;
		display: block;
    }	
    .baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable .baCalPrice {
        color: #dbdbdb;
    }
    .baCalendarWidget ul.calendarContainer li.td div.baCalSelected {
        border: 0.2rem solid #0272b3; 
        border-bottom: 0;
    }
    .baCalendarWidget ul.calendarContainer li.td div.baCalSelected.baCalLowPrice .baCalDateCon {
        border: 0.1rem solid #ffffff;
    }
    .baCalendarWidget ul.calendarContainer li.td div.baCalSelected.baCalLowPrice div.baLowest {
        margin: 0 0.2rem 1rem 0.2rem
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalAvailable:hover div.baCalDateCon {
        background: #ffffff;
        border: 0.1rem solid #ffffff;
        border-bottom: 0.1rem solid #0272b3
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalSelected:hover div.baCalDateCon {
        border-bottom: 0.1rem solid #ffffff
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalAvailable:focus div.baCalDateCon,
	.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalSelected:focus div.baCalDateCon {
        background: #ffffff;
        border: 0.1rem dotted #aaaaaa;
    }
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalUnavailable {
        cursor: default;
    }
	.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalUnavailable.calNADate:focus div.baCalDateCon,
	.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalHighlight.baCalUnavailable.calNADate:focus div.baCalDateCon {
		background: #ffffff;
		border: 0.1rem dotted #cc0000;
	}
	.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalUnavailable.calNADate:focus div.baCalDateCon span,
	.baCalendarWidget ul.calendarContainer li.td div.dateContainer.baCalHighlight.baCalUnavailable.calNADate:focus div.baCalDateCon span{
		color: #cc0000;
	}
	.baCalendarWidget ul.calendarContainer li.td div.baCalUnavailable.calNADate{
		background: #ffffff;
	}
    #journeyType {
        margin-top: 3.9rem;
    }
    #findLowestPriceBtn {
        float: left;
        margin: 3.1rem 0 0 0
    }
	.secondaryAdditionalInfoPod ul li.yearHeading,
    .closePopup,
    .pricePerPerson {
        display: none
    }
    .outbound-journey span,
    .inbound-journey span,
    .passenger-info .age {
        display: block
    }
    .journey-area .passenger-amount {
		margin:1.8rem 0 0 0;
    }	
	.journey-area .passenger-amount .price-per-person {
		display:block;
	}	
	.journey-area .passenger-amount .price-per-person .baCalSale{
		color: #cc0000;
		font-size: 2rem;
		margin-left: 1rem;
		text-transform: uppercase;
		display:inline-block;
	}
	
	.journey-area .passenger-info .adult span {
		top: 0;
	}
	.proxyM {
		display: block;
	}
}
/** Large Screen **/

@media screen and (min-width: 1025px) {
	.cabin-class{
		float:right;
		width:83%;
	}
    .grayBG {
        height: 7rem;
    }
	.view-different-month{
		padding-top:2rem;
	}
	.back-to-year-view {
		width: 25.5rem;
	}
	.back-to-year-view span.durationLabel {
		display: inline;
		margin-top: 1rem;
	}
	.back-to-year-view .select {
		float: right;
	}
    #journeyType {
        margin-top: 2.0rem;
		padding:0 0 0 10%;
		white-space: nowrap;
    }
    #findLowestPriceBtn {
        float: right;
        margin: 0 0 2rem;
    }
    .journey-area .passenger-amount {
        float: right;
        width: 88%;
    }
    .outbound-journey span,
    .inbound-journey span,
    .passenger-info .age {
        display: inline
    }
    .bar-nav {
        display: none;
    }
    .secondaryAdditionalInfoPod ul li.graphBar {
        width: 8.33%;
        display: block;
    }
	.journey-area .passenger-amount .price-per-person {
		text-align:right;
	}
    .baCalendarWidget,
    .baCalendarWidget ul.calendarContainer,
    .baCalendar .baCalOutOfBounds {
        width: 90rem;
    }
    .baCalendarWidget ul.calendarContainer li.th div,
    .baCalendarWidget ul.calendarContainer li.td div.dateContainer {
        width: 11.82%;
        margin: 0 0 0 2.85%;
    }
    .baCalendarWidget ul.calendarContainer li.th div {
        margin-bottom: 2.4rem;
    }
	.baCalendarWidget ul.calendarContainer li.caption{
		height:6.7rem;
		padding:2.5rem 0 0;
	}
	.baCalendarWidget .baCalendarBtn.baCalendarBtnPrev, .baCalendarWidget .baCalendarBtn.baCalendarBtnNext{
		padding-top:2.5rem;
	}
	.baCalendarWidget .baCalendarBtn.baCalendarBtnPrev span:before,
	.baCalendarWidget .baCalendarBtn.baCalendarBtnNext span:before {
		font-size: 1.6rem;
	}	
}