/*<meta conditions="" />*/

/* tablet styles start around line 821  , mobile styles start around line 947    */

/*@font-face
{
	font-family: 'Montserrat ', Montserrat;
	src: url(Montserrat.ttf);
}*/

@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	line-height: 1.7em;
	font-family: Arial, sans-serif;
	color: #343434;
	padding-left: 10em;
}

.title-bar-layout .logo-wrapper
{
	margin-top: 0px;
}

nav.title-bar	/*adds padding to title bar so the banner image is taller */
{
	margin-top: 0px;
	padding-bottom: 50px;
}

.nav-search-wrapper
{
	padding-top: 20px;
}

/* HOME TOPIC
The (project)_home topic uses it's own styles. To set this in your home page, in the Content Explorer right click the topic file and select Properties. In the Topic Properties tab,  set the Topic Style Class to home-topic.  */

/*Used on home topic to override padding set in the skin*/

html.home-topic
{
	padding: 0;
}

html.home-topic .sidenav-wrapper	/*hides the TOC in the home page. */
{
	display: none;
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

html.home-topic h1
{
	font-family: Lato, sans-serif;
	font-size: 1.8em;
	margin-top: 2%;
	margin-left: 11%;
	font-weight: 600;
}

html.home-topic h2
{
	font-family: Lato, sans-serif;
	font-size: 1.15rem;
	margin-bottom: 4px;
	margin-top: 2% px;
	font-weight: 600;
	margin-left: 0px;
}

html.home-topic h2.noImage
{
	font-family: Lato, sans-serif;
	font-size: 1.15rem;
	font-weight: 500;
	color: white;
	text-align: center;
	background: #0073c4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

html.home-topic a.noImage
{
	text-decoration: none;
}

html.home-topic h2.video-tutorials
{
	font-family: Lato, sans-serif;
	font-size: 1.375rem;
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: 600;
	text-align: center;
}

/* end Home topic styles.  Also see specific Home-topic styles in the media tablet section. */

/* begin styles used to control home page layouts.

NOTE:  see the div.home-tiles-three styles further down for styles related to the cards on the home page */

div.home-layout
{
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 2%;
	padding-right: 2%;
}

div.home-section
{
	padding: 1% 0;
}

/* end styles used to control home page layouts */

h1
{
	font-family: Lato, sans-serif;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	font-weight: 600;
	font-size: 2em;
}

h2
{
	font-family: Lato, sans-serif;
	font-size: 1.5em;
	margin-bottom: 4px;
	margin-top: 20px;
	font-weight: 600;
}

h2.InThisChapter	/* used for section TOCs in chapter first page topics - we might remove */
{
	background: none repeat scroll 0 0 #707070;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	text-decoration: none;
	white-space: normal;
	list-style-image: none;
	margin-left: 0px;
	font-size: 1.00em;
	max-width: 50%;
	border: none 0 #707070;
	border-radius: 5px;
	font-weight: bold;
}

h3
{
	font-family: Lato, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 4px;
	margin-top: 16px;
}

h4
{
	font-weight: bold;
	font-size: 12.0pt;
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
}

p
{
	font-size: 12.0pt;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
}

/* moves the p tag directly under the heading on the home page and the landing pages to the right to align with cards */

div.home-section > p
{
	margin-left: 10%;
}

/* I can't remember what these 2 are for, but don't take em out until we're sure we don't need them */

p.CompanyInformation1
{
	margin-bottom: 4px;
	margin-top: 14px;
	font-weight: bold;
}

p.CompanyInformation2
{
	color: #6d6d6d;
	margin-top: 4px;
	margin-bottom: 4px;
}

/*Sets the z-index of the image popup container to above fixed header */

.MCPopupContainer
{
	z-index: 1000;
}

/* LIST STYLES  */

li
{
	orphans: 2;
	widows: 2;
	margin-top: .6em;
	margin-bottom: .6em;
}

.listcontinue
{
	list-style-type: none;
	display: block;
	padding: 5px;
}

ol
{
	list-style-image: none;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

a:link
{
	color: #0073C4;
}

ul.sidenav li a:link
{
	font-weight: bold;
}

a:visited
{
	color: #0073C4;
	/*color: #164794;*/
}

ul.sidenav li a:focus
{
	outline: dashed 1px #0099FF;
}

a:focus
{
	outline: dashed 1px #0099FF;
}

ul.sidenav li a:hover
{
	text-decoration: underline;
}

div.FooterDocLinks a:hover
{
	color: #ffffff;
	text-decoration: none;
}

/* IMAGE STYLES */

img
{
	border: none;
	mc-thumbnail-max-height: 200px;
}

img.Thumbnail
{
	mc-thumbnail: popup;
}

img.ReduceButtonSize
{
	max-height: 25px;
}

a:selected
{
	text-decoration: underline;
}

div.ImagesFloatLeft
{
	clear: both;
	float: left;
	margin-right: 10px;
	padding: 5px;
	padding-right: 20px;
}

div.ImagesFloatRight
{
	clear: both;
	float: right;
	margin-left: 10px;
	padding: 5px;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: underline;
	color: #0073C4;
}

MadCap|expandingBody
{
	color: #343434;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	border-bottom: none;
	color: #0073C4;
}

/* Following 2 images are for the open and close arrows on drop down text. */

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../images/DropDownOpen.png');
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../images/DropDownClosed.png');
}

.dropDown
{
	border-bottom: none;
}

MadCap|xref
{
	color: #0073C4;
	font-weight: normal;
	text-decoration: underline;
}

MadCap|helpControlListItemLink:focus
{
	outline: dashed 1px #0099FF;
}

/* These were for the In this section TOCs on chapter first page topics, but we might be removing these */

MadCap|miniTocProxy
{
	margin-top: 0px;
	margin-right: 50%;
	padding-top: 0px;
	border-top: none;
	border-top-width: 0px;
	mc-toc-depth: 1;
	color: #164794;
}

div.MCMiniTocBox_0
{
	border-top: 0px;
	margin-top: 10px;
	margin-right: 30%;
	padding-top: 0px;
}

p.MiniTOC1_0
{
	border-bottom: solid 1px;
	border-bottom-color: #164794;
}

a.MiniTOC1:link
{
	color: #164794;
	font-weight: normal;
	text-decoration: none;
}

a.MiniTOC1:link:hover
{
	color: #0073C4;
	font-weight: normal;
	text-decoration: underline;
}

div.title-bar-container sticky-container
{
	height: 100px;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #0073C4;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDown
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	border-bottom: solid 0px #dadada;
	border-bottom-color: #dadada;
	border-bottom-style: none;
	border-top-style: none;
	mc-closed-image: url('../Images/DropDownClosed.png');
	mc-open-image: url('../Images/DropDownOpen.png');
}

div.example
{
	background-repeat: no-repeat;
	border-radius: 6px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #e4EEFC;
	font: inherit;
	color: #164794;
	border: none 1px transparent;
}

div.note
{
	background-repeat: no-repeat;
	border-radius: 6px;
	font: inherit;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
	background-image: none;
	background-color: #164794;
	color: #ffffff;
	margin-right: 100px;
	padding-left: 40px;
	border: none 1px transparent;
	overflow: hidden;
}

div.caution
{
	background-repeat: no-repeat;
	border-radius: 6px;
	font: inherit;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
	background-image: none;
	background-color: #C8102E;
	margin-right: 100px;
	overflow: hidden;
	color: #f7fcf8;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-left-style: none;
	border-left-width: 1px;
	border-left-color: transparent;
	border-right-style: none;
	border-right-width: 1px;
	border-right-color: transparent;
	border-top-style: none;
	border-top-width: 1px;
	border-top-color: transparent;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: transparent;
}

div.caution > a
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

div.note > a
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

/*div.note > ul > li > a
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}*/

div.note > ul > li a
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

div.note > ul > li > MadCap|xref
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

div.note > MadCap|xref
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

div.note > p > MadCap|xref
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

/*This is a custom responsive layout row style (div class) for ONE ROW of the CARDS on the home page.*/

div.home-tiles-three
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
}

div.home-tiles-three::before
{
	content: ' ';
	display: table;
}

div.home-tiles-three::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-three > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .13);
	background: white;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .13);
}

