/* CSS for the procedures, checklist, and memory items pages */

/* text when no procedures are available */
.procNoProc {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}

[data-svid="proc.cardTemplate"] {
	width:100%;
}

.tab .proc .page {
	display: flex;
	flex-direction: row;
}
.proc .listPage_contents {
	width: 100%;
}

.tab .proc .editList_container {
	min-width: 150px;
	max-width: 200px;
	width: 25%;
}
.tab .proc .card {
	min-width: 100%;
}

/* Card with buttons for available procedures */
.procCard .card_panel {
	padding: 4px;
	display: flex; justify-content: center; flex-wrap: wrap;
}
.procCard .card_panel button {
	min-height: max(40px, 2lh);
	margin: 4px;
	width: 29ch;
	background-color: lightgrey;
	line-height: 1.2;
}
.clCategory_g3000proc .card_panel button {
	font-size: 80%;
}
.procButtonStyle-3line .card_panel button {
	min-height: max(40px, 3lh);
}
.procButtonStyle-casW .card_panel button {
	color: var(--main-text-warning-color);
	background-color: black;
}
.procButtonStyle-casC .card_panel button {
	color: var(--main-text-caution-color);
	background-color: black;
}
.procButtonStyle-casA .card_panel button {
	color: white;
	background-color: black;
}
.procPanel td {
	height: 4em;
	width: 7em;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
	background-color: lightgrey;
}
.procPanel td.casButton-warning {
	background-color: tomato;
}
.procPanel td.casButton-caution {
	background-color: gold;
}
.casPanel {
	border: 1px solid black;
	padding: 2px;
}
.procCard-gifdPFW.procButtonStyle-2line .card_panel button,
.procCard-gifdAfcs.procButtonStyle-2line .card_panel button,
.procCard-gifdComparator.procButtonStyle-2line .card_panel button,
.procCard-gifdMsg.procButtonStyle-2line .card_panel button {
	width: 17ch;
}

.clAlert_gifd3x_cas-warning,
.clAlert_gifd3x_cas-caution,
.clAlert_gifd3x_cas-advisory {
	background-color: black;
	padding: 0 0.25ch;
	border-radius: 0.4ch;
	margin: 0 0.3ch;
	white-space: nowrap;
}
.clAlert_gifd3x_cas-warning {
	color: red;
}
.clAlert_gifd3x_cas-caution {
	color: yellow;
}
.clAlert_gifd3x_cas-advisory {
	color: white;
}

.clistDecision_tbl td {
	height: max(1.5lh, 40px);
	vertical-align: middle;
}

