/*<meta />*/

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

:root
{
	--Brand1: #0e374b;
	--Brand2: #CDE0E7;
	--Dark: #1D1F48;
	--Medium: #b9bec1;
	--Light: #d0d3d5;
	--White: #ffffff;
	/* Sana Commerce Link Color */
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/roboto-v50-latin-regular.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../Fonts/roboto-v50-latin-italic.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../Fonts/roboto-v50-latin-500.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('../Fonts/roboto-v50-latin-500italic.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	src: url('../Fonts/roboto-v50-latin-600.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 600;
	src: url('../Fonts/roboto-v50-latin-600italic.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../Fonts/roboto-v50-latin-700.woff2') format('woff2');
}

@font-face 
{
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('../Fonts/roboto-v50-latin-700italic.woff2') format('woff2');
}

html
{
	font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
}

body
{
	margin: 0;
	line-height: 1.6;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.body-container
{
	padding-left: 2%;
	padding-top: 3%;
	padding-right: 3%;
}

.body-container div[data-mc-content-body="True"]
{
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Content */

img
{
	max-width: 100%;
	/* Sana Commerce Image Border */
}

.MCPopupFullImage:focus
{
	outline: 0;
}

p
{
	font-size: 1rem;
	/* 16px — baseline for accessibility */
	line-height: 1.65;
	margin-bottom: 1rem;
}

p.table-text
{
	font-size: 12pt;
}

/* Headings */

h1
{
	font-size: 2.25rem;
	/* ~36px — ideal for documentation */
	font-weight: 700;
	/* Strong hierarchy */
	line-height: 1.25;
	color: #2f2f33;
}

h2
{
	font-size: 1.75rem;
	/* ~28px */
	font-weight: 600;
	line-height: 1.3;
	color: #3a3a3f;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	letter-spacing: -0.3px;
}

h3
{
	font-size: 1.4rem;
	/* ~22px */
	font-weight: 600;
	line-height: 1.35;
	color: #4a4c50;
	margin-top: 2rem;
	margin-bottom: 0.8rem;
}

h4
{
	font-size: 1.15rem;
	/* ~18px */
	font-weight: 600;
	line-height: 1.4;
	color: #4a4c50;
	margin-top: 1.6rem;
	margin-bottom: 0.6rem;
}

h5
{
	font-size: 1rem;
	/* 16px — same size as body, differentiated by weight */
	font-weight: 600;
	line-height: 1.45;
	color: #4a4c50;
	margin-top: 1.2rem;
	margin-bottom: 0.4rem;
	letter-spacing: 0;
}

h6
{
	font-size: 0.875rem;
	/* 14px — smallest heading, still accessible */
	font-weight: 600;
	line-height: 1.45;
	color: #4a4c50;
	margin-top: 1rem;
	margin-bottom: 0.3rem;
	letter-spacing: 0.02em;
}

/* Heading 1 separator (only the first h1 on a page) */

#mc-main-content h1
{
	font-size: 2.25rem;
	/* ~36px */
	font-weight: 700;
	line-height: 1.25;
	color: #2f2f33;
	margin: 0.5rem 0 1.2rem;
}

#mc-main-content h1::after,
#mc-main-content .heading-container::after
{
	content: none;
}

#mc-main-content > .heading-container:first-child
{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	margin: 3rem 0 1.2rem;
	padding-bottom: 0.6rem;
}

#mc-main-content > .heading-container:first-child::after
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e4e4e7;
}

#mc-main-content > .heading-container:first-child h1
{
	margin: 0;
}

#mc-main-content > h1:first-child
{
	position: relative;
	margin: 3rem 0 1.2rem;
	padding-bottom: 0.6rem;
}

#mc-main-content > h1:first-child::after
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e4e4e7;
}

#mc-main-content h1:not(:first-child)
{
	padding-bottom: 0;
}

/* Home page topic */

div.home-layout
{
	padding: 2% 5%;
}

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 1px var(--Light);
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--Brand2);
	padding: 2%;
}

div.home-tiles > div:nth-child(1)
{
	width: 48%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 48%;
	margin-left: 4%;
}

div.home-tiles-layout	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles-layout::before
{
	content: ' ';
	display: table;
}