div.home-tiles-three > div:hover
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .4), 0 1px 4px 0 rgba(0, 0, 0, .13);
	background: white;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .4), 0 1px 4px 0 rgba(0, 0, 0, .13);
}

div.home-tiles-three > div > a > img
{
	width: 100%;
	height: auto;
}

div.home-tiles-three > div:nth-child(1)
{
	width: 25%;
	margin-left: 9.5%;
}

div.home-tiles-three > div:nth-child(2)
{
	width: 25%;
	margin-left: 5%;
}

div.home-tiles-three > div:nth-child(3)
{
	width: 25%;
	margin-left: 5%;
}

/* Helps with layout of conent cards on the Home page */

div.home-tiles-layout-three
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4%;
	/*	min-height: 200px;
	max-height: auto;  */
}

div.home-tiles-layout-three::before
{
	content: ' ';
	display: table;
}

div.home-tiles-layout-three::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-layout-three > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-tiles-layout-three > div:nth-child(1)
{
	width: 90%;
	margin-left: 5%;
}

div.home-tiles-layout-three > div:nth-child(2)
{
	width: 90%;
	margin-left: 5%;
}

div.home-tiles-layout-three > div:nth-child(3)
{
	width: 90%;
	margin-left: 5%;
}

/*TEST category paragraphs inside cards on homepage*/

