/*<meta />*/

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

#searchPane li
{
	margin-left: 0;
}

/* Topic heading menu start*/

/* ============================================================
   Desktop:
   - Topic content occupies column 1.
   - The In this topic menu occupies column 2.
   - The menu remains below the fixed toolbar.
   - The menu can contract to a narrow restore control.

   Tablet and mobile:
   - The layout uses one column.
   - The menu is not sticky.
   ============================================================ */

/* ------------------------------------------------------------
   Shared layout measurements
   ------------------------------------------------------------ */

.topic-content-layout
{
	--topic-headings-width: 260px;
	--topic-headings-collapsed-width: 44px;
	--topic-headings-gap: 32px;
	--fixedtoolbar-bottom: 80px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--topic-headings-width);
	grid-template-areas: "content headings";
	column-gap: var(--topic-headings-gap);
	align-items: start;
	width: 100%;
	min-width: 0;
	/*
    Provides a smooth column-width change in browsers that
    support grid-template-columns transitions.
    */
	transition: grid-template-columns 0.2s ease;
}

/* Contract the second column when the menu is hidden. */

.topic-content-layout.menu-collapsed
{
	grid-template-columns: minmax(0, 1fr) var(--topic-headings-collapsed-width);
}

/* ------------------------------------------------------------
   Column 1: topic body
   ------------------------------------------------------------ */

