@import url('https://fonts.googleapis.com/css?family=Megrim|Open+Sans:300,400,600,700');

/*@media screen and (max-width: 73em) {
	.main_content{
		padding-left:2em;
		padding-right:2em;	
		width:inherit;}	
				}
@media (max-width: 51em) {
	.main_body{width: 50%;
	}

	body{overflow: auto;}
	.top_menu {
		float:left;}
	}*/
	/*min 1440px*/

@media screen{
body{
	height: 100%;
	width: 100%;
	margin: 0 !important;
	background-color:  	#FFFFFF;
	-ms-overflow-style: none;
	overflow: hidden;
	font-family: "Open Sans", sans-serif;

}

/*universal box-sizing*/
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

}
::after, ::before{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}

/* viewport styles correspond to browser window size*/
.container_viewport_1{
	position: relative;
	/* width:1170px; */
	/* margin:0 auto; */
	/* padding-top: 9px; */
	/* display: grid;
	grid-column: auto; */
}
img{
	max-width: 100%;
}
section p, section > a {
	font-family: "Open Sans", sans-serif;
	font-size: 0.9em;
	word-break: break-word;
}
span.cmd {
	font-family: "Open Sans", sans-serif;
	font-size: 0.9em;}

/*add space between steps*/
/*Changed padding to margin to keep border with the image top. */
.itemgroup > *:not(p) {margin-top: 1em;}
.itemgroup.stepresult {padding-top: 0;}
.itemgroup.stepresult > img {margin-top: 1em;}

/* List spacing */
/*li {margin-top:.5em}*/

/* Task spacing - 
 * Remove space from first step 
 * Add space to additional steps */
.step{margin-top:-1em}
.step ~ .step{margin-top:1.5em}

h1, h2, h3, h4{
	font-family: 'Open Sans', sans-serif;
	color: #2371a9;
	font-weight: 600;
	/* margin: 0.7em 0 -0.3em 0; */

}
h1.title {
	font-size: 1.7em;
}
h1.title, h2.title, h3.title{ 
	padding-top: 1em; /* FOR PADDING BEFORE TOPICS AFTER USER TOC CLICK */
	margin: 0 0 0 0; /* FOR PADDING BEFORE TOPICS AFTER USER TOC CLICK */
}

/*Side menu nav*/
.side_menu {
	float: left;
	width: 283px;
		/*max-width: 16.62em;*/
	position: fixed;
	overflow-y: auto;
	-ms-overflow-style: scrollbar;
	position: fixed;
	/*margin-top:1em;*/
	margin-bottom: 25%;
	padding-right: 1.5em;
	grid-column: 1;
}
div.side_menu>ul a{
	color: #616670;
	text-decoration: none;
	display: block;
	background: none;
	padding: 1px 6px 1px 0;
}

/*margin for navLev1, navLev2, navLev3 menu*/

ul.navLev1:first-of-type{
	/*padding-top: 1em;*/
	margin-top: 0.7em;
}
ul.navLev1{
	padding-left: 0.2em;
}
.side_menu .navLev2 >li,
/*.side_menu .navLev3 >li,
.side_menu .navLev4 >li,
.side_menu .navLev5 >li */{
	/*margin-left: -1.6em;*/
	margin-bottom: 0.2em;
}

/*font size of side menu*/
.navLev1 > li {
	font-size: 0.9em;
}
.navLev2 > li{
	font-size: 0.875em;
	line-height: 1.4;
	/*margin-left: 1.8rem;
    margin-right: 1rem;*/
   
  /*  word-wrap: break-word;
*/}
/*.navLev2 > ul {
	 padding-bottom: 6px;
    padding-top: 4px;
}*/
/*ALL li children of navLev2*/
/*.navLev2 > li {
	font-size: 0.8em;
}*/

/*.navLev2 > li, .navLev3 > li, .navLev4 > li {
	font-size: 0.9em;
}*/

span.sNavAnchor {
    display: block;
    margin: -16.9px 0 0 17px;
}

/*links styles*/
li > a:hover {
	color: #40babd;
	text-decoration: none;
	background: none;
}
.navLev2 > li > a,
/*.navLev3 > li > a,
.navLev4 > li > a*/ {
	display: block;
	color: #616670;
	background: none;
}

.navLev1 > li > a:hover,
.navLev1 > li > a:focus {
	color: #51a2db;
	text-decoration: none;
	background: none;
}


/*style for nav menu highlight*/
.navLev1 > li.active > a {
	background: none;
	color: #51a2db; /* light blue */
	font-weight: 600;
}
.navLev1 > li a:hover:not(.active) {
	background: none;
	color: #51a2db; /* light blue */
}
.navLev1 > li:not(.active) > a::before, 
.navLev1 > li:not(.active) > a.expanded:hover::before, 
.navLev1 > li.active > a:not(.expanded)::before, 
.navLev1 > li.active > a.expanded::before{
	display: inline-block;
	content: ">";
	margin-right: 10px;
	font-family: 'Megrim', sans-serif;
	/*font-size: 0.9em;*/
}
.navLev1 > li:not(.active) > a::before, 
.navLev1 > li.active > a:not(.expanded)::before{
	transform: rotate(-90deg);
}
.navLev1 > li:not(.active) > a.expanded::before, 
.navLev1 > li:not(.active) > a.expanded:hover::before, 
.navLev1 > li.active > a.expanded::before{
	margin-right: 12px;
	margin-left: -2px;
	transform: rotate(90deg);
}
.navLev1 > li.active > a.expanded::before{
	margin-right: 12px;
	margin-left: -2px;
	transform: rotate(90deg);
}
.navLev2 > li.active > a, .navLev3 > li.active > a {
	background: none;
	color: #51a2db; /* light blue */
	/*color: #2371a9;*/ /* dark blue */
	font-weight: 400;
}
.navLev1 > li.noChildULs.active > a::before{
	display: inline-block;
	content: "|";
	margin-right: 13px;
}
.navLev1 > li.noChildULs.active > a:hover::before{
	display: inline-block;
	content: "|";
	margin-right: 13px;
}
.navLev1 > li.noChildULs:not(.active) > a::before{
	display: inline-block;
	content: "|";
	margin-right: 13px;
}
.navLev1 > li.noChildULs:not(.active) > a:hover::before{
	display: inline-block;
	content: "|";
	margin-right: 13px;
}
/*added for arrows*/


