@charset "utf-8";

/* CSS Document */
#citysearchinfodiv, #citysearchinfodiverror, #citylist{
	width: 360px;
}

h2.subtitle{ margin-top: 30px}

#rightcol,
#rightcol *{
	font-family: 'Open Sans', sans-serif;
}
#rightcol sup{
	font-size: 9px;
}
#rightcol #aditionalInformation,
#rightcol #childrenInformation{
	display: none;
}
#rightcol .subtitle{
	font-size: 16px;
}
#aditionalInformation ul{
	list-style-type: none;
	padding-left: 10px;
}
#aditionalInformation,
#aditionalInformation p,
#aditionalInformation li,
#aditionalInformation div,
#baggageSelectorToggle p,
#relatedtopics b,
#relatedtopics li{
	font-size: 13px;
}
#aditionalInformation ul li{
	background: url(/shared/images/common/baggage/square_blue.gif) no-repeat scroll 0 5px transparent;
	padding: 0 5px 6px 8px;
}
#aditionalInformation ul li ul li{
	background: none;
	list-style-type: circle;
	padding: 2px 0;
	margin-left: 20px;
}
.setPadding{
	padding: 0 8px;
	width: 758px;
}
.setLeftMargin{
	margin-left: 130px;
}
.dottedLine{
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#leftSideContentTop{
	background-color: #f5f5f5;
	border-bottom-style: dashed;
}
#leftSideContentTop.closure{
	border-bottom-style: solid;
}
#leftSideContentMain.noContentBottom{
	border-bottom-style: solid;
	border-top: 1px dashed #ccc;
}
.baggageSelectorShell{
	background-color: #fff;
	border: 1px solid #6C6A66;
	display: block;
	margin: 10px;
	overflow: hidden;
	padding: 3px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: #6C6A66 0px 0 3px;
	-moz-box-shadow: #6C6A66 0 0 3px;
	box-shadow: #6C6A66 0 0 3px;
}

.baggageSelector{
	background: #fff url(/shared/images/common/baggage/bg-left-red-strip.gif) no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	padding: 10px 10px 10px 65px;
}
.baggageSelector input, .baggageSelector select{
	display: inline;
	margin-bottom: 5px !important;
}
.baggageSelector label{
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	width: 120px;
}
.baggageSelector label.longLabel{
	text-align: left;
	width: 480px;
}
.baggageSelectorToggle{
	margin: 10px 0;
}
.baggageSelectorToggle a{
	font-size: 12px;
	color: #c00;
}
.baggageSelectorToggle a.sel{
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

#leftSideContentMain .contentBlock{
	background-color: #f7f9f9;
	overflow: hidden;
}
.contentBlock .ticketClass{
	background-color: #e4f2f5;
	display: none;
	padding: 2px 5px;
	border-bottom: 1px dotted #002349;
}
.contentBlock .ticketClass ul{
	list-style-type: none;
	padding-left: 10px;
}
.contentBlock .ticketClass ul li{
	background: url(http://www.aircanada.com/shared/images/common/baggage/square_blue.gif) no-repeat scroll 0 5px transparent;
	padding: 0 5px 6px 8px;
}

#topTier img{
	margin: 0 5px;
}
.baggage-acc {
	margin-top: 20px;
}
#instructions{
	padding: 0 10px;
}
.bag{
	display: block;
	margin: 0;
	overflow: hidden;
	width: 559px;
}
.bag dt{
	border-top: 1px dotted #b4d1e2;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 3px 7px;
	width: 120px;
	clear: left;
}
.bag dt:fist-child{
	border-top: 1px solid #c00;
}
.bag dt.excess{
	font-size: 11px;
}
.bag dt.embargoes{
	float: left;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	padding: 5px 5px 10px 55px;
	width: 509px;
	background: #F8EAC5 url(http://www.aircanada.com/shared/images/common/i_squarewarning.gif) 10px 5px no-repeat;
	border-bottom: 2px solid #E89E51;
	border-top: 2px solid #E89E51;
}
.bag dt sup{
	font-size: 10px;
	font-weight: normal;
}
.bag dt img.stroller{
	margin-left: 5px;
}
.bag dd{
	border-top: 1px dotted #b4d1e2;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 9px 3px 7px 3px;
	float: left;
	width: 439px;
}
.bag dd.bagdimension{
	width: 559px;
	padding-left: 126px;
}
.bag dd span{
	font-size: 16px;
	font-weight: bold;
}
.bag dd.excess span{
	font-size: inherit;
	font-weight: bold;
}
.bag dd.bagdimension span{
	font-size: inherit;
	font-weight: inherit;
}
.bag dd ul{
	margin: 0;
	list-style-type: none;
	padding: 0;
}
.bag dd span + ul{
	padding-top: 5px;
}
.bag dd ul li{
	background: transparent url(http://www.aircanada.com/shared/images/common/baggage/square_blue.gif) no-repeat scroll 0 5px;
	margin: 0;
	padding: 0 0 2px 8px;
}
.bag dd ul li.weight{
	background: transparent url(http://www.aircanada.com/shared/images/common/baggage/icon_weight.gif) no-repeat scroll;
	margin: 0;
	padding: 3px 0 2px 30px;
}
.bag dd ul li.dimensions{
	background: transparent url(http://www.aircanada.com/shared/images/common/baggage/icon_ruler.gif) no-repeat scroll;
	margin: 0;
	padding: 3px 0 10px 30px;
}

.leftSideLabel{
	border-top: 1px dotted #b4d1e2;
	float: left;
	margin: 0 0 0 -2px;
	width: 163px;
}
.leftSideLabel span{
	padding: 10px;
}
.leftSideLabel span.allowance{
	display: block;
}
.leftSideLabel span.allowenceChildNoSeat,
.leftSideLabel span.allowenceChildSeat{
	display: block;
	margin-bottom: -700px;
	padding-bottom: 700px;
	background-color: #fef6e2;
}
.leftSideLabel span.allowenceChildNoSeat strong,
.leftSideLabel span.allowenceChildSeat strong{
	font-size: 16px;
}
.leftSideLabel span span{
	font-weight: normal;
	padding: 0;
}

#leftSideContentMain .bag dd ul li.dimensions a{
	color: #c00;
	text-decoration: underline;
}
#leftSideContentMain .bag dd ul li.dimensions a: hover{
	color: #f00;
	text-decoration: underline;
}

#embargoes{
	display: none;
}
#embargoes h2{
	padding: 6px 0 14px 40px;
	background: #fff url(http://www.aircanada.com/shared/images/common/i_squarewarning.gif) no-repeat ;
}