.clAirspeedTable td {
	padding-right: 1ch;
}
.clAlert_gifd1_pfd-advisory, .clAlert_gifd1_pfd-caution, .clAlert_gifd1_pfd-warning,
.clAlert_gifd1_pfdComp-advisory, .clAlert_gifd1_pfdComp-caution,
.clAlert_gifd1_pfdComp-warning,
.clAlert_gifd1x_pfd-advisory, .clAlert_gifd1x_pfd-caution, .clAlert_gifd1x_pfd-warning,
.clAlert_gifd1x_pfdComp-advisory, .clAlert_gifd1x_pfdComp-caution,
.clAlert_gifd1x_pfdComp-warning,
.clAlert_gifd3_pfd-advisory, .clAlert_gifd3_pfd-caution, .clAlert_gifd3_pfd-warning,
.clAlert_gifd3_pfdComp-advisory, .clAlert_gifd3_pfdComp-caution,
.clAlert_gifd3_pfdComp-warning,
.clAlert_gifd3x_pfd-advisory, .clAlert_gifd3x_pfd-caution, .clAlert_gifd3x_pfd-warning,
.clAlert_gifd3x_pfdComp-advisory, .clAlert_gifd3x_pfdComp-caution,
.clAlert_gifd3x_pfdComp-warning {
	border-radius: 0.3ch;
	border: 1px solid black;
	padding: 0.2ch 0.4ch;
	white-space: nowrap;
}
.clAlert_gifd1_pfd-advisory, .clAlert_gifd1_pfdComp-advisory,
.clAlert_gifd1x_pfd-advisory, .clAlert_gifd1x_pfdComp-advisory,
.clAlert_gifd3_pfd-advisory, .clAlert_gifd3_pfdComp-advisory,
.clAlert_gifd3x_pfd-advisory, .clAlert_gifd3x_pfdComp-advisory {
	background-color: white !important;
	color: black !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.clAlert_gifd1_pfd-caution, .clAlert_gifd1_pfdComp-caution,
.clAlert_gifd1x_pfd-caution, .clAlert_gifd1x_pfdComp-caution,
.clAlert_gifd3_pfd-caution, .clAlert_gifd3_pfdComp-caution,
.clAlert_gifd3x_pfd-caution, .clAlert_gifd3x_pfdComp-caution {
	background-color: gold !important;
	color: black !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.clAlert_gifd1_pfd-warning, .clAlert_gifd1_pfdComp-warning,
.clAlert_gifd1x_pfd-warning, .clAlert_gifd1x_pfdComp-warning,
.clAlert_gifd3_pfd-warning, .clAlert_gifd3_pfdComp-warning,
.clAlert_gifd3x_pfd-warning, .clAlert_gifd3x_pfdComp-warning {
	background-color: red !important;
	color: black !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.procButton-gifd1_cas-advisory, .procButton-gifd1x_cas-advisory,
.procButton-gifd3_cas-advisory, .procButton-gifd3x_cas-advisory,
.clAlert_gifd1_cas-advisory, .clAlert_gifd1x_cas-advisory,
.clAlert_gifd3_cas-advisory, .clAlert_gifd3x_cas-advisory {
	background-color: black !important;
	color: white !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.procButton-gifd1_cas-caution, .procButton-gifd1x_cas-caution,
.procButton-gifd3_cas-caution, .procButton-gifd3x_cas-caution,
.clAlert_gifd1_cas-caution, .clAlert_gifd1x_cas-caution,
.clAlert_gifd3_cas-caution, .clAlert_gifd3x_cas-caution {
	background-color: black !important;
	color: yellow !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.procButton-gifd1_cas-warning, .procButton-gifd1x_cas-warning,
.procButton-gifd3_cas-warning, .procButton-gifd3x_cas-warning,
.clAlert_gifd1_cas-warning, .clAlert_gifd1x_cas-warning,
.clAlert_gifd3_cas-warning, .clAlert_gifd3x_cas-warning {
	background-color: black !important;
	color: red !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.clAlert_gifd1_pfdHsi-caution, .clAlert_gifd1x_pfdHsi-caution,
.clAlert_gifd3_pfdHsi-caution, .clAlert_gifd3x_pfdHsi-caution  {
	background-color: brown; !important
	color: yellow !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.procButton-gifdMsgWhite {
	background-color: black !important;
	color: white !important;
	white-space: nowrap;
}
.procButton-gifd1_pfdReversionary-caution, .procButton-gifd1_pfdComp-caution,
.procButton-gifd1x_pfdReversionary-caution, .procButton-gifd1x_pfdComp-caution,
.procButton-gifd3_pfdReversionary-caution, .procButton-gifd3_pfdComp-caution,
.procButton-gifd3x_pfdReversionary-caution, .procButton-gifd3x_pfdComp-caution {
	background-color: black !important;
	color: yellow !important;
}
.procButton-gifd1_pfdComp-advisory, .procButton-gifd1x_pfdComp-advisory,
.procButton-gifd3_pfdComp-advisory, .procButton-gifd3x_pfdComp-advisory {
	background-color: black !important;
	color: white !important;
}
.clLabel {
	font-weight: bold;
}

.procFilter {
	padding-left: 20%;
	font-weight: bold;
}
.procFilter div {
	margin-top: 4px;
}

.mem .editList_container {
	max-width: 35ch;
}
.memShow {
	margin: 1em;
}

.mem .editList_list {
	line-height: 1.3;
}