/*
// stanhope.css
// 
// This is the file that does 90% of the document **formatting**
// 
// Mind you, document layout and content are governed by the EBML file and the stanhope application.
// 
// However, this CSS file defines the look and feel of every document in THIS library.
// 
// The **other** CSS files in the "assets" folder are the optional files that augment the look and feel for specific documents.
*/

@page {
	size: auto;
	@bottom-right {
		content: 'Page ' counter(page) ' of ' counter(pages);
		vertical-align: top;
		font-size: 0.8em;
	}
	@top-right {
		content: 'Page ' counter(page) ' of ' counter(pages);
		vertical-align: bottom;
		font-size: 0.8em;
	}
}

/* The code below doesn't seem to work... browsers don't support it? This would be the elegant fix for TOC... */
a.pageref::after { 
  content: " - on page " target-counter(attr(href), page);
}

@media print {
	.hide-on-print {
		display: none;
	}
}

@media screen {
	.hide-on-screen {
		display: none;
	}
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}

.header-space {
	height: 75px;
}
.header {
	top: 15px;
	height: 60px;
}
.footer-space {
	height: 35px;
}
.footer {
	bottom: 15px;
	height: 20px;
}
.header, .footer {
	position: fixed;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #FFFFFF;
	width: 100%;
}

section {
	page-break-before: always;
	border: 0px solid black;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

div.header p.header-p {
	margin:0;
	vertical-align: top;
}

div.header p.header-p img {
	content:url("StrativusGroup_Icon_Color_Social.png");
	float:left;
	height:55px;
	padding: 1px 5px 1px 5px;
}

div.footer p.header-p {
	margin:0;
	vertical-align: top;
}

div.footer p.header-p a {
	text-decoration: none;
	color: #000000;
}

div.footer p.header-p img {
	content:url("StrativusGroup_Icon_Color_Social.png");
	float:left;
	height:14px;
}

div.header td#header-left {
	width: 40%;
	margin:0;
	padding:0;
}

div.header df#header-right {
	width: 60%;
}

#classification-header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #FFFFFF;
}

#classification-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #FFFFFF;
}

.classification p {
	margin: 0 auto;
	width: 500px;
	text-align: center;
	color: green;
}

.classification p::before {
	content: "UNCLASSIFIED";
}

#title-page {}

#title-page-title {
	font-size: 4em;
	margin: 100px 20px 20px 20px;
	text-align: center;
}

#title-page-docno {
	font-size: 3em;
	margin: 0px 20px 50px 20px;
	text-align: center;
}
#title-page-authors {
	font-size: 1.5em;
	margin: 0px 20px 10px 20px;
}

#title-page-authors table {
	margin: 0px auto 0px auto;
}

#title-page-authors tbody td {
	border: 1px solid lightgray;
	height: 80px;
	width: 250px;
	text-align: center;
}

#title-page-fine-print {
	font-size: 0.9em;
	margin: 100px 20px 0px 20px;
	text-align: justify;
}

#title-page-no-ai {
	font-size: 0.9em;
	margin: 20px 20px 0px 20px;
	text-align: justify;
}

#title-page-fine-print::before {
	content: "BUSINESS CONFIDENTIAL AND STRATIVUS GROUP PROPRIETARY: Not for public release; distribution is limited to intended parties who receive this document directly from Strativus Group or its agents. Material and information relates to, or is associated with, Strativus Group or affiliates' products, business, or activities, including but not limited to financial information, data or statements, trade secrets, product research and development, existing and future product designs and performance specifications.";
}

#revision-page { }

#revision-page table {
	padding:0px;
	margin: 15px 0px 40px 0px;
	width:100%;
	border-collapse: collapse;
}

#revision-page thead {
	background-color: dodgerblue;
	color: #FFF;
}

#revision-page tr.current-rev {
	font-style: italic;
	font-weight: bold;
}

#revision-page span.current-rev::before {
	content: "(current) ";
}

#revision-page td {
	padding:5px;
	margin:0;
	border: 1px solid black;
}

