/*<meta />*/

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

:root,
html[data-theme='light']
{
	--background: #EBEBEB;
	--surface: #f8f8f8;
	--surface-variant: #fdfdfd;
	--primary: #0b7171;
	--primary-variant: #c9dddd;
	/*for selected tab backgrounds*/
	--secondary: #323232;
	--secondary-darken-1: #262626;
	--accent: #0e9797;
	--tertiary: #644fc1;
	--tertiary-darken: #5746AF;
	--border-color: #D1D1D1;
	--error: #B40000;
	--info: #0054B6;
	--success: #206300;
	--warning: #e46f00;
	/*banners*/
	--unclass: #4caf50;
	--unclasstext: #000000;
	/*docs-specific*/
	--footer: #262626;
	--on-footer: #ebebeb;
	--homepagedarkdiv: #323232;
	--on-homepagedarkdiv: #ebebeb;
	/*text*/
	--on-background: #1d1d1d;
	--on-surface: #262626;
	--on-primary: #fdfdfd;
	--on-primary-variant: #262626;
	--on-secondary: #ebebeb;
	--on-accent: #1d1d1d;
	--on-tertiary: #f8f8f8;
	--on-error: #fdfdfd;
	--on-info: #fdfdfd;
	--on-success: #fdfdfd;
	--on-warning: #1a1918;
	/*body*/
	--menuicon: url('../Images/company/webkit/kabob_lightmode.png') no-repeat center center;
	--searchicon: url('../Images/company/webkit/search/search-light-20.png') no-repeat center center;
	--bullet: url('../Images/company/webkit/bullet/bullet-16-light.png');
	--drop-down-open: url('../Images/company/webkit/down-chevron/down-16-light.png');
	--drop-down-closed: url('../Images/company/webkit/right-chevron/right-16-light.png');
}

html[data-theme='dark']
{
	--background: #1d1d1d;
	--surface: #262626;
	--surface-variant: #333231;
	--primary: #02d3cd;
	--primary-variant: #262626;
	--secondary: #b2b2b2;
	--secondary-darken-1: #909090;
	--accent: #81f3f3;
	--tertiary: #9E8CFC;
	--tertiary-darken: #7C66DC;
	--border-color: #545454;
	--error: #F65843;
	--info: #348FF4;
	--success: #85D460;
	--warning: #F4810C;
	/*banners*/
	--unclass: #4caf50;
	--unclasstext: #000000;
	/*docs-specific*/
	--footer: #1d1d1d;
	--on-footer: #B2B2B2;
	--homepagedarkdiv: #333231;
	--on-homepagedarkdiv: #D1D1D1;
	/*text*/
	--on-background: #B2B2B2;
	--on-surface: #D1D1D1;
	--on-primary: #262626;
	--on-primary-variant: #02d3cd;
	--on-secondary: #262626;
	--on-accent: #323232;
	--on-tertiary: #262626;
	--on-error: #262626;
	--on-info: #262626;
	--on-success: #262626;
	--on-warning: #262626;
	/*body*/
	--menuicon: url('../Images/company/webkit/kabob_darkmode.png') no-repeat center center;
	--searchicon: url('../Images/company/webkit/search/search-dark-20.png') no-repeat center center;
	--bullet: url('../Images/company/webkit/bullet/bullet-16-dark.png');
	--drop-down-open: url('../Images/company/webkit/down-chevron/down-16-dark.png');
	--drop-down-closed: url('../Images/company/webkit/right-chevron/right-16-dark.png');
}

.site-container
{
	overflow: visible;
	min-height: 100%;
	min-width: 100%;
}

a.logo
{
	margin-left: 2em !important;
}

html,
body
{
	height: 100%;
}

.height-container
{
	padding-top: 0;
	min-height: 100vh;
}

/* This is the div class used for the footer */

.footer,
.footerhome
{
	background-color: var(--footer);
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	position: sticky;
	width: 100%;
	text-align: center;
	font-size: 12pt;
	padding-top: 2.5em;
}

.footer p,
.footerhome p
{
	color: var(--on-footer);
	text-align: center;
	background-color: var(--footer);
}

.footer a:hover,
.footerhome a:hover
{
	color: var(--accent);
}

div.footerlogo
{
	margin: 0;
}

/*div.footercontent {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12pt;
}*/

/*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.*/

#mainpage
{
	mc-grid-row: true;
	display: flex;
	min-height: 55vh;
	background: var(--surface);
}

#mainpage::before
{
	content: ' ';
	display: table;
}

#mainpage::after
{
	content: ' ';
	display: table;
	clear: both;
}