#acmovingTip{
	background: #f1f8f8;
	border: 1px solid #5ea4c7;
	cursor: help;
	display: none;
	padding: 5px;
	position: absolute;
	width: 290px;
	z-index: 1000000;

	-webkit-box-shadow: #ccc 0 0 5px;
	-moz-box-shadow: #ccc 0 0 5px;
	box-shadow: #ccc 0 0 5px;
}
#acmovingTip ul{
	padding: 0;
	margin: 0 0 0 10px;
	list-style-type: none;
}
#acmovingTip ul li{
	background: url(/shared/images/common/baggage/square_blue.gif) no-repeat scroll 0 5px transparent;
	padding: 0 5px 6px 8px;
}

#imgTopTier{float: right;
	margin: 10px 0 0 10px;
}
#leftSideContentMain.noContentBottom .searchBox{
	padding: 0 0 10px 0;
	display: none;
}
.bold{
	font-weight: bold;
}
.em{
	font-style: italic;
}
.morePolicies{
	background-color: #f0f0f0;
	padding: 0;
	text-align: center;
}
.morePolicies > a{
    display: block;
    margin: 0;
    padding: 10px;
}
#childrenPoliciesRow td:first-child{
	padding: 0;
}
#showChildrenPolicies{
	padding: 10px;
	text-align: center;
}

#bagPolicies{
	display: none;
}
.glyph-input-wrapper .glyph-holder{
	background-color: #e6e6e6;
}


/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/
@media print{
	*{
		background: #fff !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;

		 -ms-filter: none !important;
	}
	/* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited{
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after{
		content: " (" attr(href) ")";
	}
	abbr[title]:after{
		content: " (" attr(title) ")";
	}
	#mainHeader * { display: none;}
	#mainHeader #logo { display: block;}
	.ir a:after, a[href^="javascript: "]:after, a[href^="#"]:after{
		content: "";
	}  /* Don't show links for images, or javascript/internal links */
	pre, blockquote{
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead{
		display: table-header-group;
	} /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img{
		page-break-inside: avoid;
	}
	@page{
		margin: 0.5cm;
	}
	p, h2, h3{
		orphans: 3;
		widows: 3;
	}
	h2, h3{
		page-break-after: avoid;
	}
	#leftcol,
	#leftSideContentTop,
	.searchBox,
	#relatedtopics{
		display: none !important;
	}
	.bag dt.leftSideLabel span.allowenceChildNoSeat,
	.bag dt.leftSideLabel span.allowenceChildSeat,
	#topInstructions{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#embargoes h2{
		padding: 6px 0 14px 0;
	}
	.bag dt.embargoes{
		padding: 5px 5px 10px 5px;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
	}
	.contentBlock{
		border: 1px none transparent;
		border-radius: 0;
	}
	#leftSideContentMain{ padding: 0;}
	#leftSideContentMain h2{
		border: 1px none transparent;
		border-radius: 0;
	}
}

