/*<meta />*/

@import url('basic-structure.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* Content */
/* Links */

a
{
	color: var(--Brand1);
}

a:link
{
	color: var(--Brand1);
}

a:visited
{
	color: var(--TextColor);
}

a:active,
a:hover
{
	color: var(--Brand1);
	text-decoration: underline;
}

a[class*="MiniTOC"]:link,
a[class*="MiniTOC"]:visited
{
	padding: 1px 8px 3px 8px;
	display: block;
	width: 100%;
	color: inherit;
	border: none;
	color: var(--TextColor);
	mc-hidden: hidden;
}

a[class*="MiniTOC"]:active,
a[class*="MiniTOC"]:hover
{
	background-color: var(--GrayLight);
	color: var(--TextColor);
	mc-hidden: hidden;
}

/* XREFs */

MadCap|xref
{
	font-weight: normal;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--Brand1);
}

MadCap|xref.Plain
{
	font-weight: normal;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--Brand1);
}

img
{
	border: none;
	max-width: 100%;
}

img.Inline
{
	vertical-align: text-bottom;
	margin-left: 3px;
	max-height: 1.8rem;
	max-width: auto;
	/* border: 1px dotted var(--Brand1); */
}

img.ThumbnailSmaller
{
	max-width: 800px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 100px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailSmall
{
	max-width: 1000px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 200px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailMedium
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 400px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailLarge
{
	max-width: 1600px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 600px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailPortrait
{
	max-height: 1000px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-height: 400px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

body
{
	font-family: var(--FontText);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	color: var(--TextColor);
	mc-hyphenate: never;
}

p
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	letter-spacing: 0px;
}

p.Hidden
{
	color: transparent;
	background-color: transparent;
}

p.Internal
{
	padding: 2px 10px;
	text-align: center;
	font-size: var(--FontSizeNormal);
	text-transform: uppercase;
	color: var(--Red);
	background-color: var(--Yellow);
	letter-spacing: 0.5px;
	width: 225px;
	margin: auto;
	font-weight: bold;
	font-family: var(--FontHeading);
	mc-hidden: hidden;
}

p.Hidden a:link,
p.Hidden a:visited,
p.Hidden a:hover
{
	color: transparent;
	background-color: transparent;
	text-decoration: none;
}

p.Smaller
{
	font-size: var(--FontSizeSmaller);
}

p.ClearFloats
{
	clear: both;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: var(--FontHeading);
	line-height: normal;
	page-break-after: avoid;
	mc-hyphenate: never;
}

h1
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 2.2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	clear: both;
}

h2
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 2rem;
	margin-top: 2rem;
	margin-bottom: .8rem;
	clear: both;
	padding-bottom: 1pt;
	border-bottom: 1pt solid var(--GrayLight);
}

h3
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 1.8rem;
	margin-top: 1.6rem;
	margin-bottom: .7rem;
	clear: both;
}

h4
{
	color: var(--TextColor);
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: .5rem;
}

h5
{
	color: var(--TextColor);
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 1.2rem;
	margin-bottom: .4rem;
}

h6
{
	color: var(--TextColor);
	font-weight: bold;
	font-size: 1rem;
	margin-top: 1.1rem;
	margin-bottom: .3rem;
}

/* Copy link effects for h1 through h3 */

h1::after,
h2::after,
h3::after
{
	content: '\00a0';
	text-align: right;
	width: 2rem;
	height: 2.1rem;
	background-image: url('../icons/functionbuttons/delinea/link-copy.svg');
	background-size: auto 24px;
	background-position: right bottom;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
	mc-hidden: hidden;
}

h2::after
{
	width: 1.8rem;
	height: 2rem;
	background-size: auto 21px;
	mc-hidden: hidden;
}

h3::after
{
	width: 1.55rem;
	height: 1.7rem;
	background-size: auto 18px;
	mc-hidden: hidden;
}

h1:hover,
h2:hover,
h3:hover
{
	cursor: pointer;
}

h1:hover::after,
h2:hover::after,
h3:hover::after
{
	display: inline-block;
}

/* Don't display the copy function on the search results page */

h3.title:hover
{
	cursor: default;
	mc-hidden: hidden;
}

h3.title:hover::after
{
	display: none;
	mc-hidden: hidden;
}

