/*<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 */
	/*background: linear-gradient(to right, rgba(43,45,131), rgba(60,20,113));*/
	/* Override header gradient/color in skin; same as home gradient */
}

/* General formatting */

body
{
	font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	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 */
	/*background-image: url('../Images/leftdots.png'), url('../Images/rightdots.png'), url('../Images/leftdots.png'), url('../Images/rightdots.png'), url('../Images/leftdots.png');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 300px, 300px, 300px, 300px, 300px;
	background-position: 0% 200px, 100% 900px, 0% 1800px, 100% 2600px, 0% 3400px;*/
	mc-hyphenate: never;
}

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

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

.main::after
{
	background-color: #1a1a1a;
}

.main-section > .outer-row
{
	padding: 0 !important;
	/* Seems to need important to actually apply this in core. */
	/*background-color: #ffffff;*/
	/* White for left and right margins, though no longer relevant with sidenav out of use Feb 2021 SLD */
	/*padding-bottom: 0 !important;*/
	/* Seems to need important to actually apply this in core. */
	/* 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: #666666;
	font-style: normal;
}

a.MCBreadcrumbsLink:visited
{
	color: #666666;
}

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

span.MCBreadcrumbsSelf
{
	color: #1a1a1a;
}

MadCap|breadcrumbsProxy
{
	font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #1a1a1a;
	/* Was #FFFFFF on black background */
	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-divider: ' › ';*/
	/* the spaces around the chevron are Unicode en-spaces copied from windows Character Map */
	mc-breadcrumbs-divider: ' / ';
	/* the spaces around the chevron are Unicode en-spaces copied from windows Character Map */
	mc-breadcrumbs-count: 5;
	/*border: solid 1px #1A1A1A; */
	/* Box color around breadcrumbs */
	/*background-color: #1A1A1A;*/
	/* Background color on breadcrumbs SLD */
	/*border-bottom: solid 3px #B6FF9F;
	border-left: solid 3px #B6FF9F;
	border-right: solid 3px #B6FF9F;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;*/
	margin-bottom: 1em;
	padding: 0.422em 1em 0.422em 1em;
	width: auto;
	float: left;
}

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 */
{
	max-width: 95%;
	/* Allow room for buttons at right for long breadcrumbs. 91% works for 2 buttons plus ToC. */
	border-bottom: none;
}

div.mc-main-content
{
	margin-top: 122px;
	/* Does this serve a purpose anymore? */
}

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

.navigation-wrapper
{
	/*display: none;*/
	/* Hide/disable display of top navigation */
}

.height-container	/* This serves to push the footer down to the bottom of the page on short pages, along with margin-top auto in the footer */
{
	display: flex;
	flex-direction: column;
}

.title-bar-layout .logo-wrapper
{
	flex-basis: 100%;
}

div.contentHeader
{
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	flex: auto;
	justify-content: space-between;
}

div.toolbarMain
{
	float: left;
	padding: 0 0 10px 0;
	min-width: 250px;
	clear: both;
	display: none;
	/* see smaller display definitions below for showing this */
}

div.topic-lemur-logo
{
	/*display: inline-block;
	position: relative;
	top: 15px;*/
	background-color: transparent;
	z-index: 2;
	/* Make logo layer lower than search box and higher than background */
	flex-basis: 18%;
}

div.searchHeader
{
	flex-basis: 50%;
	min-width: 275px;
	padding: 0 3px 12px 6px;
}

div.toolbarHeader
{
	flex-basis: 20%;
	min-width: 275px;
	padding: 0 0 12px 6px;
}

.nav-search-wrapper
{
	display: none;
	/* Turn off display of search from top nav skin */
}

.content
{
	flex: 3 1 75%;
	padding-left: 10px;
}

div.rightSideContent
{
	flex: 1 1 25%;
	padding: 20px 20px 0 0;
}

/* New multi-level dropdown version button */

div.dropdownVersionButton
{
	display: inline-block;
	border: none;
	padding: 0 5px 15px 0;
	position: relative;
	font-size: 1rem;
	color: #1a1a1a;
}

/* Style for the dropdown arrow */

div.dropdownVersionButton::after
{
	content: '\25BC';
	/* Unicode character for down arrow */
	font-size: .9rem;
	color: #666;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	padding: 0 0 13px 0;
}

