/* 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: gold;
}
.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,
clAlert_gifd3p_pfd-advisory, .clAlert_gifd3p_pfd-caution, .clAlert_gifd3p_pfd-warning,
.clAlert_gifd3p_pfdComp-advisory, .clAlert_gifd3p_pfdComp-caution,
.clAlert_gifd3p_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,
.clAlert_gifd3p_pfd-advisory, .clAlert_gifd3p_pfdComp-advisory {
	background-color: white !important;
	color: black !important;
	padding: 0 0.2ch;
	white-space: nowrap;
	border: 1px solid black;
}
.clAlert_casButton-caution,
.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,
.clAlert_gifd3p_pfd-caution, .clAlert_gifd3p_pfdComp-caution {
	background-color: gold !important;
	color: black !important;
	padding: 0 0.2ch;
	white-space: nowrap;
}
.clAlert_casButton-warning,
.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,
.clAlert_gifd3p_pfd-warning, .clAlert_gifd3p_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,
.procButton-gifd3p_cas-advisory,
.clAlert_gifd1_cas-advisory, .clAlert_gifd1x_cas-advisory,
.clAlert_gifd3_cas-advisory, .clAlert_gifd3x_cas-advisory,
.clAlert_gifd3p_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,
 .procButton-gifd3p_cas-caution,
.clAlert_gifd1_cas-caution, .clAlert_gifd1x_cas-caution,
.clAlert_gifd3_cas-caution, .clAlert_gifd3x_cas-caution,
 .clAlert_gifd3p_cas-caution {
	background-color: black !important;
	color: gold !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,
.clAlert_gifd3p_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,
.clAlert_gifd3p_pfdHsi-caution {
	background-color: brown; !important
	color: gold !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,
.procButton-gifd3p_pfdReversionary-caution, .procButton-gifd3p_pfdComp-caution {
	background-color: black !important;
	color: gold !important;
}
.procButton-gifd1_pfdComp-advisory, .procButton-gifd1x_pfdComp-advisory,
.procButton-gifd3_pfdComp-advisory, .procButton-gifd3x_pfdComp-advisory,
.procButton-gifd3p_pfdComp-advisory {
	background-color: black !important;
	color: white !important;
}
.clAlert_gifd1_pfdAp-mode, .clAlert_gifd1x_pfdAp-mode,
.clAlert_gifd3_pfdAp-mode, .clAlert_gifd3x_pfdAp-mode,
.clAlert_gifd3p_pfdAp-mode {
	background-color: black !important;
	color: limegreen !important;
}
.clAlert_casButton-caution, .clAlert_casButton-warning {
	border: 1px solid black;
}
.clAlert_casButton-warning {
	background-color: tomato !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;
}

.masterAlarmRecall {
	font-size: 80%;
	border: 2px solid black;
	display:flex; justify-content:center; align-items:center;
	width: 9ch;
	height: 9ch;
	border: 2px solid black;
	font-weight: bold;
}

.masterAlarmRecall div {
	text-align: center;
	padding: 2px;
}

.masterWarning {
	color: black;
	background-color: red;
}
.masterCaution {
	color: black;
	background-color: gold;
}

.clInfoTable td, .clInfoTable2C td,
.clInfoTable th, .clInfoTable2C th {
	padding: 6px 4px !important;
	border: 1px solid black;
}
.clInfoTable th, .clInfoTable2C th {
	text-decoration: none;
	font-weight: bold;
}
.clInfoTable thead {
	background-color: lightgrey;
}
/*
 * Specific elements
 */
.procCard-particular .card_panel .procButton {
	min-height: max(60px, 3lh);
}
.procButton-masterWarning {
	min-height: max(60px, 3lh) !important;
	background-color: red !important;
}
.procButton-masterCaution {
	min-height: max(60px, 3lh) !important;
	background-color: gold !important;
}

.deice {
	width: 20em;
}