/*<meta />*/

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

body
{
	color: #182230;
	mc-hyphenate: never;
	font-family: "Inter", sans-serif;
}

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

/* Content */

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

img.Popup128
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 128px;
	mc-thumbnail-max-width: auto;
	display: block;
	max-width: 6in;
	height: auto;
	object-fit: contain;
	border: 2px solid #1b1464;
	padding: 3px;
	vertical-align: middle;
	cursor: zoom-in;
	/* Optional niceties */
	border-radius: 6px;
	/* rounded corners */
	box-shadow: 0 1px 4px rgba(0,0,0,.18);
	/* soft shadow */
}

img.Icon
{
	max-width: .24in;
	page-break-before: avoid;
}

p
{
	font-size: 12.0pt;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25px;
	margin: 8px 0px 8px 0px;
	margin-bottom: 8px;
	margin-top: 8px;
}

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

span.ui
{
	font-weight: bold;
}

span.emphasis
{
	font-style: italic;
}

p.Code
{
	font-family: 'Courier New', monospace;
	margin: 0;
	mc-language: none;
	white-space: pre-wrap;
}

p.note
{
	background-image: url('../Images/Project-assets/icon-note.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 15px 10px 10px 50px;
	border-left: solid 5px #1D4ED8;
	line-height: 18px;
	overflow: hidden;
	background-color: #E8EDFB;
}

div.note
{
	border: None;
	background-image: url('../Images/Project-assets/icon-note.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 5px 10px 10px 50px;
	border-left: solid 5px #1D4ED8;
	background-color: #E8EDFB;
}

p.warning
{
	background-image: url('../Images/Project-assets/icon-warning.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 15px 10px 10px 50px;
	border-left: solid 5px #B91C1C;
	line-height: 18px;
	overflow: hidden;
	background-color: #F8E8E8;
}

div.warning
{
	border: None;
	background-image: url('../Images/Project-assets/icon-warning.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	border-left: solid 5px #B91C1C;
	background-color: #F8E8E8;
	padding: 5px 10px 10px 50px;
}

p.tip
{
	background-image: url('../Images/Project-assets/icon-idea.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 15px 10px 10px 50px;
	border-left: solid 5px #DC9512;
	line-height: 18px;
	overflow: hidden;
	background-color: #FBF4E7;
}

div.tip
{
	border: None;
	background-image: url('../Images/Project-assets/icon-idea.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 5px 10px 10px 50px;
	border-left: solid 5px #DC9512;
	background-color: #FBF4E7;
}

p.example
{
	background-image: url('../Images/Project-assets/icon-check.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 15px 10px 10px 50px;
	border-left: solid 5px #166534;
	line-height: 18px;
	overflow: hidden;
	background-color: #F0FDF4;
}

div.example
{
	border: None;
	background-image: url('../Images/Project-assets/icon-check.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 5px 10px 10px 50px;
	border-left: solid 5px #166534;
	background-color: #F0FDF4;
}

p.info
{
	background-image: url('../Images/Project-assets/icon-info.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 15px 10px 10px 50px;
	border-left: solid 5px #2d2d3f;
	line-height: 18px;
	overflow: hidden;
	background-color: #F0F1F3;
}

div.info
{
	border: None;
	background-image: url('../Images/Project-assets/icon-info.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 20px 10px 20px 0px;
	padding: 5px 10px 10px 50px;
	background-color: #F0F1F3;
	border-left: solid 5px #2d2d3f;
}

/* Headings */

h1
{
	font-weight: bold;
	font-size: 24.0pt;
	color: #1b1464;
	font-family: 'Exo 2';
	margin-bottom: 1.5em;
}

h2
{
	font-weight: bold;
	font-size: 18.0pt;
	font-family: 'Exo 2';
	color: #1b1464;
	margin-top: 2em;
}

h3
{
	font-weight: bold;
	font-size: 14.0pt;
	color: #1b1464;
	font-family: 'Exo 2';
	margin-top: 1.5em;
}

h4
{
	font-weight: bold;
	font-size: 12.0pt;
	color: #1b1464;
	font-family: 'Exo 2';
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
	color: #1b1464;
	font-family: 'Exo 2';
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
}

/* Home page topic */

div.home-layout
{
	padding: 2% 5%;
	background-color: #FFFFFF;
}

div.home-section
{
	padding: 3% 150px;
	border-bottom: solid 2px #f1f1f4;
}

div.home-section h1
{
	color: #1b1464;
	font-size: 20pt;
	text-align: left;
}

p.home-text
{
	font-family: 'Exo 2';
}

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: #f1f1f4;
	padding: 2%;
	color: #182230;
}

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/Project-assets/FF-Dot-BG.png');
	background-size: cover;
	background-attachment: scroll;
	border-radius: 12px;
	margin-left: 60px !important;
	margin-right: 60px !important;
}

div.topic-hero h1
{
	color: #f1f1f4;
	font-size: 26pt;
	text-align: center;
	font-weight: normal;
}

div.footer	/*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.footer::before
{
	content: ' ';
	display: table;
}

div.footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

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

div.footer > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.footer > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

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: #1b1464;
	font-family: 'Exo 2';
}

.breadcrumb-wrapper
{
	display: flex;
	align-items: baseline;
	gap: 4px;
	flex-wrap: wrap;
	font-size: 9pt;
}

.breadcrumb-label
{
	font-family: 'Exo 2';
	font-weight: normal;
	color: #1b1464;
	margin-right: 5px;
}

.breadcrumb-wrapper a
{
	text-decoration: none;
	color: #1b1464;
}

.breadcrumb-wrapper,
.breadcrumb-wrapper *
{
	vertical-align: baseline;
}

.MCBreadcrumbsPrefix
{
	display: none !important;
}

.breadcrumb-home
{
	font-family: 'Exo 2';
	font-size: 9pt;
}

.heading-with-image
{
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 20px;
	font-size: 10pt !important;
}

.subheading-text
{
	margin-top: 8px;
	padding-left: 105px;
	font-size: 12pt;
	font-family: 'Exo 2';
}

.heading-icon
{
	width: 48px;
	height: 48px;
	object-fit: contain;
}

/* Links */

a
{
	color: #1b1464;
}

a:link
{
	color: #1b1464;
}

a:visited
{
	color: #1b1464;
}

a:hover
{
	color: #4E05C2;
}

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

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

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #1b1464;
	font-size: 12pt;
	font-weight: bold;
	border-bottom: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

MadCap|expandingBody
{
	color: #1b1464;
	font-style: italic;
}

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

MadCap|xref
{
	font-weight: normal;
	mc-format: '{para}';
	text-decoration: underline;
	color: #0000EE;
}

/* Lists */

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

ol
{
	line-height: 12pt;
	color: #333;
	page-break-inside: avoid;
	margin-top: 1rem;
	margin-bottom: 1rem;
	list-style-type: decimal;
}

dl,
ul
{
	letter-spacing: .25px;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: disc;
}

/* Master page */

div.home-footer
{
	background-color: #ffffff;
	padding: 2% 5%;
}

.home-footer-logo
{
	background-image: url('../Images/Project-assets/tm-logo-prod-doc.png');
	background-repeat: no-repeat;
	background-position: right center;
	width: 400px;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #7476a4;
	font-family: 'Exo 2';
}

p.footer-sub
{
	color: #7476a4;
	font-size: 9pt;
	margin-top: 14px;
	font-family: 'Exo 2';
}

.home-footer p.footer
{
	font-size: 0.75em;
	font-family: 'Exo 2';
}

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

	.home-footer-logo
	{
		padding: 20px;
		background-origin: content-box;
		background-size: contain;
	}
}

@media print
{
	/* Links */

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

/* Landing page tiles */

.tiles-container
{
	display: grid;
	flex-wrap: wrap;
	gap: 20px;
	padding: 10px;
	grid-template-columns: repeat(3, 1fr);
}

.tile
{
	background-color: #f1f1f4;
	color: white;
	text-align: center;
	padding: 20px 10px;
	font-weight: normal;
	border-radius: 8px;
	text-decoration: none;
	transition: background-color 0.3s ease;
	display: flex;
	min-height: 120px;
	overflow: hidden;
	position: relative;
	align-items: center;
	justify-content: flex-start;
}

.tile:hover
{
	background-color: #E9E9FA;
	box-shadow: 0 3.5px 7px rgba(0,0,0,0.05), 0 2.5px 2.5px rgba(0,0,0,0.05);
	transform: scale(1.01);
}

.tile:hover .tile-badge
{
	transform: scale(1.01);
}

.tile-icon
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	display: block;
}

.tile-label
{
	display: block;
	font-family: 'Exo 2';
	font-size: 18px;
	font-weight: bold;
	position: center;
	padding-top: 5px;
	margin-top: 0px;
}

.tile-badge
{
	width: 60px;
	height: 60px;
	margin-left: 20px;
}

.tile-header
{
	display: flex;
	align-items: center;
	gap: 20px;
	flex-direction: row;
}

@media (max-width: 900px)
{
	.tiles-container
	{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px)
{
	.tiles-container
	{
		grid-template-columns: 1fr;
	}

	.tile
	{
		padding: 30px 10px;
		font-size: 1.2em;
	}
}

.banner img
{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
	max-width: 100%;
}

/* custom toolbar */

.custom-toolbar
{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100vw;
	background-color: #1b1464;
	text-align: right;
	margin-bottom: 1px;
	padding: 8px;
	bottom-border: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.left-buttons,
.right-buttons
{
	display: flex;
	gap: 10px;
}

.custom-toolbar Madcap|button
{
	padding: 6px 12px;
	background-colour: f5f5f5;
	border: 1px solid #ccc;
	cursor: pointer;
}

.print-icon
{
	width: 24px;
	height: 24px;
	background: url('../Images/Project-assets/Print-icon-white.png') no-repeat center center;
	background-size: 20px 20px;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

.home-icon
{
	width: 24px;
	height: 24px;
	background: url('../Images/Project-assets/home-icon.png') no-repeat center center;
	background-size: 20px 20px;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

.custom-toolbar .home-icon
{
	margin-left: 22px;
}

.custom-toolbar .home-icon:hover
{
	opacity: 0.8;
}

.custom-toolbar .print-icon:hover
{
	opacity: 0.8;
}

#customToolbar
{
	margin-top: 5px;
	position: relative;
	z-index: 1000;
	padding-right: 60px;
}

.tile-container
{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.tile
{
	flex: 1 1 300px;
	min-width: 250px;
	box-sizing: border-box;
}

.no-bullet
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* Modern: uses aspect-ratio (works in current Chrome/Edge/Firefox/Safari, iPadOS/iOS 15+) */

.video-embed
{
	width: 100%;
	/* CHANGED from 80vw to container-based */
	max-width: 700px;
	margin: 1rem auto;
}

.video-embed__ratio
{
	aspect-ratio: 16 / 9;
	background: #000;
}

.video-embed__iframe
{
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	background: #000;
}

/* Fallback for older browsers without aspect-ratio */

@supports not (aspect-ratio: 1 / 1) {
  .video-embed__ratio {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
  }
  .video-embed__iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
} 

ol.NUMBERANDALPHA
{
	list-style-type: decimal;
}

ol.NUMBERANDALPHA > li > ol
{
	list-style-type: lower-alpha;
}

ol.NUMBERANDALPHA > li > ol > li > ul
{
	list-style-type: lower-roman;
}

/* Responsive PDF embed */

.pdf-container
{
	position: relative;
	width: 85%;
	height: 600px;
	overflow: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 1em 0;
}

.pdf-container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	border: none;
}

/* Bold the TOC entry with mc-id="0" */

body div div div div.main-section nav div ul li.tree-node.tree-node-leaf[data-mc-id="0"] a
{
	font-weight: bold !important;
}