/* www.lnaa.com - ViewTFCR.css */

table#fvFCR {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	min-width: 8in;
	max-width: 1024px;
	width: 100%;
	background-color: #f0f0f0;
	box-shadow: 3px 3px 3px #888,
	inset 0 0 1px 1px #DDD;
	color: black !important;
	position: relative; /* fix firefox rendering error with nav buttons */
	border: none !important;
}

table#fvFCR > tbody:last-child td:not(.FullBanner) {
	padding: 0px;
}

table#fvFCR table {
	/* In case Site.css isn't included */
	text-align: center;
	box-shadow: /*inset 0 0 5px 1px rgb(85, 85, 85),*/ 0 0 1px rgb(85, 85, 85),
	3px 3px 3px rgb(136, 136, 136);
	background-color: rgb(125, 155, 189);
	color: rgb(255, 255, 255);
	border: none !important;
	border-collapse: collapse;
}

article th {
	background-color: #5D7B9D;
	color: white;
	box-shadow: none !important;

	/* In case Site.css isn't included */
	min-width: 5em;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.1),
	0 1px 3px rgba(0, 0, 0, 0.3),
	0 3px 5px rgba(0, 0, 0, 0.2),
	0 5px 10px rgba(0, 0, 0, 0.25),
	0 10px 10px rgba(0, 0, 0, 0.2),
	0 20px 20px rgba(0, 0, 0, 0.15);
	text-align: left;
	padding-left: 5px;
}

article td {
	background-color: #f0f0f0;
	color: black;
	border: none;
}

.FullBanner {
	text-align: center;
	padding: 50px;
}

thead {
	text-align: center;
}

thead h1 {
	display: inline;
	font-size: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
}

thead div {
	display: normal;
	margin: 10px auto 10px auto;
	text-align: center;
}

.ReportDate {
	display: none;
}

.AirportDetails td {
	width: 360px;
}

.AirportDetails td > div {
	display: table;
}

.AirportDetails td > div > div {
	display: table-row;
}

.AirportDetails td > div > div > div {
	display: table-cell;
	width: 180px;
	font-size: 1.25em !important;
	white-space: nowrap;
}

.AirportDetails td > div > div > div:first-child {
	font-weight: bold;
}

.AirportDetails .WeatherHeader {
	background-color: #5D7B9D;
	color: white;
}

.AirportDetails .WeatherHeader div {
	padding: 5px;
}

.RunwayStatusRow th,
.RunwaySurfaceRow th {
	width: 140px;
}

.PavementBrakingActionColumn {
	width: 120px;
}

.Pavements tr > *:first-child {
	width: 100px;
}

.ArchivedReportHeader {
	text-align: center;
	font-size: 1.5em;
	padding: 5px;
}

.ArchivedReportHeader a {
	padding: 2px;
}

.PavementTypeName {
	text-transform: uppercase;
	background-color: rgb(224, 224, 240);
	color: rgb(61, 91, 125);
	text-shadow: none;
	border-radius: 5px;
}

table.Pavements {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	margin: 0px;
}

table.Pavements * {
	padding-left: 10px;
	padding-right: 10px;
}

table.Pavements tr > th:first-child {
	text-align: center;
}

table.Pavements th {
	text-align: center;
	border-radius: 5px;
	border: thin solid white;
}

table.Pavements td {
	border-top: thin solid black;
}

.LowMU td {
	color: red;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.65);
	font-weight: bold;
	text-shadow: 0 0 3px black;
}

.LowMU {
	color: red;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.65);
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: 0 0 3px black;
}

.Closed,
.Poor,
.Nil {
	color: red;
	background-color: black;
	font-weight: bold;
}

.Pavements .Closed:before {
	content: '[';
}

.Pavements .Closed:after {
	content: ']';
}

.PavementRowNil td,
.PavementRowClosed td,
.AlternatePavementRowNil td,
.AlternatePavementRowClosed td {
	background-color: gray;
	color: white;
}

.AlternatePavementRow {
	background-color: #e0e0f0 !important;
}

