/*<meta conditions="" />*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Source+Sans+3|Poppins&display=swap');

@import url('LocalizedStyles.css');

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

/*Adding Gilroy styles*/

@font-face 
{
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('../Fonts/Gilroy-Regular.otf') format('opentype');
}

@font-face 
{
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: bold;
	src: url('../Fonts/Gilroy-Bold.otf') format('opentype');
}

@font-face 
{
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: bold;
	src: url('../Fonts/Gilroy-Bold.otf') format('opentype');
}

@font-face 
{
	font-family: 'Gilroy';
	font-style: italic;
	font-weight: bold;
	src: url('../Fonts/Gilroy-BoldItalic.otf') format('opentype');
}

@font-face 
{
	font-family: 'Gilroy';
	font-style: italic;
	font-weight: normal;
	src: url('../Fonts/Gilroy-RegularItalic.otf') format('opentype');
}

body
{
	font-size: 1rem;
	color: #111C18;
	margin: 1rem 0rem;
	padding-top: 0;
	padding-bottom: 0rem;
	background-color: #FBFDFC;
	line-height: 1.4;
	font-family: 'Source Sans 3', Arial;
	mc-hyphenate: never;
}

/*==Heading Styles==*/

h1
{
	font-weight: bold;
	font-size: 1.4167rem;
	margin: 0 0 1rem;
	font-family: Gilroy, Poppins;
}

h2
{
	font-weight: bold;
	font-size: 1.25rem;
	margin-top: 1.5rem;
	margin-bottom: .6667rem;
	font-family: Gilroy, Poppins;
}

h3
{
	font-weight: bold;
	font-size: 1.167rem;
	margin-bottom: .25rem;
	font-family: Gilroy, Poppins;
}

h4
{
	margin-top: .25rem;
	margin-bottom: .5rem;
	font-size: 1.0833rem;
	font-weight: bold;
	font-style: italic;
	mc-heading-level: 0;
	font-family: Gilroy, Poppins;
}

h5
{
	font-style: italic;
	font-size: 1 rem;
	font-family: Gilroy, Poppins;
}

h6
{
	margin-top: 0;
	mc-heading-level: 0;
	font-family: Gilroy, Poppins;
}

/*==Paragraph Styles==*/

p
{
	margin: 0 0 .6667rem 0;
}

p.code
{
	font-family: 'Courier New';
}

p.codeblock
{
	font-family: 'Courier New';
	font-size: .75rem;
	background-color: #F8FAF9;
	border-left: solid 0.125rem #F1F4F3;
	overflow: hidden;
	padding: 0.3125rem;
}

p.Figure
{
	mc-auto-number-class: FigureHeader;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0;
	padding-bottom: .25rem;
}

p.footnote
{
	padding-top: 1rem;
	font-size: .8333rem;
	letter-spacing: 0em;
	text-decoration: none;
}

p.Important
{
	background-image: url('../Images/Important_icon.png');
	background-repeat: no-repeat;
	background-position: 1% 50%;
	padding: .5rem .5rem .5rem 2.5rem;
	background-color: #F2BC90;
	border: 0.125rem solid #FF6A00;
	border-radius: 8px;
	box-shadow: 2px 2px 4px #ECEFED;
}

p.Indent
{
	margin-left: 1.5rem;
}

p.IndexHeading
{
	margin-bottom: .6667rem;
}

p.Note
{
	background-image: url('../Images/Note_icon.png');
	background-repeat: no-repeat;
	background-position: 1% 50%;
	padding: .5rem .5rem .5rem 2.5rem;
	border: .125rem solid #346CEF;
	background-color: #B6CDE0;
	border-radius: 8px;
	box-shadow: 2px 2px 4px #ECEFED;
}

p.side-title	/*Used for Related Topics heading in the MasterPage*/
{
	font-size: 1.25rem;
	font-weight: bold;
	color: #FBFDFC;
}

p.Step1
{
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0;
	mc-auto-number-class: StepHeader;
	mc-next-tag: p;
	mc-next-class: StepContinued;
}

p.StepContinued
{
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0;
	mc-auto-number-class: StepHeader;
}

p.TaskIntro
{
	margin: .25rem 0rem 0rem 0rem;
	margin-top: .5rem;
	font-weight: bold;
}

p.Warning
{
	background-image: url('../Images/Warning_icon.png');
	background-repeat: no-repeat;
	background-position: 1% 50%;
	padding: .5rem .5rem .5rem 2.5rem;
	background-color: #FABCBC;
	border: 0.125rem solid #E1140A;
	border-radius: 8px;
	box-shadow: 2px 2px 4px #ECEFED;
	font-size: inherit;
}

