/*<meta />*/

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

/* For styles used to fix/tweak navigation, layout, and design elements. These styles should not be shown to the user in the Flare Styles pane. To make it easier to use the WSIWYG XML editor to format a topic, by not cluttering that list with the styles in this stylesheet.
SEE MORE NOTES in GlobalStyles.css
 */

/* Fix from Madcap for menu positioning issue */

Nav.title-bar
{
	Position: absolute;
	/* Changed per Madcap from relative to absolute to resolve top logo and home button/link not showing up Feb 2021 SLD */
	width: 100%;
	/* Added per Madcap to resolve top logo and home button/link not showing up Feb 2021 SLD */
}

/* General formatting */

body
{
	font-family: Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* was Arial, Myriad, sans-serif -- Not using Hero New for base text because it's hard to read Oct 2021 SLD */
	font-size: 120%;
	/* Changed from 16px base unit (100%) to 19.2px (120%) Oct 2021 SLD */
	line-height: 1.333em;
	/* was 1.5em */
	color: #000000;
	/* Changed from 444444 Feb 2021 SLD */
	background-color: #F4F3F7;
	/* Light gray for background--see body-container for background behind text Feb 2021 SLD */
	mc-hyphenate: never;
}

.body-container
{
	background-color: #ffffff;
	/* White for background behind text Feb 2021 SLD */
}

.main
{
	min-height: calc(100vh - 336px);
	/* Force footer to drop all the way to the bottom--see footer height in GlobalFooterStyles Feb 2021 SLD */
}

.main-section > .outer-row
{
	padding-top: 0;
	background-color: #ffffff;
	/* White for left and right margins Feb 2021 SLD */
	padding-bottom: 0;
	/* Force footer to drop all the way to the bottom Feb 2021 SLD */
}

/*.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}*/

/* Breadcrumbs -- overrides styles generated from MainStyles.css during build in Flare, not the styles in the output MainStyles.css file */

a.MCBreadcrumbsLink
{
	text-decoration: none;
	color: #ffffff;
	font-style: normal;
}

a.MCBreadcrumbsLink:visited
{
	color: inherit;
}

a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
	color: #ffffff;
}

MadCap|breadcrumbsProxy
{
	font-family: 'Hero New Light Italic', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* Differentiation from standard font added with Hero New addition Oct 2021 SLD */
	font-size: 0.8em;
	/* Changed from .8em with body @ 100% to .6em with body @ 120% */
	/* font-style: italic; */
	/* Commented out with change to font Oct 2021 SLD */
	/* font-weight: bold; */
	/* Removed since it serves no purpose this this font Oct 2021 SLD */
	color: #ffffff;
	display: inline-block;
	mc-breadcrumbs-prefix: "";
	mc-breadcrumbs-divider: ' » ';
	/* the spaces around the chevron are Unicode en-spaces copied from windows Character Map */
	mc-breadcrumbs-count: 5;
	border: solid 1px #390C72;
	/* Now purple. Box color around breadcrubmbs changed from 28B905 Feb 2021 SLD */
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #390C72;
	/* Now purple. Background color on breadcrumbs changed from 28B905 Feb 2021 SLD */
	margin-bottom: 1em;
	padding: 0.422em 1em 0.422em 1em;
	width: auto;
	float: left;
	/* Added per Madcap to resolve top logo and home button/link not showing up Feb 2021 SLD - See also separate config under tablet */
	/*margin-top: 106px;*/
	/* This doesn't appear to be used. Oct 2021 SLD */
}

div.MCBreadcrumbsBox_0	/* Added per Madcap to further resolve top logo and home button/link not showing up Feb 2021 SLD - See also separate config under tablet */
{
	margin-top: 96px;
	/* Change from 110px to 106px with change from Segoe UI Semibold for menu font and accompanying font size changes Oct 2021 SLD */
	/* Change from 106px to 96px with addition of product title under logo Jan 2022 SLD */
	max-width: 86%;
	/* Allow room for buttons at right for long breadcrumbs. 91% works for 2 buttons plus ToC. */
}

div.mc-main-content
{
	margin-top: 96px;
}