#mainpage > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mainpage > div:nth-child(1)
{
	min-width: 15%;
	max-width: max-content;
	position: fixed;
	padding-left: 3.5em;
}

#mainpage > div:nth-child(2)
{
	margin-left: 15em;
	padding-right: 3.5em;
	padding-left: 3.5em;
	width: 100%;
}

#mainpage > div:nth-child(3):empty
{
	display: none;
}

#mainpage > div:nth-child(3)
{
	width: 20em;
	padding-right: 3.5em;
	float: right;
}

ul.menu._Skins_SideMenu.mc-component::before
{
	content: 'ON THIS PAGE';
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	/*border-bottom: 2px solid var(--primary);*/
	margin-left: auto;
	margin-right: auto;
}

ul.menu._Skins_SideMenu.mc-component
{
	padding: 10px;
}

ul.menu._Skins_SideMenu.mc-component ul > li > a,
ul.menu._Skins_SideMenu.mc-component li > a
{
	text-transform: none;
}

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	text-decoration: underline;
	text-decoration-color: var(--accent);
	text-decoration-thickness: 1.5pt;
}

ul.menu._Skins_MenuSkin.mc-component
{
	position: fixed;
	top: 350px;
}

ul.menu._Skins_MenuSkin.mc-component li > a.selected
{
	text-decoration: underline;
	text-decoration-color: var(--accent);
	text-decoration-thickness: 1.5pt;
}

/*.topicToolbarProxy {
	position: fixed;

}*/

/*.off-canvas-content {
	min-height: 100% !important;
}*/

.off-canvas-content
{
	background: var(--footer);
}

.select-language-drop-down
{
	position: absolute !important;
	z-index: 1000 !important;
}

/* ------ TABLET STARTS HERE ------ */

@media only screen and (max-width: 1300px)
{
	#mainpage
	{
		margin-left: 0;
	}

	#mainpage > div:nth-child(1)
	{
		width: 0%;
		display: none;
	}

	#mainpage > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0;
	}

	#mainpage > div:nth-child(3)
	{
		width: 0;
		display: none;
	}
}

/* ------ MOBILE STARTS HERE ------ */

@media only screen and (max-width: 767px)
{
	#mainpage > div:nth-child(1)
	{
		display: none;
	}

	#mainpage > div:nth-child(2)
	{
		width: 100%;
		padding: 0 24px 20px 24px;
		/*margin-left: 24px;*/
		margin-right: 24px;
	}

	img.footerlogo
	{
		background: transparent url('../Images/company/logos/maxar_gold_logo_rgb_125.png') no-repeat;
		float: right;
	}

	a.logo
	{
		margin-left: 1em !important;
	}
}

body
{
	mc-hyphenate: never;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.4;
	min-width: 350px;
}

p
{
	line-height: 1.4;
	display: block;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 10px;
	color: var(--on-surface);
}

.footerdisclaimer
{
	font-size: 12px;
	font-style: italic;
	margin-bottom: 60px;
}

.leftalign
{
	text-align: left;
	margin-bottom: 40px;
	padding-bottom: 20px;
	width: fit-content;
}

html.home
{
	mc-master-page: url('../Masterpages/GTM/home.flmsp');
}

html.main
{
	mc-master-page: url('../Masterpages/GTM/RightMenu.flmsp');
}

html.norightmenu
{
	mc-master-page: url('../Masterpages/GTM/RightMenu-NoMenu.flmsp');
}

html.microcontent
{
	mc-master-page: url('../Masterpages/GTM/RightMenu-MicroContent.flmsp');
}

/* ------ MOBILE STARTS HERE ------ */

@media only screen and (max-width: 767px)
{
	div.onelasttry
	{
		padding-left: 2.5em;
	}
}

@media print
{
	body
	{
		font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
		font-size: 14pt;
		line-height: 1;
	}

	p
	{
		font-size: 14pt;
		margin: 0;
		margin-bottom: 16pt;
		line-height: 1;
		letter-spacing: 0.2pt;
	}
}

h1
{
	font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: 1.5px;
	margin: 0 0 40px 0;
	text-transform: uppercase;
	color: var(--on-surface);
	display: block;
	border-left: 2px solid var(--primary);
	padding: 0 56px 0px 56px;
}

h1.microcontent
{
	font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: 1.5px;
	margin: 0 0 40px 0;
	text-transform: uppercase;
	color: var(--on-surface);
	display: block;
	border-left: 2px solid var(--primary);
	font-size: 1.5em;
	padding: 0 56px 0px 56px;
}

h1.homepage
{
	font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: 1.5px;
	margin: 0 0 40px 0;
	text-transform: uppercase;
	color: var(--on-surface);
	display: block;
	border-left: 2px solid var(--primary);
	border-left: none;
	padding: 0 56px 0px 0px;
}