blockquote
{
	margin-top: 0;
}

caption
{
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.0625rem;
	margin-top: 0.0625rem;
	padding-bottom: .4rem;
	padding-top: .4rem;
	font-size: 1rem;
}

pre.code
{
	font-family: 'Courier New';
	font-size: .75rem;
}

pre.codeblock
{
	font-family: 'Courier New';
	font-size: .75rem;
	background-color: #F8FAF9;
	border-left: solid .125rem #F1F4F3;
	overflow: hidden;
	padding: .3125rem;
}

/*==Span classes==*/

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.PageBreakBefore
{
	page-break-before: always;
}

span.Bold
{
	font-weight: bold;
}

span.code
{
	font-family: 'Courier New';
}

span.Emphasis
{
	font-style: italic;
}

span.FileName
{
	font-family: 'Courier New';
}

span.Interface
{
	font-weight: bold;
}

span.SearchHighlight
{
	background-color: #ffff00;
}

span.StepHeader	/*Used in p.Steps*/
{
	font-weight: bold;
	mc-hidden: hidden;
}

span.TypeCommands
{
	font-family: 'Courier New';
}

span.variableinput
{
	font-weight: bold;
	font-style: italic;
}

/*==Links==*/

a:link
{
	text-decoration: none;
	font-weight: normal;
	color: #0054AC;
}

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

a:focus
{
	color: #0054AC;
}

a:hover
{
	font-weight: bold;
}

a:active
{
	color: #0054AC;
}

a.MCBreadcrumbsLink
{
	font-style: italic;
	text-decoration: underline;
}

a.MCBreadcrumbsLink:visited
{
	color: #0054AC;
}

a.MCBreadcrumbsLink:hover
{
	color: #0054AC;
}

/*Gives a background colour when the condition general.inprogress is used*/

[data-mc-conditions*="General.InProgress"]
{
	background-color: #C0C0C0;
}

/*==Div tags==*/

div.FAQ6 div:has(a:hover)
{
	box-shadow: 4px 4px 4px #ECEFED;
}

div.indent
{
	margin-left: 1.5rem;
}

div.linkToFAQ
{
	text-align: center;
	padding: 1rem 1rem 0 1rem;
	margin: 1rem 0;
	border: 0.125rem solid #C2C9C6;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #ECEFED;
}

div.linkToFAQ:hover
{
	box-shadow: 4px 4px 4px #ECEFED;
	transform: scale(1.03);
}

div.locate	/*Used to color the border of the locate box on the Home page*/
{
	border: 0.125rem solid #76A4F2;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #ECEFED;
}

div.lock	/*Used to color the border of the lock box on the Home page*/
{
	border: 0.125rem solid #EEB722;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #ECEFED;
}

div.recover	/*Used to color the border of the recover box on the Home page*/
{
	border: 0.125rem solid #84C335;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #ECEFED;
}

div.twoColumns	/*Used to place text in two columns in the output. Does not show as two columns in Flare*/
{
	columns: 6.25rem 2;
}

div.wipe	/*Used to color the border of the wipe box on the Home page*/
{
	border: 0.125rem solid #E23535;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #ECEFED;
}

/*==List Styles==*/

li
{
	margin-top: .5rem;
	margin-bottom: .25rem;
}

ol
{
	margin: 0 0 .6667rem -1rem;
	list-style-type: decimal;
	mc-hyphenate: never;
	padding-inline-start: 35px;
}

ol ul
{
	margin: 0 0 .6667rem -1.2rem;
	mc-hyphenate: never;
}

ol ol
{
	margin: 0 0 0 -1.2rem;
	list-style-type: lower-alpha;
	mc-hyphenate: never;
}

ol ol ol
{
	margin: 0 0 0 -1.2rem;
	list-style-type: lower-roman;
	mc-hyphenate: never;
}

ul
{
	margin: 0 0 .6667rem -1rem;
	list-style-type: disc;
	mc-hyphenate: never;
}

ul ol
{
	margin: 0 0 0 -1.2rem;
	mc-hyphenate: never;
	padding-inline-start: 35px;
}

ul ul
{
	margin: 0 0 .6667rem -1rem;
	list-style-type: circle;
	mc-hyphenate: never;
}

ul ul ul
{
	margin: 0 0 .667rem -1rem;
	list-style-type: square;
	margin-bottom: 0;
}

/*==MadCap Styles==*/

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
}

MadCap|codeSnippet
{
	background-color: #F8FAF9;
	margin: .5rem 0 .5rem 0;
	padding: .5rem 1rem .5rem 1rem;
}

MadCap|codeSnippetBody
{
	line-height: 1rem;
	font-family: 'Courier New';
	padding: 0 0 .5rem 0;
}