.dropdownOptions
{
	display: inline-block;
	border: none;
	cursor: pointer;
	padding: 8px 24px 8px 8px;
	border: 1px solid #e1e1e1;
	border-radius: 9px;
	display: inline-block;
	cursor: pointer;
	background: linear-gradient(#ffffff 0%,#f2f2f2 100%);
	box-shadow: 0px 1px 0px 0px #FFF;
	min-width: 160px;
}

.dropdownOptions:hover
{
	color: #4d4c4c;
	/* Set color here to mimic opacity 70% of other transparent buttons. */
}

#versionDropdown
{
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F2F2F2;
	min-width: 165px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.2);
	z-index: 1;
	list-style-type: none;
	padding: 7px 0 7px 7px;
	margin: 2px 0 0 0;
	border-radius: 12px;
	text-align: left;
}

/* Dropdown content */

#versionDropdown li
{
	padding: 10px 8px 10px 8px;
	margin: 0 5px 3px 0;
	line-height: 1.5;
	/* Adjust line-height as needed */
	text-decoration: none;
	color: #1A1A1A;
	cursor: pointer;
	background-color: #F2F2F2;
	position: relative;
	/* Added for two level menus */
	display: flex;
	/* Use flexbox for alignment */
	justify-content: space-between;
	/* Space between text and arrow */
	align-items: center;
	/* Center items vertically */
}

/* Style for the dropdown items */

#versionDropdown li:hover
{
	text-decoration: none;
	background-color: #E6E6E6;
	border-radius: 8px;
}

/* Style for non-clickable (static) items */

#versionDropdown .static-item
{
	cursor: default;
	/* Default cursor instead of pointer */
}

/* Remove hover effects for non-clickable items */

#versionDropdown .static-item:hover
{
	background-color: transparent;
	/* No background change on hover */
	color: #1A1A1A;
	/* Ensure the color doesn't change on hover */
}

.hidden
{
	display: none;
}

.toast-message
{
	position: fixed;
	top: 85px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 20px;
	background-color: #C5EAFF;
	color: #1a1a1a;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 9999;
	transition: opacity 0.3s ease-in-out;
}

/* Second and Third-level menu */

.sub-level
{
	display: none;
	/* Hide submenus initially */
	position: absolute;
	right: 100%;
	/* Position the submenus to the left */
	top: 0;
	background-color: #F2F2F2;
	min-width: 165px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.2);
	list-style-type: none;
	padding: 8px 2px 8px 8px;
	margin: -12px 0 0 -2px;
	border-radius: 12px;
	z-index: 1;
	text-align: left;
}

.sub-level li
{
	padding: 10px 8px 10px 8px;
	margin: 0 15px 3px 0;
	line-height: 1.5;
	/* Adjust line-height as needed */
	text-decoration: none;
	color: #1A1A1A;
	cursor: pointer;
	background-color: #F2F2F2;
	display: flex;
	/* Use flexbox for alignment */
	justify-content: space-between;
	/* Space between text and arrow */
	align-items: center;
	/* Center items vertically */
}

.sub-level li:hover
{
	text-decoration: none;
	background-color: #E0E0E0;
	border-radius: 8px;
}

.arrow::after
{
	/*content: " \25B6";*/
	/* Unicode character for right arrow */
	content: " \25C0";
	/* Unicode character for left arrow */
	display: inline-block;
	/*padding-right: 5px;*/
}

.down-arrow::after
{
	content: "\25BC";
	/* Unicode character for down arrow */
	display: inline-block;
	/*margin-left: 5px;*/
}

/* Styles for items with submenus */

.has-submenu::after
{
	/*content: " \25B6";*/
	/* Unicode character for right arrow */
	content: " \25C0";
	/* Unicode character for left arrow */
	display: inline-block;
	padding-right: 5px;
	color: #1A1A1A;
	font-size: 0.8em;
}

/* Rotate the arrow when hovering over the submenu item */

.has-submenu:hover::after
{
	content: "\25BC";
	/* Unicode character for down arrow */
	transform: rotate(0deg);
	/* Ensure the arrow is not rotated */
}

/* End new multi-level dropdown version button */

/*div.dropdownVersionButton
{
	display: inline-block;
	border: none;
	cursor: pointer;
	padding: 0 5px 15px 0;
	position: relative;
	font-size: 1rem;
	color: #1a1a1a;
}*/