div.home-tiles-layout-three p
{
	line-height: 1.2;
	text-align: left;
	margin-right: 5%;
}

/* end 3 cards */
/* Home Page Footer */

div.footer
{
	margin-top: 8%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #141C36;
}

p.Copyright
{
	font-size: 0.8em;
	text-align: center;
	color: #C0c0c0;
	line-height: 1;
	margin-top: 35px;
}

div.footer a
{
	color: #DADADA;
	text-decoration: none;
	font-weight: bold;
}

div.footer > div.outer-row
{
	line-height: 30px;
	padding: 0px 0px 0px 10px;
}

.footer-icons
{
	float: right;
	text-align: right;
}

/* used for the footer in the home page master - contains the columns with links to KBs and resuorces */

div.FooterDocLinks
{
	mc-grid-row: true;
	margin-left: 5%;
	margin-right: 0;
}

div.FooterDocLinks::before
{
	content: ' ';
	display: table;
}

div.FooterDocLinks::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.FooterDocLinks > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.FooterDocLinks > div:nth-child(1)
{
	width: 30%;
	margin-left: 0%;
}

div.FooterDocLinks > div:nth-child(2)
{
	width: 30%;
	margin-left: 0%;
}

div.FooterDocLinks > div:nth-child(3)
{
	width: 30%;
	margin-left: 0%;
}

/* use one or 2 of these if we want to add more columns to the footer. Note - change the width styles of these and child 1 and 2 above.  You may need to change the margin-left setting in div.FooterDocLinks as well.
div.FooterDocLinks > div:nth-child(4)
{
	width: 20%;
	margin-left: 0%;
}*/

div.FooterDocLinks h2
{
	font-size: 1em;
	text-align: center;
	color: #C0c0c0;
	margin: 0;
	background: none;
}

div.FooterDocLinks p
{
	font-size: .9em;
	text-align: center;
	margin: 0px;
}

div.FooterDocLinks a
{
	color: #DADADA;
	text-decoration: none;
	font-weight: bold;
}

/* END Home page footer */

/*.buttons
{
	padding-bottom: 3px;
	border-bottom: 1px solid #767676;
}*/

div.toolbartop
{
	padding-bottom: 3px;
	border-bottom: 1px solid #767676;
}

div.toolbarbottom
{
	padding-top: 3px;
	border-top: 1px solid #767676;
}

._Skins_acd_side_nav_topic_toolbar.mc-component .button:focus	/* outlines buttons in topic toolbar */
{
	outline: dashed 1px #0099FF;
}

/* Glossary styles */

MadCap|glossaryProxy
{
	border-top-width: 0px;
}

li.GlossaryPageEntry
{
	padding-bottom: 10px;
}

.GlossaryPageTerm
{
	font-weight: bold;
}

/* end glossary styles */
/* slide show settings for the video tutorials on the home page */

MadCap|slide
{
	padding-left: 20px;
	padding-right: 20px;
}