span.MCBreadcrumbsDivider
{
	font-style: normal;
	opacity: 0.7;
	vertical-align: 1px;
}

/* Mini TOC */

MadCap|miniTocProxy
{
	width: 288px;
	mc-toc-depth: 5;
	color: #000000;
	font-size: 0.7em;
	line-height: 1.0em;
	text-decoration: none;
	mc-disable-glossary-terms: true;
}

div.MCMiniTocBox_0
{
	border-top-width: 0px;
	border-top-style: none;
	padding-top: 0;
	margin-top: 0;
	padding-left: 20px;
	padding-right: 20px;
}

p.MiniTOC1_0,
p.MiniTOC2_0,
p.MiniTOC3_0,
p.MiniTOC4_0,
p.MiniTOC5_0
{
	font-weight: 600;
	margin-bottom: 1.0em;
	line-height: 1.0em;
}

.miniTocTitle
{
	font-weight: 600;
	margin: 0.8em 0 1.0em 0;
	line-height: 1.0em;
	font-size: 0.75em;
	position: relative;
	display: inline-block;
	mc-disable-glossary-terms: true;
}

.miniTocTitle::before
{
	content: "";
	position: absolute;
	background: #28B905;
	height: 2px;
	width: 100%;
	left: 0;
	bottom: -4px;
}

.MiniTOC1 a,
a:visited
{
	color: #000000;
	mc-disable-glossary-terms: true;
}

a.MiniTOC1:hover,
a.MiniTOC2:hover,
a.MiniTOC3:hover,
a.MiniTOC4:hover,
a.MiniTOC5:hover
{
	color: #28B905;
}

div.rightNavToc
{
	float: right;
	position: relative;
	width: 288px;
	background-color: #F4F3F7;
	margin: 2px -7px 2px 2px;
	padding: 0 8px 0 8px;
	border-width: 5px;
	border-color: #FFFFFF;
	border-style: solid;
	border-radius: 9px;
}

div.rightNavButtons
{
	float: right;
	padding: 0;
	margin: 112px 0 0 0;
	width: 154px;
	height: 40px;
}

/* Topbar (Navigation) Dropdown Styles -- overrides styles generated in "../../Skins/Fluid/Stylesheets/Styles.css". You can't set these using Flare properties or dialogs, like in skin settings, or using any "MadCap" styles that determine generated output. You can only access these generated styles after the fact (Styles.css is generated and not directly editable) and override them. */
/* New top nav stuff Feb 2021 SLD - Can't get it working */

ul.navigation ul
{
	padding: 10px 0 10px 0;
	box-shadow: 0px 3px 6px #b2b2b2;
}

/*ul.navigation ul,
ul.navigation > li.has-children > a::after
{
	content: url('../Images/sidemenu-sub-li-hover-bg-purple.png') !important;
	display: inline;
    padding-left: 0.5rem;
}*/

/*.is-drilldown-submenu-parent > a::after { */
/*content: url('../Images/sidemenu-sub-li-hover-bg-purple.png');*/

/*content: '\f0da' !important;
	font: normal normal normal 11px/1 FontAwesome !important;*/

/*content: '\AB' !important;
    display: inline;
    padding-left: 0.5rem; }*/

/* Old top nav stuff */

.navigation-wrapper
{
	flex-basis: auto;
}

ul.navigation
{
	margin-left: 200pt;
	margin-right: 0;
	padding-right: 0;
	z-index: 4 !important;
	/* Make top menu show up in front of search box */
	border-radius: 5px;
	border: 2px solid #444444;
	background-color: #444444;
}

/*
ul.navigation ul
{
	z-index: 1000;
	width: auto;
	margin: 0; 
	padding: 0;
	box-shadow: 0px 3px 6px #b2b2b2;
	position: absolute; 
	color: #636363;  
	font-size: 15px;
	background-color: #f7f3f7;
}
*/

/*

ul.navigation > li > ul
{
	left: auto;
	right: 0;
}
*/