/* Style for the dropdown arrow */

/*div.dropdownVersionButton::after {
  content: '\25BC';*/

/* Unicode character for down arrow */

/*font-size: .9rem;
  color: #666;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 0 0 13px 0;
}

div.dropdownOptions
{
	padding: 8px 24px 8px 8px;
	border: 1px solid #e1e1e1;*/

/*background-color: #F2F2F2;*/

/*border-radius: 9px;
	display: inline-block;
	cursor: pointer;
	background: linear-gradient(#ffffff 0%,#f2f2f2 100%);
	box-shadow: 0px 1px 0px 0px #FFF;
	min-width: 160px;
}

div.dropdownOptions:hover
{
	background-color: #E6E6E6; 
}

#versionDropdown {
    display: none;
	list-style-type: none;
    margin: 2px 0 0 0;
    padding: 8px 0 0 0;
    border: 1px solid #e1e1e1;
	background-color: #f2f2f2;
	box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border-radius: 9px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
	min-width: 160px;
}

#versionDropdown li {
    padding: 8px 16px;
    background-color: #f2f2f2;
    transition: background-color 0.3s;
}

#versionDropdown li:hover {
    background-color: #E6E6E6;
}*/

/*#versionDropdown ul.show {
    display: block;
}*/

/*.toast-message {
  position: fixed;
  top: 85px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 20px;
  background-color: #C5EAFF;
  color: #1a1a1a;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  transition: opacity 0.3s ease-in-out;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}*/

/* ----- End main content version dropdown ----- */

.sticky-menu
{
	align-self: flex-start;
}

.row.outer-row.sidenav-layout
{
	margin-left: 0;
	margin-right: 0;
}

/* side menu */

ul.menu._Skins_SideMenu.mc-component
{
	/*max-height: calc(100svh - 192px);*/
}

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;
}

/* Mini TOC */

/*MadCap|miniTocProxy
{
	width: 288px;
	mc-toc-depth: 5;
	color: #1a1a1a;
	font-size: 0.75em;
	font-family: 'Degular Medium', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	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: 23px;
	border-top-color: #6844DF;
}

p.MiniTOC1_0,
p.MiniTOC2_0,
p.MiniTOC3_0,
p.MiniTOC4_0,
p.MiniTOC5_0
{
	font-weight: 400;
	margin-bottom: .85em;
	line-height: 1.4em;
}*/

/*p.MiniTOC1_0
{
	padding-left: 10pt;
}

p.MiniTOC2_0
{
	padding-left: 20pt;
}

p.MiniTOC3_0
{
	padding-left: 30pt;
}

p.MiniTOC4_0
{
	padding-left: 40pt;
}

p.MiniTOC5_0
{
	padding-left: 50pt;
}*/

/*p.MiniTOC1_0:hover,
p.MiniTOC2_0:hover,
p.MiniTOC3_0:hover,
p.MiniTOC4_0:hover,
p.MiniTOC5_0:hover
{
	background-color: #d2d2d7;		
}*/

/*.miniTocTitle
{
	font-weight: 400;
	margin: 0.8em 0 1.0em 0.35em;
	line-height: 1.4em;
	font-size: 0.9em;
	color: #1a1a1a;
	font-family: 'Degular Medium', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	position: relative;
	display: inline-block;
	mc-disable-glossary-terms: true;
}*/

/*.miniTocTitle::before*/
/* Line under the title */

/*{
	content: "";
	position: absolute;
	background: #b6ff9f;
	height: 2px;
	width: 100%;
	left: 0;
	bottom: -4px;
}*/

/*a.MiniTOC1:link,
a.MiniTOC2:link,
a.MiniTOC3:link,
a.MiniTOC4:link,
a.MiniTOC5:link,
a.MiniTOC1:visited,
a.MiniTOC2:visited,
a.MiniTOC3:visited,
a.MiniTOC4:visited,
a.MiniTOC5:visited
{
	font-weight: 400;
	color: #1a1a1a;
	mc-disable-glossary-terms: true;
}

a.MiniTOC1:hover,
a.MiniTOC2:hover,
a.MiniTOC3:hover,
a.MiniTOC4:hover,
a.MiniTOC5:hover
{
	font-weight: 400;
	color: #5f61ff;
}

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

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

/* See also div.MCBreadcrumbsBox_0 top margin, which should be set about 4px less than this */