div.mc-wrapper-outer
{
	margin-left: 5%;
	margin-right: 5%;
}

div.mc-wrapper .mc-viewport
{
	box-shadow: 0px 0px 0px;
}

div.mc-viewport MCSlider
{
	height: 250px !important;
	width: 95%;
	padding-left: 3%;
	left: 40px;
}

.mc-wrapper .mc-prev
{
	/*left: 10px;*/
	background-position: 0 -32px;
}

.mc-wrapper .mc-next
{
	/*right: 10px;*/
	background-position: -42px -32px;
}

.mc-wrapper .mc-prev:hover
{
	background-position: 0 0;
}

.mc-wrapper .mc-next:hover
{
	background-position: -43px 0;
}

/* end tutorial slide show */

span.SearchHighlight1
{
	background-color: #ffff66;
}

span.SearchHighlight2
{
	background-color: #ffff66;
}

span.SearchHighlight3
{
	background-color: #ffff66;
}

div.image_list_layout	/*This style is used to make a table structure for putting an image next to a list. If you modify this style, you should also modify the styes under tablet and mobile sections.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.image_list_layout::before
{
	content: ' ';
	display: table;
}

div.image_list_layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.image_list_layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.image_list_layout > div:nth-child(1)
{
	width: 45%;
	min-width: 250px;
	margin-left: 2%;
	margin-right: 3%;
}

div.image_list_layout > div:nth-child(2)
{
	width: 45%;
	margin-left: 2%;
	margin-right: 3%;
}

div.image_list_layout > div > img
{
	margin-left: auto;
	margin-right: 2%;
	height: auto;
	width: 100%;
	min-width: 250px;
}

div.tutorials-page-layout	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}

div.tutorials-page-layout::before
{
	content: ' ';
	display: table;
}

div.tutorials-page-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.tutorials-page-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.tutorials-page-layout > div:nth-child(1)
{
	width: 35%;
	margin-left: 0%;
	padding-right: 20px;
	align: top;
	margin-top: 0px;
	padding-top: 0px;
}

div.tutorials-page-layout > div:nth-child(2)
{
	width: 65%;
	margin-left: 0%;
}

div.tutorials-page-layout > div:nth-child(2) > div
{
	border: solid 1px #343434;
}

div.tutorials-page-layout h2
{
	font-family: Lato, sans-serif;
	font-size: 1rem;
	margin-bottom: 4px;
	margin-top: 2%;
	font-weight: 600;
	text-align: left;
	padding-top: 0;
}

@media only screen and (max-width: 1279px)
{
	html.home-topic .body-container
	{
		margin-left: 0;
	}

	html.home-topic h1
	{
		font-family: Lato, sans-serif;
		font-size: 1.5rem;
		margin-top: 2%;
		margin-left: 11%;
		font-weight: 600;
		text-align: left;
	}

	html.home-topic h2
	{
		font-family: Lato, sans-serif;
		font-size: 1.15rem;
		margin-bottom: 4px;
		margin-top: 2% px;
		font-weight: 600;
		margin-left: 0px;
	}

	html.home-topic h2.noImage
	{
		font-family: Lato, sans-serif;
		font-size: 1.15rem;
		font-weight: 500;
		color: white;
		text-align: center;
		background: #0073c4;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding-top: .5em;
		padding-bottom: .5em;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}

	html.home-topic a.noImage
	{
		text-decoration: none;
	}

	div.home-section > p
	{
		margin-left: 10%;
	}

	div.home-tiles-three > div:nth-child(1)
	{
		width: 25%;
		margin-left: 9.5%;
	}

	div.home-tiles-three > div:nth-child(2)
	{
		width: 25%;
		margin-left: 5%;
	}

	div.home-tiles-three > div:nth-child(3)
	{
		width: 25%;
		margin-left: 5%;
	}

	div.home-tiles-layout-three > div:nth-child(1)
	{
		width: 20%;
		margin-left: 5%;
	}

	div.home-tiles-layout-three > div:nth-child(2)
	{
		width: 20%;
		margin-left: 5%;
	}

	div.home-tiles-layout-three > div:nth-child(3)
	{
		width: 20%;
		margin-left: 5%;
	}

	div.FooterDocLinks h2
	{
		font-size: .9em;
		text-align: center;
		color: #C0c0c0;
		margin: 0;
		background: none;
	}

	div.FooterDocLinks p
	{
		font-size: .7em;
		text-align: center;
		margin: 0px;
	}

	nav.title-bar .menu-icon:focus	/* outlines the hamburger icon */
	{
		outline: dashed 1px #0099FF;
	}

	.title-bar .menu-icon span
	{
		height: 30px;
		width: 30px;
	}

	nav.title-bar .menu-icon	/* moves hamburger icon down */
	{
		top: 60%;
	}

	nav.title-bar
	{
		margin-top: 0px;
		padding-bottom: 50px;
	}

	MadCap|slide
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav-search-wrapper
	{
		padding-top: 20px;
	}

	ul.off-canvas-list li a:hover
	{
		text-decoration: underline;
	}

	ul.off-canvas-list li a:focus
	{
		outline: dashed 1px #0099FF;
	}

	div.image_list_layout > div:nth-child(1)
	{
		width: 45%;
		min-width: 250px;
		margin-left: 2%;
		margin-right: 3%;
	}

	div.image_list_layout > div:nth-child(2)
	{
		width: 45%;
		margin-left: 2%;
		margin-right: 3%;
	}

	div.image_list_layout > div > img
	{
		margin-left: auto;
		margin-right: 2%;
		height: auto;
		width: 100%;
		min-width: 250px;
	}

	div.tutorials-page-layout > div:nth-child(1)
	{
		width: 35%;
		margin-left: 0%;
		padding-right: 20px;
		align: top;
		margin-top: 0px;
		padding-top: 0px;
	}

	div.tutorials-page-layout > div:nth-child(2)
	{
		width: 65%;
		margin-left: 0%;
	}

	div.tutorials-page-layout > div:nth-child(2) > div
	{
		border: solid 1px #343434;
	}

	div.tutorials-page-layout h2
	{
		font-family: Lato, sans-serif;
		font-size: 1rem;
		margin-bottom: 4px;
		margin-top: 2%;
		font-weight: 600;
		text-align: left;
		padding-top: 0;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-tiles-three > div:nth-child(1)
	{
		width: 80%;
		margin-left: 9.5%;
	}

	div.home-tiles-three > div:nth-child(2)
	{
		width: 80%;
		margin-left: 9.5%;
		margin-top: 5%;
	}

	div.home-tiles-three > div:nth-child(3)
	{
		width: 80%;
		margin-left: 9.5%;
		margin-top: 5%;
	}

	html.home-topic h1
	{
		font-family: Lato, sans-serif;
		font-size: 1.2rem;
		margin-top: 2%;
		margin-left: 11%;
		font-weight: 600;
		text-align: left;
		padding-top: 0;
	}

	html.home-topic h2
	{
		font-family: Lato, sans-serif;
		font-size: 1.15rem;
		margin-bottom: 4px;
		margin-top: 2% px;
		font-weight: 600;
		margin-left: 0px;
	}

	html.home-topic h2.noImage
	{
		font-family: Lato, sans-serif;
		font-size: 1.15rem;
		font-weight: 500;
		color: white;
		text-align: center;
		background: #0073c4;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding-top: .5em;
		padding-bottom: .5em;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}

	html.home-topic a.noImage
	{
		text-decoration: none;
	}

	div.home-tiles-layout-three p
	{
		line-height: 1.2;
	}

	div.home-tiles-layout-three h2
	{
		font-family: Lato, sans-serif;
		font-size: 1rem;
		margin-bottom: 4px;
		margin-top: 2%;
		font-weight: 600;
		text-align: left;
		padding-top: 0;
		background: none;
	}

	div.home-section > p
	{
		margin-left: 10%;
	}

	div.FooterDocLinks h2
	{
		font-size: .8em;
		text-align: center;
		color: #C0c0c0;
		margin: 0;
		background: none;
	}

	div.FooterDocLinks p
	{
		font-size: .6em;
		text-align: center;
		margin: 0px;
	}

	nav.title-bar .menu-icon:focus	/* outlines the hamburger icon */
	{
		outline: dashed 1px #0099FF;
	}

	.title-bar .menu-icon span
	{
		height: 30px;
		width: 30px;
	}

	nav.title-bar .menu-icon	/* moves hamburger icon up */
	{
		top: 60%;
	}

	.title-bar-layout .logo-wrapper	/* prevents logo from moving down in mobile mode */
	{
		padding-top: 0px;
	}

	nav.title-bar	/* moves the title bar down some */
	{
		margin-top: 0px;
		padding-bottom: 50px;
	}

	.nav-search-wrapper
	{
		padding-top: 20px;
	}

	ul.off-canvas-list li a:hover
	{
		text-decoration: underline;
	}

	ul.off-canvas-list li a:focus
	{
		outline: dashed 1px #0099FF;
	}

	/*Workaround for the issue where bookmark link targets scroll behind web fixed header*/

	h1,
	h2,
	h3,
	h4
	{
		padding-top: 5em;
		margin-top: -5em;
	}

	/*Sets the z-index of the image popup container to above fixed header */

	.MCPopupContainer
	{
		z-index: 1000;
	}

	div.image_list_layout > div:nth-child(1)
	{
		width: 45%;
		min-width: 250px;
		margin-left: 2%;
		margin-right: 3%;
	}

	div.image_list_layout > div:nth-child(2)
	{
		width: 45%;
		margin-left: 2%;
		margin-right: 3%;
	}

	div.image_list_layout > div > img
	{
		margin-left: auto;
		margin-right: 2%;
		height: auto;
		width: 100%;
		min-width: 250px;
	}

	div.tutorials-page-layout > div:nth-child(1)
	{
		width: 35%;
		margin-left: 0%;
		padding-right: 20px;
		align: top;
		margin-top: 0px;
		padding-top: 0px;
	}

	div.tutorials-page-layout > div:nth-child(2)
	{
		width: 65%;
		margin-left: 0%;
	}

	div.tutorials-page-layout > div:nth-child(2) > div
	{
		border: solid 1px #343434;
	}

	div.tutorials-page-layout h2
	{
		font-family: Lato, sans-serif;
		font-size: 1rem;
		margin-bottom: 4px;
		margin-top: 2%;
		font-weight: 600;
		text-align: left;
		padding-top: 0;
	}
}

