/*<meta />*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

@font-face 
{
	font-family: 'Poppins';
}

@font-face 
{
	font-family: 'Poppins';
	src: url(../Fonts/Poppins-Light.ttf);
}

@font-face 
{
	font-family: 'Montserrat Light';
	src: url(../Fonts/MONTSERRAT-LIGHT.TTF);
}

@font-face 
{
	font-family: 'Montserrat SemiBold';
	src: url(../Fonts/MONTSERRAT-SEMIBOLD.TTF);
}

@font-face 
{
	font-family: 'Montserrat Black';
	src: url(../Fonts/MONTSERRAT-BLACK.TTF);
}

@font-face 
{
	font-family: 'SF Mono';
	src: url(../Fonts/SFMonoRegular.otf);
}

:root
{
	--Brand1: #076685;
	--Brand2: #CDE0E7;
	--Black: #000000;
	--Dark: #45494c;
	--Medium: #b9bec1;
	--Light: #d0d3d5;
	--White: #ffffff;
}

body.light
{
	--text: Dark;
	--background: White;
}

body.dark
{
	--text: White;
	--background: Dark;
}

body
{
	background: White;
	font-family: 'Poppins', Arial, Avenir, Myriad;
	text-align: left;
}

.body-container
{
	padding-top: 2%;
	/* Set the width of the scrollbar to make it less visible */
	scrollbar-width: thin;
	/* Add a smooth transition for the scrollbar */
	transition: 0.5s;
}

.body-container::-webkit-scrollbar
{
	width: 10px;
	/* Set the width of the scrollbar for WebKit browsers (like Chrome and Safari) */
}

.body-container::-webkit-scrollbar-thumb
{
	background-color: #dfdfdf;
	/* Color of the scrollbar thumb */
	border-radius: 30px;
	/* Border radius to make it rounded */
}

.body-container::-webkit-scrollbar-thumb:hover
{
	background-color: #b8b8b8;
	/* Color of the scrollbar thumb on hover */
}

/* Backmatter */

div.GlossaryPageDefinition
{
	font-size: 11pt;
}

div.GlossaryPageHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

div.GlossaryPageTerm
{
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	text-transform: capitalize;
}

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|indexProxy
{
	border-top: none;
}

p.Index1
{
	font-size: 10pt;
	font-weight: bold;
}

p.Index2
{
	font-size: 10pt;
	font-weight: normal;
}

p.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

/* Content */

img
{
	border: none;
	max-width: 100%;
}

p
{
	font-size: 11.0pt;
	margin-top: 20px;
	margin-bottom: 20px;
	widows: 3;
	orphans: 3;
	font-family: 'Poppins';
	text-align: left;
	line-height: 18pt;
}

p.table-text
{
	font-size: 12pt;
	margin-top: 3px;
	margin-bottom: 8px;
}

/* Frontmatter */

hr.title-page
{
	border: solid 0px transparent;
	background-color: var(--Light);
	height: 1px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 370px;
}

MadCap|tocProxy
{
	border-top: none;
	margin-right: 0.25in;
	text-align: left;
}

p.created-using-flare
{
	color: var(--Dark);
	font-weight: bold;
	margin-top: 18px;
	font-size: 9pt;
	line-height: 15pt;
	text-transform: uppercase;
}

p.title
{
	font-size: 55pt;
	line-height: 65pt;
	margin-top: 30px;
	mc-hyphenate: never;
}

p.title-page-footer
{
	color: var(--Dark);
	font-size: 9pt;
	frame-break-before: always;
	line-height: 15pt;
	margin-top: 30px;
}

p.title-page-url
{
	color: var(--Dark);
	font-size: 9pt;
	line-height: 15pt;
}

p.TOC1
{
	color: var(--Dark);
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 15px;
	margin-top: 15px;
	page-break-after: avoid;
	font-size: 15pt;
}

p.TOC2
{
	color: var(--Dark);
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 13px;
	margin-top: 13px;
	margin-left: 10pt;
	font-size: 13pt;
}

p.TOC3
{
	color: var(--Dark);
	line-height: 21pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20pt;
	font-size: 12pt;
}

/* Headings */