.buttons._Skins_TopicToolBar.mc-component
{
	float: left;
	margin: 0 0 10px 0;
}

/* Element inside NavButtons as built */

div.bottomNavButtons
{
	margin: auto;
	width: 275px;
	padding: 20px 0 20px 0;
}

.mc-component .elearning-button.next-topic-button,
.mc-component .elearning-button.previous-topic-button
{
	background: linear-gradient(#F2F2F2 0%,#F2F2F2 100%);
	border-radius: 15px;
}

.mc-component .elearning-button.previous-topic-button
{
	float: left;
}

.mc-component .elearning-button.next-topic-button
{
	float: right;
}

.mc-component .elearning-button.next-topic-button:hover:enabled,
.mc-component .elearning-button.previous-topic-button:hover:enabled
{
	background: linear-gradient(#5F61FF 0%,#5F61FF 100%);
}

.mc-component .elearning-button .button-text
{
	display: block;
	color: #5C5C5C;
}

.mc-component .elearning-button:hover .button-text
{
	color: #FFFFFF;
}

.mc-component .elearning-progress-bar-inner
{
	background-color: #5F61FF;
}

.mc-component .elearning-progress-text
{
	color: #5F61FF;
	font-size: .7em;
	font-weight: 400;
	text-align: center;
	padding: 0;
	width: 275px;
}

.mc-component .elearning-progress-bar
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0;
	width: 225px;
	margin: 0 25px 0 25px;
	padding: 0;
}

.button-group-container-left
{
	margin: auto;
	float: none;
}

.elearning-progress-wrapper
{
	float: none;
}

.search-filter-content	/* Search filter dropdown overrides */
{
	line-height: 0.8em;
	border-radius: 0 0 15px 15px;
}

.search-bar .search-filter:hover
{
	opacity: 0.7;
	/*background-color: #FF9371;*/
}

/* 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;
	border-radius: 15px;
}

/*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 #ffffff;*/
	/*border-bottom: 2px solid #140B2F;*/
	background-color: none;
	/* Color changes from 444444 Oct 2022 SLD */
}

ul.navigation li > a
{
	/*font-size: 18px !important; */
	/* Seems to need important to actually apply this in core. */
	/* This also controls hover size -- this is the top menu size */
}

ul.navigation ul > li > a
{
	/*font-size: 16px !important;*/
	/* Seems to need important to actually apply this in core. */
	/* This also controls hover size -- this is the submenus */
}

ul.navigation ul > li.has-children > a::after	/* This is the arrow to the right of items on submenus */
{
	content: '\203a';
}

ul.navigation > li.has-children > a::after	/* This is the triangle to the right of the top menu items */
{
	content: '\25bd';
	opacity: 0.7;
	margin-left: 5px;
	/* Margin needs to be big enough to allow character to rotate or word to the left wiggles */
	transition: all 200ms;
}

ul.navigation > li.has-children > a:hover::after,
ul.navigation > li.is-expanded > a::after	/* This is the arrow to the right of the top menu items on hover */
{
	transform: rotate(180deg);
	display: inline-block;
}

/*
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: 6px solid #1a1a1a;
	z-index: 2;
	/* Make the breadcrumbs fall under the border */
	/* Border at the bottom of the header */
	/* Changed from 390C72 Feb 2021 SLD */
	/* was 0069ba */
}

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

.search-filter-content
{
	box-shadow: 0px 3px 6px #b2b2b2;
}

span.header-version-text
{
	color: #1a1a1a;
	font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .8em;
	vertical-align: top;
	line-height: 1em;
	/* 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: 10px !important;*/
	/* No longer needed Jan 24 */
	/* Drop down header for search results from top of page--seems to need important in core */
}

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

.topicToolbarProxy
{
	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: 'Degular Medium', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* 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.command	/* Size Keyfactor Command logo for Command projects */
{
	max-height: 70px;
	max-width: auto;
}

div.topic-lemur-logo img.other	/* Size Keyfactor logo for non-Command projects */
{
	max-height: 35px;
	max-width: auto;
}

div.topic-lemur-logo a:hover,
div.topic-lemur-logo a:hover
{
	opacity: 0.6;
	/* Hover opacity allows logo to turn color on hover */
}

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;
}

/* ----- Resize the left navigation menu ----- */