/* PRINT STYLES imported from perc mainstyles */

@media print
{
	body
	{
		background-color: #ffffff;
	}

	div.example
	{
		width: 100%;
		margin-left: .25in;
		margin-right: .5in;
		margin-bottom: .25in;
		background-repeat: no-repeat;
		border-radius: 6px;
		padding: 10px;
		background-color: #e4EEFC;
		font: inherit;
		color: #164794;
		border: none 1px transparent;
		line-height: 1.7em;
	}

	div.note,
	ol div.note,
	ul div.note,
	div.note p
	{
		width: 100%;
		margin-left: .25in;
		margin-right: .5in;
		margin-bottom: .25in;
		background-repeat: no-repeat;
		padding: 10px;
		background-color: #164794;
		font: inherit;
		color: #ffffff;
		border: none 1px transparent;
		line-height: 1.7em;
	}

	td div.note
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: .25in;
		background-repeat: no-repeat;
		padding: 5px;
		background-color: #164794;
		font: inherit;
		color: #ffffff;
		border: none 1px transparent;
		line-height: 1.5em;
	}

	h1
	{
		font-family: Lato, sans-serif;
		color: #0066ff;
		margin-bottom: 8px;
		padding-bottom: 10px;
		margin-top: 30px;
		font-weight: 600;
		font-size: 1.8em;
		page-break-before: avoid;
		orphans: 3;
		color: #164794;
	}

	h2
	{
		font-family: Lato, sans-serif;
		color: #333333;
		font-size: 1.3em;
		margin-bottom: 4px;
		margin-top: 20px;
		font-weight: 600;
	}

	h2.qsg
	{
		font-family: Lato, sans-serif;
		color: #333333;
		font-size: 1.3em;
		margin-bottom: 4px;
		margin-top: 20px;
		font-weight: 600;
		mc-heading-level: 0;
	}

	h1.qsg
	{
		color: #000000;
		margin-top: 10px;
		margin-left: 15px;
		padding: 0;
		font-weight: 700;
		font-size: 2em;
		page-break-before: avoid;
		mc-heading-level: 0;
	}

	h2.PrintTagline
	{
		color: #000000;
		margin-top: 0px;
		margin-left: 20px;
		padding: 0;
		font-weight: 700;
		font-size: 1.4em;
		page-break-before: avoid;
		mc-heading-level: 0;
	}

	p.printDate
	{
		color: #000000;
		margin-top: 0px;
		margin-left: 20px;
		font-weight: normal;
		font-size: 1em;
	}

	h3
	{
		color: #333333;
		font-size: 1.2em;
		font-weight: 600;
		margin-bottom: 4px;
		margin-top: 16px;
	}

	h4
	{
		mc-heading-level: 0;
	}

	h5
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

	p
	{
		margin-bottom: 8px;
		margin-top: 8px;
	}

	p.TOC1,
	p.TOC2
	{
		font: inherit;
	}

	p.QSG
	{
		font-size: 1.8em;
		color: #000000;
		font-family: Lato, sans-serif;
		font-weight: 700;
	}

	p.toc_header
	{
		color: #000000;
		font-family: Lato, sans-serif;
		font-size: 2em;
		font-weight: bold;
	}

	li
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	img
	{
		max-width: 5.7in;
	}

	img.titlePage
	{
		max-width: 100%;
		min-width: 100%;
	}

	.MCDropDown_Closed .MCDropDownBody
	{
		display: block !important;
	}
}