.revision-table-rev { width: 100px; text-align: right;}
.revision-table-change { }

#requirements-page { }

#requirements-page table {
	padding:0px;
	margin: 15px 0px 40px 0px;
	width:100%;
	border-collapse: collapse;
}

#requirements-page thead {
	background-color: dodgerblue;
	color: #FFF;
}

#requirements-page td {
	padding:5px;
	margin:0;
	border: 1px solid black;
}

.requirements-table-rid { width: 50px; }
.requirements-table-change { }
.requirements-table-method { width: 80px; }
.requirements-table-step { width: 50px; }

#subject-product .subject-product-image-container {
	margin: 15px 0px 15px 0px;
	padding: 5px 0px 5px 0px;
	display: inline-block;
	width:100%;
	vertical-align: middle;
	text-align: center;
}

#subject-product img {
	max-width: 300px;
	vertical-align: middle;
}

#subject-product .arrow {
	font-size: 5em;
}

#toc {
	font-size: 1.1em;
}

.toc-title {
	font-weight: bold;
	font-size: 16px;
}

.section-title {
	font-weight: bold;
	font-size: 2em;
	margin: 20px 5px 0px 5px;
	padding: 20px 5px 20px 5px;
	background-color: #DDDDDD;
	text-align: center;
}

div.step {
	margin: 10px 5px 30px 5px;
	padding: 15px 10px 15px 10px;
	border: dashed 1px grey;
	clear: both;
	//break-inside: avoid;
}

.step-text {
	font-size: 1.4em;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	line-height: 50px;
}

span.step-text::before {
	content: "\25A2  ";
	white-space-collapse: preserve;
	font-weight: bold;
	font-size: 1.5em;
	display: inline-block;
	vertical-align:middle;
}

div.warning {
	margin: 15px;
	padding: 15px;
	border: 20px solid pink;
	border-image: repeating-linear-gradient(
	    -55deg,
	    #FFFFFF,
	    #FFFFFF 15px,
	    #AA4444 15px,
	    #AA4444 30px
	  ) 20;
	break-inside: avoid;
}

.warning-text {
	color: #AA4444;
	font-size: 1.5em;
	font-weight: bolder;
}

div.image {
	text-align:center;
}

div.image-container {
	border: 2px solid black;
	margin: 5px;
	padding: 5px;
	display: inline-block;
	max-width: 700px;
}

div.image-container img {
	max-width: 700px;
}

.image-text {
	font-style: italic;
	color: #444444;
}

div.command {
	background-color: #000;
	color: #0F0;
	font-family: monospace;
	padding: 5px;
	margin: 0px;
	font-size: 1.3em;
}

.command-text::before {
	content: "> ";
	color: yellow;
	user-select: none;
}

div.action-sequence {  }

div.action-sequence table {
	padding:0px;
	margin: 15px 0px 15px 0px;
	width:100%;
	border-collapse: collapse;
}

div.action-sequence thead {
	background-color: dodgerblue;
	color: #FFF;
}

div.action-sequence td {
	padding:5px;
	margin:0;
	border: 1px solid black;
}

.action-sequence-action { width: 30%; }
.action-sequence-expected { width: 30%; }
.action-sequence-result {  }
.action-sequence-tpv { width:40px; text-align:center; }

.action-checkbox {
	font-size: 2em;
	margin:0;
	padding:0;
	line-height:20px;
}

div.requirement { 
	padding: 10px;
	margin: 10px 0px 10px 0px;
	font-size: 1em;
	border: 5px solid #55AA55;
	background-color: #AAFFAA;
	break-inside: avoid;
}

.requirement-rid {
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	display: inline-block;
}

div.resources-container {
	padding: 5px;
	margin: 20px 0px 0px 0px;
	float: left;
	border: 2px solid #5566AA;
	background-color: #DDEEFF;
	border-radius: 5px;
	color: #5566AA;
	font-weight: bolder;
}