.sidenav-wrapper
{
	/* ensure sidenav-wrapper comes before nav-border in sidenav-layout
flex row */
	order: 1;
	/* avoid horizontal scrolling on overflow */
	overflow-x: hidden;
}

.nav-border
{
	/* resizable nav-border between nav menu and body content added via
NavResize.js script */
	background-color: #C5EAFF75;
	/* The 75 gives it transparency */
	/* ensure nav-border comes between sidenav-wrapper and body-container in
sidenav-layout flex row */
	order: 2;
	/* allow horizontal (east-west) resizing only */
	cursor: ew-resize;
	/* don't allow nav-border to grow or shrink, and make it 3px wide */
	flex: 0 0 5px;
	/* ensure that text isn't selected while the mouse is being dragged */
	user-select: none;
}

.body-container
{
	/* ensure body-container comes after nav-border in sidenav-layout
flex row */
	order: 3;
}

@media only screen and (max-width: 1024px)
{
	.nav-border
	{
		display: none;
	}

	/* hide nav border when nav pane is not displayed */
}

/* ----- End resize the left navigation menu ----- */
/* ----- Menu proxy on the right ----- */

ul.menu._Skins_SideMenu.mc-component ul ul > li > a,
ul.menu._Skins_SideMenu.mc-component ul ul ul > li > a,
ul.menu._Skins_SideMenu.mc-component ul ul ul ul > li > a,
ul.menu._Skins_SideMenu.mc-component ul ul ul ul ul > li > a,
ul.menu._Skins_SideMenu.mc-component ul ul ul ul ul ul > li > a
{
	margin-left: 0;
}

ul.menu._Skins_SideMenu.mc-component ul ul > li > a:hover,
ul.menu._Skins_SideMenu.mc-component ul ul ul > li > a:hover,
ul.menu._Skins_SideMenu.mc-component ul ul ul ul > li > a:hover,
ul.menu._Skins_SideMenu.mc-component ul ul ul ul ul > li > a:hover,
ul.menu._Skins_SideMenu.mc-component ul ul ul ul ul ul > li > a:hover
{
	text-decoration: underline;
}

/* See h6.dropdownHotspot in GlobalStyles */
/* ----- End menu proxy on the right ----- */
/* ----------------- Notes, tips, Warnings, Source code, Examples ------------ */
/* See all in one versions in GlobalStyles - these are retained for legacy settings */
/* 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;
}

/* Back to top button */

#TOPBtn
{
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-color: #C5EAFF;
	background-image: url(../../GlobalResources/Images/2023Mkt-NewIcons/arrow-square-up.svg);
	background-position: center;
	background-repeat: no-repeat;
}

#TOPBtn:hover
{
	opacity: 50%;
}

/* 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: 10px;
	padding: 2px 2px 2px 8px;
	height: 25px;
}

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

div.VerBtn > div:nth-child(2)
{
	width: 120px;
	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: #5F61FF;
	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;
}

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

/* End styles for version buttons and custom toggle */
/* Begin styles for big purple 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 */
/* End styles for home page buttons */
/* ------------------ misc tweaks and overrides ----------------- */

/*table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after
{
	opacity: .4 !important;
}*/

/* Set the color on the arrows in the table headings */

/*table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .9 !important;
}*/

/* Set the color on the arrows in the table headings */

/*:root {
    --dt-row-selected: 197, 234, 255 !important;
    --dt-row-selected-text: 0, 0, 0 !important;
    --dt-row-selected-link: 92, 92, 92 !important;
    --dt-row-stripe: 238, 124, 239 !important;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}*/

/* Set the color on selected rows in tables--only those items marked important are actually overriding defaults */

h1.hideHdr
{
	/*margin-top: 140px;*/
	/* No longer needed Jan 24 */
}

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;
	margin-bottom: 19px;
	/* See also Breadcrumbs_0, as this is part of pushing down breadcrumbs for non-Command projects */
}

/* This one is for projects other than Keyfactor Command */

div.nav-wrapper-command
{
	vertical-align: middle;
	padding-left: 83px;
	margin-top: -16px;
	/* Push doc title up into Keyfactor Command graphic */
}

/* This one is for Keyfactor Command */

.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;
}

._Skins_TopicToolBarManaged.mc-component .button.home-button,
._Skins_TopicToolBar.mc-component .button.home-button
{
	width: 36px;
	height: 36px;
}