MadCap|codeSnippetCopyButton
{
	padding-right: 0;
}

MadCap|codeSnippetCaption
{
	font-family: Gilroy, Poppins;
	text-decoration: none;
	font-size: 1rem;
	padding-bottom: .5rem;
	font-weight: bold;
}

MadCap|dropDown
{
	mc-closed-image: none;
	mc-open-image: none;
	padding: .5rem;
	margin-left: 0;
	margin-bottom: .3125rem;
	border: solid 1px #C2C9C6;
	border-radius: 8px;
	box-shadow: 2px 2px 4px #ECEFED;
}

MadCap|dropDownBody
{
	margin-left: 0.25rem;
}

MadCap|dropDownHead
{
	color: #0054AC;
}

MadCap|dropDownHotspot
{
	margin-bottom: .5rem;
	margin-top: .5rem;
}

MadCap|dropDownHotspot:hover,
MadCap|dropDownHotspot:active
{
	font-weight: bold;
}

MadCap|microContent
{
	mc-image-spacing: .3125rem;
}

span.mc-variable
{
	font-size: inherit;
}

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

MadCap|xref:hover
{
	font-weight: bold;
}

/*==Image Tags==*/

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
	vertical-align: -20%;
}

img.thumbnail
{
	mc-thumbnail: popup;
	vertical-align: -20%;
}

/*==Master Page Topic Layout==*/

.main-section	/*This style applies the gradient background. This HTML element is not on a master page, it is used at compile time.*/
{
	background-color: #ECEFED;
	background-image: linear-gradient(90.0deg, #15A34A 0%, #02402A 100%);
	background-repeat: no-repeat;
	background-size: cover;
}

.main-section > .outer-row	/*Removes padding from generated topic-container*/
{
	padding: 0;
}

.off-canvas-content .outer-row	/*Removes padding from generated topic-container*/
{
	padding-left: 0;
	padding-right: 0;
}

.off-canvas-content	/*Styles off-canvas content background-color when expanding drop-downs*/
{
	background-color: #F1F4F3;
}

div.home-content-container	/*Wraps the content on the masterpage and provides the white background on the home page.*/
{
	background-color: #FBFDFC;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

div.topic-hero	/*Used in the MasterPages. Provides the accent for the background along with the logo.*/
{
	background-image: none;
	background-repeat: no-repeat;
	background-size: 8%, 10%;
	background-position-x: 97%, 92.5%;
	background-position-y: 90%, 85%;
	background-attachment: fixed;
}

div.side-content	/*Container for Menu proxy in MasterPage*/
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
}

div.content-container	/*Wraps the content on the masterpage and provides the white background behind topics.*/
{
	margin-right: 0;
	background-color: #FBFDFC;
	border-radius: 8px;
	padding: 25px;
	min-height: 70vh;
}

/*==Home Page Footer==*/

div.footer
{
	padding-top: 2rem;
	padding-bottom: 10px;
}

/*==Responsive styles==*/
/*Home Page Responsive Styles*/
/*This is a custom responsive layout row style (div class) in your stylesheet. This is used to contain div.action2 on the home page.*/

div.home2
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	mc-hidden: hidden;
	/*Use to give tiles the same height
	https://stackoverflow.com/questions/29587980/responsive-equal-height-columns-in-rows-with-css3-html5-only*/
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.home2::before
{
	content: ' ';
	display: table;
}

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

div.home2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	padding: .75rem;
	height: 7rem;
	position: relative;
}

div.home2 p
{
	margin: 0;
}

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

div.home2 > div:nth-child(2)
{
	width: 49%;
	margin-left: 2%;
	text-align: left;
}

div.home2 > div:hover
{
	box-shadow: 4px 4px 4px #ECEFED;
	transform: scale(1.03);
}

/*Responsive layout - This is used for the icon and the description for each of the Device Actions available.*/

div.action2
{
	mc-grid-row: true;
	margin: auto;
}

div.action2::before
{
	content: ' ';
	display: table;
}

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

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

div.action2 p
{
	margin: 0;
}

div.action2 > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
	text-align: center;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

div.action2 > div:nth-child(2)
{
	width: 75%;
	margin-left: 0%;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
	padding-left: .4rem;
	float: right;
	padding-right: .75rem;
}

div.action2 > div:nth-child(2) p
{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: .75rem;
}

/*==FAQ Page Responsive Styles==*/
/*Responsive layout - Used for the links in the frequently asked questions.*/

div.FAQ6
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	mc-hidden: hidden;
}

div.FAQ6::before
{
	content: ' ';
	display: table;
}

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