h2
{
	font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	font-size: 40.5px;
	margin-top: 60px;
	margin-bottom: 20px;
	color: var(--on-surface);
}

h2.white
{
	color: var(--on-homepagedarkdiv);
}

h3
{
	font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: 1.1px;
	margin-bottom: 0;
	margin-right: 20px;
	font-weight: bold;
	line-height: 1;
	color: var(--on-surface);
}

h4
{
	font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
	color: var(--on-surface);
}

.subhead
{
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 1;
	margin: 30px 0px 4px 0px;
}

.centeredrule_gold
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	width: fit-content;
	border-bottom: 2px solid var(--primary);
}

.centered_plain
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	width: fit-content;
}

/*print styles that need to be viewable in web mode */

p.title,
p.titlelowercase,
p.titleuppercase,
p.titlesubheading,
p.titleintro
{
	/*keep*/
}

@media print
{
	h1
	{
		font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 0;
		color: var(--on-surface);
		font-size: 28pt;
		padding-left: 36pt;
		border-left: solid 2px --primary;
		line-height: 1;
		margin-bottom: 20px;
		margin-top: 0px;
		mc-heading-level: 1;
		letter-spacing: 1.68px;
		text-transform: uppercase;
		padding-bottom: -10px;
		padding-top: -4px;
	}

	h2
	{
		font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 0;
		color: var(--on-surface);
		font-size: 24pt;
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		color: var(--primary);
		letter-spacing: 1.08px;
		line-height: 1.2;
		margin-bottom: 20px;
		padding-left: 0pt;
		mc-heading-level: 2;
		text-transform: none;
		font-weight: bold;
		padding-top: 10pt;
	}

	h3
	{
		letter-spacing: 1;
		color: var(--on-surface);
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		margin-bottom: 10pt;
		padding-bottom: 10pt;
		line-height: 1.2;
		margin: 0;
		padding-top: 10pt;
		font-size: 20pt;
		font-weight: bold;
		mc-heading-level: 3;
	}

	h4
	{
		letter-spacing: 1;
		color: var(--on-surface);
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		margin-bottom: 10pt;
		padding-bottom: 10pt;
		line-height: 1.2;
		margin: 0;
		padding-top: 10pt;
		font-size: 16pt;
		font-weight: normal;
	}

	/*printed title page styles*/
	/*use for release number*/

	p.titleintro
	{
		font-weight: normal;
		margin: 0;
		color: var(--on-surface);
		line-height: 0;
		border-left: none;
		padding-left: 0;
		page-break-before: never;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
		letter-spacing: 0.87px;
		margin-top: 0;
		margin-bottom: 24pt;
		font-size: 14.5pt;
	}

	/*use for product name*/

	p.titlelowercase
	{
		font-weight: normal;
		margin: 0;
		color: var(--on-surface);
		line-height: 0;
		border-left: none;
		padding-left: 0;
		page-break-before: never;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		font-size: 42pt;
		font-weight: bold;
	}

	/*use for specific product name -- eg "PRO" or "XPRESS"*/

	p.titleuppercase
	{
		font-weight: normal;
		margin: 0;
		color: var(--on-surface);
		line-height: 0;
		border-left: none;
		padding-left: 0;
		page-break-before: never;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
		font-size: 100pt;
		margin-top: -25pt;
	}

	/*use for "user guide", etc*/

	p.titlesubheading
	{
		font-weight: normal;
		margin: 0;
		color: var(--on-surface);
		line-height: 0;
		border-left: none;
		padding-left: 0;
		page-break-before: never;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: 'Blender Pro Medium', 'BlenderPro-Medium', Arial, Helvetica, sans-serif;
		font-size: 24pt;
		font-weight: lighter;
	}
}

@media only screen and (max-width: 767px)
{
	/*This is the div class used for the hero section header*/

	h1,
	h1.homepage
	{
		padding: 0 24px 0px 24px;
	}
}

p a,
li a
{
	/*font-family: @font-family-Heavy;*/
	font-size: 18px;
	line-height: 1;
	/* text-transform: uppercase; */
	text-decoration: underline;
	text-decoration-color: var(--primary);
	text-decoration-thickness: 1.5pt;
	color: var(--primary);
}

MadCap|xref,
a.MCXref.xref
{
	mc-format: '{para}';
	color: var(--primary) !important;
	text-transform: none;
	text-decoration: underline;
	text-decoration-color: var(--primary) !important;
	text-decoration-thickness: 1pt;
}