h1
{
	font-style: italic;
	font-size: 22pt;
	/* Increase font size for better emphasis */
	padding-bottom: 8px;
	/* Decrease padding for better alignment */
	text-transform: uppercase;
	font-weight: 600;
	/* Use bold instead of 900 */
	color: #5460e3;
	font-family: 'Poppins';
	border-bottom: 1px solid #dadde1;
}

li.h1
{
	font-size: 16pt;
	/* Increase font size for better emphasis */
	font-weight: 600;
	color: #0000ff;
}

h2
{
	font-size: 16pt;
	/* Increase font size for better emphasis */
	font-weight: 500;
	color: #21262d;
	font-family: "Poppins";
	margin-top: 24pt;
	/* Increase margin-top for better hierarchy */
	margin-bottom: 8pt;
	/* Decrease margin-bottom for better spacing */
	border-bottom: 1px solid #dadde1;
}

li.h2
{
	font-size: 16pt;
	/* Keep font size consistent */
	font-style: italic;
	font-weight: 500;
	color: #0000ff;
}

h3
{
	font-size: 12pt;
	/* Increase font size for better emphasis */
	font-weight: 500;
	color: #21262d;
	font-family: "Poppins";
	margin-top: 18pt;
	/* Increase margin-top for better hierarchy */
	margin-bottom: 6pt;
	/* Decrease margin-bottom for better spacing */
	border-bottom: 1px solid #dadde1;
}

li.h3
{
	font-size: 12pt;
	/* Keep font size consistent */
	font-weight: normal;
}

h4
{
	font-size: 10pt;
	/* Increase font size for better emphasis */
	font-weight: 500;
	color: #21262d;
	font-family: "Poppins";
	margin-top: 16pt;
	/* Increase margin-top for better hierarchy */
	margin-bottom: 4pt;
	/* Decrease margin-bottom for better spacing */
	border-bottom: 1px solid #dadde1;
}

li.h4
{
	font-size: 10pt;
	/* Keep font size consistent */
	font-weight: 500;
}

h5
{
	font-size: 10pt;
	font-weight: 500;
	font-style: italic;
	color: #21262d;
	font-family: "Poppins";
	margin-top: 14pt;
	/* Increase margin-top for better hierarchy */
	margin-bottom: 4pt;
	/* Decrease margin-bottom for better spacing */
	border-bottom: 1px solid #dadde1;
}

li.h5
{
	font-size: 10pt;
	/* Decrease font size for better differentiation */
	font-weight: 500;
}

h6
{
	font-size: 10pt;
	/* Increase font size for better emphasis */
	font-weight: 500;
	color: #21262d;
	font-family: "Poppins";
	text-decoration: underline;
	margin-top: 12pt;
	/* Increase margin-top for better hierarchy */
	margin-bottom: 2pt;
	/* Decrease margin-bottom for better spacing */
	border-bottom: 1px solid #dadde1;
}

li.h6
{
	font-size: 10pt;
	/* Decrease font size for better differentiation */
	font-weight: 500;
}

/* 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-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);
	font-family: 'Poppins';
	font-size: 10pt;
	border-bottom-color: transparent;
}

/* Links */

a
{
	font-style: normal;
	text-decoration: none;
	color: #0645AD;
}

a:link	/*Color of hyperlinks*/
{
	color: #8157f0;
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
	color: #800080;
}

a:hover
{
	x-on-hover: fontchange(, underline=on);
	text-decoration: none;
}

.dropdown-content a:hover
{
	background-color: #ddd;
}

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

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

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

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

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #cc0000;
}

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: none;
	color: #8157f0;
}

MadCap|codeSnippet
{
	font-size: 9pt;
	background: #f5f5f5;
	background-color: #f5f5f5;
	border: solid 1px #DDD;
}

MadCap|codeSnippetBody
{
	color: #000000;
	MadCap|codeSnippetCopyButton: ;
	padding-right: 3px;
	background-repeat: no-repeat;
	width: 18px;
	float: right;
	height: 18px;
	mc-label: ' ';
	background-image: url('../Images/outline_content_copy_grey_18dp.png');
}