div.FAQ6 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.125rem solid #C2C9C6;
	border-radius: 8px;
	box-shadow: 4px 4px 4px #ECEFED;
	height: 4.5rem;
	margin-bottom: 1rem;
	position: relative;
	text-align: center;
}

div.FAQ6 div p
{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: 0;
	padding: .75rem;
	width: 100%;
	color: #111C18;
}

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

div.FAQ6 > div:nth-child(2)
{
	width: 32%;
	margin-left: 2%;
}

div.FAQ6 > div:nth-child(3)
{
	width: 32%;
	margin-left: 2%;
}

div.FAQ6 > div:nth-child(4)
{
	width: 32%;
	margin-left: 0%;
}

div.FAQ6 > div:nth-child(5)
{
	width: 32%;
	margin-left: 2%;
}

div.FAQ6 > div:nth-child(6)
{
	width: 32%;
	margin-left: 2%;
}

div.FAQ6 > div:hover
{
	box-shadow: 4px 4px 4px #ECEFED;
	transform: scale(1.03);
}

/*==Master Page Responsive Styles==*/

div.home-layout	/*Contains the content on the Home page. Similar to topic-layout, but doesn't contain the div for the menu proxy */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3rem;
}

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

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

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

div.home-layout > div:nth-child(1)
{
	width: 56%;
	margin-left: 22%;
	margin-bottom: 2%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

div.home-master-page-footer	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 55%;
	mc-hidden: hidden;
}

div.home-master-page-footer::before
{
	content: ' ';
	display: table;
}

div.home-master-page-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.home-master-page-footer > div:nth-child(1)
{
	width: 100%;
}

/*Used in the OtherTopics.flmsp MasterPage - contains the topic content in , and the Related Topics title and menu proxy*/

div.topic-layout
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3rem;
}

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

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

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

div.topic-layout > div:nth-child(1)
{
	width: 20%;
	margin-left: 2%;
}

div.topic-layout > div:nth-child(2)	/*Menu Proxy container*/
{
	width: 56%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	margin-bottom: 2%;
}

@media only screen and (max-width: 1279px)
{
	div.home-layout > div:nth-child(1)
	{
		width: 96%;
		margin-left: 2%;
	}

	/*Used in the Master Pages*/

	div.topic-layout
	{
		padding-top: 1.5rem;
	}

	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 96%;
		margin-left: 2%;
	}

	/*Used in the MasterPages. Provides the accent for the background along with the logo.*/

	div.topic-hero
	{
		background-image: none;
	}

	/*Wraps the content on the Master Page and provides the white background behind topics.*/

	div.content-container
	{
		padding: 1rem;
		min-height: 70vh;
	}

	/*==Home Page Responsive Styles==*/
	/*==This is a custom responsive layout row style (div class) in your stylesheet. This is used for the icon and the description for each of the Device Actions available.==*/

	div.home2 > div
	{
		height: 5rem;
		margin-top: 1%;
		margin-bottom: 1%;
	}

	/*==FAQ Page Responsive Styles==*/
	/*Responsive layout - Used for the links in the frequently asked questions.*/

	div.FAQ6
	{
		mc-grid-row: true;
		margin: auto;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		mc-hidden: hidden;
	}

	div.FAQ6 > div
	{
		height: 3rem;
		position: relative;
	}

	div.FAQ6 p
	{
		margin: 0%;
	}

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

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

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

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

	div.FAQ6 > div:nth-child(5)
	{
		width: 49%;
		margin-left: 0%;
	}

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

@media only screen and (max-width: 767px)
{
	.main-section > .outer-row	/* Removes the padding around the topic container in mobile */
	{
		padding: 0;
	}

	div.linkToFAQ
	{
		min-width: 240px;
	}

	/*This is a custom responsive layout row style (div class) in your stylesheet. This is used to contain div.action2 on the home page.*/

	div.home2
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		mc-hidden: hidden;
		min-width: 240 px;
	}

	div.home2::before
	{
		content: ' ';
		display: table;
	}

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

	div.home2 > div
	{
		height: 6rem;
		min-width: 240px;
	}

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

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

	/*==FAQ Page Responsive Styles==*/
	/*Responsive layout - Used for the links in the frequently asked questions.*/

	div.FAQ6
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		mc-hidden: hidden;
	}

	div.FAQ6 > div
	{
		height: 3.5rem;
		min-width: 240px;
	}

	div.FAQ6 p
	{
		margin: 0%;
		padding: .5rem;
	}

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

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

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

	div.FAQ6 > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FAQ6 > div:nth-child(5)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FAQ6 > div:nth-child(6)
	{
		width: 100%;
		margin-left: 0%;
	}
}