/*ul.navigation > li.has-children:after
{
	content: ' ';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border: 0px solid #d72fc1;
	bottom: 0;
	left: 50%;
	margin-left: -8px; 
	margin-top: -8px;
}
*/

/*
ul.navigation ul,
ul.navigation > li.has-children:after
{
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	visibility: hidden;
	opacity: 0;
}

ul.navigation ul ul
{
	top: 0;
	left: 100%;
	color: #636363;
	font-size: 15px;
	background-color: #f7f3f7;
}

ul.navigation ul ul.openLeft
{
	left: auto;
	right: 100%;
}

ul.navigation ul ul.openRight
{
	right: auto;
	left: 100%;
}

ul.navigation a
{
	text-decoration: none;
	height: 100%;
	outline: none;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
}

ul.navigation li
{
	position: relative;
	list-style: none;
	margin: 0;
	height: 100%;
}

ul.navigation li > a
{
	display: block;
	line-height: 3em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul.navigation li li
{
	padding: 0 10px;
}

ul.navigation > li
{
	position: relative;
	float: left;
	display: block;
}

ul.navigation li:hover > ul,
ul.navigation > li.has-children:hover:after
{
	visibility: visible;
	opacity: 1;
}


ul.navigation li:hover
{
	background-color: transparent; 
}
*/

/*
ul.navigation ul > li
{
	line-height: 1.777em;
	border-top: 1px solid #d6d7d6;
}
*/

ul.navigation ul > li:nth-child(1)
{
	/* added */
	border-top: 0;
}

/* 
ul.navigation ul > li > a
{
	padding: 0 15px;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.15em;
}

ul.navigation ul > li:hover
{
	background-color: #d6d7d6;
}

.nav-search .row .outer-row {
	padding-right:0;
	text-align: right;
	float: right;
	width: auto;
	border: 1px solid #f3987f;
}

*/

nav.tab-bar
{
	border-bottom: 3px solid #390C72;
	/* Now dark blue/purple/black. Changed from 28b9905 Feb 2021 SLD */
	/* was 0069ba */
}

.search,
.search-bar
{
	text-align: right;
	margin: 0 0 0 auto;
	padding: 0;
}

div.topic-lemur-logo
{
	display: inline-block;
	position: relative;
	/* Adjusted top from -85 to -87 to keep logo from affecting search box in small browser sessions - SLD */
	/* Per Madcap adjust top from -87px to 15px to resolve logo and home not showing up Feb 2021 SLD */
	top: 15px;
	background-color: transparent;
	z-index: 2;
	/* Make logo layer lower than search box and higher than background */
}

span.header-version-text
{
	color: #ffffff;
	font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .6em;
	vertical-align: top;
	line-height: 0%;
	/* Snug up to logo above */
	mc-disable-glossary-terms: true;
}

.brxsmall	/* Really small line break in header */
{
	display: block;
	margin-bottom: -.8em;
}

#results-heading
{
	margin-top: 140px;
	/* Drop down header for search results from top of page */
}

.nav-search
{
	z-index: 3;
	/* Make search box layer higher than logo */
}

.topicToolbarProxy
{
	/*margin-top: 120px !important; */
	/* Added per Madcap to resolve top logo and home button/link not showing up Feb 2021 SLD */
	margin-bottom: 3px;
}

div.topic-lemur-logo a
{
	text-decoration: none;
}

span.nav-text
{
	color: #ffffff;
	/* Changed to white for home link from 7D0F6E Feb 2021 SLD */
	font-family: 'Hero New Medium', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* Differentiation from standard font added with Hero New addition Oct 2021 SLD */
	/* font-weight: bold; */
	/* Added bold for home link Feb 2021 SLD */
	font-size: .8em;
	/* Added with change from body @ 100% to body @ 120% Oct 2021 SLD */
	margin-left: 3px;
	margin-right: 6px;
	vertical-align: bottom;
}

div.topic-lemur-logo img	/* Added Feb 2021 SLD */
{
	max-height: 40px;
	max-width: auto;
}

div.topic-lemur-logo span.glyphicons
{
	color: #ffffff;
	/* Changed to white for home glyph from 7D0F6E Feb 2021 SLD */
}