.topic-content-layout > #bodyContent
{
	box-sizing: border-box;
	grid-area: content;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

/*
Flare generates #mc-main-content inside #bodyContent.
Keep it constrained to the first grid column.
*/

.topic-content-layout > #bodyContent div#mc-main-content
{
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

/* Prevent wide content from expanding beneath the menu. */

.topic-content-layout > #bodyContent img,
.topic-content-layout > #bodyContent video,
.topic-content-layout > #bodyContent iframe,
.topic-content-layout > #bodyContent pre,
.topic-content-layout > #bodyContent table
{
	max-width: 100%;
}

/* ------------------------------------------------------------
   Column 2: sticky topic-headings panel
   ------------------------------------------------------------ */

.topic-content-layout > .topic-headings-panel
{
	box-sizing: border-box;
	grid-area: headings;
	align-self: start;
	justify-self: stretch;
	position: sticky;
	top: var(--fixedtoolbar-bottom);
	z-index: 10;
	width: 100%;
	min-width: 0;
	max-width: var(--topic-headings-width);
	max-height: calc(
        100vh - var(--fixedtoolbar-bottom) - 16px
    );
	margin: 0;
	padding: 16px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f5f6f7;
	border: 1px solid #d5d9de;
	border-radius: 4px;
	transition: padding 0.2s ease, max-width 0.2s ease;
}

/*
When collapsed, retain only enough panel width for the restore
button. Do not use display: none on the panel because the user
would have no control with which to restore it.
*/

.topic-content-layout.menu-collapsed > .topic-headings-panel
{
	max-width: var(--topic-headings-collapsed-width);
	padding: 6px;
	overflow: hidden;
}

/* ------------------------------------------------------------
   Menu header
   ------------------------------------------------------------ */

.topic-headings-header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 12px;
}

/* Visible panel label. */

.topic-headings-label
{
	min-width: 0;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}

/* ------------------------------------------------------------
   Hide/restore button
   ------------------------------------------------------------ */

.topic-headings-toggle
{
	box-sizing: border-box;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
}

/* Native title supplies the visual tooltip. */

.topic-headings-toggle:hover
{
	color: #1973ad;
	background-color: #e5edf3;
	border-color: #b8cad8;
}

.topic-headings-toggle:focus-visible
{
	outline: 2px solid #1973ad;
	outline-offset: 2px;
}

/*
The icon points toward the panel edge when the menu is open.
It points back toward the expanded panel when collapsed.
*/

.topic-headings-toggle-icon
{
	display: block;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	transform: rotate(0deg);
	transition: transform 0.2s ease;
}

.topic-content-layout.menu-collapsed .topic-headings-toggle-icon
{
	transform: rotate(180deg);
}

/*
Keep descriptive button text available to assistive technology
without displaying it visually.
*/

.topic-headings-toggle-text
{
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------
   Collapsed appearance
   ------------------------------------------------------------ */

.topic-content-layout.menu-collapsed .topic-headings-header
{
	justify-content: center;
	margin: 0;
}

.topic-content-layout.menu-collapsed .topic-headings-label,
.topic-content-layout.menu-collapsed .topic-headings-menu-container
{
	display: none;
}

/* ------------------------------------------------------------
   Generated Menu Proxy structure
   ------------------------------------------------------------

   The generated structure is now inside:

   .topic-headings-menu-container
       ul.menu
           li
               a
               ul

   The first anchor is generated from the topic H1. Hide only
   that anchor, not its parent li.
   ------------------------------------------------------------ */

/* Remove spacing inherited from the hidden H1/root level. */

.topic-headings-menu-container > ul.menu
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.topic-headings-menu-container > ul.menu > li:first-child
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.topic-headings-menu-container > ul.menu > li:first-child > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ------------------------------------------------------------
   Menu items and links
   ------------------------------------------------------------ */

/*Hide H1*/

a:link
{
	color: #0d71af;
	text-decoration: none;
}

a:visited
{
	color: #880C74;
}

a:hover
{
	color: #0d71af;
	text-decoration-line: underline;
}

a:active
{
	color: #004f5f;
}

.topic-headings-menu > li.tree-node > a:first-child
{
	display: none !important;
}

/*assign bullets appropriately*/

.topic-headings-menu,
.topic-headings-menu ul
{
	list-style: none !important;
}

.topic-headings-menu li
{
	list-style: none !important;
}

.topic-headings-menu > li.tree-node > ul
{
	margin: 0 !important;
	padding-left: 0 !important;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node
{
	position: relative;
	margin-left: 0 !important;
	padding-left: 18px !important;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node::before
{
	content: url('../images/resources/bulletdisc2.png');
	position: absolute;
	left: 0;
	top: 0;
	color: currentColor;
	font-size: 9px;
	line-height: 1.9;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node > ul
{
	margin: 0 !important;
	padding-left: 18px !important;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node > ul > li.tree-node
{
	position: relative;
	margin-left: 0 !important;
	padding-left: 18px !important;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node > ul > li.tree-node::before
{
	content: url('../images/resources/bulletcircle2.png');
	position: absolute;
	left: 0;
	top: 0;
	color: currentColor;
	font-size: 12px;
	line-height: 1.4;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node > ul > li.tree-node > ul
{
	margin: 0 !important;
	padding-left: 18px !important;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node > ul > li.tree-node > ul > li.tree-node
{
	position: relative;
	margin-left: 0 !important;
	padding-left: 18px !important;
}

.topic-headings-menu > li.tree-node > ul > li.tree-node > ul > li.tree-node > ul > li.tree-node::before
{
	content: url('../images/resources/bulletsquare2.png');
	position: absolute;
	left: 0;
	top: 0;
	color: currentColor;
	font-size: 8px;
	line-height: 2;
}

.topic-headings-panel ul.menu li
{
	box-sizing: border-box;
	max-width: 100%;
}

.topic-headings-panel ul.menu a
{
	box-sizing: border-box;
	display: block;
	max-width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Indent deeper heading levels. */

.topic-headings-panel ul.menu ul ul
{
	margin-right: 0;
	padding-right: 0;
	padding-left: 16px;
}

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */

#footer
{
	clear: both;
}

/*Topic heading menu end*/
/* Exact Search checkbox start */

.exact-search-indicator
{
	pointer-events: none;
}

/* Hide the In this topic panel on Flare's generated Search page */

html.searchTopic .topic-headings-panel
{
	display: none !important;
}

/* Exact Search control */

.exact-search-control
{
	position: sticky;
	top: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0.5rem 0;
	background-color: #ffffff;
	text-align: right;
	/*
    Extend the white background beyond the result-list width
    without changing the control's layout width.
    */
	overflow-x: hidden;
	/*box-shadow: 0 0 0 100vmax #ffffff;*/
	/*clip-path: inset(0 -100vmax -8px -100vmax);*/
}

/* Exact Search checkbox */

[data-exact-search-hidden="true"]
{
	display: none !important;
}

.exact-search-control input[type="checkbox"]
{
	flex: 0 0 auto;
	margin: 0;
	accent-color: #1973AD;
}

/* Exact Search label */

.exact-search-control label
{
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	white-space: nowrap;
}

/* Divider below the Exact Search control */

.exact-search-control::after
{
	content: "";
	position: absolute;
	right: -100vmax;
	bottom: 0;
	left: -100vmax;
	height: 1px;
	background-color: #d9d9d9;
}

/* Message displayed when Exact Search finds no matching topics */

.exact-search-no-results
{
	margin: 1rem 0;
	padding: 0.75rem 1rem;
	background-color: #f5f5f5;
	border-left: 4px solid #1973AD;
	color: #333333;
}

.exact-search-indicator
{
	display: block;
	clear: both;
	margin-bottom: 10px;
	font-size: 0.85em;
	color: #666;
	font-style: italic;
}

.exact-search-indicator::before
{
	content: "✓ ";
	font-size: inherit;
	color: #1973AD;
	font-weight: bold;
}

/* Exact Search checkbox end */
/* Keep Flare named anchors below the responsive fixed toolbar. */

a[name]::before
{
	content: "";
	display: block;
	height: var(--heading-scroll-offset, 4em);
	margin-top: calc(-1 * var(--heading-scroll-offset, 4em));
	visibility: hidden;
	pointer-events: none;
}

/* Back to Top button styles */

button#backToTopBtn
{
	display: none;
	position: fixed;
	z-index: 9999;
	bottom: 30px;
	right: 30px;
	width: 102px;
	height: 32px;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	border: none;
	outline: none;
	color: #FFFFFF;
	/* Text color */
	cursor: pointer;
	background-color: #0D71AF;
	background-position: center;
	background-repeat: no-repeat;
}

button#backToTopBtn:hover
{
	background-color: #07528D;
	color: #FFFFFF;
}

/* END Back to Top button styles */
/* Highlight toggle icons */

/* 
   OFF state for search terms:
   Hide only the highlight styling, not the text itself.
*/

.SearchHighlight.highlight-hidden
{
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* 
   Normalize the Flare button so spacing/backgrounds do not clip
   or repeat the icon.
*/

button.button.needs-pie.highlight-toggle-button,
button.highlight-toggle-button
{
	width: 42px !important;
	min-width: 42px !important;
	height: 24px !important;
	min-height: 24px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	overflow: visible !important;
	line-height: 0 !important;
}

/* 
   Your inspected Flare structure has an extra anonymous div:
   button > div > div.button-icon-wrapper > div.button-icon
*/

button.button.needs-pie.highlight-toggle-button > div,
button.highlight-toggle-button > div
{
	width: 42px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	overflow: visible !important;
}

/* Wrapper should not draw the icon */

button.button.needs-pie.highlight-toggle-button .button-icon-wrapper,
button.highlight-toggle-button .button-icon-wrapper
{
	display: block !important;
	width: 42px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	overflow: visible !important;
}

/* Only this element draws the icon */

button.button.needs-pie.highlight-toggle-button .button-icon,
button.highlight-toggle-button .button-icon
{
	display: block !important;
	width: 42px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 42px 24px !important;
}

/* OFF state */

button.button.needs-pie.highlight-toggle-button:not(.show-highlight) .button-icon,
button.highlight-toggle-button:not(.show-highlight) .button-icon
{
	background-image: url('../images/flareui-assets/highlightnone.png') !important;
}

/* OFF + HOVER state */

button.button.needs-pie.highlight-toggle-button:not(.show-highlight):hover .button-icon,
button.highlight-toggle-button:not(.show-highlight):hover .button-icon
{
	background-image: url('../images/flareui-assets/highlighthover.png') !important;
}

/* ON state */

button.button.needs-pie.highlight-toggle-button.show-highlight .button-icon,
button.highlight-toggle-button.show-highlight .button-icon
{
	background-image: url('../images/flareui-assets/highlighton.png') !important;
}

/* Keep ON icon visible while hovering over the ON state */

button.button.needs-pie.highlight-toggle-button.show-highlight:hover .button-icon,
button.highlight-toggle-button.show-highlight:hover .button-icon
{
	background-image: url('../images/flareui-assets/highlighton.png') !important;
}

/* Custom single tooltip for highlight toggle button */

button.button.needs-pie.highlight-toggle-button[data-highlight-tooltip],
button.highlight-toggle-button[data-highlight-tooltip]
{
	position: relative !important;
}

/* Tooltip bubble */

button.button.needs-pie.highlight-toggle-button[data-highlight-tooltip]:hover::after,
button.highlight-toggle-button[data-highlight-tooltip]:hover::after,
button.button.needs-pie.highlight-toggle-button[data-highlight-tooltip]:focus::after,
button.highlight-toggle-button[data-highlight-tooltip]:focus::after
{
	content: attr(data-highlight-tooltip);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 6px;
	padding: 3px 6px;
	background: #f9f9f9;
	color: #8B8B8B;
	border: 1px solid #707070;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2;
	white-space: nowrap;
	z-index: 9999;
	pointer-events: none;
	box-shadow: none;
}

/* No arrow/pointer; this better matches standard tooltips */

button.button.needs-pie.highlight-toggle-button[data-highlight-tooltip]:hover::before,
button.highlight-toggle-button[data-highlight-tooltip]:hover::before,
button.button.needs-pie.highlight-toggle-button[data-highlight-tooltip]:focus::before,
button.highlight-toggle-button[data-highlight-tooltip]:focus::before
{
	content: none;
}

/* END highlight toggle icons */
/* Clear search icon*/

span.clear-icon
{
	position: absolute;
	right: 35px;
	top: 18%;
	width: 8px;
	height: 8px;
	color: rgb(0 0 0 / 38%);
	background-color: transparent;
	font: 16px monospace;
	text-align: center;
	cursor: pointer;
	display: none;
}

/* END Clear search icon*/

.search-bar .search-field
{
	padding: 0 100px 0 10px;
	overflow: hidden;
	/* Hide the overflow content */
	text-overflow: ellipsis;
	/* Add the ellipsis */
}

/* start resizable left nav */

:root
{
	--sidenav-width: 290px;
}

/* Parent row containing nav.sidenav-wrapper and div.body-container */

div.row.outer-row.sidenav-layout
{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: none;
	min-width: 0;
	box-sizing: border-box;
}

/* Actual left nav flex column */

nav.sidenav-wrapper
{
	position: relative;
	z-index: 20;
	flex: 0 0 var(--sidenav-width);
	width: var(--sidenav-width);
	min-width: 290px;
	max-width: 800px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
}

/* The nav content fills the nav column */

div.sidenav-container
{
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 8px;
}

/* Body column */

div.body-container
{
	position: relative !important;
	z-index: 1;
	flex: 1 1 auto;
	width: auto;
	max-width: none;
	min-width: 0;
	margin-left: 0 !important;
	padding-top: 0;
	box-sizing: border-box;
}

/* Resize handle */

.resize-handle
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	cursor: ew-resize;
	background: #ECEFF1;
	z-index: 9999;
	box-sizing: border-box;
	background-image: url('../images/flareui-assets/drag-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
}

/* Nav list */

div.sidenav-container > ul
{
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

ul.off-canvas-accordion.vertical.menu.sidenav
{
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	border-right: 1px solid #d4d4d4;
}

ul.off-canvas-accordion.vertical.menu.sidenav li > a
{
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: anywhere;
}

/* end resizable left nav */

@font-face 
{
	font-family: 'Noto Sans';
	src: url('../fonts/noto-sans.woff2') format('woff2');
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

@font-face 
{
	font-family: 'Noto Sans';
	src: url('../fonts/noto-sans-italic.woff2') format('woff2');
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
}

body
{
	margin: 0;
	font-family: "Noto Sans";
	font-style: normal;
	color: rgb(0 0 0 / 87%);
	text-transform: none;
	text-align: left;
	orphans: 3;
	widows: 3;
	clear: both;
	background-color: #ffffff;
	mc-hyphenate: never;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT CALLOUT STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

div.note,
div.note2
{
	margin-top: 2mm;
	margin-bottom: 2mm;
	padding-left: 13mm;
	padding-right: 2mm;
	padding-bottom: 2mm;
	padding-top: 2mm;
	border: 0.75mm solid #b2e2f7;
	background-color: #e1f4fc;
	page-break-inside: avoid;
	background-image: url('../images/resources/alert-circle.svg');
	background-repeat: no-repeat;
	background-position: 4mm center;
}

div.note > :first-child,
div.note2 > :first-child
{
	mc-auto-number-format: 'Note: ';
	mc-auto-number-class: callout;
	page-break-inside: avoid;
}

div.note2
{
	margin-left: 6mm;
}

div.important,
div.important2
{
	margin-top: 2mm;
	margin-bottom: 4mm;
	padding-left: 11mm;
	padding-right: 2mm;
	padding-bottom: 1mm;
	padding-top: 2mm;
	border: 0.75mm solid #fadfb2;
	background-color: #fdf2e0;
	page-break-inside: avoid;
	background-image: url('../images/resources/alert-triangle-warning.svg');
	background-repeat: no-repeat;
	background-position: 3mm center;
}

div.important2
{
	margin-left: 4mm;
}

div.important > :first-child,
div.important2 > :first-child
{
	mc-auto-number-format: 'Important: ';
	mc-auto-number-class: callout;
	page-break-inside: avoid;
}

div.codeSnippetGroupSingle
{
	border: 1px solid rgb(0 0 0 / 87%);
	padding: 3px;
	margin-bottom: 30px;
	width: 48%;
}

div.codeSnippetScrollLeftSingle
{
	float: left;
	margin-left: 10px;
	height: 3in;
	overscroll-behavior-y: auto;
	overflow-y: auto;
	overscroll-behavior-x: auto;
	padding-right: 5px;
	margin-top: 8px;
	width: 95%;
}

div.fixedtoolbar
{
	position: sticky;
	top: 0;
	background-color: #ffffff;
	z-index: 1;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}

div.search-filter
{
	background-image: url('../images/flareui-assets/filter-2.png') !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 18px 18px !important;
}

/* delete if it doesn't impact the outcome
div.body-container
{
	padding-top: 0;
	position: relative !important;
	flex: 1;
}

*/

p.important1,
p.important2
{
	margin-top: 2mm;
	margin-bottom: 4mm;
	padding-left: 11mm;
	padding-right: 2mm;
	padding-bottom: 1mm;
	padding-top: 2mm;
	border: 0.75mm solid #fadfb2;
	background-color: #fdf2e0;
	mc-auto-number-format: 'Important: ';
	mc-auto-number-class: callout;
	page-break-inside: avoid;
	background-image: url('../images/resources/alert-triangle-warning.svg');
	background-repeat: no-repeat;
	background-position: 3mm center;
}

p.important2
{
	margin-left: 4mm;
}

p.note1,
p.note2
{
	margin-top: 2mm;
	margin-bottom: 2mm;
	padding-left: 13mm;
	padding-right: 2mm;
	padding-bottom: 2mm;
	padding-top: 2mm;
	border: 0.75mm solid #b2e2f7;
	background-color: #e1f4fc;
	mc-auto-number-format: 'Note: ';
	mc-auto-number-class: callout;
	page-break-inside: avoid;
	background-image: url('../images/resources/alert-circle.svg');
	background-repeat: no-repeat;
	background-position: 4mm center;
}

p.note2
{
	margin-left: 6mm;
}

MadCap|dropDown
{
	mc-closed-image: url('../images/resources/notflipped.gif');
	mc-open-image: url('../images/resources/flipped.gif');
	font-size: 1rem;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT IMAGE STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

div.TextAndImage
{
	padding-top: 4mm;
	padding-bottom: 4mm;
}

div.Images
{
	padding-top: 4mm;
	padding-bottom: 4mm;
}

ol > li > div.Images img,
ul > li > div.Images img,
div.Images img
{
	max-width: 90%;
}

img.ReduceImage
{
	width: 80%;
	height: auto;
}

img.PDXReduceImage
{
	/*mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;*/
	display: block;
	max-width: 100%;
	mc-float: center;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
}

img.ReduceImageIndent
{
	width: 80%;
	height: auto;
	padding-left: 6mm;
}

img.img_intext100px	/*original image is wide*/
{
	margin-bottom: 0mm;
	margin-top: 0mm;
	width: 100px;
}

img.img_intext15	/*original image is somewhat tall and wide*/
{
	margin-bottom: 0mm;
	margin-top: 0mm;
	width: 15%;
}

img
{
	max-width: 90%;
	height: auto;
}

img.ReduceImage
{
	width: 80%;
	height: auto;
}

img.ReduceGiantImage
{
	width: 50%;
	height: auto;
}

img.EnlargePopup:link
{
	mc-thumbnail-max-height: auto;
}

div.SideBySideImages
{
	padding-top: 4mm;
	padding-bottom: 4mm;
	float: left;
}

p.Image1
{
	margin-top: 2mm;
	margin-bottom: 0.25in;
	max-width: 90%;
}

p.Image2
{
	margin-top: 2mm;
	margin-left: 6mm;
	margin-bottom: 0.25in;
}

p.Image2a
{
	margin-top: 2mm;
	margin-bottom: 0.25in;
	margin-left: 38px;
}

p.Image3
{
	margin-top: 2mm;
	margin-left: 44px;
	margin-bottom: 0.25in;
}

img.img_intext
{
	margin-bottom: 0mm;
	margin-top: 0mm;
	vertical-align: text-bottom;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT HEADING STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

h1
{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 125%;
	padding-top: 10px;
	padding-bottom: 10px;
	mc-next-tag: p;
	mc-next-class: Body1;
	width: 100%;
	color: #004f5f;
	mc-hyphenate: never;
}

h2
{
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 118%;
	margin: 1.5rem 0 1rem 0;
	color: rgb(0 0 0 / 87%);
	mc-hyphenate: never;
}

h3
{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 122%;
	margin: 1.25rem 0 .75rem 0;
}

h3.NoTOC
{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 122%;
	margin: 1.25rem 0 .75rem 0;
}

h4
{
	font-size: 1rem;
	font-weight: 600;
	line-height: 131%;
	margin: 1rem 0 .5rem 0;
}

h1.MPN_OLD
{
	width: 100%;
	color: #ffffff;
	background-color: #8d9196;
	line-height: 40px;
	font-size: 16pt;
	text-transform: uppercase;
	background-image: url('../images/maintenancepatchnotes/step.png');
	background-repeat: no-repeat;
	margin-left: 0mm;
	background-position: 1% center;
	padding-left: 44px;
}

h1.MPNMulti
{
	margin-top: 6mm;
	mc-heading-level: 1;
	font-size: 22pt;
	text-align: center;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
}

h1.MPN
{
	font-size: 1.375rem;
	mc-next-tag: p;
	mc-next-class: Body1;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
	width: 100%;
	text-align: center;
	margin-bottom: 4mm;
	margin-top: 6mm;
	color: #004f5f;
	mc-heading-level: 0;
}

h2.MPN
{
	padding-top: 0mm;
	font-size: 1.125rem;
	mc-next-tag: p;
	mc-next-class: Body1;
	margin: 1.5rem 0 1rem 0;
	text-align: center;
	color: rgb(0 0 0 / 87%);
	mc-heading-level: 0;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
}

h2.RNNoTOC
{
	mc-heading-level: 0;
	mc-next-tag: p;
	mc-next-class: Body1;
	margin: 1.5rem 0 1rem 0;
}

h2.MPNSecurityEnhancement
{
	background-repeat: no-repeat;
	background-color: #8d9196;
	color: #ffffff;
	text-transform: uppercase;
	background-position: 1% center;
	line-height: 40px;
	padding-left: 44px;
	background-image: url('../images/maintenancepatchnotes/security.png');
	margin: 1.5rem 0 1rem 0;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
	mc-next-class: MaintenancePatch;
}

h2.MPNPerformance
{
	background-repeat: no-repeat;
	color: #ffffff;
	background-color: #8d9196;
	text-transform: uppercase;
	background-position: 1% center;
	margin: 1.5rem 0 1rem 0;
	line-height: 40px;
	padding-left: 44px;
	background-image: url('../images/maintenancepatchnotes/performancesm.png');
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
	mc-next-class: MaintenancePatch;
}

h2.MPNNewFeatures
{
	background-image: url('../images/maintenancepatchnotes/new.png');
	color: #ffffff;
	background-color: #8d9196;
	background-repeat: no-repeat;
	text-transform: uppercase;
	background-position: 1% center;
	line-height: 40px;
	padding-left: 44px;
	margin: 1.5rem 0 1rem 0;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
	mc-next-class: MaintenancePatch;
}

h2.MPNDownload
{
	background-image: url('../images/maintenancepatchnotes/download.png');
	background-repeat: no-repeat;
	background-color: #8d9196;
	color: #ffffff;
	text-transform: uppercase;
	background-position: 1% center;
	margin: 1.5rem 0 1rem 0;
	line-height: 40px;
	padding-left: 44px;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
}

h2.MPNAPIExtension
{
	background-repeat: no-repeat;
	color: #ffffff;
	background-color: #8d9196;
	text-transform: uppercase;
	background-position: 1% center;
	line-height: 40px;
	padding-left: 44px;
	background-image: url('../images/maintenancepatchnotes/api.png');
	margin: 1.5rem 0 1rem 0;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
}

h2.MPNBugFix
{
	line-height: 40px;
	padding-top: 0mm;
	text-transform: uppercase;
	background-image: url('../images/maintenancepatchnotes/bug_fixes.png');
	background-repeat: no-repeat;
	background-position: 1% center;
	padding-left: 44px;
	margin: 1.5rem 0 1rem 0;
	background-color: #8d9196;
	color: #ffffff;
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
	mc-next-class: MaintenancePatch;
}

h2.MPNDocumentation
{
	background-repeat: no-repeat;
	background-color: #8d9196;
	color: #ffffff;
	text-transform: uppercase;
	background-position: 1% center;
	margin: 1.5rem 0 1rem 0;
	line-height: 40px;
	padding-left: 44px;
	background-image: url('../images/maintenancepatchnotes/documentsm.png');
	page-break-before: always;
	page-break-inside: avoid;
	page-break-after: avoid;
	mc-next-class: MaintenancePatch;
}

h3.RNNoTOC
{
	mc-heading-level: 0;
	mc-next-tag: p;
	mc-next-class: Body1;
	margin: 1.25rem 0 .75rem 0;
}

h3.RNPrimary
{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 122%;
	margin: 1.25rem 0 .75rem 0;
	mc-next-tag: p;
	mc-next-class: Body1;
	page-break-inside: avoid;
	page-break-after: avoid;
	column-break-after: avoid;
}

h5
{
	mc-hidden: hidden;
}

h6
{
	mc-hidden: hidden;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT PARAGRAPH STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

p,
p.Body1
{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	mc-next-tag: p;
	mc-next-class: Body1;
}

p.Body1ExtraTopPadding
{
	padding-top: 12mm;
}

p.Body1NoBottomSpacing
{
	margin-top: 2mm;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.Body2
{
	margin-left: 6mm;
	margin-top: 2mm;
}

p.MPNHeadNoTOC
{
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 22px;
	line-height: 15px;
	margin-left: 44px;
	padding-top: 0px;
	margin-top: 16pt;
	background-image: url('../images/maintenancepatchnotes/squareorange.png');
}

p.MPNHeadNoTOC > a[name]::before
{
	content: none;
	display: none;
}

p.MPNHeadNoTOC > a[name]
{
	display: inline-block;
	position: relative;
	top: calc(-1 * var(--heading-scroll-offset, 4em));
	width: 0;
	height: 0;
	visibility: hidden;
	pointer-events: none;
}

p.Body3
{
	font-size: 1rem;
	margin-top: 2mm;
	margin-left: 44px;
}

p.BodyH4HeadNoTOC
{
	font-size: 1rem;
	font-style: italic;
	font-weight: 600;
	line-height: 131%;
	margin: 1rem 0 .5rem 0;
}

p.Bullet2NextPara
{
	font-size: 1rem;
	margin-left: 35px;
	margin-top: 2mm;
}

p.Bullet3NextPara
{
	margin-left: 70px;
	margin-top: 2mm;
}

p.Bullet1NextPara
{
	margin-left: 6mm;
	margin-top: 2mm;
}

p.BodyIndentPatch
{
	mc-next-class: BodyIndentPatch;
	margin-top: 2mm;
	margin-left: 44px;
}

p.BodyIndentPatch > img
{
	padding-bottom: 4mm;
}

p.MaintenancePatch	/*MPN heading with orange square bullet*/
{
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 22px;
	line-height: 15px;
	margin-left: 44px;
	padding-top: 0px;
	margin-top: 16pt;
	page-break-after: avoid;
	background-image: url('../images/maintenancepatchnotes/squareorange.png');
	mc-next-class: BodyIndentPatch;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT VARIABLE STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*
MadCap|variable.OLH_PDF_Sets\00002EAcceleratorForRetail,
MadCap|variable.OLH_PDF_Sets\00002EAdminPortal,
MadCap|variable.OLH_PDF_Sets\00002EAnalytics,
MadCap|variable.OLH_PDF_Sets\00002EAutoClass,
MadCap|variable.OLH_PDF_Sets\00002EAutomotiveSolEnabl,
MadCap|variable.OLH_PDF_Sets\00002EBulkUpdate,
MadCap|variable.OLH_PDF_Sets\00002EBusRules,
MadCap|variable.OLH_PDF_Sets\00002ECMDMSolEnabl,
MadCap|variable.OLH_PDF_Sets\00002EConfigMgmt,
MadCap|variable.OLH_PDF_Sets\00002EDaaS,
MadCap|variable.OLH_PDF_Sets\00002EDataExchange,
MadCap|variable.OLH_PDF_Sets\00002EDataGovernance,
MadCap|variable.OLH_PDF_Sets\00002EDataIntgration,
MadCap|variable.OLH_PDF_Sets\00002EDataPreparation,
MadCap|variable.OLH_PDF_Sets\00002EDataProfiling,
MadCap|variable.OLH_PDF_Sets\00002EDigitalAssets,
MadCap|variable.OLH_PDF_Sets\00002EeCatalogs,
MadCap|variable.OLH_PDF_Sets\00002EECLASSAdvSolEnabl,
MadCap|variable.OLH_PDF_Sets\00002EGDSNRecSolEnabl,
MadCap|variable.OLH_PDF_Sets\00002EGettingStarted,
MadCap|variable.OLH_PDF_Sets\00002EMatchLinkMerge,
MadCap|variable.OLH_PDF_Sets\00002EPerformanceAnalysis,
MadCap|variable.OLH_PDF_Sets\00002EPublisher,
MadCap|variable.OLH_PDF_Sets\00002EPublishingWebUI,
MadCap|variable.OLH_PDF_Sets\00002EResourceMaterials,
MadCap|variable.OLH_PDF_Sets\00002ESystemAdmin,
MadCap|variable.OLH_PDF_Sets\00002ESystemSetup,
MadCap|variable.OLH_PDF_Sets\00002ETables,
MadCap|variable.OLH_PDF_Sets\00002ETranslations,
MadCap|variable.OLH_PDF_Sets\00002EWebUI,
MadCap|variable.OLH_PDF_Sets\00002EWorkflows
{
	
}
*/

/*<<<<<<<<<<<<<<<<<<<< DEFAULT LIST STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

li
{
	list-style-position: inherit;
	margin-left: -5mm;
	margin-bottom: 1mm;
	margin-top: 0.75%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
}

li.Numbered1
{
	mc-next-tag: p;
	mc-next-class: Body1;
	text-transform: none;
	list-style-position: inherit;
	margin-left: -5mm;
	margin-bottom: 0;
	margin-top: 1.75mm;
}

li.Numbered2
{
	margin-left: 15mm;
	padding-right: 0px;
	margin-bottom: 0;
	margin-top: 1.75mm;
	mc-next-tag: p;
	mc-next-class: Body1;
	list-style-position: inherit;
}

li.Bullet1
{
	margin-left: -5mm;
	margin-bottom: 0;
	list-style-image: url('../images/resources/bulletdisc2.png');
}

li.Bullet2
{
	list-style-image: url('../images/resources/bulletcircle2.png');
	margin-bottom: 0;
	margin-left: -1mm;
	mc-next-tag: p;
	mc-next-class: Body1;
}

li.Bullet3
{
	left: 1in;
	margin-left: 8mm;
	margin-bottom: 0;
	list-style-image: url('../images/resources/bulletsquare2.png');
}

li.Bullet4
{
	left: 1in;
	margin-left: 15mm;
	margin-bottom: 0;
}

li.ECErrorCorrections
{
	list-style-image: url('../images/resources/bulletsquare2.png');
}

li.PDXReleaseNoteFeature
{
	margin-top: 2mm;
	margin-bottom: 2mm;
}

ul,
ul > li > p,
ul > li > p.Body1 ol > li > ul > li > p
{
	list-style-image: url('../images/resources/bulletdisc2.png');
}

ul > li > ul > li
{
	list-style-image: url('../images/resources/bulletcircle2.png');
}

ul > li > ul > li > ul > li
{
	list-style-image: url('../images/resources/bulletsquare2.png');
}

ol
{
	margin-top: 0;
	margin-bottom: 1mm;
}

ol > li > p,
ol > li > p.Body1	/*slightly more spacing between numbered lists than bulleted lists*/
{
	margin-top: 0mm;
	padding-top: 0mm;
	padding-bottom: 2mm;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT LINK STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*CrossRef*/

MadCap|xref
{
	color: #0d71af;
}

MadCap|xref.ParaTextOnly
{
	mc-format: '{color #0d71af}{paratext}';
	mc-disabled: true;
}

MadCap|xref:link
{
	color: #0d71af;
	text-decoration: none;
}

MadCap|xref:visited
{
	color: #880C74;
}

MadCap|xref:hover
{
	color: #0d71af;
	text-decoration-line: underline;
}

MadCap|xref:active
{
	color: #004f5f;
}

MadCap|xref.XRef_Title
{
	mc-format: '{title}';
	mc-hyphenate: never;
	color: #0d71af;
}

/*HREFs*/

a.MCBreadcrumbsLink
{
	color: #0d71af;
}

a,
a.stepdoc-link
{
	mc-disabled: false;
}

a.MCBreadcrumbsLink
{
	mc-breadcrumbs-prefix: '';
}

MadCap|breadcrumbsProxy
{
	font-size: .75rem;
	mc-breadcrumbs-prefix: '';
}

div.MCBreadcrumbsBox_0
{
	border-bottom-color: #D4D4D4;
	margin-left: -1rem;
	padding-bottom: 1rem;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT SPAN STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

span.MCBreadcrumbsPrefix
{
	border-bottom-color: #D4D4D4;
}

span.bold,
span.callout
{
	font-weight: 700;
}

span.mcFormatColor
{
	color: #0d71af;
}

span.italic
{
	font-style: italic;
}

span.italicfooter
{
	display: block;
	font-style: italic;
	margin-top: 50px;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT OTHER STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

MadCap|toggler
{
	mc-image-spacing: 5px;
}

MadCap|pageFooter
{
	font-style: italic;
}

abbr
{
	mc-disabled: false;
}

acronym
{
	mc-disabled: true;
}

address
{
	mc-disabled: true;
}

area
{
	mc-disabled: true;
}

big
{
	mc-disabled: true;
}

blockquote
{
	mc-disabled: true;
}

br
{
	mc-disabled: true;
}

button
{
	mc-disabled: true;
}

caption
{
	mc-disabled: true;
}

center
{
	mc-disabled: true;
}

cite
{
	mc-disabled: true;
}

code
{
	mc-disabled: true;
	font-weight: 400;
	font-style: normal;
	background-color: #e6f7f9;
}

dir
{
	margin-top: 2mm;
	margin-bottom: 1.12em;
	margin-right: 1.12em;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT TABLE >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

table
{
	margin-left: -6mm;
	margin-top: 2mm;
	margin-bottom: 2mm;
}

li.Bullet2Table
{
	margin-left: -4mm;
	margin-bottom: 0;
	margin-top: 1.5mm;
	list-style-image: url('../images/resources/bulletcircle2.png');
}

/*p.note1table
{
	margin-top: 2mm;
	margin-bottom: 2mm;
	padding-left: 13mm;
	padding-right: 2mm;
	padding-bottom: 2mm;
	padding-top: 2mm;
	border: 0.75mm solid #b2e2f7;
	background-color: #e1f4fc;
	mc-auto-number-format: 'Note: ';
	mc-auto-number-class: callout;
	page-break-inside: avoid;
	background-image: url('../Images/Resources/alert-circle.svg');
	background-repeat: no-repeat;
	background-position: 4mm center;
}*/

p.note1tablesmall
{
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 150%;
	margin-top: 2mm;
	margin-bottom: 2mm;
	margin-left: 0;
	padding-left: 10mm;
	padding-right: 2mm;
	padding-bottom: 2mm;
	padding-top: 2mm;
	border: 0.75mm solid #b2e2f7;
	background-color: #e1f4fc;
	mc-auto-number-format: 'Note: ';
	mc-auto-number-class: callout;
	background-image: url('../images/resources/alert-circle.svg');
	background-repeat: no-repeat;
	background-position: 2mm center;
}

p.Body1Table
{
	padding-bottom: 2mm;
	margin-top: 2mm;
	mc-next-tag: p;
	mc-next-class: Body1Table;
}

p.Body1TableSmall
{
	margin-top: 2mm;
	padding-bottom: 2mm;
	font-size: 0.75rem;
	font-weight: 400;
}

p.Body1TablexSmall
{
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 145%;
}

th
{
	mc-hyphenate: never;
	max-width: 90%;
}

col
{
	mc-hyphenate: never;
}

li.Bullet1Table
{
	margin-left: -6mm;
	margin-bottom: 0;
	font-size: 0.8360rem;
	margin-top: 0;
}

li.Bullet1TableSmall
{
	margin-top: 2mm;
	padding-bottom: .5mm;
	font-size: 0.75rem;
	font-weight: 400;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT CODE PRESERVE SPACE >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

pre,
pre.Code1
{
	padding-bottom: 0.25%;
	padding-top: 0.25%;
	padding-left: 0.25%;
	padding-right: 0.25%;
	margin-top: 2mm;
	margin-bottom: 4mm;
	border-bottom-style: none;
	border-bottom-width: 1px;
	font-family: 'Courier New';
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 600;
	background-color: #e6f7f9;
	display: block;
	width: 100%;
	overflow-x: auto;
}

pre.InsideTable
{
	margin-top: 0.25em;
	margin-left: 0;
	margin-right: 0.25em;
	margin-bottom: 0.75em;
}

pre.InsideTableSmall
{
	line-height: normal;
	margin-top: 0.25em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.75em;
	font-size: 0.75rem;
	font-weight: 400;
}

span.commandfont
{
	font-family: 'Courier New';
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	background-color: #e6f7f9;
	padding-bottom: 0.25%;
	padding-top: 0.25%;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT LEFT NAV ICONS >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.tree-node.tree-node-collapsed > div
{
	padding-left: 19px;
}

.tree-node.tree-node-expanded > div
{
	padding-left: 27px;
}

.tree-node.tree-node-leaf > div
{
	padding-left: 19px;
}

MadCap|relationshipsItem
{
	margin-left: 0pt;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT CODE SNIPPET >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

MadCap|codeSnippetCopyButton
{
	float: left;
}

MadCap|codeSnippet
{
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: 400;
	background-color: #e6f7f9;
}

MadCap|codeSnippetBody
{
	tab-size: 3;
	font-weight: 400;
	background-color: #e6f7f9;
}

div.codeSnippetBodyScroll
{
	height: 3in;
	width: 5in;
	overscroll-behavior-y: auto;
	overflow-y: scroll;
	overscroll-behavior-x: auto;
	overflow-x: scroll;
}

div.codeSnippetGroup
{
	width: 95%;
	border: 1px solid rgb(0 0 0 / 87%);
	padding: 3px;
	margin-bottom: 30px;
}

div.codeSnippetScrollLeft
{
	float: left;
	margin-left: 10px;
	width: 48%;
	height: 3in;
	overscroll-behavior-y: auto;
	overflow-y: auto;
	overscroll-behavior-x: auto;
	padding-right: 5px;
	margin-top: 8px;
}

div.codeSnippetScrollRight
{
	float: right;
	margin-left: 10px;
	width: 48%;
	height: 3in;
	overscroll-behavior-y: auto;
	overflow-y: auto;
	overscroll-behavior-x: auto;
	padding-right: 5px;
}

div.clear
{
	clear: both;
}

/*<<<<<<<<<<<<<<<<<<<< DEFAULT SEARCH RESULT HIGHLIGHTS >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

span.SearchHighlight1
{
	background-color: #fadd7580;
}

span.SearchHighlight2
{
	background-color: #009bc180;
}

span.SearchHighlight3
{
	background-color: #619e4380;
}

span.SearchHighlight4
{
	background-color: #ff834d80;
}

/*CrossRef*/

/*MadCap|xref:link -- duplicated from Default Link Styles
{
	color: #0d71af;
	text-decoration: none;
}

MadCap|xref:visited
{
	color: #880C74;
}

MadCap|xref:hover
{
	color: #0d71af;
	text-decoration-line: underline;
}

MadCap|xref:active
{
	color: #004f5f;
}*/

MadCap|popupHead
{
	color: #0d71af;
}

MadCap|popupBody
{
	color: #66CCD9;
}

fieldset
{
	mc-disabled: true;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<PRINT MEDIUM (PDF)>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

@media print
{
	body
	{
		background-color: transparent;
	}

	h3.NoTOC
	{
		mc-heading-level: 0;
		mc-next-tag: p;
		mc-next-class: Body1;
		margin: 1.25rem 0 .75rem 0;
	}

	/*<<<<<<<<<<<<<<<<<<<< PRINT IMAGE STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	ol img
	{
		max-width: 184mm;
	}

	ol ol img
	{
		max-width: 179mm;
	}

	ol ol ol img
	{
		max-width: 174mm;
	}

	/*<<<<<<<<<<<<<<<<<<<< PRINT TABLE STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	td
	{
		font-size: 11pt;
	}

	table
	{
		height: auto;
		width: auto;
	}

	li.Bullet1Table
	{
		font-size: 10pt;
	}

	li.Bullet1TableSmall
	{
		margin-top: 2mm;
		padding-bottom: .5mm;
		font-size: 9pt;
		font-weight: 400;
	}

	li.Bullet2Table
	{
		font-size: 10pt;
	}

	/*<<<<<<<<<<<<<<<<<<<< PRINT BULLET STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	img.NoColumns
	{
		max-width: 190.5mm;
		max-height: 229mm;
	}

	img.img_intext
	{
		mc-thumbnail-max-height: 48px;
		vertical-align: text-bottom;
	}

	img.Inch6
	{
		max-width: 6.00in;
	}

	p,
	p.Body1
	{
		font-size: 11pt;
	}

	p.PDFTitlePage
	{
		margin-top: 2mm;
		margin-bottom: 2mm;
		padding-bottom: 2mm;
		font-size: 24pt;
		line-height: normal;
		color: #ffffff;
	}

	span.PDFTitlePageSub
	{
		margin-top: 2mm;
		margin-bottom: 2mm;
		padding-bottom: 2mm;
		font-size: 18pt;
		line-height: normal;
		color: #ffffff;
	}

	p.Image2
	{
		max-width: 80%;
		padding-right: 0;
	}

	p.Body1TableSmall
	{
		margin-top: 2mm;
		padding-bottom: .5mm;
		font-size: 9pt;
		font-weight: 400;
	}

	MadCap|xref.H1Text
	{
		color: #0d71af;
		mc-exclude-action: unbind;
		mc-conditions: 'primary.LinkToText';
		mc-format: '{paratext}';
	}

	MadCap|xref
	{
		color: #0d71af;
		mc-exclude-action: unbind;
		mc-conditions: 'primary.LinkToText';
		mc-format: '{paratext}';
	}

	MadCap|tocProxy
	{
		color: rgb(0 0 0 / 87%);
		font-weight: 400;
		line-height: 150%;
		font-style: normal;
	}

	a,
	a.stepdoc-link
	{
		mc-exclude-action: unbind;
		mc-conditions: 'primary.LinkToText';
		mc-format: '{paratext}';
	}

	p.TOC1
	{
		font-weight: 700;
	}

	span.bold,
	span.callout
	{
		font-weight: 700;
	}

	b
	{
		font-weight: 700;
	}
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<END OF PRINT MEDIUM (PDF)>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<WORD MEDIUM>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

@media Word
{
	p,
	p.Body1,
	p.Body2,
	p.important1,
	p.important2,
	li.Bullet1,
	li.Bullet2,
	li.Bullet3,
	li.Bullet4,
	MadCap|xref	/*p.note1table,*/
	{
		font-size: 11pt;
		font-family: "Noto Sans";
		font-style: normal;
		line-height: 1.25;
		color: rgb(0 0 0 / 87%);
		text-transform: none;
		text-align: left;
		orphans: 3;
		widows: 3;
		clear: both;
		background-color: #ffffff;
		mc-hyphenate: never;
	}

	h1
	{
		color: #004f5f;
		font-size: 22pt;
	}

	h2
	{
		color: rgb(0 0 0 / 87%);
		font-size: 16pt;
	}

	h3
	{
		font-size: 13pt;
	}

	h4
	{
		font-size: 12pt;
		font-weight: bold;
	}

	img.Inch6
	{
		max-width: 6.00in;
	}

	ol,
	ul,
	li
	{
		margin-top: 0;
		margin-bottom: 1mm;
		font-size: 11pt;
	}

	MadCap|tocProxy
	{
		color: rgb(0 0 0 / 87%);
		font-size: 11pt;
		font-weight: 400;
		line-height: 150%;
		font-style: normal;
	}

	p.TOC1
	{
		font-weight: 700;
	}

	span.bold,
	span.callout
	{
		font-weight: 700;
	}

	div.important > :first-child,
	div.important,
	div.important p,
	div.important > ul > li,
	div.important > ul > li > p,
	div.important > ul > li.Bullet2,
	p.important1,
	p.important1 > p,
	p.important1 > p.Body1,
	p.important1 p
	{
		background-color: #fdf2e0;
		background-image: none;
	}

	div.important2 > :first-child,
	div.important2,
	div.important2 p,
	div.important2 > ul > li,
	div.important2 > ul > li > p,
	p.important2,
	p.important2 > p,
	p.important2 > p.Body1,
	p.important2 p
	{
		margin-left: 4mm;
		background-color: #fdf2e0;
		background-image: none;
	}

	div.note,
	div.note > p,
	div.note p,
	div.note > ul > li,
	div.note > ul > li > p,
	div.note > :first-child,
	div.note > ul > li.Bullet2,
	p.note1,
	p.note1 > p.Body1,
	p.note1 p
	{
		background-color: #e1f4fc;
		background-image: none;
	}

	div.note2,
	div.note2 > p,
	div.note2 p,
	div.note2 > ul > li,
	div.note2 > ul > li > p,
	div.note2 > :first-child,
	div.note2 > ul > li.Bullet2,
	p.note2,
	p.note2 > p.Body1,
	p.note2 p,
	p.note2
	{
		margin-left: 4mm;
		background-color: #e1f4fc;
		background-image: none;
	}

	mcTableHeadStyle,
	.TableStyle-StiboTableStyles-HeadI-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadI-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadE-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadE-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadF-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadF-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadH-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadH-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadD-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadD-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadC-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadC-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadB-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadB-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadA-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadA-Column1-Header1 p,
	.TableStyle-StiboTableStyles-HeadG-Column1-Header1,
	.TableStyle-StiboTableStyles-HeadG-Column1-Header1 p
	{
		font-size: 11pt;
	}

	MadCap|xref.H1Text
	{
		color: #0d71af;
		mc-exclude-action: unbind;
		mc-conditions: 'primary.LinkToText';
		mc-format: '{paratext}';
	}
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<END OF WORD MEDIUM>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* ==========================================================
   Tablet and mobile responsive styles

   Goals:
   - Tablet:
     - Row 1: menu + logo
     - Row 2: search input field
   - Mobile:
     - Row 1: menu + logo
     - Row 2: search input field
     - Prevent menu from touching search input field
     - Keep logo visible
   ========================================================== */

/* ==========================================================
   Tablet and smaller
   Applies from 1024px down, including tablet and mobile.
   ========================================================== */

@media screen and (max-width: 1024px)
{
	:root
	{
		--sidenav-width: 240px;
	}

	button#backToTopBtn
	{
		right: 20px;
		bottom: 20px;
	}

	/* ------------------------------------------------------
       Force the actual Flare header row to wrap.
       Jenkins currently computes nowrap.
       ------------------------------------------------------ */

	.title-bar-layout.outer-row
	{
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
		row-gap: 8px;
	}

	.title-bar,
	.title-bar-container,
	.navigation-wrapper
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
		row-gap: 8px;
	}

	/* Row 1: menu */

	.menu-icon,
	.menu-icon-container,
	.title-bar-button,
	.title-bar-left
	{
		display: flex;
		flex: 0 0 auto;
		order: 1;
		align-items: center;
		box-sizing: border-box;
		margin-bottom: 0;
	}

	/* Row 1: logo */

	.logo-wrapper,
	.title-bar-logo,
	.title-bar-center
	{
		display: flex;
		flex: 1 1 auto;
		order: 2;
		align-items: center;
		min-width: 0;
		min-height: 32px;
		box-sizing: border-box;
		visibility: visible;
		opacity: 1;
	}

	.logo-wrapper a,
	.title-bar-logo a
	{
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.logo-wrapper img,
	.title-bar-logo img
	{
		display: block;
		max-width: 100%;
		max-height: 40px;
		width: auto;
		height: auto;
		visibility: visible;
		opacity: 1;
	}

	/* Row 2: search */

	.nav-search-wrapper,
	.search-bar-container,
	.search-bar,
	.title-bar-right
	{
		display: block;
		flex: 0 0 100%;
		order: 3;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin-top: 0;
		position: static;
		transform: none;
	}

	.search-bar .search-field,
	.search-field,
	input.search-field,
	.search-bar input
	{
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}

div#mc-main-content
{
	padding-right: 5mm;
}

/* ============================================================
   TABLET AND MOBILE

   At 1250px and below:
   - Use one column.
   - Display the topic-headings panel before the topic body.
   - Return the panel to normal document scrolling.
   - Force Flare header wrapping.
   ============================================================ */

@media only screen and (max-width: 1250px)
{
	.title-bar-layout.outer-row
	{
		display: flex !important;
		flex-wrap: wrap !important;
	}

	.nav-search-wrapper
	{
		flex: 0 0 100%;
		order: 3;
		width: 100%;
		max-width: 100%;
	}

	.topic-content-layout
	{
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "headings" "content";
		row-gap: 24px;
		column-gap: 0;
	}

	.topic-content-layout > .topic-headings-panel
	{
		position: static;
		width: 100%;
		min-width: 0;
		max-width: none;
		max-height: none;
		margin: 0;
		overflow-x: visible;
		overflow-y: visible;
	}
}

/* ==========================================================
   Mobile only
   Applies from 767px down.
   ========================================================== */

@media screen and (max-width: 767px)
{
	.resize-handle
	{
		display: none;
	}

	nav.sidenav-wrapper
	{
		min-width: 0;
	}

	table
	{
		display: block;
		overflow-x: auto;
		max-width: 100%;
		margin-left: 0;
	}

	div.codeSnippetScrollLeft,
	div.codeSnippetScrollRight
	{
		float: none;
		width: 100%;
	}

	h1
	{
		font-size: 1.3rem;
	}

	h2
	{
		font-size: 1.2rem;
	}

	h3
	{
		font-size: 1.05rem;
	}

	button#backToTopBtn
	{
		right: 12px;
		bottom: 12px;
		width: 96px;
		height: 32px;
		font-size: 13px;
	}

	.title-bar,
	.title-bar-layout,
	.title-bar-container,
	.navigation-wrapper
	{
		row-gap: 10px;
	}

	.logo-wrapper,
	.title-bar-logo,
	.title-bar-center
	{
		display: flex;
		flex: 1 1 auto;
		align-items: center;
		min-width: 0;
		min-height: 32px;
		visibility: visible;
		opacity: 1;
	}

	.logo-wrapper a,
	.title-bar-logo a
	{
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.logo-wrapper img,
	.title-bar-logo img
	{
		display: block;
		max-width: 100%;
		max-height: 32px;
		width: auto;
		height: auto;
		visibility: visible;
		opacity: 1;
	}

	.nav-search-wrapper,
	.search-bar-container,
	.search-bar,
	.title-bar-right
	{
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		margin-top: 0;
		box-sizing: border-box;
	}

	.search-bar .search-field,
	.search-field,
	input.search-field,
	.search-bar input
	{
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}