@charset "utf-8";
/* CSS Document */

/* #Aria - Accessibility
================================================== */
.visually-hidden {position: absolute;left: -9999em;top: auto;width: 1px;height: 1px;}
[aria-hidden="true"]{display:none}

/* Fare Grid Table
================================================== */
.fareGrid{width:100%;margin-top:50px;border-collapse:collapse;table-layout:fixed;border:0;margin-bottom:15px;}
.fareGrid caption{text-align:left;font-size:18px;font-weight:700;margin-bottom:8px}
.fareGrid th,
.fareGrid td{padding:10px}
.fareGrid .tab{padding:0;background-color:#dedede;border-left:1px solid #fff;font-family:"Open Sans";font-weight:600;font-style:normal;font-size:15px;vertical-align:top}

.tab strong{font-weight:400}
.tab div{/*padding:21px 10px 28px*/padding:15px 5px}

.heading{width:300px;background-color:#efefef;text-align:center;font-size:14px;font-family:"Open Sans"}

.economy > div{border-top:9px solid #d8292f}
.premium > div{border-top:9px solid #0092af}
.business > div{border-top:9px solid #4a4f55}

.fareGrid tbody th,
.fareGrid tbody td{background-color:#f9f9f9;border-top:8px solid #fff;font-size:14px;height:100px}
.fareGrid tbody th{text-align:left;font-family:"Open Sans";font-weight:600;font-style:normal;/*padding:0 20px*/padding:0 10px}


.fareGrid tbody td{/*border-left:1px solid #efefef;*/border-left:2px solid #efefef;text-align:center;font-family:"Open Sans";font-weight:300;font-style:normal}
.fareGrid tbody td strong{font-size:14px}
.fareGrid tbody td small{font-size:12px}
.fareGrid th.info{cursor:pointer}
.fareGrid tbody th > .info{position:relative}
.fareGrid tbody th > .info > div{/*padding-left:20px;*/padding-left:5px;padding-right:45px}
.fareGrid tbody .info > span{position:absolute;display:block;top:50%;right:20px;width:17px;height:17px;margin-top:-9px;color:#4a4f55;border-radius:100%;border:1px solid #4a4f55;text-align:center;font:italic 700 15px serif;line-height:14px}
.fareGrid tbody .infoRow th{position:relative;padding-left:34px;background-color:#bad2de;font-weight:400}
.fareGrid tbody .infoRow th:after{font:700 42px sans;position:absolute;content:'\21b3';top:-16px;left:4px;color:#fff}
.fareGrid tbody .infoRow th ul{margin-left:20px;padding:0}
.fareGrid tbody .infoRow th li{list-style:square;font-size:13px;font-weight:400}
.fareGrid tbody .infoRow td{text-align:left}

.yup,
.nope{position:relative;display:inline-block;text-indent:-9999px}
.yup:after,
.nope:after{font:700 22px sans;position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-9px;text-indent:0;visibility:visible}
.yup:after{content:'';background:url(/content/dam/aircanada/portal/images/check.png) 0 center no-repeat;width:30px;height:30px}
.nope:after{content:''}

.valignBottom{vertical-align:bottom}
.noteOneFare{padding:10px;margin:15px -10px -5px;background-color:#dacec2;position:relative}
.noteOneFare:after{border:10px solid transparent;border-bottom-color:#dacec2;top:-20px;position:absolute;content:' ';left:50%;margin-left:-10px}
.row-noteMultipleFare{overflow:hidden}

.fareGrid tbody td.noteMultipleFare{height:auto!important;border-top:0 solid transparent;background-color:#dacec2;text-align:left}
.fareGrid tbody td.noteMultipleFare div{padding:10px}
.fareGrid.first{margin-top:0}

.fare-block{margin:0 0 10px;/*font-size:24px;*/font-size:18px; /*display:inline-block;*/}
.fare-block span{/*font-size:14px*/ font-size:12px}
.fare-block sup{top:-.2em}
.fare-block + .fare-block{margin-top:20px; /**/display:block;}

.fare-inline{display:inline-block;/*font-size:24px;*/ font-size:18px;margin-left:5px}
.fare-inline span{/*font-size:14px*/ font-size:12px}

.pct-block,
.pct-inline{/*font-size:24px;*/ font-size:18px}
.pct-block span,
.pct-inline span{/*font-size:14px*/ font-size:12px}

.footNote{overflow:hidden}
.footNote > div{float:left;width:95%}
.footNote > div:first-child{float:left;width:1%;margin-right:10px}

.goto-str{margin-top:20px}

.fareGrid tr td:first-child, 
.fareGrid tr th:first-child {width:200px;}

@media
only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	.fareGrid table,
	.fareGrid thead,
	.fareGrid tbody,
	.fareGrid th,
	.fareGrid td,
	.fareGrid tr{display:block}
	.fareGrid tbody th,
	.fareGrid tbody td{height:auto;overflow:hidden}
	.fareGrid tbody tr > th{padding:10px 0}
	.fareGrid tbody td{position:relative}
	.fareGrid thead tr{position:absolute;top:-9999px;left:-9999px}
	.fareGrid td{border-top:none!important;border-right:none!important;border-bottom:3px solid #fff;position:relative;text-align:left;padding-left:200px}
	.fareGrid tr.infoRow td{padding-left:0;}
	.fareGrid tr.infoRow td div{padding-left:20px; font-size:12px;}
	.fareGrid tr.infoRow td ul{padding-left:35px;}
	.fareGrid tbody tr>th{background-color:#dedede}
	
	.fare-block{display:block;}
	
	.noteMultipleFare{margin:0 0 0 -200px}
	
	.fareGrid td:before{position:relative;display:inline-block;width:190px;margin-left:-180px;font-weight:600;content:attr(data-label);text-align:left;float:left}
	.fareGrid td:after{content:"";position:absolute;top:0;bottom:0;left:0;width:8px;background-color:#fff}
	.fareGrid td[data-label="Tango"]:after,
	.fareGrid td[data-label="Flex"]:after,
	.fareGrid td[data-label="Latitude"]:after,
	.fareGrid td[data-label*="Economy"]:after,
	.fareGrid td[data-klass="economy"]:after { background-color: #d82930; }
	.fareGrid td[data-label*="Premium"]:after,
	.fareGrid td[data-klass="premium"]:after { background-color: #0192af; }
	.fareGrid td[data-label*="Business"]:after,
	.fareGrid td[data-klass="business"]:after { background-color: #4a4f55; }
	
	.template-basic .section-wrapper {padding:0 !important;}
	
	.fareGrid tr td:first-child, 
.fareGrid tr th:first-child {width:auto;}

}

.rba-alert {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 20px;
	background-color: #F1F7FB;
	border: 1px solid #78A1B4;
	border-radius: 16px;
	display: flex;
}
.rba-alert:before {
	content: '';
	background-image: url(/content/dam/aircanada/portal/images/loyalty/icon/contextual-alert.svg);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}
.rba-alert .alert-body  p {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}