div.home-tiles-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-tiles-layout > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.home-tiles-layout > div:nth-child(2)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.home-tiles-layout p
{
	line-height: 1.2;
}

div.quick-links	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.quick-links > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

div.topic-hero
{
	padding: 5%;
	/* background-image: url('../Images/homepage-banner.jpg'); */
	background-size: cover;
	background-attachment: scroll;
}

div.topic-hero h1
{
	color: var(--White);
	font-size: 48pt;
	text-align: center;
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: var(--Dark);
}

/* MadCap Flare Default Links

a
{
	color: var(--Brand1);
}

a:link
{
	color: var(--Brand1);
}

a:visited
{
	color: var(--Brand1);
} */

MadCap|dropDown
{
	border-bottom: 1px solid var(--Light);
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Images/Minus.png');
	mc-closed-image: url('../Images/Plus.png');
	padding: 10px 0;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--Dark);
	font-size: 20pt;
	font-weight: bold;
	border-bottom: none;
}

MadCap|expandingBody
{
	color: var(--Dark);
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--Brand1);
}

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--Brand1);
}

/* Lists */

ol,
ul
{
	line-height: 20pt;
}

/* Master page */

.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: var(--White);
}

.footer-sub
{
	color: var(--White);
	font-size: 14pt;
	margin-top: 14px;
}

MadCap|equation
{
	border: none 0px #000000;
}

MadCap|popupBody
{
	background-color: #D72344;
	color: #ffffff;
	border-bottom-color: #D72344;
}

@media only screen and (max-width: 1279px)
{
	/* Home page topic */

	div.home-tiles > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.home-tiles-layout > div:nth-child(1)
	{
		width: 40%;
		margin-left: 30%;
	}

	div.home-tiles-layout > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px)
{
	/* Home page topic */

	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}

	div.home-tiles-layout p
	{
		line-height: 1.2;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}
}

@media print
{
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}
}

/* Sana Commerce Links */

.body-container a:link
{
	color: #2C6AA7;
	font-weight: bold;
}

.body-container a:visited
{
	color: #2C6AA7;
}

.body-container a:not(.dropDownHotspot):not(.expandingHead):not(.codeSnippetCopyButton):not(.video-button):hover
{
	background: #2C6AA7;
	color: #fff;
	text-decoration: none;
}

.footer a:hover
{
	background: none !important;
}

#resultList h3.title a:hover
{
	background: none;
	color: #2C6AA7;
}

#pagination a:hover
{
	background: #2C6AA7;
	color: #fff;
	text-decoration: none;
	transition: background-size .2s;
}

ul.sidenav li a:hover
{
	color: #2C6AA7;
}

.sana-table-of-contents a:hover
{
	background: none !important;
	color: #1D1F48 !important;
	padding: 0 0 0 10px !important;
}

#resultList h3.title a:hover
{
	background: none;
	padding: 0;
}

.body-container a:not(.dropDownHotspot):not(.expandingHead):not(.codeSnippetCopyButton):not(.video-button)
{
	padding: 2px;
}

.footer a
{
	margin: 0 8px;
	display: inline-block;
}

.sidenav-container a:hover,
ul.off-canvas-list li a:hover
{
	background: none;
	transition: none;
}

.feedback-btn button
{
	cursor: pointer;
	width: 70px;
}

#pagination
{
	margin-top: 40px;
	display: contents !important;
}

.xref
{
	color: #2C6AA7;
}

/* Sana Commerce Search Results Links */

#resultList h3
{
	border-left: none;
	padding-left: 0px;
}

#pagination a
{
	display: inline-block;
	text-align: center;
	border-radius: 2px;
}

#pagination a#selected
{
	border: none;
	background-color: #1D486F;
	color: #fff;
}

/* Sana Commerce Left Navigation Font and Highlighting */

.sidenav-wrapper
{
	box-shadow: 0 1px 6px rgba(0,0,0,.25);
}

ul.sidenav li a
{
	background-size: 4px 4px;
	font-weight: 400;
}

/* Sana Commerce Note */

