/*<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-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: var(--text-color);
}

.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: var(--link-color);
	font-style: normal;
}

a.MCBreadcrumbsLink:visited
{
	color: var(--link-color-visited);
}

a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
	color: var(--link-color-hover);
}

span.MCBreadcrumbsSelf
{
	color: var(--note-example-tip-important-color-text);
}

MadCap|breadcrumbsProxy
{
	font-family: var(--font-text);
	font-size: var(--font-size-small);
	color: var(--text-color);
	display: inline-block;
	mc-breadcrumbs-prefix: "";
	mc-breadcrumbs-divider: ' / ';
	mc-breadcrumbs-count: 5;
	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%; */
	/* Buttons no longer at this level */
	/* 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
{
	min-height: 60px;
	height: 60px;
	box-sizing: border-box;
	display: flex;
	gap: 1rem;
	align-items: flex-end;
	align-items: center;
	/* vertical alignment */
	width: 100%;
	justify-content: space-between;
	/*outline: 2px dashed red;*/
	/* Debugging */
}

.topic-lemur-logo,
.toolbarHeader,
.HeaderMenuParent,
.searchHeader
{
	padding-top: 0;
	padding-bottom: 0;
}

/* Logo */

.topic-lemur-logo
{
	background-color: transparent;
	z-index: 2;
	/* Make logo layer lower than search box and higher than background */
	flex: 0 1 18%;
	min-width: 220px;
	/*outline: 1px solid fuchsia;*/
	/* Debugging */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 4px;
}

/* Search */

.searchHeader
{
	flex: 1 1 420px;
	min-width: 420px;
	max-width: 720px;
	margin-left: auto;
	/*outline: 1px solid pink;*/
	/* Debugging */
}

/* Replace browser default focus outline for search field on click and related - also applies to home/portal */
/* Whether output displays a filter is based on the target config (Advanced tab) not whether the skin configures a filter. */