div.topic-lemur-logo span.nav-div
{
	color: #7D0F6E;
	margin-left: 3px;
	margin-right: 0px;
}

div#contentBody
{
	position: relative;
	top: -74px;
}

/* side menu */

ul.menu._Skins_SideMenu.mc-component ul.sub-menu li a,
ul.menu._Skins_SideMenu.mc-component ul.sub-menu li a.selected:hover
{
	background-image: url('../Images/sidemenu-sub-li-hover-bg-purple.png');
	/* Changed from sidemenu-sub-li-bg.png Feb 2021 SLD */
	background-repeat: no-repeat;
}

ul.menu._Skins_SideMenu.mc-component ul.sub-menu li a.selected
{
	background-image: url('../Images/sidemenu-sub-li-bg-offwhite.png');
	/* Changed from sidemenu-sub-li-bg.png Feb 2021 SLD */
	background-repeat: no-repeat;
}

ul.menu._Skins_SideMenu.mc-component ul.sub-menu li.tree-node-leaf a,
ul.menu._Skins_SideMenu.mc-component ul.sub-menu li.tree-node-leaf a.selected,
ul.menu._Skins_SideMenu.mc-component ul.sub-menu li.tree-node-leaf a.selected:hover
{
	background-image: none;
}

/* ----------------- Notes, tips, Warnings, Source code, Examples ------------ */
/* See all in one versions in GlobalStyles - these are retained for legacy settings */

/* See new all in one versions of these
div.note
{
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #000000;
	padding: 0.3em 0.35em 0.45em 38px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	mc-disabled: true;
}

div.note.note
{
	background-color: #E6E7E8;
	background-image: url('../Images/note-icon.png');
	border: solid 1px #E6E7E8;
}

.noteInDiv
{
	mc-auto-number-format: '{b}{color #000000}Note:  {/color}{/b}';
}

.relatedInDiv
{
	mc-auto-number-format: '{b}{color #000000}Related:  {/color}{/b}';
}

div.note.tip
{
	background-color: #faf3e1;
	background-image: url('../Images/tip-icon.png');
	border: solid 1px #faf3e1;
}

.tipInDiv
{
	mc-auto-number-format: '{b}{color #d9a927}Tip:  {/color}{/b}';
}

div.note.example
{
	background-color: #faf3e1;
	background-image: url('../Images/tip-icon.png');
	border: solid 1px #faf3e1;
	page-break-inside: auto;
}

.exampleInDiv
{
	mc-auto-number-format: '{b}{color #d9a927}Example:  {/color}{/b}';
	page-break-inside: auto;
}

div.note.imp
{
	background-color: #faede1;
	background-image: url('../Images/important-icon.png');
	border: solid 1px #faede1;
}

.impInDiv
{
	mc-auto-number-format: '{b}{color #da6303}Important:  {/color}{/b}';
}

div.note.warn
{
	background-color: #fcf2f0;
	background-image: url('../Images/warning-icon.png');
	border: solid 1px #fcf2f0;
}

.warnInDiv
{
	mc-auto-number-format: '{b}{color #b8270a}Warning:  {/color}{/b}';
}

div.note p,
div.tip p,
div.example p,
div.imp p,
div.warn p
{
	margin: 0.75em 0 0 0;
	padding: 0;
}

.note p:first-child,
.tip p:first-child,
.example p:first-child,
.imp p:first-child,
.warn p:first-child
{
	margin-top: 0;
}

div.note p:last-child,
div.tip p:last-child,
div.example p:last-child,
div.imp p:last-child,
div.warn p:last-child
{
	margin-bottom: 0;
}
*/

/* Paragraph styles for newer note styles in Fixes to avoid them showing up on style dropdown */

div.BuildNote p,
div.BuildTip p,
div.BuildExample p,
div.BuildImportant p,
div.BuildWarning p
{
	margin: 0.75em 0 0 0;
	padding: 0;
}

.BuildNote p:first-child,
.BuildTip p:first-child,
.BuildExample p:first-child,
.BuildImportant p:first-child,
.BuildWarning p:first-child
{
	margin-top: 0;
}

