/* CSS for the checklist page */

.clist {
	position: relative;
	overflow-y: hidden;
}
.clist .page {
	position: absolute; top:0; right:44px; bottom:0; left:0;
	width: initial;
	display: flex; flex-flow: row nowrap;
	overflow-y: auto;
}

[data-svid='clist.template'] {
	flex-basis: 100%;
}

.clistCntl_wrapper {
	position: absolute; top:0; right:0; bottom:0; width:44px;
	flex-basis: 44px;
	display: flex; flex-flow: column nowrap; align-items: stretch;
}
.clistCntl_set, .clistCntl_switch {
	min-height: 44px;
	flex-basis: 44px;
}
.clistCntl_play {
	min-height: 88px;
	flex-basis: 88px;
}
.clistCntl_next {
	flex-basis: 100%;
}
.clistCntl_wrapper button {
	box-sizing: border-box;
	width: 44px;
	display: flex; align-items: center; justify-content: center;
}

/* A checklist line */
.clistLine {
	width: 100%;
	min-height: 40px;
	display:flex; align-items: center;
	border-bottom: 1px solid var(--main-fill-color);
	padding: 4px;
	font-weight: normal;
}
.clistLine:last-child {
	border-bottom: none;
}
.clistLine-sel {
	background-color: lightyellow;
}
.clistLine-mem {
	background-color: rgb(255, 228, 228);
}
/* wrapper for each row to manage flex of child items */
.clistLine_row {
	width: 100%;
	display:flex; align-items: center;
}
/* wrapper for multi-row content within a line to keep it centered vertically */
.clistLine_content {
	width: 100%;
}
/* indent levels for each line */
.clistLine-indent1 {
	padding-left: 3ch;
}
.clistLine-indent2 {
	padding-left: 6ch;
}
.clistLine-indent3 {
	padding-left: 9ch;
}
.clistLine-indent4 {
	padding-left: 12ch;
}
.clistLine-indent5 {
	padding-left: 15ch;
}
.clistLine-indent6 {
	padding-left: 18ch;
}

/* checklist step */
.clistStep_num {
	flex-basis: 3ch;
	margin-bottom: auto;
}
.clistStep_object {
	flex-basis: 25%;
}
.clistStep_action {
	flex-basis: 75%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.clistStep_action-only {
	flex-basis: 100%;
	text-align: left;
	display: block;
}
.clistStep_note {
	color: darkgrey;
	flex-basis: 100%;
	text-align: right;
}
.clistStep_amplification {
	margin-top: 0.4em;
	color: darkblue;
}

.clistAmplifiedText {
	color: darkblue;
}

/* other checklist line types */
.clistCond, .clistSituation, .procGroup_condition {
	font-style: italic;
	display: block;
}
.clistCond ul, .clistSituation ul, .procGroup_condition ul {
	margin-top: 0;
}

.clistDirective {
	font-weight: bold;
}

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

.clistEOP {
	font-style: italic;
	font-size: 80%;
}
.clistWarning_line, .clistCaution_line, .clistNote_line {
	flex-direction: column;
}
.clistWarning_header, .clistCaution_header, .clistNote_header {
	padding: .5ch;
}
.clistWarning_header {
	background-color: red;
	color: black;
}
.clistCaution_header {
	background-color: gold;
	color: black;
}
.clistNote_header {
	background-color: black;
	color: white;
}
.clistWarning_text, .clistCaution_text, .clistNote_text {
	text-align: center;
}

/* reference to another procedure */
.clistRef {
	color: blue;
	text-decoration: underline;
}

.g1000CASwarning, .g1000CAScaution, .g1000CASadvisory {
	font-family: "Arial", "Helvetica", sans-serif;
	font-style: normal;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 .5ch;
	border-radius: .4ch
}
.g1000CASwarning {
	background-color: black;
	color: red;
}
.g1000CAScaution {
	background-color: black;
	color: yellow;
}
.g1000CASadvisory {
	background-color: black;
	color: white;
}

.clist td, .clist th {
	text-align: left
}

.clistFigure img {
	width: max(350px, 50ch);
	max-width: max(350px, 50ch);
}

.clistCalculator {
	justify-content: center;
}