h3.title
{
	mc-hidden: hidden;
}

/* Paragraph note styles */

p.Note
{
	margin: 12px 10px 12px 10px;
	padding: 0px 0px 0px 35px;
	page-break-inside: avoid;
	height: auto;
	min-height: 35px;
	background-image: url('../icons/note.svg');
	background-size: auto 25px;
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

p.Note:before
{
	content: 'Note: ';
	font-family: var(--FontHeading);
	color: var(--Turquoise);
	font-weight: bold;
}

p.Tip
{
	margin: 12px 10px 12px 10px;
	padding: 0px 0px 0px 35px;
	page-break-inside: avoid;
	height: auto;
	min-height: 35px;
	background-image: url('../icons/tip.svg');
	background-size: auto 25px;
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

p.Tip:before
{
	content: 'Tip: ';
	font-family: var(--FontHeading);
	color: var(--Lavender);
	font-weight: bold;
}

p.Important
{
	margin: 12px 10px 12px 10px;
	padding: 0px 0px 0px 35px;
	page-break-inside: avoid;
	height: auto;
	min-height: 35px;
	background-image: url('../icons/important.svg');
	background-size: auto 25px;
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

p.Important:before
{
	content: 'Important: ';
	font-family: var(--FontHeading);
	color: var(--Orange);
	font-weight: bold;
}

p.Warning
{
	margin: 12px 10px 12px 10px;
	padding: 0px 0px 0px 35px;
	page-break-inside: avoid;
	height: auto;
	min-height: 35px;
	background-image: url('../icons/warning.svg');
	background-size: auto 25px;
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

p.Warning:before
{
	content: 'Warning: ';
	font-family: var(--FontHeading);
	color: var(--Red);
	font-weight: bold;
}

/* Div note styles */

div.Important,
div.Note,
div.Tip,
div.Warning
{
	margin: 12px 10px 12px 10px;
	padding: 6px 8px 8px 45px;
	background-image: url('../icons/note.svg');
	background-size: 32px auto;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-color: var(--White);
	border: 2px solid var(--Turquoise);
	border-radius: 2px;
	page-break-inside: avoid;
	min-height: 45px;
	/* box-shadow: 0 2px 4px rgb(0 0 0 / 20%), 0 1px 3px rgb(0 0 0 / 24%); */
}

div.Important
{
	background-image: url('../icons/important.svg');
	border-color: var(--Orange);
}

div.Tip
{
	background-image: url('../icons/tip.svg');
	border-color: var(--Lavender);
}

div.Warning
{
	background-image: url('../icons/warning.svg');
	border-color: var(--Red);
}

div.Note > p:first-child,
div.Tip > p:first-child,
div.Important > p:first-child,
div.Warning > p:first-child
{
	margin-top: 4px;
}

div.Note > p:first-child::before
{
	content: 'Note: ';
	font-weight: bold;
	color: var(--Turquoise);
}

div.Tip > p:first-child::before
{
	content: 'Tip: ';
	font-weight: bold;
	color: var(--Lavender);
}

div.Important > p:first-child::before
{
	content: 'Important: ';
	font-weight: bold;
	color: var(--Orange);
}

div.Warning > p:first-child::before
{
	content: 'Warning: ';
	font-weight: bold;
	color: var(--Red);
}

div.Note > p:last-child,
div.Tip > p:last-child,
div.Important > p:last-child,
div.Warning > p:last-child
{
	margin-bottom: 4px;
}

/* List styles */

ol
{
	font-family: var(--FontText);
}

ul
{
	font-family: var(--FontText);
	list-style-type: square;
}

li
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: var(--TextColor);
	font-family: var(--FontText);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
}

li.PageBreakAvoid
{
	page-break-inside: avoid;
}

li p
{
	color: var(--TextColor);
	font-family: var(--FontText);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	mc-hyphenate: never;
}

/*
li > p:hover
{
	background-color: var(--Yellow);
	cursor: default;
}
*/

/*
ol:hover > li::marker,
ul:hover > li::marker
{
	color: var(--DarkMagenta);
	cursor: default;
}

ul > ul:hover > li::marker
{
	color: var(--GreenDark);
	cursor: default;
}

ul > ul > ul:hover > li::marker
{
	color: var(--GreenDelinea);
	cursor: default;
}
*/

/* List styles */

ol
{
	list-style-type: decimal;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul
{
	list-style-type: square;
}

ul ul,
ul ul ul ul,
ul ul ul ul ul ul
{
	list-style-type: disc;
}

ul ul ul,
ul ul ul ul ul,
ul ul ul ul ul ul ul
{
	list-style-type: circle;
}

ul li::marker
{
	color: var(--Brand1);
}

/* Dropdown styles */

MadCap|dropDown
{
	border-top: 1px solid var(--GrayLight);
	mc-image-position: right;
	mc-image-spacing: 10px;
	mc-open-image: url('../icons/dropdown-open.svg');
	mc-closed-image: url('../icons/dropdown-closed.svg');
	margin: 0;
}

MadCap|dropDownHead
{
	border-bottom: 1px solid var(--GrayLight);
	font-family: var(--FontHeading);
	font-weight: 700;
	font-size: var(--FontSizeLarger);
	padding: 5px 0 0 5px;
	margin-right: 50px;
	color: #ffffff;
	background-color: var(--Brand1);
	width: 100%;
	/* background-color: var(--White); */
}

MadCap|dropDownBody
{
	border: 1px solid var(--GrayLight);
	border-width: 0 1px 1px 1px;
	border-radius: 2px;
	padding: 0 10px 5px 10px;
	margin: 0;
	background-color: transparent;
}

MadCap|dropDownHotspot
{
	font-family: var(--FontHeading);
	font-weight: 700;
	font-size: var(--FontSizeLarger);
	cursor: hand;
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
	padding: 4px 0 8px 0;
	width: 95%;
	color: #ffffff;
	background-color: transparent;
}

span.dropDownHead a:link,
span.dropDownHead a:visited,
span.dropDownHead a:active,
span.dropDownHead a:hover
{
	color: #ffffff;
	background-color: transparent;
}

/* Table styles */
/* Set the size and text for table heading rows. */

table
{
	mc-hidden: hidden;
}

caption
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeLarger);
	line-height: var(--LineHeightLarger);
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	padding-bottom: 0.5em;
	color: var(--TextColor);
	mc-hyphenate: never;
}

tr
{
	page-break-inside: avoid;
}

th
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightSmaller);
	font-weight: bold;
	padding: 4px;
	background-color: var(--Brand1);
}