.resource-bubble {
	padding: 5px;
	margin: 5px;
	float: left;
	border: 2px solid #5566AA;
	background-color: #AABBFF;
	border-radius: 5px;
	color: #5566AA;
	font-weight: bolder;
	max-width:330px;
	break-inside: avoid;
}

.resource-bubble-step {
	font-size: 1.3em;
}

.context {
	margin: 10px 0px 10px 0px;	
}

div.objective { 
	padding: 10px;
	margin: 10px 0px 10px 0px;
	font-size: 1em;
	border: 5px solid #AAAA55;
	background-color: #FFFFAA;
	break-inside: avoid;
}

div.objective::before {
	content: "\2605 Objective Achieved: ";
	color: #AAAA55;
	font-weight: bolder;
}

.objective-list {
	padding: 10px;
	margin: 10px 10px 10px 10px;
	font-size: 1em;
	border: 5px solid #AAAA55;
	background-color: #FFFFAA;
	break-inside: avoid;
}

.objective-list li {
	margin-left: 20px;
}

div.out-of-scope {
	padding: 10px;
	margin: 10px 0px 10px 0px;
	font-size: 1em;
	border: 2px dashed darkred;
	background-color: #EEEEEE;
	break-inside: avoid;
	color: darkred;
}

div.out-of-scope::before {
	content: "\2622  Out-of-Scope Caution: ";
	font-weight: bolder;
}

.out-of-scope-list {
	padding: 10px;
	margin: 10px 10px 10px 10px;
	font-size: 1em;
	border: 2px dashed darkred;
	background-color: #EEEEEE;
	break-inside: avoid;
	list-style-type: "\2622\00a0\00a0";
}

.out-of-scope-list li {
	margin-left: 20px;
	color: darkred;
}

/* See Roles.css to change these--no need to change in this file */
div#roles { display: none; }
#role-01 { visibility:collapse; display: none; }
#role-02 { visibility:collapse; display: none; }
#role-03 { visibility:collapse; display: none; }
#role-04 { visibility:collapse; display: none; }
#role-05 { visibility:collapse; display: none; }
#role-06 { visibility:collapse; display: none; }
#role-07 { visibility:collapse; display: none; }
#role-08 { visibility:collapse; display: none; }
#role-09 { visibility:collapse; display: none; }
#role-10 { visibility:collapse; display: none; }

#roles table {
	padding:0px;
	margin: 15px 0px 40px 0px;
	width:100%;
	border-collapse: collapse;
}

#roles thead {
	background-color: dodgerblue;
	color: #FFF;
}

#roles tr {
	line-height: 20px;
}

#roles td {
	padding:5px;
	margin:0;
	border: 1px solid black;
}

div:is(.power-on, .rf-emission, .hazardous-ops, .esd, .fod, .welding, .comsec, .cleanroom) {
	display:none;
}

#non-conformances {
	display:none;
}

#non-conformances table tbody tr {
	height: 160px;
}

#non-conformances table {
	padding:0px;
	margin: 15px 0px 0px 0px;
	width:100%;
	border-collapse: collapse;
}

#non-conformances table thead {
	background-color: dodgerblue;
	color: #FFF;
}

#non-conformances table thead tr {
	height: 50px;
}

#non-conformances table td {
	padding:5px;
	margin:0;
	border: 1px solid black;
}

.text-rotated {
	transform:rotate(-90deg);
	vertical-align:middle;
	width: 30px;
}

.csv-table-container {
	margin: 10px 0 0 0;
	width: 100%;
}

.csv-table-container table {
	margin: 0 auto; /* Center the table horizontally */
  border-collapse: collapse;
  // border: 1px solid black;
}

.csv-table-container caption {
	font-style: italic;
	padding: 4px 0 4px 0;
}

.csv-table-container thead {
	background-color: dodgerblue;
	color: #FFF;
}

.csv-table-container tr {
	line-height: 20px;
}

.csv-table-container td, th {
	padding:5px;
	margin:0;
	border: 1px solid black;
}