div.note
{
	background-color: #ffefef;
	background-image: url('../Images/icons/note-icon.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 10px #b80600;
	line-height: 26px;
	mc-auto-number-format: '{b}NOTE {/b}';
	overflow: hidden;
	padding: 15px 60px;
}

/* Sana Commerce Video Button */

.body-container a.video-button
{
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	line-height: 20px;
	color: #b80600;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	padding: initial;
	background: none;
}

.body-container a.video-button:hover:before
{
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 10px rgba(255,0,0,1);
}

.body-container a.video-button:before
{
	content: '';
	width: 50px;
	height: 50px;
	line-height: 38px;
	font-size: 0;
	border: 6px solid #b80600;
	border-radius: 50%;
	/*	background-color: rgba(255,239,239,1);*/
	padding-left: 6px;
	margin: 0 10px 0 0;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.body-container a.video-button:after
{
	content: '';
	position: absolute;
	top: 15px;
	left: 17px;
	display: flex;
	align-items: center;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #b80600;
}

/* Sana Commerce: remove the white dot near the Sana Logo in the header */

.invisible-label
{
	display: none;
}

/* Sana Commerce: fix for images opened in a pop-up */

img.LargeImageThumbnail
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: auto;
}

.MCPopupThumbnailLink
{
	padding: 2px;
}

/* Sana Commerce Scroll To Top Button */

#ScrollTopBtn
{
	display: none;
	width: 60px;
	height: 50px;
	position: fixed;
	bottom: 150px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-color: #2f2f33;
	background-position: center;
	background-repeat: no-repeat;
}

#ScrollTopBtn::after
{
	content: "";
	position: absolute;
	left: 20px;
	z-index: 11;
	display: block;
	width: 20px;
	height: 20px;
	border-top: 7px solid #fff;
	border-left: 7px solid #fff;
	top: 18px;
	transform: rotate(45deg);
}

#ScrollTopBtn:hover
{
	background-color: #1f74be;
}

/* Sana Commerce Footer */

.footer-icons,
.footer-copyright
{
	display: table-cell;
	vertical-align: middle;
}

.footer-icons
{
	text-align: right;
}

.home-footer
{
	position: relative;
	margin: auto -3.19% 0 -2.1% !important;
	padding: 1.8% 3%;
	background-color: #2f2f33;
	width: auto !important;
}

div > p > a
{
	padding: 2px;
}

/* Sana Commerce: Dropdown Text Header Background Fix */

.dropDownHotspot:link
{
	background: none;
	background-repeat: no-repeat;
	color: #2C6AA7;
}

/* Sana Commerce Expanding Text Header and Body */

.expandingHead:link
{
	font-style: normal;
	background: none;
	background-repeat: no-repeat;
	color: #2C6AA7;
	font-weight: bold;
}

.expandingBody
{
	font-style: normal;
}

/* Sana Commerce Feedback */

#feedback-survey
{
	margin-top: 25px;
	margin-bottom: 50px;
}

.yes:hover,
.yes:focus
{
	box-shadow: inset 0 0 0 2em var(--hover);
}

.no:hover,
.no:focus
{
	box-shadow: inset 0 0 0 2em var(--hover);
}

.yes
{
	--color: #28a745;
	--hover: #28a747;
}

.no
{
	--color: #990e13;
	--hover: #990e11;
}

.feedback-answer
{
	font-weight: bold;
	font-size: 18.0pt;
}

button
{
	color: var(--color);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

button:hover,
button:focus
{
	border-color: var(--hover);
	color: #fff;
}

button
{
	background: none;
	border: 2px solid;
	font: inherit;
	line-height: 1;
	margin: 0.5em;
	padding: 0.4em 0.2em;
}

.feedback-reason
{
	display: none;
	--hover: none;
	line-height: 2em;
}

.feedback-question i:hover,
.feedback-question i:focus,
.feedback-question i:active
{
	cursor: pointer;
}

.feedback-question
{
	font-size: 1em;
	font-weight: 600;
	line-height: 2em;
}

#option1,
#option2,
#option3
{
	--hover: none;
}

/* Youtube embed video */

.videoPlayerCnt
{
	opacity: 0;
	height: 100vh;
	width: 100vw;
	position: fixed;
	padding: 0 15vw;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
	box-sizing: border-box;
	transition: opacity 0.2s;
}

.videoPlayerBg
{
	background: #fff;
	opacity: .8;
	height: 100vh;
	width: 100vw;
	position: absolute;
	left: 0;
	top: 0;
}

.videoPlayerWrapper
{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.videoPlayerClose
{
	position: relative;
	width: 30px;
	height: 30px;
	top: 30px;
	margin-left: 101%;
	cursor: pointer;
	background: url('../Images/icon-close-popup.png') center center no-repeat;
}

.videoPlayer
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.videoPlayer iframe,
.videoPlayer object,
.videoPlayer embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.disable-scroll
{
	overflow: hidden;
}

.with-table-of-contents.exist
{
	display: flex;
	position: relative;
	min-height: fit-content;
}

.with-table-of-contents.exist > *:first-child
{
	flex-shrink: 0;
	width: calc(100% - 240px);
	min-height: fit-content;
}

.with-table-of-contents.exist .sana-table-of-contents-wrapper
{
	width: 220px;
	position: fixed;
	left: calc(100% - 260px);
}

.sana-table-of-contents
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.sana-table-of-contents li
{
	line-height: normal;
	padding: 5px 0;
}

.sana-table-of-contents a
{
	display: inline-block;
	color: #2f2f33 !important;
	font-weight: 400 !important;
	text-decoration: none;
	padding: 0 0 0 10px !important;
	border-left: 2px solid transparent;
}

.sana-table-of-contents a.active
{
	border-left: 2px solid #D72344;
}

.sana-table-of-contents-wrapper h3
{
	padding-left: 12px;
	border-left: none;
}

.MCPopupThumbnailLink
{
	display: inline-block;
}

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

.MCPopupThumbnailLink:hover
{
	background: none !important;
}

input:focus,
textarea:focus,
select:focus,
*[role=button]
{
	outline: none;
}

.off-canvas-content
{
	transition: transform 0.5s ease-in-out;
}

.off-canvas,
.off-canvas-wrapper-inner
{
	transition: 0.2s ease-in-out;
}

.codeSnippetCopyButton
{
	font-size: 16px;
}

.MCBreadcrumbsPrefix
{
	margin-right: 5px;
}

.MCBreadcrumbsDivider
{
	margin: 0 3px;
}

#mc-main-content img:not(.MCPopupFullImage):not(.MCDropDown_Image_Icon):not(.MCExpanding_Image_Icon)
{
	border: solid 2px #dcdcdc;
}

.sticky.is-stuck
{
	position: relative;
}

.search-bar .search-field
{
	line-height: 3em;
}

.toc-content:before
{
	content: "";
	display: block;
	height: 20px;
}

.toc-content h2:first-child
{
	margin: 0;
}

.toc-content p:last-child
{
	margin-bottom: 0;
}

.toc-content h2 + *
{
	margin-top: 20px;
}

@media only screen and (max-width: 1279px)
{
	.off-canvas-wrapper-inner.is-open-left
	{
		right: auto;
	}

	nav.title-bar .menu-icon
	{
		margin: 0;
	}

	.title-bar-layout a.logo
	{
		margin: auto;
	}

	.js-off-canvas-exit
	{
		display: block;
		height: 0;
		width: 0;
		box-shadow: none;
		background: #fff;
		opacity: 0;
		transition: .2s opacity ease-in-out;
	}

	.is-visible
	{
		opacity: 0.8;
		width: 100%;
		height: 100%;
	}

	.off-canvas.position-left
	{
		box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
	}

	ul.off-canvas-list li a
	{
		padding: 0.4em 2em 0.4em 0.4em;
	}
}

@media only screen and (min-width: 768px)
{
	.home-footer
	{
		display: table;
		width: 106.58%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px)
{
	.sidenav-layout
	{
		display: flex;
		max-height: 100vh;
	}

	.body-container
	{
		overflow: auto;
	}

	.off-canvas-wrapper-inner .outer-row
	{
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px)
{
	.off-canvas.position-left
	{
		background-color: #fff;
	}

	.title-bar-layout a.logo
	{
		background-size: contain;
		width: calc(100% - 80px);
	}

	.with-table-of-contents.exist > *:first-child
	{
		width: 100%;
	}

	.with-table-of-contents.exist .sana-table-of-contents-wrapper
	{
		display: none;
	}

	#ScrollTopBtn
	{
		display: none !important;
	}

	.home-footer
	{
		display: flex;
		padding-top: 20px;
		padding-bottom: 20px;
		flex-direction: column-reverse;
		align-items: center;
	}

	.footer-copyright
	{
		padding-top: 0;
		margin-top: 10px;
	}
}

/* Next and previous topic buttons */

.next-topic-button,
.previous-topic-button
{
	background-color: #1D1F48 !important;
}

.next-topic-button:hover,
.previous-topic-button:hover
{
	background-color: #2C6AA7 !important;
}

.button-group-container-left
{
	float: right;
	margin-right: 10px;
}

/* Sana Roadmaps iFrame */

.full-page-iframe
{
	position: fixed;
	z-index: 1;
	top: 137px;
	left: 0;
	width: 100%;
	height: calc(100% - 137px);
}

@media only screen and (min-width: 1279px)
{
	.home-footer
	{
		width: auto !important;
		margin: auto -4% 0 -2.6% !important;
	}

	.full-page-iframe
	{
		position: fixed;
		z-index: 1;
		top: 98px;
		left: 20%;
		width: 80%;
		height: calc(100% - 98px);
	}
}

/* Sana Digest Sign Up Form */

.mktoForm .mktoRequiredField label.mktoLabel
{
	width: 150px !important;
}

.mktoForm button.mktoButton
{
	background: #FFDA00;
	color: black;
	border-radius: 28px;
	padding: 15px 15px;
	width: 150px;
	border: 2px solid #FFDA00;
	font-weight: 500;
	margin: 10px !important;
}

.mktoForm button.mktoButton:hover
{
	background-color: #FFF4B3;
}

/* Sana LTS Releases Tag */

.lts-release-tag
{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 12px;
	font-size: 12.0pt;
	font-weight: bold;
	text-align: center;
	color: #1d1f48;
	background-color: #ffda00;
	border: 2px solid transparent;
}

/* Sana Micro Content Fix */

.micro-content
{
	overflow-y: inherit;
}

/* Sana Feature Availability and Pricing */

.feature-availability
{
	width: 350px;
	border: 1px solid #ccc;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border-radius: 10px;
}

.toggle-header
{
	background-color: #FFDA00;
	color: black;
	padding: 15px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.toggle-header:hover
{
	background-color: #1f2833;
	color: white;
}

.icon
{
	font-size: 1.5em;
	line-height: 1;
	transition: transform 0.3s ease-in-out;
}

.icon.collapsed
{
	transform: rotate(90deg);
}

.plans
{
	display: none;
	justify-content: space-around;
	padding: 10px;
	transition: max-height 0.3s ease-out;
}

.plans.show
{
	display: flex;
}

.toggle-header.expanded
{
	border-bottom: 1px solid #ccc;
}

.plan
{
	text-align: center;
	font-size: 0.9em;
	padding: 10px;
	width: 120px;
}

.plan-name
{
	font-weight: bold;
	margin-bottom: 5px;
}

.availability,
.pricing
{
	margin-top: 5px;
	padding: 5px 10px;
	border-radius: 15px;
	font-weight: bold;
	color: #fff;
}

.status-available
{
	background-color: #007F0E;
}

.status-unavailable
{
	background-color: #D72344;
}

.status-free
{
	background-color: #6BBF70;
}

.status-paid
{
	background-color: #D96E7F;
}

/* Button to copy alias URL on topic pages next to topic title */

.heading-container
{
	display: flex;
	align-items: center;
}

.heading-container + h1
{
	display: block;
	margin: 0;
}

.copy-button
{
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	display: inline-flex;
	align-items: center;
	color: #1D486F;
	transition: color 0.2s ease;
	position: relative;
	width: auto;
}

.copy-button:hover
{
	color: #3A8DDE;
}

.copy-button:active
{
	transform: scale(0.98);
}

.copy-button.copied
{
	color: #37a600 !important;
}

.copy-icon,
.check-icon
{
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.check-icon
{
	display: none;
}

.copy-button.copied .copy-icon
{
	display: none;
}

.copy-button.copied .check-icon
{
	display: block;
}

.copy-button-tooltip
{
	position: absolute;
	bottom: 120%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333;
	color: white;
	padding: 6px 8px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	pointer-events: none;
	z-index: 1000;
}

.copy-button-tooltip::after
{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: #333;
}

.copy-button:hover .copy-button-tooltip
{
	opacity: 1;
	visibility: visible;
}

/* Sana badges and tooltips for Sana and ERP feature compatibility, pricing, and availability in different Sana plans */

.sana-badges-container
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
	align-items: flex-start;
}

.sana-badge
{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
	white-space: nowrap;
	user-select: none;
	min-height: 32px;
	box-sizing: border-box;
	border: none;
	color: white;
	font-family: inherit;
}

/*.sana-badge:focus {
	outline: 2px solid #2563eb !important;
	outline-offset: 2px !important;
}*/

.sana-badge--erp
{
	background: #1D486F;
}

.sana-badge--erp:hover,
.sana-badge--erp:focus
{
	background: #1f74be;
	transform: translateY(-1px);
}

.sana-badge--version
{
	background: #d72344;
}

.sana-badge--version:hover,
.sana-badge--version:focus
{
	background: #e74c3c;
	transform: translateY(-1px);
}

.sana-badge--pricing
{
	background: #ffda00 !important;
	color: #1d1f48 !important;
}

.sana-badge--pricing:hover,
.sana-badge--pricing:focus
{
	background: #ffe75a !important;
	transform: translateY(-1px);
}

.sana-badge__icon
{
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.sana-tooltip
{
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 12px;
	background: #2f2f33;
	color: white;
	padding: 16px;
	border-radius: 8px;
	font-size: 13px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.3);
	z-index: 999999;
	width: max-content;
	max-width: 400px;
	white-space: normal;
	line-height: 1.5;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	pointer-events: none;
	font-family: inherit;
	text-align: left;
}

.sana-tooltip::before
{
	content: '';
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translateY(-50%);
	border: 8px solid transparent;
	border-right-color: #1f2937;
}

/* Active state (clicked/pinned) */

.sana-badge.sana-badge--active .sana-tooltip
{
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(8px);
}

.sana-badge.sana-badge--active
{
	z-index: 999999;
}

/* Hover state only when no badge is active */

.sana-badges-container:not(:has(.sana-badge--active)) .sana-badge:hover .sana-tooltip
{
	opacity: 1;
	visibility: visible;
}

.sana-badges-container:not(:has(.sana-badge--active)) .sana-badge:hover
{
	z-index: 999999;
}

.sana-tooltip__status--available
{
	color: #10b981;
	font-weight: 500;
}

.sana-tooltip__status--unavailable
{
	color: #ef4444;
	font-weight: 500;
}

.sana-tooltip__status--partial
{
	color: #ffda00;
	font-weight: 500;
}

.sana-tooltip ul
{
	margin: 8px 0 0 0;
	padding-left: 20px;
}

.sana-tooltip li
{
	margin: 4px 0;
	padding-left: 0;
}

.sana-tooltip__erp-name
{
	color: #60a5fa;
	font-weight: bold;
}

.sana-tooltip__connector-version
{
	font-weight: normal;
}

.sana-tooltip__note
{
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 12px;
	color: #ffda00;
	font-style: italic;
}

.sana-tooltip__title
{
	margin: 0 0 0.5rem 0;
	font-weight: bold;
}

.sana-tooltip__columns
{
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

.sana-tooltip__column
{
	flex: 1;
}

.sana-tooltip__column:first-child
{
	border-right: 1px solid #ccc;
	padding-right: 1rem;
}

.sana-tooltip__column:last-child
{
	padding-left: 1rem;
}

/* Mobile Responsive */

@media (max-width: 640px)
{
	.sana-badges-container
	{
		flex-direction: column;
		align-items: stretch;
	}

	.sana-badge
	{
		justify-content: center;
		width: 100%;
		-webkit-tap-highlight-color: transparent;
	}

	.sana-tooltip
	{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		max-width: calc(100vw - 32px);
		min-width: 280px;
		z-index: 2147483647;
	}

	.sana-tooltip::before
	{
		display: none;
	}

	.sana-badge:hover .sana-tooltip,
	.sana-badge:focus .sana-tooltip
	{
		transform: translate(-50%, -50%);
	}

	/* Mobile backdrop - only for active badges */

	.sana-badge.sana-badge--active::after
	{
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 2147483646;
	}

	.sana-badge.sana-badge--active .sana-tooltip
	{
		z-index: 2147483647;
		transform: translate(-50%, -50%);
	}
}

/* Sana Commerce Notes and Info Boxes*/

.info-box
{
	border-radius: 12px;
	padding: 16px 20px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	max-width: 100%;
	color: #1d1f48;
	font-size: 15px;
	line-height: 1.6;
}

.info-box-header
{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.info-box-icon
{
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.info-box-icon svg
{
	width: 100%;
	height: 100%;
	display: block;
}

/* ===== NOTE ===== */

.info-box[data-type="note"]
{
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	border-left: 8px solid #d72344;
}

.info-box[data-type="note"] .info-box-icon svg
{
	fill: #d72344;
}

.info-box[data-type="note"] .info-box-header::after
{
	content: "NOTE";
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #d72344;
}

/* ===== FEATURE UPDATE ===== */

.info-box[data-type="update"]
{
	background-color: #f0f8ff;
	border: 1px solid #bde3ff;
	border-left: 8px solid #1D486F;
}

.info-box[data-type="update"] .info-box-icon svg
{
	fill: #1D486F;
}

.info-box[data-type="update"] .info-box-header::after
{
	content: "FEATURE UPDATE";
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #1D486F;
}

/* ===== TIP ===== */

.info-box[data-type="tip"]
{
	background-color: #fffbf0;
	border: 1px solid #fff2cc;
	border-left: 8px solid #ffda00;
}

.info-box[data-type="tip"] .info-box-icon svg
{
	fill: #BFA300;
}

.info-box[data-type="tip"] .info-box-header::after
{
	content: "TIP";
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #BFA300;
}

/* ===== Shared content styling ===== */

.info-box-content
{
	margin: 0;
}

/* ===== Responsive breakpoints ===== */

@media (max-width: 768px)
{
	.info-box
	{
		padding: 0.875rem 1rem;
		font-size: 0.875rem;
		margin: 1rem 0;
	}

	.info-box-icon
	{
		width: 1.375rem;
		height: 1.375rem;
	}

	.info-box-header::after
	{
		font-size: 0.75rem;
	}
}

@media (max-width: 480px)
{
	.info-box
	{
		padding: 0.75rem 0.875rem;
		font-size: 0.8125rem;
		border-left-width: 6px;
	}

	.info-box-icon
	{
		width: 1.25rem;
		height: 1.25rem;
	}

	.info-box-header
	{
		gap: 0.5rem;
	}
}

/* ===== Print styling ===== */

@media print
{
	.info-box[data-type="note"]
	{
		border: 2px solid #d72344;
		box-shadow: none;
		page-break-inside: avoid;
	}

	.info-box[data-type="update"]
	{
		border: 2px solid #3a8dde;
		box-shadow: none;
		page-break-inside: avoid;
	}

	.info-box[data-type="tip"]
	{
		border: 2px solid #e0b800;
		box-shadow: none;
		page-break-inside: avoid;
	}
}

/*<meta sourceDocument="C:\Users\o.halych.ISM-ECOMPANY\OneDrive - ISM eGroup\Desktop\Products-and Customers-Synchronization\Materials-and-Customers-Synchronization-SAP-ECC.docx" />*/
/*<meta sourceDocument="C:\Users\o.halych.ISM-ECOMPANY\OneDrive - ISM eGroup\Desktop\Products-and Customers-Synchronization\Materials-and-Customers-Synchronization-SAP-S4HANA.docx" />*/
/*<meta sourceDocument="C:\Users\o.halych.ISM-ECOMPANY\OneDrive - ISM eGroup\Desktop\Products-and Customers-Synchronization\Items-and-Customers-Synchronization-SAPB1.docx" />*/