/* END PRINT STYLES */

p.CopyrightTopic
{
	font-size: 0.8em;
	text-align: left;
	line-height: 1;
	margin-top: 35px;
	color: #343434;
}

p.right
{
	font-size: 0.8em;
	line-height: 1.3;
	margin-top: 4px;
	color: #343434;
}

h2.h2-right
{
	margin-bottom: 4px;
	margin-top: 10px;
	font-weight: bold;
	color: #da3466;
	font-size: 14pt;
}

span.HeadingforRight
{
	color: #da3466;
	font-size: 12pt;
	font-weight: bold;
}

li.SiteAdminOnly
{
	
}

li.All
{
	
}

li.SiteLrnrAdminOnly
{
	
}

div.Compliance_note
{
	background-repeat: no-repeat;
	border: none 1px transparent;
	border-radius: 6px;
	font: inherit;
	margin-right: 100px;
	margin-top: 10px;
	-moz-border-radius: 6px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-right: 10px;
	-webkit-border-radius: 6px;
	color: #000000;
	background-image: url('../Images/icons/compliance_pink.png');
	padding-left: 50px;
	padding-top: inherit;
	background-color: #FDF4EC;
}

div.Compliance_note::before
{
	font-weight: bold;
}

div.Multi-lingual
{
	background-repeat: no-repeat;
	border-radius: 6px;
	font: inherit;
	margin-right: 100px;
	-moz-border-radius: 6px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-right: 10px;
	-webkit-border-radius: 6px;
	color: #000000;
	margin-top: 10px;
	background-image: url('../Images/icons/icon-language-purple.png');
	padding-left: 50px;
	border: none 3px #9375ff;
	padding-top: inherit;
	background-color: #F2F4FD;
}

/*<meta sourceDocument="C:\Users\MLMERCIK\OneDrive - SkillSoft Corporation\Documents\SAML_SSO_Update.docx" />*/

h1.h1_1
{
	font-size: 22pt;
}

p.p_1
{
	margin-left: 18pt;
}

span.span_1
{
	font-weight: bold;
}

ul.ul_1
{
	padding-left: 0px;
	list-style-type: disc;
	margin-left: 36pt;
}

p.p_2
{
	font-weight: bold;
}

li.li_1
{
	font-weight: bold;
}

span.span_2
{
	font-style: italic;
}

span.span_3
{
	font-size: 22pt;
}

ol.ol_1
{
	padding-left: 0px;
	list-style-type: decimal;
	margin-left: 36pt;
}

div.new_note
{
	background-repeat: no-repeat;
	border-radius: 6px;
	font: inherit;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
	background-image: none;
	color: #ffffff;
	margin-right: 100px;
	padding-left: 40px;
	border: none 1px transparent;
	overflow: hidden;
	background-color: #fdf0e6;
}