/*
 | This file is part of the DITA Open Toolkit project hosted on 
 | Sourceforge.net. See the accompanying license.txt file for 
 | applicable licenses.
*/

/*
 | (c) Copyright IBM Corp. 2004, 2005 All Rights Reserved.
 */

.unresolved {
	background-color:skyblue;
}
.noTemplate {
	background-color:yellow;
}
.base {
	background-color:#ffffff;
}
/* Add space for top level topics */
.nested0 {
	margin-top:1em;
}
/* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
.p {
	margin-top:1em;
	font-size:12pt;
}
/* Default of italics to set apart figure captions */
.figcap {
	font-style:italic
}
.figdesc {
	font-style:normal
}
/* Use @frame to create frames on figures */
.figborder {
	border-style:solid;
	padding-left:3px;
	border-width:2px;
	padding-right:3px;
	margin-top:1em;
	border-color:Silver;
}
.figsides {
	border-left:2px solid;
	padding-left:3px;
	border-right:2px solid;
	padding-right:3px;
	margin-top:1em;
	border-color:Silver;
}
.figtop {
	border-top:2px solid;
	margin-top:1em;
	border-color:Silver;
}
.figbottom {
	border-bottom:2px solid;
	border-color:Silver;
}
.figtopbot {
	border-top:2px solid;
	border-bottom:2px solid;
	margin-top:1em;
	border-color:Silver;
}
/* mgh-5/22/2020-DO-4368060 - Beginning of code for styling the TOC expand/collapse functions */
.toggleFrame {
	display: block;
	border: 0px;
	background-color: #6293f8;
	color: white;
	font-size: 12pt;
	width: 120px;
	height: 23px;
	text-align: center;
	margin-left: 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: none !important;
}
.toggleFrame:hover {
	background-color: #6293f8;
	color: white;
	text-decoration: none !important;
	transform: scale(1.05);
}
.grid-row {
	display: flex;
}
.grid-column-quarter {
	background-color: rgb(242, 245, 250);
	width: 25%;
	padding: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.grid-column-rest {
	background-color: rgb(255, 255, 255);
	width: 75%;
	padding: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.grid-column-Min {
	background-color: rgb(255, 255, 255);
	margin-left: -10px;
	width: 0%;
	padding: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.grid-column-Max {
	background-color: rgb(255, 255, 255);
	width: 100%;
	padding: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
 @media (min-width: 701px) and (max-width: 1024px) {
.grid-column-quarter {
	width: 40%;
}
.grid-column-rest {
	width: 60%;
}
}
@media (min-width: 50px) and (max-width: 700px) {
.grid-column-quarter {
	width: 65%;
}
.grid-column-rest {
	width: 35%;
}
}
/* End of code for styling the TOC expand/collapse function */

/* mgh-5/1/2020-DO-4368060 - Beginning of code for making the video iframes responsive */
.vframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	width: 90%;
	margin: 0px auto;
	display: block;
}
.vframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* 16x9 Aspect Ratio */
.vframe-container-16x9 {
	padding-top: 75%;
}
/* End of code for making the video iframes responsive */


/* mgh-5/1/2020-DO-4368060 - Beginning of code for making the simulation iframes responsive */
.sframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}
.sframe-container iframe {
	border: 0;
	height: 90%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* 16x9 Aspect Ratio */
.sframe-container-16x9 {
	padding-top: 75%;
}
/* End of code for making the simulation iframes responsive */

/* mgh-6/19/2020-DO-4368060 - Code for "Getting Started" box */
.loprereq {
	float: right;
	padding-right: 2px;
	padding-top: 6%;
	padding-bottom: 4%;
	padding-left: 120px;
	max-width: 25%;
	background:url('../../../../uicontrol/img/banner.jpg');
	background-size:cover;
	height: auto;
	position: relative;
}
.loprereq .p {
	padding: 10px;
}
.loprereq .ph {
	font-weight:bold;
}
/* Most link groups are created with <div>. Ensure they have space before and after. */
.ullinks {
	list-style-type:none
}
.ulchildlink {
	margin-top:1em;
	margin-bottom:1em
}
.checkbox {
	list-style:none;
	padding:0px;
	margin-left:2em;
}
.checkbox > li:before {
	content:'\2610';
	padding-right:0.4em;
}
.smallcheckbox {
	list-style:none;
	padding:0px;
	margin-left:2em;
}
.smallcheckbox > li:before {
	content:'\2610';
	font-size:smaller;
	padding-right:0.3em;
}
.olchildlink {
	margin-top:1em;
	margin-bottom:1em
}
.linklist {
	margin-bottom:1em
}
.linklistwithchild {
	margin-left:1.5em;
	margin-bottom:1em
}
.sublinklist {
	margin-left:1.5em;
	margin-bottom:1em
}
.relconcepts {
	margin-top:1em;
	margin-bottom:1em
}
.reltasks {
	margin-top:1em;
	margin-bottom:1em
}
.relref {
	margin-top:1em;
	margin-bottom:1em
}
.relinfo {
	margin-top:1em;
	margin-bottom:1em
}
.breadcrumb {
	font-size:smaller;
	margin-bottom:1em
}
dt.prereq {
	margin-left:20px;
}
/* Set heading sizes, getting smaller for deeper nesting */
.topictitle1 {
	margin-top:0pc;
	margin-bottom:.1em;
	font-size:1.34em;
}
.topictitle2 {
	margin-top:3pc;
	margin-bottom:.45em;
	font-size:1.17em;
}
/*Hide the title of transition topics.*/
.title.topictitle2.transition {
	display:none;
}
.title.topictitle3.transition {
	display:none;
}
.topictitle3 {
	margin-top:2pc;
	margin-bottom:.17em;
	font-size:1.17em;
	font-weight:bold;
	color:#295193;
}
.topictitle4 {
	margin-top:.83em;
	font-size:1.17em;
	font-weight:bold;
}
.topictitle5 {
	font-size:1.17em;
	font-weight:bold;
}
.topictitle6 {
	font-size:1.17em;
	font-style:italic;
}
.sectiontitle.tasklabel {
	margin-top:1em;
}
.sectiontitle {
	margin-top:2pc;
	margin-bottom:0em;
	color:black;
	font-size:1.17em;
	font-weight:bold;
}
.section {
	margin-top:1em;
	margin-bottom:1em
}
.example {
	margin-top:1em;
	margin-bottom:1em
}
div.tasklabel {
	margin-top:1em;
	margin-bottom:1em;
}
h2.tasklabel, h3.tasklabel, h4.tasklabel, h5.tasklabel, h6.tasklabel {
	font-size:100%;
}
/* All note formats have the same default presentation */
.notetitle {
	font-weight:bold
}
.notelisttitle {
	font-weight:bold
}
/*Begin modifications to Tip note type for transition topics - mgh*/
div.tip {
	background-color:#DADADA;
	margin-top:1em;
	margin-bottom:1em;
	min-height: 7em;
	padding-top:2em;
	font-style:italic;
	font-size:14pt;
	font-weight:100;
}
div.tip:before {
	content:url('../img/Ward01.png');
	height:124px;
	width:106px;
	float:left;
	margin-top:-1em;
	padding:2pt;
	margin-right:35pt;
}
.tiptitle {
	display:none;
	font-weight:bold
}
/*End modifications to Tip note type for transition topics */

.fastpath {
	margin-top:1em;
	margin-bottom:1em;
}
.fastpathtitle {
	font-weight:bold
}
.important {
	margin-top:1em;
	margin-bottom:1em;
}
.importanttitle {
	font-weight:bold
}
.remember {
	margin-top:1em;
	margin-bottom:1em;
}
.remembertitle {
	font-weight:bold
}
.restriction {
	margin-top:1em;
	margin-bottom:1em;
}
.restrictiontitle {
	font-weight:bold
}
.attention {
	margin-top:1em;
	margin-bottom:1em;
}
.attentiontitle {
	font-weight:bold
}
.dangertitle {
	font-weight:bold
}
.danger {
	margin-top:1em;
	margin-bottom:1em;
}
.cautiontitle {
	font-weight:bold
}
.caution {
	font-weight:bold;
	margin-bottom:1em;
}
.warningtitle {
	font-weight:bold
}
/*Comtech added styles*/
.note {
	margin-top:1em;
	margin-bottom:1em;
	background-color:#C2D6FF;
	border:1px solid;
	border-radius:25px;
	padding:6pt;
}
.warning {
	margin-top:1em;
	margin-bottom:1em;
	background-color:#FFC6AF;
	border:1px solid;
	border-radius:25px;
	padding:6pt;
}
.result:before {
	content:url('../img/resultCheck.png');
	float:left;
	margin-top:4pt;
	border:1px solid;
	border-radius:25px;
	padding:6pt;
	background-color:#FFFFFF;
	margin-right:3pt;
}
.result {
	margin-top:1em;
	margin-bottom:1em;
	background-color:#D3F8D3;
	border:1px solid;
	border-radius:25px;
	padding:6pt;
}
.result div.tasklabel {
	margin-top:1em;
	margin-bottom:1em;
}
div.prereq {
	background-color:#FFFF99;
	border:1px solid;
	border-radius:25px;
	padding:6pt;
}
div.prereq:before {
	content:url('../img/prereq.png');
	float:left;
	margin-top:3pt;
	padding:2pt;
	margin-right:2pt;
}
.script {
	display:none;
}
#expandCollapseWidgetDesc {
	margin-left:0.5em;
	font-style:italic;
}
/* Simple lists do not get a bullet */
ul.simple {
	list-style-type:none
}
/* Used on the first column of a table, when rowheader="firstcol" is used */
.firstcol {
	font-weight:bold;
}
/* Various basic phrase styles */
.bold, .wintitle {
	font-weight:bold;
}
.boldItalic {
	font-weight:bold;
	font-style:italic;
}
.italic {
	font-style:italic;
}
.underlined {
	text-decoration:underline;
}
/* Override normal uicontrol formatting for glossary scope note context. -Comtech 30jan15 */
.glossScopeNote > .ph.menucascade > .ph.uicontrol {
	font-size:9pt;
	font-weight:bold;
	border:none;
	padding:0pt;
	background-color:inherit;
	line-height:1.0em;
}
.uicontrol {
	font-weight:bold;
	border:1pt solid #DCDCDC;
	padding:2pt;
	background-color:#E6E6FA;
	line-height:24pt;
}
/* MH-1/10/2020 - Adjust line-height for uicontrol images in tables. */
.entry .uicontrol {
	line-height:1.8em;
}
.parmname {
	font-weight:bold;
}
.kwd {
	font-weight:bold;
}
.defkwd {
	font-weight:bold;
	text-decoration:underline;
}
.var {
	font-style:italic;
}
.shortcut {
	text-decoration:underline;
}
.userinput, .systemoutput {
	font-family:"Courier New", Courier, monospace;
}
/* Default of bold for definition list terms */
.dlterm {
	font-weight:bold;
}
/* Use CSS to expand lists with @compact="no" */
.dltermexpand {
	font-weight:bold;
	margin-top:1em;
}
*[compact = "yes"] > li {
	margin-top:0em;
}
*[compact = "no"] > li {
	margin-top:.53em;
}
.liexpand {
	margin-top:1em;
	margin-bottom:1em
}
.sliexpand {
	margin-top:1em;
	margin-bottom:1em
}
.dlexpand {
	margin-top:1em;
	margin-bottom:1em
}
.ddexpand {
	margin-top:1em;
	margin-bottom:1em
}
.stepexpand {
	margin-top:1em;
	margin-bottom:1em
}
.substepexpand {
	margin-top:1em;
	margin-bottom:1em
}
/* Expand the substeps so that they all have the same spacing. */
.substep {
	margin-top:.5em;
	margin-bottom:.5em;
}
/* mgh-4/15/2020-DO-4368060 - Added code for new expand/collapse functionality */
   /* Expand/collapse steps/substeps */
.collapsible {
	background-color: #72db74;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
}
.active, .collapsible:hover {
	background-color: #56cb57;
}
.collapsible:after {
	content: "\2BC6";
	color: white;
	font-weight: bold;
	float: left;
	margin-right: 5px;
}
.active:after {
	content: "\2BC5";
}
.content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #FFFFFF;
}
/* Expand/collapse transcripts */
.transcriptcollapsible {
	background-color: #f2f2f2;
	color: black;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
}
.active, .transcriptcollapsible:hover {
	background-color: #d4dff3;
}
.transcriptcollapsible:after {
	content: "\2BC6";
	color: black;
	font-weight: bold;
	float: left;
	margin-right: 5px;
}
.active:after {
	content: "\2BC5";
}
.transcript {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #f1f1f1;
}
/* End of code for expand/collapse functionality */

/* Align images based on @align on topic/image */
div.imageleft {
	text-align:left
}
div.imagecenter {
	text-align:center
}
div.imageright {
	text-align:right
}
div.imagejustify {
	text-align:justify
}
.image.scaletofit {
	/*   min-width:100%;*/
   max-width:100%;
	height:auto;
}
/* mgh-5/11/2020 - Used to scale the image used for the Overview header to smaller. */
.head.image.scaletofit {
	/*   min-width:100%;*/
   max-width:30%;
	height:auto;
}
.simpletable, .table {
	margin-top:1em;
	margin-bottom:1.5em;
}
/* The cell border can be turned on with
   {border-right:solid}
   This value creates a very thick border in Firefox (does not match other tables)

   Firefox works with 
   {border-right:solid 1pt}
   but this causes a barely visible line in IE */
.cellrowborder {
	border-left:none;
	border-top:none;
	border-right:solid 1px;
	border-bottom:solid 1px
}
.row-nocellborder {
	border-left:none;
	border-right:none;
	border-top:none;
	border-right:hidden;
	border-bottom:solid 1px
}
.cell-norowborder {
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-bottom:hidden;
	border-right:solid 1px
}
.nocellnorowborder {
	border:none;
	border-right:hidden;
	border-bottom:hidden
}
pre.screen {
	padding:5px;
	border:1px solid #ccc;
	background-color:#ddd;
	margin:2px 7px 2px 0;
	white-space:pre
}
span.filepath {
	font-family:monospace
}
span.filepath, samp.codeph, pre.codeblock {
	font-family:monospace;
	background-color:rgb(230, 236, 245);
}