/* Search engine
***************************************************/
.engine {padding: 20px; overflow: hidden; border:1px solid #c9c9c9; border-top:none; background-color:#f1f1f1;}
.engine label {text-transform:uppercase; font-weight: 600; display:block;}
.engine select,
.engine input, .engine .inputOverlay, .engine .selectOverlay {position: relative; font-weight: 400; padding:5px; width:100%; margin-bottom:20px;}

.engine .inputOverlay, .engine .selectOverlay{ padding-left: 0;, overflow: hidden; margin-bottom: 0;}
.engine .inputOverlay span, .engine .selectOverlay span{
	position: absolute;
	top: 7px;
	left: 1px;
	right: 1px;
	padding: 0 0 0 10px;
	background-color: #fff;
	line-height: 28px;
	pointer-events: none;
}
.engine .passengers select { width:127px;}
.engine select .price {font-weight:600;}

.engine .checkLabel{
	position: relative;
	padding: 0 0 0 20px;
	font-weight: 400;
	text-transform: none;
}
.engine .checkLabel input{
	position: absolute;
	left: 0;
	width: auto;
}
.engine .fullWidthButton{
	margin-top: 20px;
}
.engine .fullWidthButton a{
	width: 100%;
	font-weight: 600 !important;
	line-height: 30px;
}
.engine .fullWidthButton a span{
	font-size: inherit;
}
.engine .row{
	overflow: hidden;
}
.engine .splitRow .column{
	margin-bottom: 0;
}
.engine .splitRow{
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #a8a8a8;
}

.checkedRules{
	margin: 0 0 20px 0;
	padding: 0;
	border-collapse: collapse;
}
.checkedRules thead{
	padding: 20px;
	background-color: #ccc;
	text-transform: uppercase;
}
.checkedRules thead th{
	padding-left: 15px;
	font-size: 15px;
	font-weight: 700;
	line-height: 42px;
	text-align: left;
}
.checkedRules td:first-child{
	width: 20%;
	font-size: 15px;
	font-weight: 700;
}
.checkedRules td:first-child img{
	display: block;
}
.checkedRules td:first-child span{
	font-weight: 400;
}
.checkedRules td{
	overflow: hidden;
	width: 40%;
	padding: 20px 15px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.checkedRules td.childrenPolicies{
	padding: 0;
}
.checkedRules td h4{
	margin: 10px 0 0 0;
	font-weight: 700;
}
.checkedRules td h4:first-child{
	margin-top: 0;
}
.nbBagTitle{
	overflow: hidden;
}
.nbBagTitle .fee{
	font-size: 15px;
	font-weight: 700;
}
.nbBagTitle .fee span{
	display: block;
	font-size: 13px;
}

.nbBagTitle .remarks{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}
.nbBagTitle sup{
	font-size: 9px !important;
}
.bagBlock{
	margin-bottom: 20px;
}
.extraFee{
	margin-top: 0;
}
.extraFee span{
	display: block;
}

.bagHeader{
	margin: 15px 0 0 0;
	padding: 20px;
	overflow: hidden;
	background-color: #4a4f55;
	color: #fff;
}
.bagHeader .city>div,
.bagHeader .city>img{
	float: left;
}
.bagHeader .city>img{
	margin: 17px 5px 0 5px;
}
.bagHeader  h3{
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}
.bagHeader .city>div{
	font-size: 15px;
	font-weight: 700;
}
.bagHeader .column{
	font-size: 15px;
	font-weight: 700;
}
.bagTaxes {
	margin: 20px 0;
	padding: 20px 10px 20px;
    background-color: #eaf6fb;
}
.bagTaxes h3{
	font-size: 14px;
}
.cubaNote{
	font-size: 14px !important;
	font-weight: 400 !important;
}

.instructions{
	overflow: hidden;
}
.instructions ol{
	counter-reset: item;
	margin: 20px 0 10px 0;
	padding: 0;
	list-style-type: none;
}
.instructions ol li{
	position: relative;
	display: block;
	padding: 0 0 10px 15px;
	font-size: 11px;
}
.instructions ol li:before{
	content: counter(item) ".";
	counter-increment: item;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: xx-small;
}

.extraInfo{
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 20px;
	background-color: #fff;
	font-size: 13px;
	color: #4a4f55 !important;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
}

#extraInfoBlock{
	position: absolute;
	display: none;
	z-index: 2000;
	width: 300px;
	padding: 10px;
	background-color: #ccc;
}

#acmovingTip{
	width: 300px;
	padding: 10px;
	background-color: #ccc;
	border: 0;
}