th p
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightSmaller);
	padding: 0 0 0 0;
	margin: 0;
	font-weight: bold;
}

/* Set the size and text for table data rows. */

td
{
	padding: 4px;
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	font-family: var(--FontText);
	background-color: transparent;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

td.TableStyle-White-Row-Color,
td.TableStyle-Alternate-Row-Color
{
	background-color: var(--White);
}

td p
{
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	background-color: transparent;
	margin: 4px 0;
	padding: 0;
}

td ol,
td ul
{
	padding-left: 18px;
	margin-left: 2px;
	margin-bottom: 6px;
	margin-top: 0;
	padding-top: 0;
}

td ol li,
td ul li
{
	margin-top: .8rem;
	margin-bottom: .8rem;
}

td > ol:first-child > li:first-child,
td > ul:first-child > li:first-child
{
	padding-top: 0;
	margin-top: 0;
}

td div.Important,
td div.Note,
td div.Tip,
td div.Warning
{
	margin-top: 4pt;
}

/* Table small font */

thead.small tr th,
thead.small tr th p
{
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
}

tbody.small tr th,
tbody.small tr td li,
tbody.small tr td p
{
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
}

/* Overrides for markdown import tables with no explicit table headings */

tr > th,
tr > th p
{
	color: #ffffff;
	text-align: center;
}

tr > th,
table.TableStyle-Alternate-Row-Color tr > th
{
	background-color: var(--PurpleDelinea);
}

/* Expanding text. */

MadCap|ExpandingHead
{
	font-weight: bold;
}

/* DIV styles */

div.NoPageBreak
{
	page-break-inside: avoid;
}

/* MiniTOC Proxy */

MadCap|miniTocProxy
{
	border: 2px solid var(--TextColor);
	border-radius: 2px;
	padding: 5px 15px 10px 0;
	margin: 15px 10px 10px 10px;
	mc-output-support: html5;
}

p.MiniTOC1
{
	font-family: var(--FontHeading);
	font-weight: 700;
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 8px 0 0 1%;
	padding: 0;
}

p.MiniTOC2
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 3%;
	padding: 0;
}