MadCap|codeSnippetCopyButton:hover
{
	background-image: url('../Images/outline_content_copy_black_18dp.png');
	mc-label: 'Copy';
}

/* Lists */

dd,
dd p,
dt,
dt p,
li,
li p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

dl,
ol,
ul
{
	letter-spacing: .25px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Page layout */

p.frame-footer-page-number
{
	color: var(--Medium);
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}

p.frame-footer-text
{
	color: var(--Medium);
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

/* Master page */

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

ul
{
	font-family: 'Poppins';
}

blockquote
{
	font-family: 'Poppins';
	font-style: italic;
}

li
{
	font-family: 'Poppins';
}

p.TOC4
{
	font-size: 11pt;
}

p.TOC5
{
	font-size: 9pt;
}

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

	div.back-to-top > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.back-to-top > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.back-to-top > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.back-to-top > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.back-to-top > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}
}

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

	div.back-to-top > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.back-to-top > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.back-to-top > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.back-to-top > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.back-to-top > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}
}

@media print
{
	body
	{
		font-size: 11pt;
		line-height: 13pt;
		margin: 8px;
	}

	/* Content */

	p
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}

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

	/* Headings */

	h1
	{
		font-size: 25pt;
		line-height: 27pt;
		margin-bottom: 20px;
	}

	h2
	{
		font-size: 21pt;
		font-weight: normal;
		line-height: 23pt;
		margin-bottom: 18px;
		margin-top: 40px;
	}

	h3
	{
		font-size: 15pt;
		font-weight: bold;
		line-height: 17pt;
		margin-bottom: 15px;
		margin-top: 40px;
	}

	/* Links */

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

table.MGX_Table_BDS_Attributes
{
	border-collapse: separate;
	border-spacing: 1px 1px;
	font-family: 'Poppins';
	font-style: italic;
	text-align: left;
	float: left;
	border-width: 1px;
	border-style: none;
	border-color: #000000;
	width: 100%;
}

table.MGX_Table_Domain_Concepts
{
	border-collapse: separate;
	border-spacing: 1px 1px;
	font-family: 'Poppins';
	font-style: italic;
	text-align: left;
	float: none;
	border-width: 1px;
	border-style: none;
	border-color: #000000;
	width: 100%;
	content: "";
}

table.noborder
{
	border-collapse: collapse;
}

ol.reltopics-list
{
	padding-left: var(--prefix-size);
	list-style: none;
	--prefix-size: 40px;
	--prefix-fixed-size: false;
	--prefix-gap: 4px;
	--list-indent: 36px;
	--vertical-spacing: 12px;
	counter-reset: item1;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Poppins';
}