/* Fix sizing on toolbar home buttons which won't take in the skin */

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;
}

@media only screen and (max-width: 1570px)
{
	div.toolbarHeader
	{
		flex-basis: 22%;
	}

	div.topic-lemur-logo
	{
		flex-basis: 25%;
	}
}

/* Smallish Layout */

@media only screen and (max-width: 1280px)
{
	div.rightSideContent
	{
		display: none;
	}

	/* Hide right side content */

	.small-3
	{
		display: none;
	}

	/* Hide sticky container in right side content */

	.search-bar._Skins_SearchMainCore_2024.mc-component,
	.search-bar._Skins_SearchMainOther_2024.mc-component
	{
		width: 100%;
	}

	/*.title-bar-layout .logo-wrapper
	{
		flex-basis: 50% !important;
	} */

	/*.nav-search-wrapper
	{
		margin-top: auto;
		justify-content: flex-end;
		flex-basis: 50% !important;
	}
	
	.search-bar
	{
		width: 100%;
	}*/
}

/* Smaller Layout */

@media only screen and (max-width: 1170px)
{
	div.toolbarHeader
	{
		display: none;
	}

	/* Hide toolbar buttons (printer, expand/collapse, etc) in header */

	div.topic-lemur-logo
	{
		flex-basis: 50%;
	}

	/*div.topic-lemur-logo
	{
		flex-basis: 100%;
	}*/

	div.toolbarMain
	{
		display: block;
	}

	/* Show toolbar buttons in main content */

	/*div.contentHeader {
	    flex-basis: 100%;
	}*/
}

/* Smaller Layout */

@media only screen and (max-width: 1024px)
{
	/*.main
	{
		min-height: calc(100vh - 432px);
	}*/

	/* Don't think the serves a purpose anymore. SLD */

	div.searchHeader
	{
		flex-basis: 65%;
		padding: 0 40px 12px 6px;
	}

	div.topic-lemur-logo
	{
		flex-basis: 35%;
	}

	ul.off-canvas-list li a
	{
		font-size: .75em;
		font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		line-height: 1.333em;
	}

	/* For tablet mode fly out menu */
}

/* Medium Layout */
/* Size defined in target-- 1024px (was 1554px) as of this writing */
/* Smallish Layout */

@media only screen and (max-width: 855px)
{
	/*.title-bar-layout .logo-wrapper
	{
		flex-basis: 100% !important;
		align-self: flex-start !important; 
	}*/

	/* Core seems to need these as important */

	div.contentHeader
	{
		flex-direction: column;
		align-items: initial;
	}

	div.searchHeader
	{
		padding: 0 60px 0 60px;
		margin-top: -24px !important;
	}

	/*.nav-search-wrapper {
	    display: none !important;
	}*/

	/*span.header-version-text {
	    font-size: .65em !important;
	}*/

	/* Snug up search bar under logo */

	/*.nav-search-wrapper {
	    margin-top: -24px !important; 
	}
	.search-bar .search-field {
		font-size: .7em !important;
	}
	
	.search-bar .search-filter {
    	font-size: .8em !important;
	}
	
	.search-bar .search-submit-wrapper {
    	font-size: 0.70em !important;
	}*/
}

/* Smallish Layout */

@media only screen and (max-width: 605px)
{
	div.searchHeader
	{
		padding: 0 15px 0 15px;
	}

	.search-bar .search-field
	{
		font-size: .7em !important;
	}

	.search-bar .search-filter
	{
		font-size: .8em !important;
	}

	.search-bar .search-submit-wrapper
	{
		font-size: 0.70em !important;
	}
}

@media only screen and (max-width: 481px)
{
	div.MCBreadcrumbsBox_0
	{
		/*margin-top: 102px !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 */
	}

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

	/* Hide search bar */

	nav.title-bar .menu-icon
	{
		padding-bottom: 15px !important;
		/* Put some space between hamburger button and logo */
	}

	/*Nav.title-bar
	{
		margin-top: 43px;
	}*/

	/* Push title bar down from top after hiding search bar */
}

/* Really small Layout - Exact size set in target, 481 as of this writing */
/* Size defined in target--around 481px */
/* 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;
	}
}

img.MatrixImgs
{
	
}

img.MatrixGreenCheck
{
	background-size: 15px;
	background-position: center;
}