/*
 * Departure page
 */

.viewSizeGE-XL .dep .iGroup,
.viewSizeGE-XL .dep .oGroup {	/* side by side on large width */
	float: left;
	width: 50%;
}

.dep .settingsCard .card_label {
	flex: 0 0 36%;
}
.dep .resultsCard .card_label {
	flex: 0 0 40%;
}

.dep .card_row-colStyle-LV2 .card_value:nth-child(2) {
	flex: 1 0 15%;
}
.dep .card_row-colStyle-LV2 .card_label:nth-child(3) {
	flex: 0 0 25%;
	text-align: right;
	padding-right: 0.8ch;
}
.dep .card_row-colStyle-LV2 .card_label:nth-child(3) {
}

/*
 * Destination, Alternate, Departure return page
 */
.dest .settingsCard .card_label,
.alt .settingsCard .card_label,
.depRtn .settingsCard .card_label {
	flex: 0 0 36%;
}
.dest .resultsCard .card_label,
.alt .resultsCard .card_label,
.depRtn .resultsCard .card_label {
	flex: 0 0 40%;
}
.dest .card_row-colStyle-LV2 .card_value:nth-child(2),
.alt .card_row-colStyle-LV2 .card_value:nth-child(2),
.depRtn .card_row-colStyle-LV2 .card_value:nth-child(2) {
	flex: 0 0 15%;
}
.dest .card_row-colStyle-LV2 .card_label:nth-child(3),
.alt .card_row-colStyle-LV2 .card_label:nth-child(3),
.depRtn .card_row-colStyle-LV2 .card_label:nth-child(3) {
	flex: 0 0 25%;
	text-align: right;
	padding-right: 2px;
}

.rwyCanvasRow {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.rwyCanvasRow canvas {
	margin: 4px 4px 4px 0;
	height: 11em;
	width: calc(11em * 280/420);					/* replace with aspect-ratio CSS in 2026 */
}
.rwyCanvasRow .rwyText {
	width: 19ch;
	text-align: left;
	margin-top: 4px;
	margin-left: 4px;
}

.metarRefresh, .metarRefresh span {
	display: flex; align-items: center; justify-content: center;
	width: 100%;
	height: 100%;
}

.northSel td {
	text-align: center;
	min-width: 8ch;
	padding: 2px;
}

.northSel .northHead td {
	font-size: 85%;
}

.maneuveringCard table {
	width: 100%;
}
.maneuveringCard th {
	text-align: left;
}
.maneuveringCard th:first-child, .maneuveringCard td:first-child {
	border-right: 1px solid black;
}

.warning .svIo_output, .warning .svIo_input {
	color: var(--main-text-warning-color);
}

.caution .svIo_output, .caution .svIo_input {
	color: var(--main-text-caution-color);
}

.svId_dep_airportId, .svId_dest_airportId, .svId_alt_airportId {
	width: 3.5em;
}