.DataLabel {
	border-spacing: 2px;
	border-color: gray;
	margin: 0px;
	padding: 1px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

section.DebugInfo {
	opacity: 0.65;
	position: absolute;
	padding: 20px;
	z-index: 9990;
	margin: 0;
}

section:nth-child(2) {
	margin-top: 0px !important;
}

section.FCR {
	margin-top: 0px !important;
	border: none !important;
	background: none !important;
	box-shadow: none;
}

article {
	max-width: 1034px !important;
}

.RunwayHeaderRow * {
	font-size: 19px;
}

.NoMU {
	display: none;
}

table.RunwayFriction {
	border-collapse: collapse;
	margin: 0px auto 2px auto;
}

.RunwayFriction th {
	text-align: center;
}

.BannerHeader {
	float: left;
	padding: 5px;
}

.BannerValue {
	float: right;
	padding: 5px;
}

@media print {
	* {
		color: black !important;
	}

}

/*@supports not (flex-wrap: wrap) { /* Firefox */
.BasicInfoContainer {
	display: inherit;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 1024px;
}

.BasicInfoContainer > div {
	display: inline-block;
}

/*}*/

@supports (flex-wrap: wrap) {
	/* Chrome/IE10+ */
	.BasicInfoContainer,
	.RunwaysContainer {
		display: -webkit-box; /* iOS 6-, Safari 3.1-6 */
		display: -ms-flexbox; /* IE 10 */
		display: -webkit-flex; /* Safari */
		display: flex; /* Spec */
		flex-direction: row;
		-ms-flex-flow: row wrap;
		-ms-flex-align: stretch;
		-ms-flex-pack: distribute;
		align-content: stretch;
		align-items: stretch;
		justify-content: center;
		max-width: 1024px;
		flex-wrap: wrap;
		/*border: thin solid pink;*/
	}

	.BasicInfoContainer > div,
	.RunwaysContainer > * {
		-webkit-flex: 2; /* Safari */
		-ms-flex: 2; /* IE 10 */
		flex: 2; /* Spec */
		display: block;
		-webkit-transition: width 0.7s ease-out;
		transition: width 0.7s ease-out;
	}
}

.BasicInfoContainer > div,
.RunwaysContainer > * {
	min-width: 170px;
	text-align: center;
	padding: 5px;
}

article .divHeader {
	font-weight: bold;
	padding: 5px;
	color: rgb(255, 255, 255);
	background-color: rgb(93, 123, 157);
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

.BasicInfoContainer div input {
	width: 50px;
}

.BasicInfoContainer div select {
	min-width: 50px;
}

.RunwaysContainer {
	align-content: stretch;
	justify-content: center;
	*width: 100%;
}

.RunwayContainer {
	*width: 100%;
}

.RunwayContainer > table {
	width: 100%;
}

.RunwayContainer table { /* IE6 */
	*width: 100%;
}

.RunwayClosedContainer {
	-ms-flex: 1 100%;
	flex: 1 100%;
}

.RunwayClosedContainer .RunwayStatusRow {
	display: none;
}

.FCRnavContainer {
	position: relative;
}

aside.FCRnav {
	text-align: center;
	position: absolute;
	left: 10px;
	top: 10px;
}

aside.FCRnavPrev {
	position: absolute;
	left: 10px;
	top: 10px;
}

aside.FCRnavNext {
	position: absolute;
	right: 10px;
	top: 10px;
}

div.ExtraInspectorInfo {
	box-shadow: 0 0 1px rgb(85, 85, 85),
	3px 3px 3px rgb(136, 136, 136);

	color: rgb(255, 255, 255);
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.1),
	0 1px 3px rgba(0, 0, 0, 0.3),
	0 3px 5px rgba(0, 0, 0, 0.2),
	0 5px 10px rgba(0, 0, 0, 0.25),
	0 10px 10px rgba(0, 0, 0, 0.2),
	0 20px 20px rgba(0, 0, 0, 0.15);
	background-color: rgb(93, 123, 157);

	visibility: hidden;
	opacity: 0;
	height: 0px;
	overflow: hidden;
	transition: all ease-in-out 0.5s;
	position: absolute;
	display: block;
	margin-top: -1em;
	width: calc(100% - 10px); /* remove padding */
}

div.ExtraInspectorInfo img {
	display: block;
	width: 180px;
	height: 205px;
	margin: 5px auto 5px auto;
}

div.ExtraInspectorInfo *:last-child {
	margin-bottom: 5px;
	display: block;
}

div.ExtraInspectorInfoContainer {
	position: relative;
}

div.ExtraInspectorInfoContainer:hover > div.ExtraInspectorInfo {
	visibility: visible;
	opacity: 1;
	height: auto;
}

.FCRCommentContainer {
	text-align: center;
	width: 100%;
}

td div.FCRCommentContainer {
	margin-top: 2px;
	/*box-shadow: inset 0 0 0px 2px rgb(93, 123, 157);*/
}

.FCRCommentContainer .divHeader {
	font-size: 19px;
}

.FCRnavLink {
	opacity: 0.25;
}

.FCRnavNext .FCRnavLink:last-child {
	opacity: 0.75;
}

.FCRnavLink:hover {
	opacity: 1;
}

@media print {
	.Closed, .Nil {
		background-color: white;
	}

	table,
	.Pavement table td,
	table th {
		border: thin solid black !important;
	}
}

@media screen and (max-width: 1000px) {
	/* Tablet or very small monitor */
	article * {
		font-size: 16px;
	}

	/* For Debugging */
	::-webkit-scrollbar {
		width: 3px;
	}
}

@media screen and (max-width: 780px) {
	/* Small tablet, Portrait */
	table#fvFCR {
		min-width: 0px;
	}

	.FullBanner {
		padding: 5px;
	}

	.BasicInfoContainer {
		max-width: 99%;
	}

	.RunwaysContainer {
		display: block;
		max-width: 99%;
	}

	.RunwayContainer {
		display: block;
		width: 100%;
	}

	.FCRnavLink {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	/* Mobile Phone, Portrait */
	.Pavements {
		/*display: none;*/
	}

	.PavementStatusColumn {
		display: none;
	}
}

/* IE7 and lower */
.lte7 .FCR .BasicInfoItemContainer {
	display: inline;
	zoom: 1;
	padding: 5px 5px 5px 5px;
	width: 205px;
}


.RunwayZoneContainer {
	display: -webkit-box; /* iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox; /* IE 10 */
	display: -webkit-flex; /* Chrome */
	display: flex; /* Spec - Opera 12.1, Firefox 20+ */

	flex-direction: row; /* Chrome */
	-ms-flex-flow: row wrap; /* IE */
	flex: 1;

	align-content: space-between;
	justify-content: space-around;

	width: 100%;
	flex-wrap: wrap;
}

.RunwayZoneContainer .RunwayZone {
	width: 33%;
}

.RunwayStatus {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	border-radius: 30px;

	color: rgb(62, 87, 6);
	background: rgb(165, 205, 78);
	background: -moz-linear-gradient(top, rgb(165, 205, 78) 0%, rgb(107, 143, 26) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e), color-stop(100%, #6b8f1a));
	background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	white-space: nowrap;

}

.RunwayContaminants {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	/*border-radius: 30px;*/
	border-radius: 10px;

	color: rgb(255, 200, 200);
	background: rgb(205, 70, 78);
	/*background: -moz-linear-gradient(top, rgb(205, 70, 78) 0%, rgb(143, 20, 26) 100%);*/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
	background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
	background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
	background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);*/
	background: linear-gradient(to bottom, rgb(205, 70, 78) 0%, rgb(143, 20, 26) 100%);

}

.RunwayRow,
.RunwayContaminentContainer {
	display: -webkit-box; /* iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox; /* IE 10 */
	display: -webkit-flex; /* Chrome */
	display: flex; /* Spec - Opera 12.1, Firefox 20+ */

	flex-direction: row; /* Chrome */
	-ms-flex-flow: row wrap; /* IE */
	flex: 1;

	width: 100%;
	flex-wrap: wrap;
}

.RunwayRow {
	align-content: space-around;
	justify-content: flex-start;
}

.RunwayContaminentContainer {
	align-content: space-between;
	justify-content: space-around;
}

.RunwayContaminants div {
	font-size: x-small;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .12);
	overflow: hidden;
}