.search-bar._Skins_SearchPortalHome_2026.mc-component,
.search-bar._Skins_SearchMainCore_2026.mc-component,
.search-bar._Skins_SearchMainOther_2026.mc-component
{
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	border: 2px solid transparent;
	border-radius: 999px;
	background-color: #fff;
	box-shadow: none;
	padding: 2px;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component
{
	height: 3.8em;
}

.search-bar._Skins_SearchMainCore_2026.mc-component,
.search-bar._Skins_SearchMainOther_2026.mc-component
{
	height: 3.25em;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component:focus-within,
.search-bar._Skins_SearchMainCore_2026.mc-component:focus-within,
.search-bar._Skins_SearchMainOther_2026.mc-component:focus-within
{
	border-color: var(--color-deep) !important;
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.65) !important;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-field,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-field,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-field,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-filter-wrapper,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-filter-wrapper,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-filter-wrapper,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-submit-wrapper,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-submit-wrapper,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-submit-wrapper
{
	box-sizing: border-box;
	height: calc(100% - 4px);
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 0;
	border: none;
	outline: none;
	box-shadow: none;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-field,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-field,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-field
{
	flex: 1 1 auto;
	min-width: 0;
	padding-left: 2rem;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-submit,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-submit,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-submit
{
	height: 100%;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-filter,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-filter,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-filter
{
	height: 100%;
	background-color: var(--color-frost-light);
	border: none;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-submit-wrapper,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-submit-wrapper,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-submit-wrapper
{
	flex: 0 0 70px;
	background-color: transparent;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-filter-wrapper,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-filter-wrapper,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-filter-wrapper
{
	flex: 0 0 110px;
	background-color: transparent;
}

.search-bar._Skins_SearchPortalHome_2026.mc-component .search-field:focus,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-field:focus-visible,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-filter:focus,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-filter:focus-visible,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-submit:focus,
.search-bar._Skins_SearchPortalHome_2026.mc-component .search-submit:focus-visible,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-field:focus,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-field:focus-visible,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-filter:focus,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-filter:focus-visible,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-submit:focus,
.search-bar._Skins_SearchMainCore_2026.mc-component .search-submit:focus-visible,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-field:focus,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-field:focus-visible,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-filter:focus,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-filter:focus-visible,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-submit:focus,
.search-bar._Skins_SearchMainOther_2026.mc-component .search-submit:focus-visible
{
	outline: none;
	box-shadow: none;
}

/* Search filter dropdown overrides */

._Skins_SearchMainCore_2026.mc-component .search-filter-content,
._Skins_SearchMainOther_2026.mc-component .search-filter-content
{
	top: 3.25em;
}

._Skins_SearchPortalHome_2026.mc-component .search-filter-content
{
	top: 3.7em;
}

.search-filter-content
{
	line-height: 0.8em;
	border-radius: 0 0 15px 15px;
}

#search-results
{
	padding-top: 0px;
	/* Remove padding above "heading" (Your search for "X" returned Y result(s).) for search results closer to using search tip above it */
}

/* End control browser default focus outline for search field */
/* Toolbar */

.toolbarHeader
{
	flex: 0 1 16%;
	min-width: 255px;
	/*outline: 1px solid lime;*/
	/* Debugging */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: .8rem .6rem .2rem .45rem;
	margin: 0;
}

div.toolbarMain
{
	float: left;
	min-width: 255px;
	clear: both;
	display: none;
	/* shown in smaller display definitions */
}

/* Header menu on glass pad, which marketing says to get rid of because it doesn't match docs.keyfactor.com */

/*
.HeaderMenuParent {
	flex: 0 1 560px;
	min-width: 400px;
	max-width: 760px;

	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 12px;
	
	border: 1px solid rgba(232, 233, 255, 0.55);
	border-radius: 999px;

    box-shadow: inset 0 0 0 1px 
		color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0px -2px 
		color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px 
		color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px 
		color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.3px -1px 4px 0px 
		color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px 
		color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px 
		color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px 
		color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px 
		color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px 
		color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);

	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	
	transform: scale(1);
	transform-origin: center center;

	transition:
		transform 0.3s cubic-bezier(0.05, 0.7, 0.1, 1),
		box-shadow 0.3s cubic-bezier(0.05, 0.7, 0.1, 1),
		border-color 0.3s cubic-bezier(0.05, 0.7, 0.1, 1);
	
	background-color: rgba(116, 116, 129, 0.72);
	background-image:
		linear-gradient(
			135deg,
			rgba(226, 226, 232, 0.9) 0%,
			rgba(170, 170, 180, 0.72) 55%,
			rgba(116, 116, 129, 0.55) 100%
		); 
}

.HeaderMenuParent:hover,
.HeaderMenuParent:focus-within
{
	transform: scale(1.03);
	border-color: rgba(232, 233, 255, 0.85);
}

.HeaderMenuParent a {
	position: relative;
	z-index: 0;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 0.25rem 0.5rem;
	line-height: 1.15;

	color: var(--header-text);
	text-decoration: none;

	font-size: var(--font-size-small);
	font-family: var(--font-body);

	min-width: 0;
}

.HeaderMenuParent a::before {
	content: "";
	position: absolute;
	z-index: -1;

	inset: -0.35rem -0.45rem;

	border-radius: 999px;
	background-color: transparent;
	pointer-events: none;

	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

.HeaderMenuParent a:hover::before,
.HeaderMenuParent a:focus-visible::before {
	background-color: rgba(95, 97, 255, 0.85);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.22),
		0 4px 10px rgba(10, 11, 46, 0.16);
}

.HeaderMenu {
	position: relative;
	z-index: 1;

	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 36px;

	overflow: visible;
}

.HeaderMenu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	line-height: 1.2;
	text-align: center;
}

.HeaderMenuParent {
	overflow: visible;
}
*/

/* Plain header menu */

.HeaderMenuParent
{
	flex: 0 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 5px;
	margin-left: auto;
	z-index: 10;
	/*outline: 2px solid cyan;*/
	/* Debugging */
}

.HeaderMenu
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem 2.25rem;
}

.HeaderMenu a,
.HeaderMenu a:link,
.HeaderMenu a:visited,
.HeaderMenu a:hover,
.HeaderMenu a:active
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-family: var(--font-base-medium);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-medium);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	pointer-events: auto;
}

.HeaderMenu a:hover
{
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.HeaderMenu a:focus-visible
{
	text-decoration: underline;
	text-underline-offset: 0.25em;
	outline: 2px solid var(--color-lift);
	outline-offset: 4px;
	border-radius: 4px;
}

span.header-version-text
{
	color: var(--header-text);
	font-size: var(--font-size-smaller);
	font-family: var(--font-body);
	vertical-align: top;
	/*line-height: 1em;*/
	/* Snug up to logo above - except this makes it not vertically center */
	mc-disable-glossary-terms: true;
}

span.nav-text
{
	color: var(--header-text);
	font-family: var(--font-body);
	font-size: var(--font-size-smaller);
	margin-left: 3px;
	margin-right: 6px;
	vertical-align: bottom;
}

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

/* Size Keyfactor logo */

div.topic-lemur-logo img
{
	height: 24px !important;
	width: auto !important;
	display: block;
}

/* Doesn't match docs.keyfactor.com so has to go.
div.topic-lemur-logo a:hover
{
	opacity: 0.95; 
} */

/* Hover opacity allows logo to turn color on hover - see also home CSS for home/portal logo HeaderLogo */

div.topic-lemur-logo span.glyphicons
{
	color: var(--header-text);
	/* Changed to white for home glyph from 7D0F6E Feb 2021 SLD */
}

/* Does this get used anywhere? */

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

/* This one is for projects other than Keyfactor Command */
/* See also Breadcrumbs_0, as this (used to be) is part of pushing down breadcrumbs for non-Command projects */

/*div.topic-lemur-logo .nav-wrapper
{
	vertical-align: middle;
	margin-bottom: 19px;

}*/

/* This one is for Keyfactor Command - Push doc title up into Keyfactor Command graphic*/

/* div.topic-lemur-logo .nav-wrapper-command
{
	vertical-align: middle;
	padding-left: 83px;
	margin-top: -16px;
}*/

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

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

p.onThisPage
{
	font-family: var(--font-h6);
	font-size: var(--font-size-h6);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-label);
	color: var(--header-color-text);
	margin-bottom: 1rem;
}

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

/* Multi-level dropdown version button on right side */

div.dropdownVersionButton
{
	display: inline-block;
	border: none;
	padding: 0 5px 15px 0;
	position: relative;
	color: var(--right-ver-menu-text);
	font-family: var(--right-ver-menu-text-family);
	font-size: var(--right-ver-menu-text-size);
	line-height: var(--right-ver-menu-line-height);
	font-weight: var(--right-ver-menu-weight);
}

/* Style for the dropdown arrow */

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

.dropdownOptions
{
	display: inline-block;
	cursor: pointer;
	min-width: 160px;
	padding: 8px 28px 8px 10px;
	border: 1px solid rgba(170, 170, 180, 0.38);
	border-radius: 10px;
	background-color: var(--color-frost-light);
	background-image: linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.96) 0%,
			rgba(241, 241, 244, 0.86) 55%, /* Frost Light */
			rgba(226, 226, 232, 0.68) 100% /* Frost */
		);
	box-shadow: 0px 12px 16px rgba(10, 11, 90, 0.08);
	/* Midnight */
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dropdownOptions:hover,
.dropdownOptions:focus-visible
{
	border-color: rgba(165, 167, 255, 0.75);
	/* Lift */
	background-image: linear-gradient(
			135deg,
			rgba(255, 255, 255, 1) 0%,
			rgba(241, 241, 244, 0.94) 50%, /* Frost Light */
			rgba(226, 226, 232, 0.82) 100% /* Frost */
		);
	box-shadow: 0px 12px 16px rgba(10, 11, 90, 0.08);
	transform: translateY(-1px);
	outline: none;
}

#versionDropdown
{
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: var(--dropdown-glass-background-rightside);
	box-shadow: var(--dropdown-glass-shadow);
	min-width: 180px;
	padding: 8px;
	margin: 8px 0 0 0;
	z-index: 1;
	list-style-type: none;
	border-radius: 18px;
	text-align: left;
}

/* Dropdown content */

#versionDropdown li
{
	padding: 10px 12px;
	margin: 0 0 3px 0;
	border-radius: 12px;
	text-decoration: none;
	cursor: pointer;
	color: var(--right-ver-menu-text);
	font-family: var(--right-ver-menu-text-family);
	font-size: var(--right-ver-menu-text-size);
	line-height: var(--right-ver-menu-line-height);
	font-weight: var(--right-ver-menu-weight);
	background-color: transparent;
	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: var(--right-ver-menu-bkgd-hover);
	border-radius: 12px;
}

/* 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: var(--right-ver-menu-text);
	/* Ensure the color doesn't change on hover */
}

/* 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: var(--dropdown-glass-background-rightside);
	box-shadow: var(--dropdown-glass-shadow);
	min-width: 180px;
	list-style-type: none;
	padding: 8px 2px 8px 8px;
	margin: -12px 0 0 -2px;
	border-radius: 18px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	z-index: 1;
	text-align: left;
}

.sub-level li
{
	padding: 10px 12px;
	margin: 0 0 3px 0;
	border-radius: 12px;
	text-decoration: none;
	cursor: pointer;
	color: var(--right-ver-menu-text);
	font-family: var(--right-ver-menu-text-family);
	font-size: var(--right-ver-menu-text-size);
	line-height: var(--right-ver-menu-line-height);
	font-weight: var(--right-ver-menu-weight);
	background-color: transparent;
	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: var(--right-ver-menu-bkgd-hover);
	border-radius: 12px;
}

.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-left: 5px;
	color: var(--right-ver-menu-expander);
	font-size: var(--right-ver-menu-expander-size);
}

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

.hidden
{
	display: none;
}

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

/*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');
	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');
	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;
}*/

/* ----- Menu proxy on the right "on this page" which only actually goes to h3 ----- */
/* h1 */

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

/* h2 */

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

/* h3 */

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

/* h4 */

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

/* h5 */

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

/*
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 ----- */
/* 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_TopicToolBarManaged.mc-component,
.buttons._Skins_TopicToolBar.mc-component
{
	float: left;
	margin: 0 0 10px 0;
}

div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.home-button,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.home-button,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.expand-all-button,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.expand-all-button,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.collapse-all-button,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.next-topic-button,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.next-topic-button,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.previous-topic-button,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.print-button,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.print-button
{
	border: 1px solid rgba(232, 233, 255, 0.55) !important;
	border-radius: 8px !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(10, 11, 46, 0.06), 0 2px 6px rgba(10, 11, 46, 0.10) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(10, 11, 46, 0.06), 0 2px 6px rgba(10, 11, 46, 0.10) !important;
	transition: background-color 0.2s ease, background-image 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.home-button:hover,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.home-button:hover,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.expand-all-button:hover,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.expand-all-button:hover,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button:hover,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.collapse-all-button:hover,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.next-topic-button:hover,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.next-topic-button:hover,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button:hover,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.previous-topic-button:hover,
div.toolbarMain ._Skins_TopicToolBarManaged.mc-component .button.print-button:hover,
div.toolbarMain ._Skins_TopicToolBar.mc-component .button.print-button:hover
{
	border-color: rgba(165, 167, 255, 0.9) !important;
	background-image: linear-gradient(
			135deg,
			rgba(255, 255, 255, 1) 0%,
			rgba(247, 248, 255, 0.96) 50%,
			rgba(232, 233, 255, 0.9) 100%
		) !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(10, 11, 46, 0.08), 0 4px 10px rgba(10, 11, 46, 0.14) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(10, 11, 46, 0.08), 0 4px 10px rgba(10, 11, 46, 0.14) !important;
	transform: translateY(-1px);
}

.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.home-button,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.home-button,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.expand-all-button,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.expand-all-button,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.collapse-all-button,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.next-topic-button,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.next-topic-button,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.previous-topic-button,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.print-button,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.print-button
{
	border: 1px solid rgba(232, 233, 255, 0.55) !important;
	border-radius: 8px !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(10, 11, 46, 0.18), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(10, 11, 46, 0.18), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
	transition: background-color 0.2s ease, background-image 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.home-button:hover,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.home-button:hover,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.expand-all-button:hover,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.expand-all-button:hover,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button:hover,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.collapse-all-button:hover,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.next-topic-button:hover,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.next-topic-button:hover,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button:hover,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.previous-topic-button:hover,
.toolbarHeader ._Skins_TopicToolBarManaged.mc-component .button.print-button:hover,
.toolbarHeader ._Skins_TopicToolBar.mc-component .button.print-button:hover
{
	border-color: rgba(165, 167, 255, 0.95) !important;
	background-color: var(--color-mist) !important;
	background-image: linear-gradient(
			135deg,
			rgba(255, 255, 255, 1) 0%,
			rgba(232, 233, 255, 0.96) 55%,
			rgba(165, 167, 255, 0.55) 100%
		) !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(10, 11, 46, 0.16), 0 5px 14px rgba(0, 0, 0, 0.48), 0 0 0 2px rgba(165, 167, 255, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(10, 11, 46, 0.16), 0 5px 14px rgba(0, 0, 0, 0.48), 0 0 0 2px rgba(165, 167, 255, 0.18) !important;
	transform: translateY(-1px);
}

/* Expand all */

._Skins_TopicToolBarManaged.mc-component .button.expand-all-button .button-icon,
._Skins_TopicToolBar.mc-component .button.expand-all-button .button-icon
{
	background: transparent url("../Images/2026-Marketing/ICON-DARK-FRAME-layers-three-02.svg") center center / 36px 36px no-repeat;
}

/* Collapse all */

._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button .button-icon,
._Skins_TopicToolBar.mc-component .button.collapse-all-button .button-icon
{
	background: transparent url("../Images/2026-Marketing/ICON-DARK-FRAME-layers-three-01.svg") center center / 36px 36px no-repeat;
}

/* Home */

._Skins_TopicToolBarManaged.mc-component .button.home-button .button-icon,
._Skins_TopicToolBar.mc-component .button.home-button .button-icon
{
	background: transparent url("../Images/2026-Marketing/ICON-DARK-FRAME-home-03.svg") center center / 36px 36px no-repeat;
}

/* Print */

._Skins_TopicToolBarManaged.mc-component .button.print-button .button-icon,
._Skins_TopicToolBar.mc-component .button.print-button .button-icon
{
	background: transparent url("../Images/2026-Marketing/ICON-DARK-FRAME-printer.svg") center center / 36px 36px no-repeat;
}

/* Next */

._Skins_TopicToolBarManaged.mc-component .button.next-topic-button .button-icon,
._Skins_TopicToolBar.mc-component .button.next-topic-button .button-icon
{
	background: transparent url("../Images/2026-Marketing/ICON-DARK-FRAME-flip-forward.svg") center center / 36px 36px no-repeat;
}

/* Previous */

._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button .button-icon,
._Skins_TopicToolBar.mc-component .button.previous-topic-button .button-icon
{
	background: transparent url("../Images/2026-Marketing/ICON-DARK-FRAME-flip-backward.svg") center center / 36px 36px no-repeat;
}

._Skins_TopicToolBarManaged.mc-component .button.home-button,
._Skins_TopicToolBarManaged.mc-component .button.expand-all-button,
._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button,
._Skins_TopicToolBarManaged.mc-component .button.print-button,
._Skins_TopicToolBarManaged.mc-component .button.next-topic-button,
._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button,
._Skins_TopicToolBar.mc-component .button.home-button,
._Skins_TopicToolBar.mc-component .button.expand-all-button,
._Skins_TopicToolBar.mc-component .button.collapse-all-button,
._Skins_TopicToolBar.mc-component .button.print-button,
._Skins_TopicToolBar.mc-component .button.next-topic-button,
._Skins_TopicToolBar.mc-component .button.previous-topic-button
{
	width: 36px;
	height: 36px;
}

._Skins_TopicToolBarManaged.mc-component .button.home-button .button-icon-wrapper,
._Skins_TopicToolBarManaged.mc-component .button.expand-all-button .button-icon-wrapper,
._Skins_TopicToolBarManaged.mc-component .button.collapse-all-button .button-icon-wrapper,
._Skins_TopicToolBarManaged.mc-component .button.print-button .button-icon-wrapper,
._Skins_TopicToolBarManaged.mc-component .button.next-topic-button .button-icon-wrapper,
._Skins_TopicToolBarManaged.mc-component .button.previous-topic-button .button-icon-wrapper,
._Skins_TopicToolBar.mc-component .button.home-button .button-icon-wrapper,
._Skins_TopicToolBar.mc-component .button.expand-all-button .button-icon-wrapper,
._Skins_TopicToolBar.mc-component .button.collapse-all-button .button-icon-wrapper,
._Skins_TopicToolBar.mc-component .button.print-button .button-icon-wrapper,
._Skins_TopicToolBar.mc-component .button.next-topic-button .button-icon-wrapper,
._Skins_TopicToolBar.mc-component .button.previous-topic-button .button-icon-wrapper
{
	width: 36px;
	height: 36px;
}

/* Element inside NavButtons as built */

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

div.feedback
{
	margin: auto;
	width: 325px;
	padding: 0 0 20px 0;
}

p.feedback
{
	margin: 0;
	text-align: center;
	font-size: var(--font-size-small);
}

/* Next and Previous buttons */

.mc-component .elearning-button.next-topic-button,
.mc-component .elearning-button.previous-topic-button
{
	background: var(--elearning-button-bkgd);
	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: var(--elearning-button-bkgd-hover);
}

.mc-component .elearning-button .button-text
{
	display: block;
	color: var(--elearning-button-text);
}

.mc-component .elearning-button:hover .button-text
{
	color: var(--elearning-button-text-hover);
}

.mc-component .elearning-progress-bar-inner
{
	background-color: var(--elearning-progress-bar);
}

.mc-component .elearning-progress-text
{
	color: var(--elearning-progress-text);
	font-size: var(--font-size-smaller);
	/* Was .7em */
	font-weight: var(--font-weight-regular);
	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;
}

#results-heading
{
	margin-top: 10px !important;
	/* Push "heading" (Your search for "X" returned Y result(s).) for search results closer to using search tip above it--seems to need important in core */
}

/* 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: transparent;
	/* 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;
}

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

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

.topicToolbarProxy
{
	margin-bottom: 3px;
}

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

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

/* resizable nav-border between nav menu and body content added via NavResize.js script */

.nav-border
{
	/* Draggable hit area */
	flex: 0 0 7px;
	width: 7px;
	min-width: 7px;
	max-width: 7px;
	background-color: transparent;
	order: 2;
	/* ensure nav-border comes between sidenav-wrapper and body-container in sidenav-layout flex row */
	cursor: ew-resize;
	/* allow horizontal (east-west) resizing only */
	position: relative;
	user-select: none;
	/* Ensure that text isn't selected while the mouse is being dragged */
	box-sizing: border-box;
}

.nav-border::before
{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px dotted var(--color-lift);
	/* The pseudo-element should not catch mouse events */
	pointer-events: none;
}

.nav-border:hover::before
{
	border-left-color: var(--color-indigo);
}

.nav-border.is-resizing::before
{
	border-left-style: solid;
	border-left-color: var(--color-indigo);
}

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

span.SearchHighlight
{
	background-color: var(--header-color3-background);
	/* Background color for searched-for item on linked pages */
}

.dropDownCloseContainer,
.togglerCloseContainer
{
	padding: 10px;
	text-align: left;
	display: block;
	position: relative;
}

.dropDownClose,
.togglerClose
{
	display: inline-flex;
}

/*.dropDownClose:hover,
.dropDownClose:visited,
.togglerClose:hover,
.togglerClose:visited {
    color: #5F61FF;
}*/

/* Add the arrow before the dropdown close text */

.dropDownClose::before,
.togglerClose::before
{
	content: '';
	background-image: url('../Images/DropDownCloseOrchid.png');
	/* Arrow icon */
	background-size: contain;
	background-repeat: no-repeat;
	width: 13px;
	/* Adjust size of the arrow */
	height: 13px;
	margin-right: 8px;
	/* Space between the arrow and text */
	margin-top: 8px;
	/* push arrow to bottom of text */
}

/* Override for second-level dropdowns */

.second-level-close::before
{
	background-image: url('../Images/DropDownCloseSecondLevelOrchid.png');
	/* Second-level arrow icon */
}

/* ----- End resize the left navigation menu ----- */
/* ----------------- 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 - Not currently in use */

#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 used on API pages where there are 2 versions and custom toggle */

div.VerBtn
{
	mc-grid-row: true;
	display: flex;
	justify-content: left;
	gap: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

div.VerBtn::before,
div.VerBtn::after
{
	content: none;
}

div.VerBtn > div
{
	box-sizing: border-box;
	width: 120px;
	min-height: 25px;
	padding: 2px 8px;
	border: 1px solid var(--version-button-border);
	border-radius: 10px;
	background-color: var(--color-frost-light);
	background-image: var(--version-button-background);
	box-shadow: var(--version-button-shadow);
}

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

p.V2,
p.V1
{
	line-height: 1.05em !important;
	margin: 0;
}

.Toggle,
.Toggle:link,
.Toggle:hover,
.Toggle:visited
{
	display: flex;
	align-items: center;
	gap: 7px;
	text-decoration: none;
	mc-disable-glossary-terms: true;
	font-size: var(--font-size-small);
	font-family: var(--font-text-semibold);
	font-weight: var(--font-weight-semibold);
	color: var(--link-color);
	cursor: pointer;
	text-align: left;
}

/* Shared arrow setup */

.Active::before,
.Inactive::before
{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	flex: 0 0 auto;
}

/* Down arrow */

.Active::before
{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid var(--version-arrow-on);
}

/* Right arrow */

.Inactive::before
{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid var(--version-arrow-off);
}

.Active,
.Active:link,
.Active:hover,
.Active:visited,
.Inactive,
.Inactive:link,
.Inactive:hover,
.Inactive:visited
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0;
}

.Inactive,
.Inactive:link,
.Inactive:hover,
.Inactive:visited
{
	opacity: 0.8;
}

/* End styles for version buttons and custom toggle */
/* Begin styles for version buttons used on API pages where there are 2 versions 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: 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
{
	line-height: 1.05em !important;
}

.Toggle,
.Toggle:link,
.Toggle:hover,
.Toggle:visited
{
	text-decoration: none;
	mc-disable-glossary-terms: true;
	font-size: .88em;
	color: var(--link-color);
	cursor: pointer;
	text-align: left;
	display: block;
}

.Active,
.Active:link,
.Active:hover,
.Active:visited
{
	background-image: url('../Images/DropDownOpenOrchid.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 ----------------- */

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

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

/* 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: var(--font-size-small-print);
	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;
}

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

p.API-example-heading
{
	font-family: var(--font-h2);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-light);
	line-height: var(--line-height-heading);
	clear: left;
	margin-left: 0 0 1.33em 0;
	padding: 0px;
}

/* Print Layout */

@media print
{
	p.API-example-heading
	{
		font-size: var(--font-size-h2-print);
	}

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

/* Make the header layout not look weird on really wide screens -- notice this one is min-width, not max-width */

@media screen and (min-width: 2500px)
{
	.HeaderMenuParent
	{
		margin-left: auto;
		margin-right: 1rem;
		flex: 0 0 auto;
	}

	.searchHeader
	{
		flex: 0 1 760px;
		max-width: 760px;
		margin-left: 0;
	}
}

@media only screen and (max-width: 1500px)
{
	/* Hide code for glass pill version of header menu
	.HeaderMenuParent {
		flex: 0 1 360px;
		min-width: 220px;
		max-width: 360px;
		padding: 7px 12px;
		border-radius: 36px;
	}

	.HeaderMenu {
		flex-wrap: wrap;
		justify-content: center;
		gap: 3px 14px; 
	}
	
	.HeaderMenuParent a {
		font-size: var(--font-size-smaller);
		padding: 0.2rem 0.4rem;
		line-height: 1.15;
	}
		
	.HeaderMenuParent a::before {
        inset: -0.15rem -0.45rem;
    }
	*/

	/* Plain header menu */

	.HeaderMenu
	{
		gap: 0.35rem 1.5rem;
	}

	.HeaderMenu a
	{
		font-size: var(--font-size-smaller);
	}

	.searchHeader
	{
		min-width: 420px;
	}

	.search-bar._Skins_SearchMainCore_2026.mc-component .search-field
	{
		height: 3.25em;
		margin-top: -0.3em;
	}

	.search-bar._Skins_SearchMainCore_2026.mc-component .search-filter
	{
		height: 3.25em;
		margin-top: -0.3em;
	}

	.search-bar._Skins_SearchMainCore_2026.mc-component .search-submit
	{
		height: 3.25em;
		margin-top: -0.3em;
	}
}

/* Smallish Layout */

@media only screen and (max-width: 1260px)
{
	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%;
	}

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

	div.toolbarHeader
	{
		display: none;
	}

	.topic-lemur-logo
	{
		flex: 0 1 22%;
	}

	.HeaderMenuParent
	{
		flex: 0 1 35%;
	}

	.searchHeader
	{
		min-width: 450px;
	}

	/* Show toolbar buttons in main content */

	div.toolbarMain
	{
		display: block;
	}
}

/* Medium Layout */
/* Size defined in target-- 1024px as of this writing */

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

	.searchHeader
	{
		margin-right: 60px;
	}

	.topic-lemur-logo
	{
		flex: 0 1 30%;
	}

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

	.nav-border
	{
		display: none;
	}

	/* For tablet mode fly out menu -- see top nav skin for these defnitions */

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

/* Smallish Layout */

@media only screen and (max-width: 855px)
{
	div.contentHeader
	{
		gap: 2 rem;
	}

	.searchHeader
	{
		min-width: 350px;
		margin-right: 50px;
	}
}

/* Smallish Layout */

@media only screen and (max-width: 775px)
{
	div.contentHeader
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 0;
		min-height: 115px;
		height: 115px;
	}

	.searchHeader
	{
		flex: 0 0 100%;
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1rem;
	}

	.searchHeader .search,
	.searchHeader .search-bar
	{
		width: 100%;
	}
}

/* Really small Layout - Exact size set in target, 481 as of this writing */

@media only screen and (max-width: 481px)
{
	.buttons._Skins_TopicToolBarManaged.mc-component
	{
		display: block;
	}

	.search,
	.search-bar
	{
		margin: 0;
	}
}