ul.navLev2{
	display: block;
	max-height: 1500px;
	padding-left: 2.2em;
	opacity: 100;
	transition: max-height .15s ease-in, opacity 0.2s ease-in;
/*	margin-top: 5px;
	margin-bottom: 3px;*/
}
ul.navLev2.hidden{
	display: block;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.15s ease-out, opacity 0.2s ease-in;
	overflow: hidden;
}
ul.navLev3, ul.navLev4, ul.navLev5{
	padding-left: 1.3em;
	padding-top: 0.2em;
}
.main_content{
	margin: 0 auto;
	max-width: 73em;
	height:	calc(100% - 7.5em);
	padding: 0 1em;
}
/* height of main page area */
div.main_body, div.side_menu{
	height: calc(100% - 7.5em);
}

div.main_body{
	/*height is defined above with div.side menu*/
	overflow-y: auto;
	-ms-overflow-style: scrollbar;
	/*max-width: 878px;*/
	max-width: 55em;
	margin-left: 282px;
/*	margin-left: 16.625em;*/
	position: fixed;
	/* margin-top:1em; */
	margin-bottom: 15%;
	padding: 0 2.7em 0 2em;
}
div.main_body section:first-of-type h1.title{
	/* margin: 0em 0 -0.5em 0; */
	/* padding-top: 1em; */
}
section ul{
	list-style: disc;
}

/*table*/
section {
	padding-bottom: 5px;
}
ul {
	list-style: none;
}

div.tableborder, div.tablenoborder, table.note{
	padding: 1em 0;
	margin: 0.5em 0;
}
.tableborder > table, .tablenoborder > table {
	margin-top: 0.5em;
	table-layout: fixed;
	max-width: 100%;
	border-collapse: collapse;
	vertical-align: top;
}
.tableborder > table .row {
	/*border-top: 1px solid #ddd;*/
	border-bottom: 1px solid #E0E5ED;
	border-collapse: unset !important; /* !!! DELETE ALL INLINE BORDER-COLLAPSE RULES !!! */
}
.tablenoborder > table .row {
	/*border-top: 1px solid #ddd;*/
	border: none;
	border-collapse: unset !important; /* !!! DELETE ALL INLINE BORDER-COLLAPSE RULES !!! */
}

 table > th, td {
  padding: 0.1em;
}

table td.entry, th.entry{
padding: 0.0em 0.9em 0.0em 0.9em;
color: #202632;
border-bottom: 1px solid #E0E5ED;
}

th.entry{
padding: 0.0em 0.9em 0.0em 0.9em;
background: #F4F6FA;
height: 36px
}


/*reduce the spacing of rows in tables and overrides webkit*/
.row > td > p:first-child {
	margin-top: 10px;
}
.row > td > p:last-child {
	margin-bottom: 10px;
}
td > img[src="assets/images_doc/note_icon_GL.png"], td > img[src="assets/images_doc/alert_icon_GL.png"], td > img[src="assets/images_doc/bestpractice_icon_GL.png"] {
    width: 2.3em;
    max-width: unset;
}

/* trstevens 2/21/24 - TEST */
td, th { border-left:none; border-right:none;  border-collapse: collapse;}

/*NK to make first column of table bold*/
span.keyword, span.uicontrol  {

	font-weight: 700;
}
span.notetitle {
	display:inline;
	font-weight:bold;
}
div.stepresult > p{
	margin-top: 0.5em;
	margin-bottom: 0.4em;
}
.hidden {
    display: none;
}
div.iframe-container{
	position: relative;
	/*overflow: hidden;*/
/*	width: 1000px;
	height:600px;*/
	padding-top:56%;
}
iframe.trp180530{
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
	height:100%;
}

@media screen and (min-width: 1440px) {
	.main_content {
		max-width:1360px;
	}
	div.main_body{
		max-width: 1077px;
	}
	div.iframe-container{
		width: 1200px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1439px) {
	div.iframe-container{
		width: 780px;
	}
}
/*do not delete the closing bracket below,*/
}
/*it closes @med screen styles*/

@media print{
	body, p, section p, section > a, table{
		font-family: sans-serif;
		font-size: .95em;
	}
	div.side_menu{
		float: none;
		display: none;
	}
	.tableborder > table, .tablenoborder > table {
	    margin-top: 0.5em;
	    table-layout: fixed;
	    max-width: 100%;
	    border-collapse: collapse;
	    vertical-align: top;
	}
	.tableborder > table .row {
	    border-bottom: 1px solid #E0E5ED;
	    border-collapse: unset !important;
	}
	.ol >li {
	    padding-bottom: 0.5em;
	}
	.itemgroup.stepresult {
	    padding-top: 0;
	}
	span.notetitle{
		display: none;
	}
	.itemgroup > *:not(p) {padding-top: 1em;}
	.itemgroup.stepresult {padding-top: 0;}
	.itemgroup.stepresult > img {padding-top: 1em;}
	.ol >li {padding-bottom: 0.5em;}
	.hidden{display: none;}
	span.keyword, span.uicontrol {
	    font-weight: 700;
	}
}