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

@font-face {
            font-family: 'figtree';
            src: url('fonts/Figtree-VariableFont_wght.ttf');
        }
@font-face {
			font-family: 'figtree italic';
			src: url('fonts/Figtree-Italic-VariableFont_wght.ttf');
        }

body
{
	font-family: 'figtree', 'Arial', sans-serif;
	margin: 0;
	padding: 20px;
	/* this is needed for a traditional left side nav pane output */
	overflow: auto;
	mc-hyphenate: never;
}

.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-prefix: ' ';
}

.MCBreadcrumbsLink, .MCBreadcrumbsDivider, .MCBreadcrumbsSelf
{
	font-size: 11px;
}

.aFooterLeft
{
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.aFooterRight
{
	font-size: 11px;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.title	/* this is for the document title displayed in the header */
{
	color: #ffffff;
	font-family: 'figtree', 'Arial', sans-serif;
	line-height: 100%;
	font-size: 2em;
	/* to do - test this as 32px */
	display: block;
	padding-left: 20px;
	margin-top: 10px;
}

.newText
{
	background-color: #f7f6d5;  
}

.SearchHighlight
{
	background-color: yellow;
}

ul li
{
	font-size: 14px;
	line-height: 133%;
	padding-top: 1px;
	padding-bottom: 1px;
}

ol li
{
	font-size: 14px;
	line-height: 133%;
	padding-top: 1px;
	padding-bottom: 1px;
}

ul li ul li,
ul ul li
{
	font-size: 14px;
	line-height: 133%;
	list-style-type: circle;
}

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

ol li ol li,
ol ol li
{
	font-size: 14px;
	line-height: 133%;
	list-style-type: lower-alpha;
	padding-top: 1px;
	padding-bottom: 1px;
}

ol li ol li ol li,
ol ol ol li
{
	font-size: 14px;
	line-height: 133%;
	list-style-type: lower-roman;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* The following item prevents too much space when <p> tags are used within <li> tags */

li p
{
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

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

.indent1text
{
	margin-left: 40px;
}

table
{
	margin-top: 30px;
	margin-bottom: 30px;
	border-collapse: collapse;
	max-width: 95%;
	margin-left: 30px;
	margin-right: 30px;
}

table.smallText tr td,
table.smallText tr th
{
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}

table.smallText tr td p,
table.smallText tr th p
{
	font-size: 12px;
}

table.smallText tr td li,
table.smallText tr td li p
{
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
}

table.smallText ul
{
	padding-bottom: 6px;
}

th
{
	font-size: 14px;
	border-top: 2px solid #6D2077;
	border-bottom: 2px solid #6D2077;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.divider
{
	background-color: #dcdcdc;
	font-weight: bold;
	page-break-after: avoid;
}

.procedure
{
	margin-top: 15px;
	padding-top: 4px;
	border-top: 2px solid #6D2077;
	font-weight: bold;
	page-break-after: avoid;
}

td
{
	font-size: 14px;
	border-top: 1px solid #6D2077;
	border-bottom: 1px solid #6D2077;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

.noBorder
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* The following td items prevent too much space when <p> tags and lists appear in table cells */

td ul, td ul p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

td ul li
{
	font-size: 14px;	
	/* probably not needed. This goes back to when template was using em and rem */
}

td ol, td ol p
{
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

td ol li
{
	font-size: 14px;
}

td p
{
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
}

th 
{
	vertical-align:bottom;
}

th p
{
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	vertical-align:bottom;
}

p
{
	font-size: 14px;
	line-height: 133%;
}

h1,
h2,
h3,
h4,
h5,
h5
{
	margin-bottom: 0px;
}

h1
{
	font-size: 30px;
	/* default is 32px */
}

a:link
{
	text-decoration: none;
	color: #2640A1;
}

.Note,
.Tip
{
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-repeat: no-repeat;
	width: 80%;
	background-image: url('note_icon.svg');
	background-color: #ffffff;
	padding-left: 44px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6D2077;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6D2077;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #6D2077;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6D2077;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

div[class=Note] p,
div[class=Note_2] p,
div[class=Caution] p,
div[class=Caution_2] p,
div[class=Tip] p,
div[class=Tip_2] p	/* a p inside a div creates extra margin at top and bottom in HTML output */
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.Note_2,
.Tip_2
{
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 34px;
	background-repeat: no-repeat;
	width: 80%;
	background-image: url('note_icon.svg');
	background-color: #ffffff;
	padding-left: 44px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6D2077;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6D2077;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #6D2077;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6D2077;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

ul .Note,
ol .Note,
ul .Caution,
ol .Caution,
ul .Tip,
ol .Tip
{
	font-size: 14px;
}

ul .Note_2,
ol .Note_2,
ul .Caution_2,
ol .Caution_2,
ul .Tip_2,
ol .Tip_2
{
	font-size: 14px;
}

.moreInfo
{
	font-size: 16px;
	margin-top: 30px;
	color: #6D2077;
	font-weight: bold;
}

.Caution
{
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-repeat: no-repeat;
	width: 80%;
	background-image: url('caution_icon.svg');
	background-color: #ffffff;
	padding-left: 44px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6D2077;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6D2077;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #6D2077;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6D2077;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.Caution_2
{
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 34px;
	background-repeat: no-repeat;
	width: 80%;
	background-image: url('caution_icon.svg');
	background-color: #ffffff;
	padding-left: 44px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6D2077;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6D2077;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #6D2077;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6D2077;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.Warning
{
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-repeat: no-repeat;
	width: 80%;
	background-image: url('warn_icon.svg');
	background-color: #ffffff;
	padding-left: 44px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6D2077;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6D2077;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #6D2077;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6D2077;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.Tip
{
	background-image: url('tip_icon.svg');
}

.Tip_2
{
	background-image: url('tip_icon.svg');
}

.codeSample
{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 36px;
	line-height: 18px;
	font-family: "Consolas";
	color: #010101;
}

.codeSample_2
{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 60px;
	line-height: 18px;
	font-family: "Consolas";
	color: #010101;
}

.codeSampleSmall
{
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 16px;
	font-family: "Consolas";
	color: #010101;
}

.spacer
{
	font-size: 4px;
}

.copyright
{
	font-size: 9px;
}

img
{
	max-width: 800px;
}

li img
{
	padding-top: 6px;
}

_generic_.chapterTitle
{
	mc-toc-depth: 1;
	mc-heading-level: 3;
}

h3
{
	mc-heading-level: 3;
}

h4
{
	mc-heading-level: 0;
}

h5
{
	mc-heading-level: 0;
}

h6
{
	mc-heading-level: 0;
}

.footnoteNum
{
    vertical-align: super;
	font-size: 60%; 
}

.footnote
{
	font-size: 12px;
}

MadCap|xref, MCXref xref
{
	color: #2640A1;
	mc-format: '{para}'
}

p.Figure
{
font-style: italic;
mc-auto-number-class: FigNum;
mc-auto-number-format: 'GF:Figure {n+}: ';
margin-left: 0x;
padding-bottom: 10px;
page-break-after: avoid;
}
span.FigNum
{
color: #6D2077;
font-style: normal;
}
MadCap|xref.x-refFigure
{
	mc-format: '{paranum} {paratext} {pageref}';
}

p.Table
{
font-style: italic;
mc-auto-number-class: TableNum;
mc-auto-number-format: 'GT:Table {n+}: ';
margin-left: 0px;
padding-bottom: -14px;
page-break-after: avoid;
}
span.TableNum
{
color: #6D2077;
font-style: normal;
}
MadCap|xref.x-refTable
{
	mc-format: '{paranum} {paratext} {pageref}';
}

/* styles used by controller help to format developer-provided content */
.Definition {line-height: 100%;}
.Definition-Term {color: #6D2077; font-weight: bold;}

@media print
{
	body
	{
		font-family: 'figtree', 'Arial', sans-serif;
		margin-left: 50px;
	}	
	
	ul 
	{
		padding-left: -12px;
	}

	ol 
	{
		padding-left: -12px;
	}
	
	h1
	{
		mc-heading-level: 1;
		mc-hyphenate: never;
		hyphens: none;
		margin-left: -50px;
	}

	h2
	{
		mc-heading-level: 2;
		mc-hyphenate: never;
		hyphens: none;
		margin-left: -50px;
		font-family: 'figtree', 'Arial', sans-serif;
		font-weight: Bold;
	}

	h3
	{
		mc-heading-level: 3;
		mc-hyphenate: never;
		hyphens: none;
		margin-left: -50px;
	}

	h4
	{
		mc-heading-level: 0;
		mc-hyphenate: never;
		hyphens: none;
	}

	h5
	{
		mc-heading-level: 0;
		mc-hyphenate: never;
		hyphens: none;
	}

	h6
	{
		mc-heading-level: 0;
		mc-hyphenate: never;
		hyphens: none;
	}

	a
	{
		color: #6D2077;
		text-decoration: none;
	}

	.procedure
	{
		margin-left: -50px;
	}

	img
	{
		max-width: 575px;
	}
	
	.imgWide
	{
		max-width: 912px;
	}

	table
	{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	th
	{
		hyphens: none;
		/* Otherwise PDF tends to frequently insert hyphens when attempting to scale the table. Remove this if table heads break out of cell width */
		mc-hyphenate: never;
		page-break-inside: avoid;
	}

	td
	{
		hyphens: none;
		mc-hyphenate: never;
		page-break-inside: avoid;
	}

	td p
	{
		hyphens: none;
		mc-hyphenate: never;
		page-break-inside: avoid;
	}

	th p
	{
		hyphens: none;
		mc-hyphenate: never;
		page-break-inside: avoid;
	}

	table.tinyText tr td,
	table.tinyText tr th
	{
		font-size: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
		line-height: 100%;
		text-align: center;
	}

	table.tinyText tr td p,
	table.tinyText tr th p
	{
		font-size: 10px;
		line-height: 100%;
		text-align: center;
	}

	table.tinyText tr td li,
	table.tinyText tr td li p
	{
		font-size: 10px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	.moreInfo
	{
		page-break-after: avoid;
		/* try to keep For More Information header tied to at least one topic */
	}

	.Note,
	.Note_2,
	.Caution,
	.Caution_2,
	.Tip,
	.Tip_2	/* avoid having a note, caution or tip breaking apart across pages. */
	{
		break-inside: avoid;
		page-break-inside: avoid;
	}
	
	MadCap|miniTocProxy  
	{
		border:0px;
	}

	p.TOC1, p.MiniTOC1
	{
		font-family: 'figtree', 'Arial', sans-serif;
		font-weight: Bold;
		color: #6D2077;
		margin-top: 6px;
		margin-bottom: 0px;
		margin-right: 6px;
		font-size: 14px;
	}

	p.TOC2, p.MiniTOC2
	{
		margin-left: 12px;
		margin-right: 6px;
		margin-top: 6px;
		margin-bottom: 0px;
		font-size: 12px;
	}

	p.TOC3, p.MiniTOC3
	{
		margin-left: 18px;
		margin-right: 6px;
		margin-top: 6px;
		margin-bottom: 0px;
		font-size: 12px;
	}

	p.TOC4, p.MiniTOC4
	{
		margin-left: 24px;
		margin-right: 6px;
		margin-top: 6px;
		margin-bottom: 0px;
		font-size: 12px;
	}
	
	
	div.TOC
	{
		margin-left: -50px;
	}
	
	.coverImage
	{
		margin-left: -50px;
	}

	.coverTitle
	{
		font-size: 30px;
		text-align: center;
		margin: 0px;
		margin-top: 2.375in;
		margin-bottom: 0.125in;
		margin-left: -50px;
	}

	.coverTitle2
	{
		font-family: 'figtree', 'Arial', sans-serif;
		font-weight: Bold;
		font-size: 24px;
		text-align: center;
		margin: 0px;
		margin-top: 0.125in;
		margin-left: -50px;
	}

	.coverTitle3
	{
		font-size: 18px;
		text-align: center;
		margin: 0px;
		margin-top: 0.25in;
		margin-left: -50px;
	}

	.coverFooter
	{
		font-size: 16px;
		text-align: right;
		margin: 0px;
		/* margin-top: 3.375in; */
		position: absolute;
		bottom: -0.25in;
	}

	hr.coverTitleHR
	{
		width: 5.5in;
		height: 4px;
		background-color: #6D2077;
		margin: auto;
		border: none;
		margin-left: 0px;
	}
	
	.address
	{
		margin-left: -50px;
	}

	.revLog
	{
		margin-left: -50px;
		width: 115%; 
	}

	.chapterNumber
	{
		font-family: 'figtree Extrabold', 'Arial', sans-serif;
		font-weight: Bold;
		font-size: 130px;
		color: #6D2077;
		text-align: right;
		line-height: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		margin-left: -50px;
		margin-right: -20px;
		mc-auto-number-format: '{chapnum}';
	}

	.chapterTitle
	{
		font-family: 'figtree Extrabold', 'Arial', sans-serif;
		font-weight: Bold;
		mc-heading-level: 1;
		font-size: 33px;
		margin: 0px 0px 20px 0px;
		/* margin bottom value set to give space before summary text */
		padding: 0px 0px 0px 0px;
		margin-left: -50px;
		mc-auto-number-format: 'GH:Chapter {chapnum}: ';
	}

	.chapterSummary
	{
		font-family: 'figtree', 'Arial', sans-serif;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		margin-left: -50px;
	}
	
	.apdxNumber
	{
		font-family: 'figtree Extrabold', 'Arial', sans-serif;
		font-weight: Bold;
		font-size: 130px;
		color: #6D2077;
		text-align: right;
		line-height: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		margin-left: -50px;
		margin-right: -20px;
		mc-auto-number-format: '{chapnum}';
	}

	.apdxTitle
	{
		font-family: 'figtree Extrabold', 'Arial', sans-serif;
		font-weight: Bold;
		mc-heading-level: 1;
		font-size: 33px;
		margin: 0px 0px 20px 0px;
		/* margin bottom value set to give space before summary text */
		padding: 0px 0px 0px 0px;
		margin-left: -50px;
		mc-auto-number-format: 'GH:Appendix {chapnum}: ';
	}	
	
	MadCap|xref, MCXref xref /* this adds page numbers for printed output */
	{
		color: #2640A1;
		mc-format: '{para} {pageref}'
	}

}