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

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
table,
li
{
	font-family: Arial, sans-serif;
	font-weight: 400;
}

:root
{
	--Brand: #4E6659;
	/* olive */
	--primary700: #3F464C;
	--primary600: #5D6268;
	--brandColor20: #FDFAF5;
	--brandSand40: #FCF4EA;
	--Dark-Gray: #45494c;
	--ContrastColor90: #464648;
	--contrastColor70: #6F6F71;
	--Light-Gray: #d0d3d5;
	--White: #ffffff;
	--contrastColor20: #FDFAF5;
	--promoColor-90: #FF5E6F;
	/* Coral */
	--errorColor100: #A30E0E;
	--contrastColor40: #C2C7CC;
	--contrastColor100: #0A121A;
	--Black: #000000;
	--Sand: #F7E4CB;
	/* sand main brand color */
	--link: #296BBD;
	--linkHover: #22589B;
	--primaryB50: #FDF8F2;
	/* sand lightest */
	--primaryB100: #FBF1E4;
	/* sand second lightest */
}

body
{
	font-style: normal;
	font-size: 11pt;
	color: var(--Black);
}

/* Content */

span.TPBlueTraining
{
	color: var(--Brand);
}

img
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

p
{
	font-style: normal;
	font-size: 11pt;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 17px;
	color: var(--Black);
}

p.codeTitle
{
	font-style: normal;
	margin-top: 12px;
	margin-bottom: 8px;
	color: var(--Black);
	font-family: Consolas, monospace;
	font-size: 12pt;
	font-weight: bold;
}

p.table-text
{
	font-size: 11pt;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 13pt;
	letter-spacing: 0.25;
}

p.tablematrix
{
	font-size: 10pt;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

p.toctext
{
	font-size: 11pt;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 12pt;
}

.lessMargin
{
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Headings */

h1
{
	padding-bottom: 9px;
	padding-top: 10px;
	margin: 0px 0px;
	font-weight: 400;
	font-size: 40px;
	border: none;
	color: var(--contrastColor100);
	line-height: 43px;
	font-family: Impact, Arial, sans-serif;
	text-transform: uppercase;
}

h2
{
	font-weight: bold;
	margin-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 6px;
	mc-heading-level: 2;
	font-size: 28px;
	line-height: 31px;
	color: var(--contrastColor100);
}

h3
{
	margin-top: 18px;
	margin-bottom: 3px;
	mc-heading-level: 3;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	color: var(--contrastColor100);
}

h4
{
	margin-top: 15pt;
	margin-bottom: 0pt;
	mc-heading-level: 4;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: var(--contrastColor100);
}

h5
{
	margin-top: 15pt;
	margin-bottom: 0pt;
	mc-heading-level: 5;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: var(--primary600);
}

.highlight
{
	color: var(--promoColor-90);
}

.bodytext
{
	margin-top: 12px;
	margin-bottom: 12px;
}

.indent
{
	margin-left: 10px;
}

.tableText
{
	margin-top: 3px;
	margin-bottom: 3px;
}

p.TableText
{
	margin-bottom: 4px;
	margin-top: 4px;
}

span.Note
{
	font-weight: bold;
	color: var(--contrastColor100);
}

table
{
	margin-top: 6pt;
	margin-bottom: 6pt;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	font-size: 10pt;
	color: var(--Dark-Gray);
}

/* Links */

a
{
	color: var(--link);
}

a:link
{
	color: var(--link);
}

a:hover
{
	color: var(--linkHover);
}

/* Madcap Dynamic */

MadCap|dropDown
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Images/CSS/arrow-down-gray.png');
	mc-closed-image: url('../Images/CSS/arrow-right-gray.png');
	padding: 10px 0;
}

MadCap|dropDownBody
{
	border-bottom: solid 1px;
	padding-left: 25px;
	background-color: #fefbf8;
	border-bottom-color: var(--contrastColor40);
}

MadCap|dropDownHotspot
{
	color: var(--link);
}

MadCap|expandingBody
{
	color: var(--Dark-Gray);
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--Brand);
}

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--Brand);
}

/* Lists */

ul.ul_1
{
	margin-left: 1.125em;
	margin-bottom: 1em;
	margin-top: .6em;
}

ol.ol_1
{
	margin-left: 15pt;
	margin-bottom: 1em;
	margin-top: .6em;
}

ol.ol_2
{
	list-style-type: decimal;
	margin-left: 18pt;
}

ol
{
	list-style-type: decimal;
	padding-left: 2.0em;
}

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

ul
{
	list-style-type: disc;
	padding-left: 2.0em;
}

ul ol
{
	list-style-type: decimal;
	list-style-image: none;
}

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

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

ul ul ol
{
	list-style-type: decimal;
}

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

ul ul
{
	list-style-type: circle;
}

ol ul
{
	list-style-type: disc;
}

ul ul ul
{
	list-style-type: disc;
}

ol ul ul
{
	list-style-type: circle;
}

ol ol ul
{
	list-style: disc;
}

ul ol ul
{
	list-style: circle;
}

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

span.TPBlueTraining
{
	color: var(--Brand);
}

.Brand
{
	color: var(--Brand);
}

.spaceList
{
	margin-top: 4pt;
	margin-bottom: 4pt;
}

.spaceListMore
{
	margin-top: 9pt;
	margin-bottom: 9pt;
}