.info-row .info-desc, .info-row .info-icon {    float: none !important;; }
.info-row .info-icon {float: left !important;}
.error-content{
/*	margin-top: 20px;
	margin-left: -20px;
	margin-right: -20px;*/
	margin: 20px;
	padding: 20px;
	/*padding: 20px 20px 0px;*/
/*	border-top: 1px solid #e6e6e6;*/
	color: #d8292f;
	border: 1px solid;
}
.form-container-standard .form-control{
	margin-bottom: 0;
}
.tabs-magnet > .tabs-container .container-fluid .supplementary-wrapper{
	margin-top: 0;
}

.form-container-standard .btn{
	white-space: normal;
}
@media screen and (min-device-width: 768px){
	#checked_origin_wrapper label,
	#checked_destination_wrapper label{
		margin-top: 0;
	}
}

@media screen and (max-device-width: 320px){
	#baggageSelectorToggle{
		display: none !important;
	}
	#leftSideContentTop{
		background: transparent;
		margin: 0 -5px;
	}
	#leftSideContentMain{
		margin: 0 -5px;
	}
	.baggageSelectorShell{
		border: 0px solid transparent;
		box-shadow: 0 0 0 0;
		margin: 5px 10px;
	}
	.baggageSelector{
		background: transparent;
		padding: 10px 5px;
	}
	.baggageSelector label{
		text-align: left;
		display: block;
	}
		.baggageSelector label.longLabel{
			float: left;
			width: 255px;
			margin: 8px 0 7px 5px;
		}
	#field_from,
	#field_to{
		width: 100%;
	}
	.setLeftMargin{
		margin: 20px 0 0 0;
	}
	.setLeftMargin button{
		line-height: 15px;
	}
	#chk_infant_noseat,
	#chk_infant_seat{
		float: left;
		margin-top: 8px;
	}
	.infolist, .errorlist{
		width: 266px;
	}
	.searchBox{
		display: none;
	}
	.bag dd,
	.bag dt{
		border-top: 0 solid transparent;
	}
	.bag dt{
		width: 100%;
	}
	.bag dd{
		padding-left: 15px;
		padding-bottom: 20px;
		padding-top: 0;
		width: 270px;
		border-bottom: 1px dotted #b4d1e2;
	}
	.bag dt{
		font-size: 16px;
	}
	.bag dd span{
		font-size: 14px;
	}
	.bag dd.bagdimension{
		padding: 8px 10px 15px;
		border-bottom: 0 dotted #b4d1e2;
	}
	.bag dt.excess{
		font-size: 16px;
	}
	.leftSideLabel{
		float: none;
		border-top: 6px dotted #b4d1e2;
		width: 100%;
		margin: 15px 0 15px -4px;
	}
	#bagPolicies .leftSideLabel:first-child{
		border-top: 0 dotted #b4d1e2;
		margin: 0;
	}
	.leftSideLabel img{
		display: none;
	}
	.leftSideLabel span.allowenceChildNoSeat,
	.leftSideLabel span.allowenceChildSeat{
		margin-bottom: 0;
		padding-bottom: 0;
		background-color: transparent;

	}
	#imgTopTier{
		float: none;
	}
}


.bold{
	font-weight: bold !important;
}

/* FIXES for citylist */
.location-options .location-result.active::after{
	left: auto;
	margin-top: -8px;
	border: 0;
}
.location-options .location-result{
	display: block;
	height: auto;
	border: 0;
}
.select-list-wrapper .option-item{
	width: 100%;
	border: 0;
}
.select-list-wrapper .option-item.active::after{
	left: auto;
	width: auto;
	height: auto;
	border: 0;
}
.message-information, .error-code{
	color: #ed1b26;
}

@media screen and (max-width: 499px){
	.checkedRules thead{
		display: none;
	}
	.checkedRules tr td:first-child{
		width: 100%;
		background-color: #e6e6e6;
		border: 0 solid transparent;
		padding-left: 20px;
	}
	.checkedRules td{
		display: block;
		position: relative;
		width: 100%;
		border: 0 solid transparent;
		border-bottom: 1px solid #e6e6e6;
		padding-left: 160px;
	}
	.checkedRules td:before{
		content: attr(data-label);
		position: absolute;
		left: 20px;
		font-weight: bold;
		font-size: 14px;
	}
}
@media screen and (min-width: 500px){
	.nbBagTitle .col-md-4.dashed:after{
		content: "-";
		position: absolute;
		top: -4px;
		right: 8px;
		font-size: 18px;
		font-weight: 700;
	}
}