ol.seealso-list
{
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

td.LastColumn
{
	font-size: 9pt;
	font-style: italic;
}

h2.RNVersion
{
	font-size: 16pt;
	/* Increase font size for better emphasis */
	font-weight: 500;
	color: #21262d;
	font-family: "Poppins";
	margin-top: 24pt;
	/* Increase margin-top for better hierarchy */
	margin-bottom: 8pt;
	/* Decrease margin-bottom for better spacing */
	border-bottom: 1px solid #dadde1;
}

p.Bullets
{
	margin-left: 4px;
	--autonumber: autonumber;
	position: relative;
	display: list-item;
	line-height: 1;
}

div.Tip
{
	--ifm-code-background: #f0f0f0;
	--ifm-link-color: #000;
	--ifm-link-hover-color: #000;
	--ifm-link-decoration: underline;
	--ifm-tabs-color: #000;
	--ifm-tabs-color-active: #000;
	--ifm-tabs-color-active-border: #000;
	background-color: #f0f0f0;
	border-color: #8157f0;
	border-style: solid;
	border-width: 0px;
	border-left-width: 5px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding: 10px 15px;
}

.Tip
{
	--ifm-code-background: #f0f0f0;
	--ifm-link-color: #000;
	--ifm-link-hover-color: #000;
	--ifm-link-decoration: underline;
	--ifm-tabs-color: #000;
	--ifm-tabs-color-active: #000;
	--ifm-tabs-color-active-border: #000;
	background-color: #f0f0f0;
	border-color: #8157f0;
	border-style: solid;
	border-width: 0px;
	border-left-width: 5px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding: 10px 15px;
}

.Tip p
{
	margin-top: 0pt;
	margin-left: 0pt;
	x-list-level: 1;
	margin-bottom: 5pt;
	mc-auto-number-position: none;
	display: list-item;
	list-style: image;
	list-style-position: inside;
	list-style-image: url('light-bulb-svgrepo-com.svg');
}

p.Tip
{
	margin-top: 10pt;
	margin-left: 0pt;
	x-list-level: 1;
	margin-bottom: 5pt;
	mc-auto-number-position: none;
	display: list-item;
	list-style: image;
	list-style-position: inside;
	list-style-image: url('light-bulb-svgrepo-com.svg');
}

.Tip > ul p
{
	/* Apply styles to <p> elements inside <ul> lists directly within .Tip */
	list-style-image: none;
	/* Remove the lightbulb */
}

.Tip > ul li p
{
	margin-bottom: 4.5pt;
	margin-top: 4.5pt;
	margin-left: 0px;
	list-style: none;
}

.Tip > ul
{
	margin-left: 15px;
}

rh-list.rl-p-Tip
{
	x-level-count: 1;
	x-lvl-1-format: "<x>";
	x-lvl-1-type: square;
}

span.rls-1-TipWithDiamond
{
	font-family: "Poppins";
	font-size: 12pt;
}

li.P-Tip
{
	
}

p.Subtitle
{
	margin-bottom: 9pt;
	margin-top: 22.5pt;
	font-weight: bold;
	font-style: italic;
	font-size: 12pt;
}

.Notes
{
	--ifm-code-background: #f0f0f0;
	--ifm-link-color: #000;
	--ifm-link-hover-color: #000;
	--ifm-link-decoration: underline;
	--ifm-tabs-color: #000;
	--ifm-tabs-color-active: #000;
	--ifm-tabs-color-active-border: #000;
	background-color: #f0f0f0;
	border-color: #8157f0;
	border-style: solid;
	border-width: 0px;
	border-left-width: 5px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding: 10px 15px;
}

p.Notes
{
	margin-top: 10pt;
	margin-left: 0pt;
	x-list-level: 1;
	margin-bottom: 5pt;
	mc-auto-number-position: none;
	display: list-item;
	list-style: image;
	list-style-position: inside;
	list-style-image: url('info-svgrepo-com.svg');
}

rh-list.rl-P-Notes
{
	x-level-count: 1;
	x-lvl-1-format: Note "<x>:";
	x-lvl-1-type: decimal;
}

code
{
	background-color: #f5f5f5;
	font-size: 85%;
	border-width: 1px;
	border-radius: 2px;
	border: solid 0px #DDD;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#BTTBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	width: 45px;
	border: none;
	outline: none;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	padding-block: 0px;
	padding-inline: 0px;
	background: transparent;
}

#BTTBtn:hover
{
	
}

.dropdown
{
	position: relative;
	display: inline-block;
}

.dropbtn
{
	padding: 10px;
	border: none;
	cursor: pointer;
	background: url('../Images/version.png') no-repeat center center;
	background-size: cover;
	width: 22px;
	/* Adjust the width and height according to your image size */
	height: 22px;
}

.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a
{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

/* Begin BUTTONS for Show/Hide ToC  */

button.toggle-toc-on-button .button-icon,
button.toggle-toc-off-button .button-icon
{
	background-size: 22px !important;
}

/* End BUTTONS for Show/Hide ToC  */
/* Custom styling for inline code tags */

code.code-inline
{
	font-family: Consolas, 'SF Mono';
	background-color: #f5f5f5;
	font-size: 85%;
	border-width: 1px;
	border-radius: 1px;
	border: solid 1px #DDD;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Custom styling for scrollbar of side nav and adding resizable side nav*/

.sidenav-wrapper
{
	/* ensure sidenav-wrapper comes before nav-border in sidenav-layout
flex row */
	order: 1;
	width: 20%;
	/* avoid horizontal scrolling on overflow */
	overflow-x: hidden;
	/* Set the width of the scrollbar to make it less visible */
	scrollbar-width: thin;
	/* Add a smooth transition for the scrollbar */
	transition: 0.5s;
}

.sidenav-wrapper::-webkit-scrollbar
{
	width: 7px;
	/* Set the width of the scrollbar for WebKit browsers (like Chrome and Safari) */
}

.sidenav-wrapper::-webkit-scrollbar-thumb
{
	background-color: #e1e1e175;
	/* Color of the scrollbar thumb */
	border-radius: 30px;
	/* Border radius to make it rounded */
}

.sidenav-wrapper::-webkit-scrollbar-thumb:hover
{
	background-color: #dddddd;
	/* Color of the scrollbar thumb on hover */
}

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

.body-container
{
	/* ensure body-container comes after nav-border in sidenav-layout
flex row */
	order: 3;
	padding-bottom: 10px;
	padding-left: 0em !important;
}

@media only screen and (max-width: 1279px)
{
	/* hide nav border when nav pane is not displayed */

	.nav-border
	{
		display: none;
	}
}

code.language-json
{
	background-color: transparent;
	font-size: 85%;
	border-width: 1px;
	border-radius: 2px;
	border: solid 0px #DDD;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

pre
{
	white-space: pre-wrap;
	/* Since CSS 2.1 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	word-wrap: break-word;
	/* Internet Explorer 5.5+ */
}

.buttons._Skins_Topic_Toolbar.mc-component
{
	position: sticky !important;
	top: 0;
	z-index: 100;
	background-color: #fff;
	border-radius: 3px;
	margin-top: -15px;
	padding-right: 0px;
	padding-top: 10px;
}

/*== Home Page Footer ==*/

div.home-footer
{
	color: #888;
	text-align: center;
	margin-top: 20px;
	bottom: 0px;
	position: absolute;
	width: 100%;
}

p.footer
{
	margin-top: auto;
	margin-bottom: 5px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

div.height-container
{
	padding-top: 0.1px;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 50px;
}

p.table
{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Add an entry for "separators" in the TOC. To use this style, select the item
   in the Flare TOC and pick "TOCSeparator" as the TOC Entry style. Note along 
   with this change we needed to add the TOCSeparator entry to the Flare skin */

ul.sidenav li.TOCSeparator1
{
	padding-top: 10px;
	border-bottom: none !important;
}

ul.sidenav li.TOCSeparator1 a
{
	font-weight: bold;
	font-size: 1.2em;
	/* Set the default cursor so it doesn't look like this is a link */
	cursor: default;
	background: transparent;
	border-bottom: none !important;
}

ul.sidenav li.TOCSeparator1:hover
{
	background-color: transparent !important;
}

ul.sidenav ul > li.TOCSeparator1 > a
{
	font-weight: bold;
	font-size: 1.2em;
	/* Set the default cursor so it doesn't look like this is a link */
	cursor: default;
	background: transparent;
	padding-left: 7px;
	border-bottom: none !important;
}

/*TOC Separator 2 -------------------------------------------------*/

ul.sidenav li.TOCSeparator2
{
	padding-top: 10px;
	border-bottom: none !important;
}

ul.sidenav li.TOCSeparator2 a
{
	font-weight: bold;
	font-size: 1em;
	/* Set the default cursor so it doesn't look like this is a link */
	cursor: default;
	background: transparent;
	border-bottom: none !important;
}

ul.sidenav li.TOCSeparator2:hover
{
	background-color: transparent !important;
}

ul.sidenav ul > li.TOCSeparator2 > a
{
	font-weight: bold;
	font-size: 1em;
	/* Set the default cursor so it doesn't look like this is a link */
	cursor: default;
	background: transparent;
	padding-left: 0em;
}

._Skins_HTML5___Side_Navigation___Hive ul.sidenav ul ul > li > a
{
	font-size: 14px;
	background: transparent;
	padding-left: 0em;
	cursor: pointer;
	font-weight: normal;
}

.menu._Skins_MenuComponent
{
	display: none;
	/* Hide the summary component by default */
}

@media screen and (max-width: 1279px)
{
	/* Apply styles only for screens with a maximum width of 1279px (mobile devices) */

	.menu._Skins_MenuComponent
	{
		display: block;
		/* Show the summary component on mobile devices */
	}
}

.right-sidebar
{
	line-height: 1.5;
	overflow: auto;
	width: 25rem;
	position: fixed;
	top: 70px;
	right: 16px;
	bottom: 60px;
	font-size: 90%;
	/* Adjust the font size here */
	margin-top: 40px;
}

.invisible-frame
{
	width: 100%;
	height: 100%;
	position: absolute;
	border: none;
	background-color: transparent;
	opacity: 0;
	z-index: -5;
}

.right-toc
{
	position: relative;
}

.right-toc ul
{
	padding: 0;
}

.right-toc ul > li::before
{
	content: none;
}

.right-toc li
{
	list-style: none;
	padding-right: 1em;
	margin: 0;
	position: unset;
	padding-bottom: 0.5em;
}

.right-toc .h1
{
	padding-left: 1em;
	font-size: 105%;
	/* Adjust the font size here */
}

.right-toc .h1:first-child
{
	font-weight: bold;
}

.right-toc .h1:first-child:after
{
	content: "";
	display: block;
	margin: 7px 0 4px;
	clear: both;
	border: 0;
	border-bottom: 1px solid rgb(169, 169, 169);
	overflow: hidden;
	background: transparent;
}

.right-toc .h2
{
	padding-left: 2em;
	font-size: 100%;
	/* Adjust the font size here */
}

.right-toc .h3
{
	padding-left: 3em;
	font-size: 95%;
	/* Adjust the font size here */
}

.right-toc .h4
{
	padding-left: 4em;
	font-size: 90%;
	/* Adjust the font size here */
}

.right-toc .h5
{
	padding-left: 5em;
	font-size: 85%;
	/* Adjust the font size here */
}

.right-toc .h6
{
	padding-left: 6em;
	font-size: 80%;
	/* Adjust the font size here */
}

.right-toc .h1 a
{
	font-size: 105%;
	/* Adjust the font size here */
}

.right-toc .h2 a
{
	font-weight: 700;
	font-size: 100%;
	/* Adjust the font size here */
}

.right-toc li a
{
	display: block;
	color: #696969;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 90%;
	font-weight: normal;
	/* Adjust the font size here */
}

.right-toc li a:link,
.right-toc li a:visited
{
	color: #554e4ec2;
}

.right-toc li.visible > a
{
	color: #292929;
	transform: translate(5px);
	font-weight: 600;
}

.toc-marker
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: visible;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-left: 1px solid rgb(169, 169, 169);
}

.toc-marker path
{
	transition: all 0.3s ease;
}

@media only screen and (max-width: 1279px)
{
	.right-sidebar
	{
		display: none;
	}

	.mc-main-content
	{
		padding-right: 5%;
	}

	.body-container
	{
		/* ensure body-container comes after nav-border in sidenav-layout
flex row */
		order: 3;
		padding-bottom: 10px;
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
}

@media only print
{
	.right-sidebar
	{
		display: none;
	}
}

@media only screen and (min-width: 1280px)
{
	#mc-main-content,
	.nocontent
	{
		max-width: calc(80vw + 18rem);
		margin-right: auto;
		padding-right: 15rem;
		margin-left: 2rem;
	}
}

.heading-anchor
{
	margin: 0 4px;
	text-decoration: none;
	opacity: 0;
	display: inline-block;
	background-image: url('https://svgshare.com/i/15mV.svg');
	/* Adapted from Font Awesome (https://fontawesome.com/license) */
	height: .6em;
	width: .6em;
	transition: opacity .3s ease-in-out;
}

h2:hover .heading-anchor,
h3:hover .heading-anchor,
h4:hover .heading-anchor,
h5:hover .heading-anchor,
h6:hover .heading-anchor
{
	opacity: .5;
}

span.heading-no-wrap
{
	white-space: nowrap;
}

@media print
{
	p.Tip
	{
		display: block;
	}

	p.Numbers
	{
		display: list-item;
	}
}

div.content
{
	width: 80%;
}

@media only screen and (max-width: 1279px)
{
	div.content
	{
		width: 100%;
	}
}