p.MiniTOC3
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 5%;
	padding: 0;
}

p.MiniTOC4
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 7%;
	padding: 0;
}

p.MiniTOC5
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 9%;
	padding: 0;
}

p.MiniTOC6
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 11%;
	padding: 0;
}

/* Video thumbnail styles */

div.VideoBox
{
	width: 600px;
	height: auto;
	position: relative;
	margin-top: 12pt;
	margin-bottom: 12pt;
	pointer-events: auto;
}

div.VideoBox p
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.VideoBox img
{
	padding: 5px;
	max-width: 600px;
	height: auto;
	box-sizing: border-box;
	border: 2px solid var(--GrayMedium);
}

div.VideoOverlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 100%;
	background: transparent;
	text-align: center;
	font-family: var(--FontHeading);
	font-size: var(--FontSizeLarger);
	font-weight: bold;
	color: transparent;
	opacity: 1;
	pointer-events: none;
	padding: 12px 0 0 0;
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	background-image: url('../icons/videoicon.svg');
	background-size: auto 70px;
	background-position: center center;
	background-repeat: no-repeat;
}

div.VideoBox:hover img
{
	filter: blur(5px);
	-webkit-filter: blur(5px);
	mc-hidden: hidden;
}

div.VideoBox:hover div.VideoOverlay
{
	background: rgba(255, 255, 255, 0.6);
	opacity: 1;
	color: #121321;
	background-image: url('../icons/playvideo.svg');
	background-size: auto 70px;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Generic styles */

.CenterText
{
	text-align: center;
}

.KeepWithNext
{
	page-break-after: avoid;
}

/* Span styles */

span.BrandColor
{
	color: var(--Brand1);
	font-family: var(--FontHeading);
	font-weight: 700;
}

code
{
	font-family: var(--FontCode);
	padding: 0 4px;
	white-space: pre-wrap;
}

/*
div.codeSnippetBody code
{
	background-color: transparent;
	padding: 0;
}
*/

b,
strong,
span.Bold
{
	font-weight: bold;
	overflow-wrap: break-word;
}

emphasis,
em,
span.Italic
{
	font-style: italic;
}

span.BoldItalic
{
	font-weight: bold;
	font-style: italic;
}

span.Underline
{
	text-decoration: underline;
}

span.BoldUnderline
{
	font-weight: bold;
	text-decoration: underline;
}

span.BoldItalicUnderline
{
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

span.Important
{
	color: var(--DarkMagenta);
	font-weight: bold;
}

/* Code styles */

MadCap|codeSnippet
{
	font-family: var(--FontCode);
	background-color: var(--GrayMedium);
	border-color: var(--GrayMedium);
	margin: 10pt 0;
}

MadCap|codeSnippetBody
{
	font-family: var(--FontCode);
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
	color: var(--TextColor);
	padding: 10px 2px;
	background-color: var(--White);
	/* overflow-x: auto; */
}

pre
{
	font-family: var(--FontCode);
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
	color: var(--TextColor);
	white-space: pre-wrap;
	overflow-x: auto;
	max-width: 96%;
}

MadCap|codeSnippetCopyButton
{
	text-decoration: none;
	font-size: var(--FontSizeSmaller);
	font-weight: bold;
	background-color: var(--Brand1);
	color: var(--White);
}

MadCap|codeSnippetCopyButton:link
{
	font-size: var(--FontSizeSmaller);
	color: var(--White);
	padding: 4px 10px;
}

MadCap|codeSnippetCopyButton:hover
{
	color: var(--White);
	background-color: var(--Brand2);
}

MadCap|codeSnippetCopyButton:active
{
	color: var(--Yellow);
	background-color: var(--Brand2);
}

/* Search highlight colors */

span.SearchHighlight1
{
	background: Yellow;
}

span.SearchHighlight2
{
	background: PaleTurquoise;
}

span.SearchHighlight3
{
	background: LightPink;
}

span.SearchHighlight4
{
	background: PaleGreen;
}

code
{
	font-family: var(--FontCode);
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
	padding: 0;
	word-wrap: break-word;
}

/* Hide these elements in the Flare GUI style pickers. */

span.state,
kbd,
tt,
var,
span.boolean,
samp,
abbr,
acronym,
big,
cite,
del,
em,
ins,
label,
q,
small,
fieldset,
form,
ul.sidenav,
div.title-bar-layout,
div#OtherVersions,
div._Skins_Toolbar_Next.mc-component,
div._Skins_Toolbar_Prev.mc-component,
div.button-icon,
div.footer-links,
div.search-filter-wrapper,
div.search-bar,
div.side-content-container,
div.social-media-icons,
div.logo-wrapper,
span.submenu-toggle-container,
span.VersionNumber,
nav.search-wrapper
{
	mc-hidden: hidden;
}

@media only screen and (max-width: 1299px)
{
	/* Remove padding around content in tablet/mobile modes. */

	.main-section > .outer-row
	{
		padding: 0;
		mc-hidden: hidden;
	}

	div.content-container
	{
		padding-bottom: 300px;
		mc-hidden: hidden;
	}
}

@media only screen and (max-width: 767px)
{
	div.content-container
	{
		padding-bottom: 350px;
		mc-hidden: hidden;
	}

	MadCap|breadcrumbsProxy
	{
		padding-top: 0px;
	}

	div.FloatRight
	{
		float: none;
		margin: 8px 0;
	}
}

@media edit
{
	div
	{
		padding: 5px;
		border: 2px dashed blue;
	}

	div:before
	{
		content: 'Div';
		font-family: var(--FontHeading);
		color: blue;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.Note
	{
		border: 2px dashed var(--GrayDark);
	}

	div.Note:before
	{
		content: 'Note Div';
		font-family: var(--FontHeading);
		color: var(--GrayDark);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
	}

	div.Tip
	{
		border: 2px dashed var(--GreenDelinea);
	}

	div.Tip:before
	{
		content: 'Tip Div';
		font-family: var(--FontHeading);
		color: var(--GreenDelinea);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.Important
	{
		border: 2px dashed var(--DarkMagenta);
	}

	div.Important:before
	{
		content: 'Important Div';
		font-family: var(--FontHeading);
		color: var(--DarkMagenta);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.Warning
	{
		border: 2px dashed var(--Red);
	}

	div.Warning:before
	{
		content: 'Warning Div';
		font-family: var(--FontHeading);
		color: var(--Warning);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div#TocInPage
	{
		border: 2px dashed green;
		height: 30px;
		mc-hidden: hidden;
	}

	div#TocInPage:before
	{
		content: 'Mini Page TOC';
		font-family: var(--FontHeading);
		color: green;
		border: none;
		display: block;
		text-align: center;
		mc-hidden: hidden;
	}

	div.VideoBox
	{
		padding: 5px;
		border: 2px dashed green;
		position: static;
	}

	div.VideoBox:before
	{
		content: 'Video thumbnail image and link';
		font-family: var(--FontHeading);
		color: green;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.VideoOverlay
	{
		padding: 5px;
		border: 2px dashed brown;
		position: static;
		height: auto;
		color: #121321;
		background-color: transparent;
		background-image: none;
	}

	div.VideoOverlay:before
	{
		content: 'Video overlay text';
		font-family: var(--FontHeading);
		font-size: var(--FontSizeSmaller);
		font-weight: normal;
		color: brown;
		height: auto;
		width: 600px;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	p.Note,
	p.Tip,
	p.Important,
	p.Warning,
	div.Note,
	div.Tip,
	div.Important,
	div.Warning
	{
		background-image: none;
	}

	div.NoPageBreak
	{
		border: 2px dashed var(--Orange);
		mc-hidden: hidden;
	}

	div.NoPageBreak:before
	{
		content: 'Do not break the PDF page within this div.';
		font-family: var(--FontHeading);
		color: var(--Orange);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.FloatRight:before
	{
		content: 'Float enclosed content to right; max width of 50%; show inline for mobile mode';
		font-family: var(--FontHeading);
		color: var(--GrayDark);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.FloatRight
	{
		float: none;
		border: 2px dashed var(--GrayDark);
		mc-hidden: hidden;
	}

	div.LibraryTiles
	{
		display: block;
		padding: 5px;
		border: 2px dashed red;
		mc-hidden: hidden;
	}

	div.LibraryTiles:before
	{
		content: 'Library Tile Container';
		font-family: var(--FontHeading);
		color: red;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.CoverPage1,
	div.CoverPage2
	{
		display: block;
		padding: 5px;
		border: 2px dashed green;
		mc-hidden: hidden;
	}

	div.CoverPage2
	{
		position: static;
		bottom: auto;
	}

	div.CoverPage1:before,
	div.CoverPage2:before
	{
		content: 'Cover Page Group 1, Product and Document Subject';
		font-family: var(--FontHeading);
		color: green;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.CoverPage2:before
	{
		content: 'Cover Page Group 2, Version Number and Release Date';
		font-family: var(--FontHeading);
		color: green;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.CoverPage1 *,
	div.CoverPage2 *
	{
		color: var(--Black);
		mc-hidden: hidden;
	}

	p.Hidden
	{
		color: var(--Black);
		background-color: yellow;
	}

	p.Hidden:before
	{
		content: 'Hidden content: ';
		color: var(--Black);
		mc-hidden: hidden;
	}

	p.Hidden a:link
	{
		color: var(--BlueSky);
		font-weight: bold;
	}
}

@media print
{
	:root
	{
		/* --FontHeading: Arial, sans-serif;
		--FontSemiBold: Arial, sans-serif;
		--FontText: Arial, serif;
		--FontCode: 'Courier New', Courier, monospace; */
		/* Print font sizes in points */
		--FontSizeNormal: 10pt;
		--FontSizeSmaller: 9pt;
		--FontSizeLarger: 12pt;
		--LineHeightNormal: 130%;
		--LineHeightSmaller: 110%;
		--LineHeightLarger: 160%;
	}

	/* Content */
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{paranum}{para}{quote} {pageref}';
		text-decoration: none;
	}

	MadCap|xref.Plain
	{
		font-weight: normal;
		mc-format: '{para}';
		text-decoration: none;
	}

	body
	{
		mc-auto-number-position: outside-head;
	}

	nav.title-bar,
	div.header-container,
	div.breadcrumbs,
	div.Footer,
	div.VideoOverlay
	{
		display: none;
	}

	p
	{
		margin-bottom: 6pt;
		margin-top: 6pt;
	}

	p.Hidden
	{
		display: none;
	}

	p.PrintHeader
	{
		margin: 2pt 0 0 0;
		padding: 0;
		font-family: var(--FontHeading);
		font-size: var(--FontSizeNormal);
		line-height: 100%;
		color: var(--GrayDark);
		/*  letter-spacing: 1px; */
		font-weight: normal;
	}

	p.PrintFooter
	{
		margin: 0 0 3pt 0;
		padding: 0;
		font-family: var(--FontHeading);
		font-size: var(--FontSizeSmaller);
		line-height: 100%;
		color: var(--GrayDark);
		letter-spacing: 0;
		font-weight: normal;
	}

	p.PrintFooter > a:link
	{
		color: var(--GrayDark);
	}

	p.ThinSpace
	{
		font-size: 1pt;
		line-height: 1pt;
		margin-top: 0;
		margin-bottom: 0;
	}

	/* Print note styles */

	div.Important,
	div.Warning,
	div.Note,
	div.Tip
	{
		padding-left: 40px;
		background-position: 8pt 6pt;
	}

	p.Important,
	p.Warning,
	p.Note,
	p.Tip
	{
		height: 0.25in;
		padding-left: 30px;
		background-position: 0pt 0pt;
	}

	p.Note,
	div.Note
	{
		background-image: url('../icons/note-print.png');
	}

	p.Tip,
	div.Tip
	{
		background-image: url('../icons/tip-print.png');
	}

	p.Important,
	div.Important
	{
		background-image: url('../icons/important-print.png');
	}

	p.Warning,
	div.Warning
	{
		background-image: url('../icons/warning-print.png');
	}

	/* PRINT image styles */

	img.ThumbnailSmall,
	img.ThumbnailSmaller,
	img.ThumbnailMedium,
	img.ThumbnailLarge
	{
		max-width: 98%;
		min-width: 70%;
		width: auto;
		height: auto;
		page-break-inside: avoid;
		margin-top: 4pt;
		margin-bottom: 4pt;
		border-width: 0pt;
	}

	img.ThumbnailMedium
	{
		max-width: 60%;
		min-width: 40%;
	}

	img.ThumbnailSmall
	{
		max-width: 40%;
		min-width: 20%;
		border: none;
	}

	img.ThumbnailSmaller
	{
		max-width: 20%;
		min-width: 5%;
		border: none;
	}

	td img.ThumbnailLarge,
	td img.ThumbnailMedium,
	td img.ThumbnailSmall,
	td img.ThumbnailSmaller
	{
		max-width: 100%;
	}

	img.ThumbnailPortrait
	{
		max-width: auto;
		max-height: 7in;
		min-height: 2.5in;
		height: auto;
		width: auto;
		page-break-inside: avoid;
		margin-top: 4pt;
		margin-bottom: 4pt;
		border-width: 0;
	}

	img.Inline
	{
		border: none;
		max-height: 16pt;
		max-width: auto;
		width: auto;
		height: auto;
		border: none;
	}

	/* 	PRINT list styles */

	ul,
	ol
	{
		margin-left: 16pt;
	}

	ol li,
	ul li
	{
		margin-top: 6pt;
		margin-bottom: 6pt;
	}

	ol li p,
	ul li p
	{
		margin-top: 6pt;
		margin-bottom: 6pt;
	}

	body.dark-mode ul li::marker
	{
		color: var(--Black);
	}

	/* Print dropdown styles */
	/* Remove dropdown border in print */

	MadCap|dropDown
	{
		border: none;
		border-color: white;
		page-break-inside: auto;
		margin-left: .25in;
	}

	MadCap|dropDownBody
	{
		border: none;
		border-color: white;
		padding: 0;
		margin: 0 0 0 0;
		page-break-inside: auto;
	}

	MadCap|dropDownHead
	{
		font-family: var(--FontSemiBold);
		background-color: transparent;
		border-bottom: none;
		border-top: none;
		margin-bottom: 0;
		margin-top: 10pt;
		margin-right: 0;
		margin-left: 0;
		page-break-after: avoid;
		padding: 6pt 0 0 0;
		color: var(--Black);
	}

	MadCap|dropDownHotspot
	{
		background-color: transparent;
		font-family: var(--FontSemiBold);
		font-size: 12pt;
		font-weight: bold;
		line-height: 16pt;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		color: var(--Black);
	}

	/* PRINT Code Styles */

	MadCap|codeSnippetBody table td
	{
		font-family: var(--FontCode);
		font-size: var(--FontSizeSmaller);
		line-height: var(--LineHeightSmaller);
		padding: 0;
		margin-left: 0;
		background-color: var(--White);
		color: var(--Black);
	}

	MadCap|codeSnippet
	{
		font-family: var(--FontCode);
		font-size: var(--FontSizeSmaller);
		line-height: var(--LineHeightSmaller);
		padding: 0;
		margin-left: 0;
		background-color: var(--White);
		border: none;
	}

	h1
	{
		font-weight: bold;
		font-size: 18pt;
		line-height: 24pt;
		margin-bottom: 14pt;
		margin-top: 24pt;
		page-break-before: auto;
		border: none;
	}

	h1:first-child
	{
		margin-top: 0;
	}

	h2
	{
		font-size: 14pt;
		font-weight: bold;
		line-height: 18pt;
		margin-bottom: 10pt;
		margin-top: 10pt;
	}

	h3
	{
		font-size: 12pt;
		font-weight: bold;
		line-height: 16pt;
		margin-bottom: 10pt;
		margin-top: 10pt;
	}

	h4
	{
		color: var(--Black);
		font-size: 11pt;
		font-weight: bold;
		line-height: 15pt;
		margin-bottom: 10pt;
		margin-top: 10pt;
	}

	h5
	{
		color: var(--Black);
		font-size: 10pt;
		font-weight: bold;
		line-height: 15pt;
		margin-bottom: 10pt;
		margin-top: 10pt;
	}

	h6
	{
		color: var(--Black);
		font-size: 10pt;
		font-weight: bold;
		font-style: italic;
		line-height: 15pt;
		margin-bottom: 10pt;
		margin-top: 10pt;
	}

	/* Print cover page title and subtitle.*/

	div.CoverPage1 *,
	div.CoverPage2 *
	{
		color: var(--Brand1);
	}

	div.CoverPage1
	{
		frame-break-after: always;
		mc-hidden: hidden;
	}

	div.CoverPage2
	{
		position: absolute;
		bottom: 0;
	}

	div.CoverPage1 h1
	{
		font-size: 32pt;
		line-height: var(--LineHeightNormal);
		margin-bottom: 13pt;
		margin-top: 0;
		padding: 0;
		text-decoration: none;
		border-bottom: none;
		color: var(--Brand1);
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		mc-auto-number-format: ' ';
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	div.CoverPage1 h2
	{
		font-family: var(--FontHeading);
		font-weight: 700;
		font-size: 24pt;
		line-height: var(--LineHeightNormal);
		margin-bottom: 10pt;
		margin-top: 0;
		padding: 0;
		color: var(--Brand1);
		border-bottom: none;
		mc-auto-number-format: ' ';
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	div.CoverPage2 p
	{
		color: var(--Brand1);
		font-family: var(--FontSemiBold);
		font-size: 16pt;
		line-height: 22pt;
		margin-bottom: 10pt;
		margin-top: 0;
		padding: 0;
		mc-hidden: hidden;
	}

	div.Disclaimer
	{
		margin-top: 16pt;
	}

	div.Disclaimer p
	{
		font-size: var(--FontSizeSmaller);
		line-height: var(--LineHeightSmaller);
	}

	span.ChapterAutoNum
	{
		mc-hidden: hidden;
	}

	MadCap|tocProxy
	{
		border-top: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	MadCap|miniTocProxy
	{
		border: none;
		padding: 5px 15px 10px 0;
		margin: 15px 10px 10px 0px;
	}

	p.TOC1
	{
		font-family: var(--FontHeading);
		font-weight: 700;
		font-size: var(--FontSizeNormal);
		line-height: var(--LineHeightNormal);
		padding-bottom: 3pt;
		color: var(--Brand1);
		margin: 8pt 0 2pt 0in;
		page-break-after: avoid;
		mc-leader-align: left;
		mc-leader-offset: 15pt;
		mc-multiline-indent: 0.15in;
		mc-hidden: hidden;
	}

	p.TOC2,
	p.TOC3,
	p.TOC4,
	p.TOC5,
	p.TOC6
	{
		font-family: var(--FontHeading);
		font-size: var(--FontSizeNormal);
		line-height: var(--LineHeightNormal);
		color: var(--Black);
		font-weight: normal;
		color: #000000;
		margin: 2pt 0 1pt .25in;
		mc-leader-align: left;
		mc-leader-offset: 15pt;
		mc-multiline-indent: 0.15in;
		mc-hidden: hidden;
	}

	p.TOC3
	{
		margin-left: .5in;
		mc-hidden: hidden;
	}

	p.TOC4
	{
		margin-left: .75in;
		mc-hidden: hidden;
	}

	p.TOC5
	{
		margin-left: 1in;
		mc-hidden: hidden;
	}

	p.TOC6
	{
		margin-left: 1.25in;
		mc-hidden: hidden;
	}

	/* Print Heading Levels */

	h1
	{
		mc-heading-level: 1;
	}

	h2
	{
		mc-heading-level: 2;
	}

	h3
	{
		mc-heading-level: 3;
	}

	h4
	{
		mc-heading-level: 4;
	}

	h5
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

	/* Print cover page title and subtitle.*/
	/* Print table of contents */

	div.PrintFrontMatter
	{
		margin-left: 0;
	}

	div.PrintFrontMatter h1,
	div.PrintFrontMatter h2,
	div.PrintFrontMatter h3
	{
		margin-top: 0;
		border-bottom: none;
	}

	div.PrintFrontMatter h1,
	div.PrintFrontMatter h2,
	div.PrintFrontMatter h3,
	div.PrintFrontMatter h4,
	div.PrintFrontMatter h5,
	div.PrintFrontMatter h6
	{
		mc-auto-number-format: ' ';
		mc-heading-level: 0;
	}
}