div.BuildNote p:last-child,
div.BuildTip p:last-child,
div.BuildExample p:last-child,
div.BuildImportant p:last-child,
div.BuildWarning p:last-child
{
	margin-bottom: 0;
}

/* Begin styles for version buttons and custom toggle */

div.VerBtn
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

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

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

div.VerBtn > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*	background-image: linear-gradient(#ffffff, #e6e7e7);*/
	/*Flare produces an error with linear-gradient.*/
	background-image: url('../Images/VersionButtonWide.png');
	border: solid 1px #e1e1e1;
	box-shadow: 0px 3px 6px 0px #b2b2b2;
	border-radius: 3px;
	padding: 2px 2px 2px 8px;
	height: 25px;
}

div.VerBtn > div:nth-child(1)
{
	width: 110px;
	margin-left: 0;
}

div.VerBtn > div:nth-child(2)
{
	width: 110px;
	margin-left: 20px;
}

p.V2,
p.V1	/* Make button boxes shorter with change to body size 100-125% Oct 2021 SLD */
{
	line-height: 1.05em !important;
}

.Toggle,
.Toggle:link,
.Toggle:hover,
.Toggle:visited
{
	text-decoration: none;
	mc-disable-glossary-terms: true;
	font-size: .88em;
	/* Changed from 1.1em with body @ 100% to .88em with body @ 120% */
	color: #5F175D;
	cursor: pointer;
	text-align: left;
	display: block;
}

.Active,
.Active:link,
.Active:hover,
.Active:visited
{
	background-image: url('../Images/DropDownOpenPurple.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-weight: 700;
}

.Inactive,
.Inactive:link,
.Inactive:hover,
.Inactive:visited
{
	background-image: url('../Images/DropDownClosed.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-weight: 500;
}

/* End styles for version buttons and custom toggle */
/* Begin styles for home page buttons - See also xref.DocLink in MainStyles */

div.DocBtn
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/* Space after the buttons before the next element. */
}

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

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

div.DocBtn > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url('../Images/PurpleRectangle.png');
	padding: 2px 2px 2px 2px;
	margin: 15px 0 10px 30px;
	height: 95px;
	text-align: center;
}

p.DocButton
{
	line-height: 91px !important;
	/* DocBtn height minus top and bottom padding to vertically center content */
}

div.DocBtn > div:nth-child(1)
{
	width: 460px;
}

div.DocBtn > div:nth-child(2)
{
	width: 460px;
}

div.DocBtn > div:nth-child(3)
{
	width: 460px;
}

div.DocBtn > div:nth-child(4)
{
	width: 460px;
}

div.DocBtn > div:nth-child(5)
{
	width: 460px;
}

div.DocBtn > div:nth-child(6)
{
	width: 460px;
}

/* xref.DocLink doesn't work in this file--see MainStyles.css 
MadCap|xref.DocLink,
MadCap|xref.DocLink:link,
MadCap|xref.DocLink:hover,
MadCap|xref.DocLink:visited
{
	text-decoration: none;
	mc-disable-glossary-terms: true;
	font-size: 1.1em;
	font-family:  'Hero New', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	display: block;
} */

/* End styles for home page buttons */
/* ------------------ misc tweaks and overrides ----------------- */

h1.hideHdr
{
	margin-top: 140px;
}

div.glossary div.term,
div.glossary div.definition
{
	line-height: 1.33em;
}

div.url span.cite
{
	visibility: hidden;
	display: none;
}

div.nav-wrapper
{
	vertical-align: middle;
}

.popupBody	/* Solve problem where glossary popups were getting cut off when they were inside uls inside dropdowns due to number on uls being positioned relative. */
{
	position: fixed;
}

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

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

html.templateTopic div.sideContent
{
	display: none;
}

div.sideContent
{
	float: right;
	clear: both;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 288px;
	z-index: 0;
	/* z-index: 1000;
	Stay on top - Change z-index to zero to solve drop-down issues in main content for small browser sessions - SLD */
}