h2 a
{
	color: var(--primary) !important;
	text-decoration: underline;
	text-decoration-color: var(--primary) !important;
	text-decoration-thickness: 1pt;
}

ul.navigation li > a:link
{
	border-bottom: none;
}

ul.navigation li > a:visited
{
	color: var(--on-surface);
}

ul.navigation li > a:visited
{
	color: var(--on-surface);
}

ul.navigation li li > a:visited
{
	color: var(--on-background);
}

h2 a:hover
{
	color: var(--accent) !important;
}

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

MadCap|xref:hover,
a.MCXref.xref:hover
{
	color: var(--accent) !important;
}

.MCDropDown
{
	margin-top: 10px;
}

MadCap|dropDownHotspot,
MadCap|dropDownHotspot:link,
.dropDownHotspot,
.dropDownHotspot:link
{
	cursor: hand;
	text-decoration: none;
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: var(--info);
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: var(--drop-down-closed);
	padding-left: 5px;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: var(--drop-down-open);
	padding-left: 5px;
}

MadCap|expandingHead
{
	cursor: hand;
	text-decoration: none;
	font-weight: bold;
	padding-right: 7.5px;
	text-transform: capitalize;
	color: var(--info);
	border-bottom: none;
}

MadCap|expandingBody
{
	padding-left: 7.5px;
}

a.MCDropDownHotSpot,
a.McExpandingHead,
ul.nocontent.menu a
{
	border-bottom: none;
}

a.MCBreadcrumbsLink
{
	color: var(--on-surface);
	text-decoration: none;
}

a.MCBreadcrumbsLink:hover
{
	color: var(--accent);
}

p a:visited,
li a:visited
{
	color: var(--tertiary);
}

/*changes for navigation and masterpage links*/

div.footer p > a,
div.footerhome p > a
{
	color: var(--on-footer);
	text-transform: none;
	font-size: 12pt;
	font-weight: normal;
}

div.footer p > a:visited,
div.footerhome p > a:visited
{
	color: var(--on-footer);
}

div.footer p > a:hover,
div.footerhome p > a:visited:hover
{
	color: var(--accent);
}

p > a.button:visited,
p > a.whatsnew:visited
{
	color: var(--on-primary);
}

ul.navigation li > a:visited:hover,
ul.off-canvas-list li > a:visited:hover
{
	color: var(--accent);
}

ul.navigation li li > a:visited:hover,
ul.off-canvas-list li li > a:visited:hover
{
	color: var(--on-primary-variant);
	background-color: var(--primary-variant);
}

p.version
{
	font-size: 8pt;
}

.button
{
	background: transparent;
	border-width: 2px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	align-self: flex-start;
	width: fit-content;
	height: fit-content;
	float: none;
	font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-style: solid;
	border-color: var(--primary);
	color: var(--on-primary);
	padding: 8px 32px;
}

div.darkgray .button:not(:hover)
{
	color: var(--on-homepagedarkdiv) !important;
}

.button:hover,
.button:focus
{
	background-color: var(--primary);
	color: var(--on-primary);
}

@media print
{
	MadCap|xref
	{
		mc-format: '{quote}{para}{quote} {pageref}';
		color: var(--on-surface);
		text-decoration: none;
	}

	MadCap|xref.nopage
	{
		mc-format: '{quote}{para}{quote}';
		color: var(--on-surface);
		text-decoration: none;
	}
}

ol,
ul,
li
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	color: var(--on-surface);
}

ul,
ol ul li,
div > ol ul li,
ol ul li,
div > ol ul li,
ul ol ul li,
div > ul ol ul li
{
	list-style-image: var(--bullet);
}

ul ol li,
div > ul ol li
{
	color: var(--on-surface);
	list-style-image: none;
	list-style: decimal;
}

ol ul ol li,
div > ol ul ol li
{
	color: var(--on-surface);
	list-style-image: none;
	list-style: lower-alpha;
}

ol li ol li ol li
{
	color: var(--on-surface);
	list-style-image: none;
	list-style: lower-roman;
}

ul.yesno
{
	list-style: none;
}

ul li.checkmark,
div > ul li.checkmark
{
	list-style-image: url('../Images/company/webkit/check/greencheck24.png');
}

ul li.x,
div > ul li.x
{
	list-style-image: url('../Images/company/webkit/x/redx24.png');
}

ol.p-num
{
	list-style: none;
}

p.numconsecutive
{
	mc-auto-number-format: '{n+1}. ';
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 25px;
	padding-top: 10px;
}

p.numsecond
{
	mc-auto-number-format: '{n}.{a+} ';
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 40px;
}

p.tablenumberfirst
{
	mc-auto-number-format: '{n=1}';
}