.RunwayStatus span,
.RunwayContaminants span {
	display: inline-block;
}

.RunwayStatus span,
.RunwayContaminants span,
.RunwayStatus div,
.RunwayContaminants div {
	max-width: 0;
	max-height: 0;
	transition: all ease 1s;
	visibility: hidden;
}

.RunwayRow:hover .RunwayStatus span,
.RunwayRow:hover .RunwayStatus div {
	max-width: 100px;
	max-height: 80px;
	visibility: visible;
}

.RunwayZoneContainer:hover .RunwayContaminants span,
.RunwayZoneContainer:hover .RunwayContaminants div {
	max-width: 80px;
	max-height: 80px;
	visibility: visible;
}

.Closed {
	color: white;
	background: repeating-linear-gradient(-45deg, rgba(200, 0, 0, .75), rgba(200, 0, 0, .75) 5px, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, .75) 10px);
}

.Closed td {
	color: white;
	background: none;
}


@media print {
	.RunwayRow .RunwayStatus span,
	.RunwayRow .RunwayStatus div {
		max-width: 100px;
		max-height: 80px;
		visibility: visible;
	}

	.RunwayZoneContainer .RunwayContaminants span,
	.RunwayZoneContainer .RunwayContaminants div {
		max-width: 80px;
		max-height: 80px;
		visibility: visible;
	}

	.Closed,
	.Closed td {
		background: none;
	}
}