div.sideNav
{
	float: right;
	position: absolute;
	left: 1pt;
	margin-right: 1pt;
	margin-bottom: 2px;
	width: 288px;
	height: 100%;
	font-size: 9pt;
	line-height: 10pt;
	z-index: 1;
	/* z-index: 1000;
	Stay on top - Change z-index to zero to solve drop-down issues in main content for small browser sessions - SLD */
}

div.backToTop
{
	padding: 5px 0 0 0;
}

Img.backToTop
{
	float: left;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
}

p.API-example-heading
{
	font-weight: 500;
	color: #000000;
	/* Changed from 444444 Feb 2021 SLD */
	clear: left;
	font-size: 1.5em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	line-height: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1.33em;
}

/* Medium Layout */

@media only screen and (max-width: 1442px)
{
	.search-bar
	{
		width: 60%;
	}

	MadCap|breadcrumbsProxy
	{
		/* Added per Madcap to resolve top logo and home button/link not showing up--need different margin for regular HTML and tablet Feb 2021 SLD */
		/*margin-top: 102px !important;*/
		/* This doesn't appear to be used. Oct 2021 SLD */
	}

	div.MCBreadcrumbsBox_0
	{
		margin-top: 94px !important;
		/* Changed from 105px with change to font and body size 100/120% Oct 2021 SLD */
		/* Changed from 102px to 94px with addition of product title under logo Jan 2022 SLD */
	}

	.topicToolbarProxy
	{
		/*	margin-top: 104px !important; */
		/* Added per Madcap to resolve top logo and home button/link not showing up Feb 2021 SLD */
	}

	/* miniTocbutton no longer needed May 2021 SLD */

	/*.miniTocButton
	{
		display: none;
	}*/

	.rightNavToc
	{
		display: none;
	}

	div.rightNavButtons
	{
		margin: 107px 0 0 0 !important;
	}

	.main-section
	{
		/*	margin-left: 205px;*/
		/* Commented out Feb 2021 to resolve problem with full width footer after removing side menu SLD */
	}

	/*	.sideNav 
	{
		display: none; 
	
		width: 200px;
	}	*/

	ul.off-canvas-list li a
	{
		/* For tablet mode fly out menu */
		font-size: .75em;
		font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		line-height: 1.333em;
	}
}

/* Small Layout */

@media only screen and (max-width: 481px)
{
	.search-bar
	{
		width: 60%;
	}

	MadCap|breadcrumbsProxy
	{
		/* Added per Madcap to resolve top logo and home button/link not showing up--need different margin for regular HTML and tablet Feb 2021 SLD */
		/*margin-top: 96px !important;*/
		/* This doesn't appear to be used. Oct 2021 SLD */
	}

	div.MCBreadcrumbsBox_0
	{
		margin-top: 92px !important;
		/* Changed from 98px with change to font and body size 100/120% Oct 2021 SLD */
		/* Changed from 96px to 92px with addition of product title under logo Jan 2022 SLD */
	}

	.HideShow
	{
		display: none;
	}

	.sideNav
	{
		display: none;
	}

	.main-section
	{
		/*	margin-left: 1px;*/
		/* Commented out Feb 2021 to resolve problem with full width footer after removing side menu SLD */
	}
}

/* Print Layout */

@media print
{
	/*	a.MCPopupThumbnailLink, a.MCPopupThumbnailPopup, img.imgscreenshot
	{
		display: none;
		visible: hidden;
	}
*/

	img.print-img
	{
		display: block;
		visible: visible;
		max-width: 95%;
		margin: 0;
		padding: 0;
		page-break-inside: avoid;
	}

	div.footer.center,
	div.MCBreadcrumbsBox_0
	{
		display: none;
		visible: hidden;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	h1
	{
		margin-top: 0;
	}

	blockquote,
	table,
	pre,
	div.note,
	img
	{
		page-break-inside: avoid;
	}

	ul,
	ol,
	dl
	{
		page-break-before: avoid;
	}

	p.Copyright
	{
		margin: 0;
		padding: 0;
		position: relative;
		top: -50px;
	}

	.sideNav
	{
		display: none;
	}
}