/*
 * Weight and Balance page
 */

.viewSizeGE-XL .wb .pageCol {	/* side by side on large width */
	float: left;
	width: 50%;
}

.fuelCard .card_label:first-child {
	flex: 0 0 35%;
}
.fuelCard .card_value:nth-child(2) {
	flex: 1 0 45%;
}
.fuelCard .card_label:nth-child(3) {
	flex: 0 0 4px;
}
.fuelCard .wbMax {
	display: inline-block;
	text-align: right;
	padding-right: 1ch !important;
	width: 100%;
}

.payloadCard .card_label:first-child {
	flex: 0 0 35%;
}
.payloadCard .card_value table {
	width: 100%;
}
.payloadCard .wbPayloadTable td:first-child,
.payloadCard .wbPayloadTable td:nth-child(2) {
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}
.payloadCard .wbPayloadTable td:first-child {
	padding-right: 8px;
}
.payloadCard .wbPayloadTable td:last-child {
	text-align: right;
	padding-right: 1ch !important;
	width: 100%;
}
.payloadCard .wbSeatRow_armRow,
.payloadCard .wbSeatRow_nameRow {
	font-size: 60%;
}
.payloadCard .wbBenchRow_weightRow td:first-child,
.payloadCard .wbCargoRow_weightRow td:first-child {
	text-align: center;
	padding-right: 10%;
}
.payloadCard .wbBenchRow_armRow td:first-child,
.payloadCard .wbCargoRow_armRow td:first-child {
	font-size: 60%;
	text-align: center;
	padding-right: 10%;
}
.payloadCard .weightEntry {
	display:flex; align-items:center;
}
.payloadCard .weightEntry button {
	margin-left: 2px;
	height: 100%;
}
.payloadCard .otherLoadTbl {
	width: 20ch !important;
}

.wb .resultsCard .card_label:first-child {
	flex: 0 0 45%;
}
.wb .resultsCard .wbMsg {
	display: inline-block;
	text-align: right;
	padding-right: 1ch !important;
	width: 100%;
}

.svId_wb_diagram {
	margin-left: auto;
	margin-right: auto;
	height: 13em;
	width: calc(13em * 800/600);					/* replace with aspect-ratio CSS in 2026 */
}

.wb .card_title button {
	margin-left : 4px;
}


.wb .svId_ac_selectedSeatConfig {
	width: 100%;
}
/* padding between the tables */
.wb .acSeatConfigChoice > table > tr:nth-child(2) > td:first-child {
	padding-right: 1em;
}
.wb .acSeat {
	height: 30px;
	width: 30px;
}
.wb .acSeatConfigChoice-empty {
	font-size: 70%;
}
.wb .acSeatConfigChoice-empty td:first-child {
	text-align: right;
}

/*
 * People selection overlay page
 */
/* The wrapper overlays the entire view to capture touches outside the keypad */
#pplSel_wrapper {
	position: fixed;
	z-index: 100;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: var(--main-wrapper-haze);
	display:flex; justify-content: center; align-items: center;
}

#pplSel_box {
	color: var(--main-text-color);
	background-color: var(--main-text-bg-color);
	border-radius: 8px;
	border: 4px solid var(--main-dialog-border-color);
	max-height: 100%;
	min-width: 320px;
}

.pplSel_contents {
	height: 4em;
	width: 40ch;
	display: flex; align-items: center; justify-content: center;
	font-weight: bold;
}
.pplSel_contents button {
	margin-left: 8px;
}
.pplSel_footer {
	display: flex; align-items: center; justify-content: space-between;
}
.pplSel_footer button {
	font-size: 100%;
	font-weight: bold;
	min-width: 65px;
	min-height: 44px;
	margin: 15px 6px 6px 6px;
	text-align: center;
	display: block;
}