/* Other */

.indent
{
	margin-left: 15px;
}

.Important
{
	color: var(--errorColor100);
	font-weight: bold;
}

div.codeBlock
{
	font-family: Consolas, Verdana, 'Courier New';
	line-height: 1.2em;
	display: block;
	margin: 0 0 10px;
	font-size: 0.9em;
	color: #333;
	overflow-y: scroll;
	max-height: 340px;
	word-wrap: break-word;
	width: 80%;
	background-color: #F2F2F2;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px;
	position: relative;
}

pre
{
	font-size: 0.9em;
}

pre + button
{
	position: absolute;
	top: 4px;
	right: 4px;
	background-color: #00A3AD;
}

div.importantAlt
{
	background-color: var(--brandSand40);
	line-height: 16px;
	/* mc-auto-number-format: '{b}Try Me{/b}';  */
	overflow: hidden;
	padding: 3px 12px;
	border-left: solid 4px var(--promoColor-90);
}

div.noteAlt
{
	background-color: var(--brandColor20);
	line-height: 16px;
	/* mc-auto-number-format: '{b}Try Me{/b}';  */
	overflow: hidden;
	padding: 3px 12px;
	border-left: solid 4px var(--Brand);
}

MadCap|dropDownBody.TryMe
{
	background-color: transparent;
	border-bottom: solid 0px #000000;
	padding-left: 10px;
}

MadCap|dropDownHotspot.TryMe
{
	color: #333333;
	font-size: 1.1em;
}

MadCap|dropDownHead.TryMe
{
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

/* Master page */

div.home-footer
{
	background-color: var(--Brand);
	padding: 2% 5%;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: var(--White);
}

p.footer-sub
{
	color: var(--White);
	font-size: 14pt;
	margin-top: 14px;
}

MadCap|popup
{
	
}

MadCap|popupHead
{
	color: var(--link);
	font-weight: bold;
}

MadCap|dropDownHead
{
	padding-bottom: 5px;
}

MadCap|codeSnippet
{
	background: #FDF8F2;
	max-width: 600px;
	max-height: 350px;
	margin-top: 10px;
	margin-bottom: 10px;
}

@media print
{
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	p.PrintTitle
	{
		font-family: Arial;
		font-size: 30pt;
		line-height: 40pt;
		color: #00a3ad;
		padding-bottom: 0pt;
	}

	p
	{
		font-family: Arial;
		font-weight: normal;
		font-size: 12pt;
		line-height: 15pt;
		margin-top: 9px;
		margin-bottom: 9px;
	}

	ol
	{
		font-family: Arial;
		font-size: 12pt;
		line-height: 15pt;
	}

	img
	{
		max-width: 5.5in;
	}

	table
	{
		max-width: 5.5in;
	}
}

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

MadCap|xref.PageNumberOnly
{
	mc-format: '{page}';
}

MadCap|xref.ParaTextOnly
{
	mc-format: '{paratext}';
}

/* the following styles are used to create a right toc for a particular page */

#page-toc	/* container for page content right toc */
{
	display: none;
	background-color: var(--Brand);
	padding-top: .1em;
	padding-left: .5em;
	padding-bottom: .1em;
	margin-top: 1.5em;
	margin-left: 1em;
	color: var(--Sand);
}

div.NewRowClass1	/* responsive container used with the rightToc masterpage. The left half holds the body content, the right half the toc. */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

p.boxHeading	/* class for the right Toc box */
{
	color: var(--Sand);
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 1.2em;
}

li.H2	/* Used by javascript to format 'on this page' toc */
{
	color: var(--Sand);
	list-style-image: none;
	display: block;
	margin-bottom: 1px;
	line-height: 1.5em;
	margin-left: -20px;
	/* padding-bottom: 2px; */
}

/* Don't need to define these because it uses default link hover color
li.H2:hover
{
	color: var(--promoColor-90);
}

li.H3:hover
{
	color: var(--promoColor-90);
}
*/

li.H3	/* Used by 'on this page' toc */
{
	color: var(--Sand);
	list-style-image: none;
	display: block;
	margin-bottom: 1px;
	line-height: 1.5em;
	margin-left: -10px;
}

ul.toc
{
	list-style-type: none;
}

a.pagetoc	/* Used by javascript to format links in 'on this page' toc */
{
	color: var(--primaryB100);
	text-decoration: none;
}

a.pagetoc:hover
{
	color: #E1CEB6;
}

/* This link settings only applied to links within the div.topTOC */

div.topTOC
{
	background-color: var(--Brand);
	padding: 5px;
	width: 85%;
}

div.topTOC a
{
	color: var(--Sand);
}

.TechComm
{
	background-color: #ffe7d2;
	mc-conditions: 'Default.TechComm';
	color: #7b68ee;
}

span.DoNotUse	/* A hack to force sitemap to build in output */
{
	list-style-image: url('../../sitemapSN.xml');
}

/* for sticky table head from codepen.io/jgx/pen/nVKyVW, uses TableHead2.js */

.container
{
	width: 90%;
	margin: auto;
}

.fixed
{
	top: 0;
	position: fixed;
	width: auto;
	display: none;
	border: none;
}

.scrollMore
{
	margin-top: 600px;
}

.up
{
	cursor: pointer;
}

MadCap|dropDownHead.Code
{
	font-weight: bold;
	font-size: 12pt;
}