.time-table {color: #c8c8c8;background: #4A4F55;padding: 40px;}

.time-table .glyph-input-wrapper i {color: #4a4f55;}

.REDMAPLE{color:#D8292F; font-size: 26px;}
.REDROUGE{color: #a30034; font-size: 26px;}
.BLACKMAPLE {color:#4A4F55; font-size: 26px;}
.STARALLIANCE {background: url('/content/dam/aircanada/portal/images/logos/ac_star_rondelle.png') no-repeat 0 center; width: 26px; height:26px;}
.OAL {color:#0092AF; font-size: 26px;}

.ac-roundel-aircanada.BLACKMAPLE:before {color:#4A4F55 !important; font-size: 26px;}

i.ac-icon.ac-roundel-rouge {
    font-size: 22px;
	text-align: center;
}

time abbr { border-bottom:none !important; cursor: default !important;}
.time-table-results { width:100%;}

.form-container-standard [type="checkbox"] + .form-label-text, .form-container-standard [type="radio"] + .form-label-text{
	color: #fff;
}

.time-table-search-results .carrierlist{
	margin-left: 10px;
}
.time-table-results .op sup{
	top: -0.8em;
	left: 0.2em;
}

.time-table-title{
	font-size: 24px;
}
.tabs-magnet > .tabs-container .container-fluid .row.checkbox-gutter{
	margin-left: 0;
}
.tabs-magnet > .tabs-container .container-fluid .row .col-sm-6{
	padding-left: 5px;
}
.container-time-table{
	position: relative;
	min-height: 150px;
}
#container-time-table-spinner{
	position: absolute;
	z-index: 1000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.2);
}
.flight-status-section .form-container-standard label{
	margin-top: 0;
}
.flight-status-section .form-container-standard .form-control{
	margin-bottom: 0;
}


.form-container-standard [type="checkbox"] + label > .form-label-text,
.form-container-standard [type="radio"] + label > .form-label-text{
	color: #fff;
}

@media (min-width: 768px) and (max-width: 1200px){
	/*Forcing base css to look as the mockup*/
	#pageMain.ac-base-template .content-wrapper { padding:0;}
	.time-table { padding:40px 20px;}
	.time-table .checkbox label { color:#ffffff;}
	/*END: Forcing base css to look as the mockup*/
}

@media (min-width: 768px){
	.time-table-search-results h2 { padding:10px;}
	.time-table-search-results p { padding:10px 20px 0; font-size:87%;}
	.time-table-noresult p{
		padding-left: 0;
		font-size: 100%;
	}

	h2 .origin { margin-left:20px; font-size: 24px; font-weight: 400;}
	h2 .destination { margin-right:20px; font-size: 24px; font-weight: 400;}
	h2 time { font-size:16px; font-weight: 400;}
	h2 time b { font-weight:normal;}

	.time-table-results thead th { background-color:#e6e6e6; border-left:1px solid #ffffff; font-weight:600; padding:10px 0;}
	.time-table-results thead th:first-child { border-left:none;}

	.time-table-results tr .op { width:7%;}
	.time-table-results tr .duration,
	.time-table-results tr .aircraft { width:11%;}

	.time-table-results tr .departure,
	.time-table-results tr .arrival { width:8%;}

	.time-table-results tr .flight { width:17%;}
	.time-table-results tr .connections,
	.time-table-results tr .meals { width:19%;}

	.time-table-results tbody td { padding:13px 2px 13px 5px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
	.time-table-results tbody td:first-child { border-left:none;}

	.time-table-results tr.first-segment td,
	.time-table-results tr.connection td {border-bottom:none;}
	.time-table-results tr.last-segment td {border-bottom:1px solid #e6e6e6;}

	.time-table-results tr.first-segment td{
		padding-top: 13px;
	}
	.time-table-results tr.connection td{
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.time-table-results tr.last-segment td{
		padding-bottom: 13px;
	}

	.time-table-results tr .op span { display:inline-block; margin:0 0 -5px 31%; padding:0; width:19px; height:18px;}

}

@media (max-width: 767px) {
	
	/*Forcing base css to look as the mockup*/
	#pageMain.ac-base-template .content-wrapper { padding:0;}
	.time-table { padding:40px 20px;}
	.time-table .checkbox label { color:#ffffff;}
	/*END: Forcing base css to look as the mockup*/

	h1.page-heading span { display:block;}

	h2 time { display:block; background: #4A4F55; color:#ffffff; padding:10px; margin-top:10px; font-weight:normal;}
	h2 time b { font-weight:normal;}
	h2 time abbr { font-weight:bold;}
	h2 time abbr.month { font-weight:normal;}

	.time-table-search-results { margin-top:10px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #e6e6e6 solid;}
	.time-table-search-results h2 { margin-bottom: 0}
	.time-table-search-results h2 i { margin-left:10px;}
	.time-table-search-results p { padding:0 10px 30px;}
	.time-table-noresult p{ font-size: 100%; }

	.time-table-results { margin-bottom:20px; }

	/* Force table to not be like tables anymore */
	.time-table-results, .time-table-results thead, .time-table-results tbody, .time-table-results th, .time-table-results td, .time-table-results tr {
		display: block;
	}
	.time-table-results{
		border:0;
	}
	.time-table-results thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.time-table-results tbody{
		margin-top: 20px;
		border: 1px solid #e6e6e6;
	}
	.time-table-results tr td{
		border: 0 solid transparent;
	}

	.time-table-results tr .op {width:19%;text-align:center;}
	.time-table-results tr .departure,
	.time-table-results tr .arrival,
	.time-table-results tr .duration {width:33%;text-align:left;}
	.time-table-results tr .duration {width:34%;}

	.time-table-results tr .op,
	.time-table-results tr .departure,
	.time-table-results tr .arrival,
	.time-table-results tr .duration {
		float:left;
		padding-top:30px;
		position: relative;
		padding-bottom:10px;
		background-color:#f9f9f9;
		font-weight:bold;
	}

	.time-table-results tr.connection .op,
	.time-table-results tr.connection .departure,
	.time-table-results tr.connection .arrival,
	.time-table-results tr.connection .duration {margin-top:0;border-top:1px #e6e6e6 solid; padding-top:10px;}

	.time-table-results tr.connection .op,
	.time-table-results tr.connection .departure,
	.time-table-results tr.connection .arrival,
	.time-table-results tr.connection .duration {border-top:none; padding-top:30px;}

	.time-table-results tr.connection .op:before,
	.time-table-results tr.connection .departure:before,
	.time-table-results tr.connection .arrival:before,
	.time-table-results tr.connection .duration:before,
	.time-table-results tr .op:before,
	.time-table-results tr .departure:before,
	.time-table-results tr .arrival:before,
	.time-table-results tr .duration:before {
		position: absolute;
		display:inline-block;
		text-transform:uppercase;
		content:attr(data-label);
		top:10px;
		font-weight:normal;
	}

	.time-table-results tr .op:before { left:19px;}
	.time-table-results tr .op span { display:inline-block; margin:0 auto -5px auto; padding:0; width:19px; height:18px;}

	.time-table-results tr .flight { border-top:1px #e6e6e6 solid; padding-top:7px;}

	.time-table-results tr .aircraft,
	.time-table-results tr .flight,
	.time-table-results tr .connections,
	.time-table-results tr .meals {
		position: relative;
		text-align:left;
		padding-left:140px;
		padding-top:7px; padding-bottom:7px;
		clear:both;
		background-color:#f9f9f9;
		font-weight:bold;
		
	}
	.time-table-results tr .connections,
	.time-table-results tr .aircraft{ height: 22px; }
	.time-table-results tr .flight,
	.time-table-results tr .departure{
		padding-left: 5px;
	}

	.time-table-results tr .meals { padding-bottom:15px;}

	.time-table-results tr .flight:before{
		position: relative;
		display:inline-block;
		width: 100%;
		text-transform:uppercase;
		content:attr(data-label);
		text-align:left;
		font-weight:normal;
	}

	.time-table-results tr .aircraft:before,
	.time-table-results tr .connections:before,
	.time-table-results tr .meals:before {
		position: relative;
		display:inline-block;
		width: 140px;
		margin-left: -135px;
		text-transform:uppercase;
		content:attr(data-label);
		text-align:left;
		float:left;
		font-weight:normal;
	}
}