p.tablenumconsecutive
{
	mc-auto-number-format: '{n+1}';
}

@media print
{
	ul,
	ol,
	li
	{
		line-height: 1;
		font-size: 14pt;
	}

	li::marker
	{
		font-size: 16pt;
		vertical-align: middle;
		margin-left: -10px;
	}

	div > ul,
	div > ol,
	div > li
	{
		vertical-align: middle;
	}
}

img
{
	border: none;
	line-height: 1;
}

img.image_50percent,
img.image_75percent,
img.image_100percent
{
	padding-bottom: -10px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 500px;
}

img.ReduceButtonSize
{
	max-height: 18px;
	padding-left: 2px;
	padding-right: 2px;
}

div.image
{
	frame-break-inside: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
}

p.caption
{
	font-size: 14px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
	page-break-before: avoid;
	column-break-before: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
}

p.caption a
{
	font-size: 14px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
	page-break-before: avoid;
	column-break-before: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
	text-decoration: underline;
}

img.admin
{
	margin-bottom: -5px;
	margin-right: 5px;
}

.gif
{
	width: 100%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.title-bar-layout a.logo
{
	background: var(--logolarge);
	width: 250px;
	height: 100px;
}

.search-bar.search-bar-container .search-submit,
.search-bar.search-bar-container._Skins_SearchBar_HomePage.mc-component .search-submit
{
	background: var(--searchicon);
}

.search-bar.search-bar-container .search-submit:hover,
.search-bar.search-bar-container._Skins_SearchBar_HomePage.mc-component .search-submit:hover
{
	background: var(--searchicon);
}

iframe.Microcontent,
div.slider
{
	width: 95%;
	display: block;
	border-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ------ TABLET STARTS HERE ------ */

@media only screen and (max-width: 1300px)
{
	.title-bar .menu-icon span
	{
		background: transparent var(--menuicon);
	}
}

/* ------ MOBILE STARTS HERE ------ */

@media only screen and (max-width: 767px)
{
	img.image_50percent,
	img.image_75percent,
	img.image_100percent
	{
		padding-bottom: -10px;
		max-width: 95%;
		mc-thumbnail: popup;
		mc-thumbnail-max-height: auto;
		mc-thumbnail-max-width: 95%;
	}

	.gif
	{
		max-width: 95%;
	}

	.MCPopupThumbnail
	{
		max-width: 100%;
	}

	.title-bar-layout a.logo
	{
		background: var(--logosmall);
		width: 125px;
		height: 50px;
	}

	.title-bar .menu-icon
	{
		right: -40px;
	}

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

/* ------ PRINT STARTS HERE ------ */

@media print
{
	/*Regular Print Images*/

	img
	{
		/*keep*/
	}

	img.image_100percent,
	img.image_75percent,
	img.image_50percent
	{
		object-fit: scale-down;
		mc-thumbnail: none;
		max-width: 75%;
		width: 0;
		height: auto;
	}

	/*I know this is not really 100%*/

	img.image_75percent
	{
		max-width: 50%;
		width: 0;
		height: auto;
		object-fit: scale-down;
	}

	img.image_50percent
	{
		max-width: 25%;
		width: 0;
		height: auto;
		object-fit: scale-down;
	}

	img.ReduceButtonSize
	{
		min-height: 22px;
		max-height: 30px;
		line-height: 1;
		padding-bottom: 2px;
		padding-top: -2px;
	}

	td img
	{
		max-width: 75%;
		width: 0;
		height: auto;
		object-fit: scale-down;
	}

	td img.ReduceButtonSize
	{
		min-height: 14px;
		max-height: 22px;
		line-height: 1;
		padding-bottom: 2px;
		padding-top: -2px;
	}

	div > p > img
	{
		object-fit: scale-down;
	}

	p.caption
	{
		mc-auto-number-position: inside-head;
		mc-auto-number-offset: 0;
		mc-auto-number-format: 'GF:Figure {n+}: ';
		font-size: 10pt;
		font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
		padding-bottom: 16px;
	}
}

/*This stylesheet is for custom changes to the standard Flare navigation stylesheet*/

:target:before
{
	content: "";
	display: block;
	height: 175px;
	margin-top: -175px;
	width: 1px;
	visibility: hidden;
	pointer-events: none;
}

.skip-to-content
{
	display: none;
}

ul.navigation
{
	background: transparent;
}

ul.navigation a
{
	background-color: var(--surface);
}

ul.navigation ul,
ul.navigation ul ul,
ul.navigation ul ul ul
{
	background-color: var(--background);
}

ul.navigation ul > li:hover,
ul.navigation ul ul > li:hover,
ul.navigation ul ul ul > li:hover
{
	background-color: var(--primary-variant);
	color: var(--on-primary-variant);
}

ul.off-canvas-list ul > li:hover ul.off-canvas-list ul ul > li:hover,
ul.off-canvas-list ul ul ul > li:hover
{
	background-color: var(--primary-variant);
	color: var(--on-primary-variant);
}

ul.off-canvas-list ul > li > a.selected,
ul.off-canvas-list ul > li > a:hover
{
	background-color: var(--primary-variant);
	color: var(--on-primary-variant);
}

ul.navigation ul > li > a
{
	background-color: var(--transparent);
}

ul.navigation ul
{
	box-shadow: 4px 4px 8px 0px rgba(93, 92, 92, 0.3);
	-webkit-box-shadow: 4px 4px 8px 0px rgba(93, 92, 92, 0.3);
	-moz-box-shadow: 4px 4px 8px 0px rgba(93, 92, 92, 0.3);
	width: auto;
	min-width: 160px;
}

ul.navigation > li.has-children:after
{
	color: var(--background);
}

ul.navigation ul > li.has-children > a:after
{
	content: "\3009";
	top: 12px;
	margin-right: -10px;
}

nav.title-bar
{
	background: var(--surface);
}

div.navigation-wrapper.nocontent
{
	padding-top: 1px;
}

/* Adds an entry for "display none" in the Top Nav TOC. To use this style, select the item
   in the Flare TOC and pick "NoDisplay" as the TOC Entry style. Note along 
   with this change we needed to add the NoDisplay entry to the Flare skin using the text editor*/

ul.navigation li.NoDisplay
{
	display: none;
}

ul.menu li.NoDisplay
{
	display: none;
}

/*allows wrapping in menus*/

ul.navigation ul > li > a
{
	white-space: normal;
}

._Skins_HTML5searchresults.mc-component #resultList h3.title a
{
	font-size: 20pt !important;
	color: var(--info) !important;
}

._Skins_HTML5searchresults.mc-component #resultList .url cite
{
	color: var(--success);
}

/* ------ TABLET STARTS HERE ------ */

@media only screen and (max-width: 1300px)
{
	:target:before
	{
		content: "";
		display: block;
		height: 125px;
		margin-top: -125px;
		width: 1px;
		visibility: hidden;
		pointer-events: none;
	}

	.title-bar-layout
	{
		align-items: stretch;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding-top: 10px;
	}

	.off-canvas
	{
		background-color: var(--surface);
		color: var(--on-surface);
	}

	ul.off-canvas-list li a
	{
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 3px;
	}

	ul.off-canvas-list li li a
	{
		border-bottom: none;
		padding-top: 5px;
		padding-bottom: 0px;
	}

	ul.off-canvas-list ul > li > a
	{
		border-bottom: none !important;
		text-transform: none;
	}

	/*ul.off-canvas-list ul:last-child {
		padding-bottom: 35px;
	}*/

	/*ul.vertical.menu.is-accordion-submenu.nested.is-active > li.tree-node.tree-node-leaf:first-of-type{
display:none;}
/*glory of glories! this gets rid of the duplicated topics in side nav that has haunted me for all my days! HOWEVER, this causes issues when the top node is selected -- needs further QA.*/
}

/* ------ MOBILE STARTS HERE ------ */

@media only screen and (max-width: 767px)
{
	:target:before
	{
		content: "";
		display: block;
		height: 80px;
		margin-top: -80px;
		width: 1px;
		visibility: hidden;
		pointer-events: none;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding-top: 5px;
	}
}

/*test April 26*/

div.note,
div.important,
div.warning,
div.example,
div.tip,
div.available,
div.perms
{
	margin: 10px;
	background: var(--background);
	padding: 10px;
	border-left: solid 2px var(--primary);
	page-break-inside: avoid;
	column-break-inside: avoid;
}

div.warning
{
	border-left: solid 2px var(--error);
}

div.note::before,
div.warning::before,
div.important::before,
div.example::before,
div.tip::before,
div.perms::before
{
	content: 'NOTE ';
	color: var(--on-background);
	display: inline-block;
	font-weight: bolder;
	padding-left: -10px;
	text-align: left;
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-size: 20px;
}

div.example::before
{
	content: 'EXAMPLE ';
}

div.tip::before
{
	content: 'TIP ';
}

div.perms::before
{
	content: 'PERMISSION REQUIREMENTS ';
}

div.important::before
{
	content: 'IMPORTANT ';
}

div.warning::before
{
	content: 'WARNING ';
	color: var(--error);
}

div.note p,
div.warning p,
div.important p,
div.tip p,
div.example p,
div.available p,
div.perms p
{
	text-align: left;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 18px;
	color: var(--on-background);
	mc-hyphenate: never;
	text-indent: 0px;
	text-decoration: none;
	margin-bottom: 10pt;
	line-height: 1.4;
}

div.note a,
div.warning a,
div.important a,
div.tip a,
div.example a,
div.available a,
div.perms a
{
	font-size: 18px;
	color: var(--info);
}

div > p.caption,
div ul > li p.caption,
div ol > li p.caption
{
	font-size: 14px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
	page-break-before: avoid;
	column-break-before: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
}

table > p.caption
{
	font-size: 14px;
	color: var(--on-surface);
}

@media print
{
	div.note,
	div.important,
	div.warning,
	div.example,
	div.tip,
	div.available
	{
		/*keep*/
	}

	div.note p,
	div.warning p,
	div.important p,
	div.tip p,
	div.example p,
	div.available p
	{
		font-size: 14pt;
	}

	div > p.caption
	{
		font-size: 10pt;
		font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
		padding-bottom: 16px;
	}
}

span.bold
{
	font-weight: bold;
}

span.italic
{
	font-style: italic !important;
}

span.SetOff
{
	padding-right: 7.5px;
}

span.Red
{
	color: var(--error);
}

span.UserEntry
{
	font-family: 'Courier New';
	font-size: 12pt;
	padding-bottom: 5px;
}

span.caption
{
	font-size: 14px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
}

@media print
{
	span.caption
	{
		font-size: 10pt;
	}
}

MadCap|breadcrumbsProxy
{
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	border-bottom: none;
	mc-breadcrumbs-prefix: 'You are here: ';
	width: 235px;
	font-style: italic;
	position: fixed;
	font-size: 12px;
	color: var(--on-surface);
	/*top: 260px;*/
}

div.MCBreadcrumbsBox_0
{
	color: var(--on-surface);
}

MadCap|miniTocProxy.Online
{
	border-top-width: 0px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
}

a.MiniTOC1:visited
{
	color: var(--on-surface);
}

a.MiniTOC1:hover
{
	color: var(--on-primary-variant);
	background-color: var(--primary-variant);
}

.buttons._Skins_AlwaysShow.mc-component
{
	display: block;
	margin-top: 20px;
	margin-right: 10px;
	float: none;
}

.search-bar .search-field
{
	background-color: var(--background);
	color: var(--on-background);
	border-color: var(--border-color);
}

@media only screen and (max-width: 1300px)
{
	.buttons._Skins_AlwaysShow.mc-component
	{
		margin-top: 10px;
	}

	.nav-search
	{
		margin-right: 30px;
	}
}

@media only screen and (max-width: 767px)
{
	.nav-search
	{
		margin-right: 0px;
	}
}

@media print
{
	MadCap|listOfProxy.CaptionProxy
	{
		mc-list-of-tag: p;
		mc-list-of-class: caption;
	}

	MadCap|listOfProxy
	{
		font-size: 14pt;
		left: 1px;
		right: 1px;
		text-align: left;
	}

	MadCap|tocProxy,
	MadCap|glossaryProxy,
	MadCap|indexProxy,
	MadCap|listOfProxy,
	MadCap|indexProxy.Column2
	{
		border-top-style: none;
	}

	MadCap|indexProxy,
	MadCap|indexProxy.Column2
	{
		mc-column-count: 2;
		mc-index-headings: true;
		white-space: normal;
	}

	MadCap|miniTocProxy
	{
		border-top-width: 0px;
		margin-left: 0.25in;
		margin-right: 0.25in;
		padding-bottom: 0.25in;
		padding-left: 0px;
	}

	MadCap|miniTocProxy.SingleChapterDoc
	{
		margin-left: 0;
		margin-right: 0;
	}
}

tr td
{
	text-align: left;
}

td.ColumnHeader
{
	font-weight: bold;
	text-align: center;
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
}

td.RowHeader
{
	font-weight: bold;
	text-align: center;
}

div.note > table tr td,
div.warning > table tr td,
div.important > table tr td,
div.tip > table tr td,
div.example > table tr td,
div.available > table tr td,
div.gettingstarted > table tr td,
ul > li > table > tr > td
{
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
}

table p a,
table li a
{
	font-size: 18px;
}

th > p.tablehead
{
	text-align: center;
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: var(--on-primary);
}

/* ------ PRINT STARTS HERE ------ */

@media print
{
	table p a,
	table li a
	{
		font-size: 14pt;
	}
}

div.banner
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	margin-top: -10px;
}

div.bannerbottom
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	position: fixed;
	bottom: 0;
}

div.banner p,
div.bannerbottom p
{
	font-size: 16.2px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
}

.internal
{
	background-color: var(--error);
}

.classified
{
	background-color: var(--unclass);
}

.internal p
{
	color: var(--on-error);
}

.classified p
{
	color: var(--unclasstext);
	font-size: 16px;
	font-family: 'Blender Bold', 'Blender-Bold', Arial, Helvetica, sans-serif;
}

/*print styles that need to be viewable in web mode */

*
{
	box-sizing: border-box;
}

#myInput
{
	background: var(--background);
	border: none;
	border-radius: 25px;
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding: 12px 20px 12px 20px;
	margin-bottom: 18px;
}

#myInput::placeholder
{
	color: var(--on-background);
	opacity: 1;
}

.MCGlossaryProxy_0
{
	list-style-type: none;
	padding: 0;
	margin: 0 !important;
	border-top: none !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
}

.GlossaryPageHeading
{
	border-bottom-width: 2pt !important;
	border-bottom-color: var(--primary) !important;
	color: var(--on-surface);
	line-height: 1.2;
	margin-bottom: 5px;
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40.5px;
}

.GlossaryPageTerm
{
	font-size: 20px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.GlossaryPageDefinition
{
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	font-weight: normal;
	display: none;
}

.GlossaryPageDefinition a
{
	/*font-family: @font-family-Heavy;*/
	font-size: 18px;
	line-height: 1;
	/* text-transform: uppercase; */
	text-decoration: underline;
	text-decoration-color: var(--accent);
	text-decoration-thickness: 1.5pt;
	color: var(--on-surface);
	user-select: none;
}

.GlossaryPageEntry
{
	user-select: none;
	cursor: pointer;
}

.GlossaryPageTerm a
{
	text-decoration: none;
}

@media print
{
	div.footer
	{
		text-align: center;
		font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	}

	p.footer_pagenumber
	{
		font-size: 10pt;
		line-height: 1;
		display: block;
		font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
		color: var(--on-surface);
		text-align: right;
		margin: 0;
	}

	div.backcover
	{
		/*keep*/
	}

	div.backcover p
	{
		line-height: 1.2;
		display: block;
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: var(--on-primary);
		text-decoration: none;
		font-size: 19pt;
	}

	div.backcover a
	{
		line-height: 1.2;
		display: block;
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: var(--on-primary);
		text-decoration: none;
		font-size: 19pt;
		border-bottom: none;
	}

	p.IndexHeading
	{
		text-align: left;
		font-size: 14pt 2pt;
		font-weight: bold;
	}

	p.Index1
	{
		margin-left: 0pt;
		margin-bottom: 4px;
		margin-top: 4px;
		font-size: 14pt;
		white-space: normal;
	}

	p.Index2
	{
		font-size: 12pt;
		margin-left: 20pt;
		margin-bottom: 2px;
		margin-top: 2px;
		white-space: normal;
	}

	p.Index3
	{
		font-size: 12pt;
		margin-left: 20pt;
		margin-bottom: 2px;
		margin-top: 2px;
		white-space: normal;
		margin-left: 30pt;
	}

	p.Index4
	{
		font-size: 12pt;
		margin-left: 20pt;
		margin-bottom: 2px;
		margin-top: 2px;
		white-space: normal;
		margin-left: 40pt;
	}

	span.SeeIndexTerms,
	span.SeeAlsoIndexTerms
	{
		font-style: italic;
	}

	p.TOC1
	{
		font-size: 14pt;
		font-weight: bold;
		page-break-after: avoid;
	}

	p.TOC2
	{
		margin-left: 20pt;
		font-size: 14pt;
	}

	p.TOC3
	{
		margin-left: 40pt;
		font-size: 12pt;
	}

	p.TOC4
	{
		margin-left: 60pt;
		font-size: 12pt;
	}

	div.GlossaryPageHeading
	{
		border-bottom: none;
		color: var(--primary);
		line-height: 1.2;
		margin-below: 12pt;
		font-family: 'Blender Book', 'Blender-Book', Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18pt;
	}

	div.GlossaryPageTerm
	{
		font-size: 16pt;
		font-family: 'PF DinDisplay Pro', 'PFDINDisplayPro-Regular', Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: normal;
		line-height: 1.2;
	}

	div.GlossaryPageDefinition
	{
		font-size: 14pt;
		font-family: 'PF DinDisplay Pro', 'PFDINDisplayPro-Regular', Arial, Helvetica, sans-serif;
		margin-below: 7pt;
		display: block;
	}
}

/*current color variables*/
/*@import '../scripts/DataTables/DataTables-1.10.24/css/jquery.dataTables.css';*/