/*<meta conditions="NewSet.Global_resources" />*/

@import url('../stylesheets/prism.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'Merriweather Sans Light';
	src: url('../Fonts/MerriweatherSans-Light.ttf') format('truetype');
}

@font-face 
{
	font-family: 'Merriweather Sans Regular';
	src: url('../Fonts/MerriweatherSans-Regular.ttf') format('truetype');
}

@font-face 
{
	font-family: 'Merriweather Sans Bold';
	src: url('../Fonts/MerriweatherSans-Bold.ttf') format('truetype');
}

:root
{
	--background-color: #ffffff;
	--img-bkg: none;
	--darker-background-color: #f2f4f6;
	--footer-bkg: #f2f4f6;
	--table-darker-bkg: #bcd0ca;
	/*#c5ece1,#87adb0*/
	--hero-bkg: #1F614E;
	--font-color: #1d1d1d;
	--font-color2: #7887a1;
	--button-color: #87adb0;
	--button-color2: #ffc37d;
	--link-static: #1F614E;
	--link-hover: #4ac270;
	--link-visited: #7887a1;
}

[data-theme="dark"]
{
	--background-color: #0c271f;
	--img-bkg: #ffffff;
	--darker-background-color: #0a1f19;
	--footer-bkg: #363e45;
	--table-darker-bkg: #628c7f;
	--hero-bkg: #1F614E;
	--font-color: #ffffff;
	--font-color2: #7887a1;
	--button-color: #87adb0;
	--button-color2: #ffc37d;
	--link-static: #4ac270;
	--link-hover: #fff3ac;
	--link-visited: #87adb0;
}

body
{
	font-size: 1em;
	mc-disabled: false;
	font-family: 'Merriweather Sans Light' !important;
	line-height: 1.5em;
	background-color: var(--background-color);
	color: var(--font-color);
}

body::after
{
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('../Images/Watermark_Preview_Empty.png');
	/*Preview_Empty/Preview*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 40% 60%;
	background-size: 70%;
	opacity: 0.2;
	pointer-events: none;
}

/*Theme switch*/

.theme-switch-wrapper
{
	display: flex;
	align-items: center;
	background: var(--hero-bkg);
	justify-content: flex-end;
}

.theme-switch
{
	display: inline-block;
	height: 34px;
	position: relative;
	width: 60px;
}

.theme-switch input
{
	display: none;
}

.slider
{
	background-color: var(--button-color2);
	background-image: url('../Images/Assets/weather-sunny.png');
	background-repeat: no-repeat;
	background-position: 83%;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
}

.slider:before
{
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 26px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 26px;
}

input:checked + .slider
{
	background-color: #1b2332;
	background-image: url('../Images/Assets/weather-night.png');
	background-repeat: no-repeat;
	background-position: 18%;
}

input:checked + .slider:before
{
	transform: translateX(26px);
}

.slider.round
{
	border-radius: 34px;
}

.slider.round:before
{
	border-radius: 50%;
}

/*Misc overrides of Flare stuff*/

ul.navigation ul ul ul
{
	background-color: #dfedff;
}

ul.navigation ul ul ul a
{
	color: #1b2332;
}

ul.menu._Skins_SideMenu.mc-component
{
	background-color: var(--background-color);
	color: var(--font-color);
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	color: var(--font-color);
}

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	background-color: var(--darker-background-color);
	color: var(--font-color);
}

ul.menu._Skins_SideMenu.mc-component li > a.selected:hover
{
	background-color: var(--darker-background-color);
	color: var(--font-color);
}

.MCExpanding_Image_Icon
{
	background: none !important;
}

/*Search bar*/

input[type="search"],
textarea
{
	background-color: var(--background-color);
	color: var(--font-color);
}

h1#results-heading
{
	color: var(--font-color);
}

/*Headings & text fonts*/

h1
{
	color: var(--font-color);
	font-family: 'Merriweather Sans Bold' !important;
	font-size: 2.5em;
	margin-bottom: 30px;
	line-height: 1.1em;
}

h1.non_scrollable_H1
{
	mc-disabled: true;
}

h2,
p.information_block
{
	font-family: 'Merriweather Sans Bold' !important;
	padding-top: 20px;
	font-size: 1.6em;
}

h3,
p.information_block_sub
{
	font-family: 'Merriweather Sans Bold' !important;
	padding-top: 20px;
	font-size: 1.2em;
}

h4,
p.information_block_sub_sub
{
	font-weight: bold;
	padding-top: 10px;
	font-size: 1.2em;
}

code
{
	font-size: 18px !important;
}

video
{
	max-width: 50%;
	height: auto;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	padding-bottom: 45px;
}

span.SearchHighlight
{
	background-color: #DC8665;
}

div.breadcrumbs
{
	color: var(--link-static);
	font-style: italic;
	text-decoration: underline;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	color: var(--link-static);
	font-style: italic;
	font-size: .7em;
}

a
{
	color: var(--link-static);
}

a:link,
a:active,
#resultList h3.title a,
#pagination a
{
	color: var(--link-static);
}

a:visited,
#resultList h3.title a:visited
{
	color: var(--link-visited);
}

#back-top a:hover
{
	color: var(--link-hover);
}

a:focus,
a:hover
{
	color: var(--link-hover);
}

a.MiniTOC:link,
a.MiniTOC1:link,
a.MiniTOC2:link,
a.MiniTOC3:link,
a.MiniTOC4:link,
a.MiniTOC5:link
{
	color: var(--link-static);
}

MadCap|conceptLink
{
	color: var(--link-static);
}

MadCap|conceptLink:hover
{
	color: var(--link-hover);
}

@media only screen and (max-width: 1279px)
{
	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding-bottom: 18px;
	}
}

html.topic
{
	color: var(--font-color);
	mc-disabled: true;
}

/*==Elements for the left side of MP layout==*/

div.side-menu	/*This is the div that the menu proxy is contained in*/
{
	padding-left: 10px;
	margin-top: 15px;
	max-height: 75vh;
	overflow-y: auto;
}

/*LISTS*/

ol,
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Merriweather Sans Light' !important;
}

ul
{
	padding-left: 15px;
	padding-top: 10px;
}

ol
{
	padding-left: 5px;
	padding-right: 10px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.bullets_indented
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ol.Ordered_list_indented
{
	padding: 0px;
	padding-left: 50px;
	padding-top: 10px;
	mc-disabled: true;
}

ul.bullets_indented_different_bullet
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 50px;
	list-style-type: circle;
	mc-disabled: true;
}

ul.bullets_indented_more
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	list-style-type: circle;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 5px;
}

ul.Arrows
{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	mc-disabled: true;
}

li
{
	padding-top: 3px;
	list-style-position: outside;
	padding-left: 3px;
	padding: 3px;
}

/*PARAGRAPH STYLES*/

p
{
	font-family: 'Merriweather Sans Light';
	color: var(--font-color);
	margin-bottom: 8px;
	margin-top: 8px;
}

p.code,
p.Code_formatting,
p.Code_formatting_Example,
p.Code_formatting_table
{
	font-family: 'Courier New';
	font: Courier New;
	font-size: 18px;
	background-color: var(--footer-bkg);
	padding-left: 35px;
}

p.Procedure_introduction
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	color: var(--font-color);
	font-size: 16px;
	padding: 0px;
	padding-top: 10px;
	padding-left: 3px;
	mc-disabled: true;
}

p.Indent_list
{
	padding-left: 23px;
}

p.Code_formatting_50
{
	padding-left: 50px;
}

p.Code_formatting_70
{
	padding-left: 70px;
}

p.Code_formatting_90
{
	padding-left: 90px;
}

p.Code_formatting_110
{
	padding-left: 110px;
}

p.Code_formatting_130
{
	padding-left: 130px;
}

p.Code_formatting_150
{
	padding-left: 150px;
}

p.Code_formatting_170
{
	padding-left: 170px;
}

/*MADCAP DROPDOWNS*/

MadCap|expandingHead
{
	cursor: hand;
	text-decoration: none;
	color: var(--link-static);
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
}

MadCap|expandingBody
{
	font-style: normal;
	color: var(font-color);
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--link-static) !important;
	font-style: bold;
}

MadCap|dropDownHead
{
	color: var(--link-static) !important;
	font-style: normal;
	font-size: 1em;
	padding-bottom: 10px;
	padding-top: 10px;
}

MadCap|dropDownBody
{
	padding-left: 9px;
	padding: 1px;
	overflow: visible;
}

MadCap|dropDown.MadCapDropDownIndent
{
	padding-left: 40px;
	padding-top: 6px;
}

MadCap|qrCode.QR_Code
{
	vertical-align: bottom;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 120px;
	height: 120px;
	float: left;
}

MadCap|glossaryTerm
{
	color: var(--link-static);
	mc-closed-image: none;
	mc-open-image: none;
}

MadCap|popupBody
{
	background-color: #f1f5fa;
	border-left-color: #f1f5fa;
}

MadCap|dropDown
{
	mc-open-image: url('../Images/toggle.png');
	mc-closed-image: url('../Images/toggle_expand.png');
	padding-left: 6px;
	padding: 1px;
}

MadCap|glossaryTerm.Expanding:focus,
MadCap|glossaryTerm.Hyperlink:focus,
MadCap|glossaryTerm.Expanding:hover,
MadCap|glossaryTerm.Hyperlink:hover,
MadCap|glossaryTerm.Expanding
{
	mc-closed-image: none;
	mc-open-image: none;
}

MadCap|relationshipsHeading.task,
MadCap|relationshipsHeading.reference,
MadCap|relationshipsHeading.concept,
MadCap|relationshipsHeading,
fieldset,
address,
html.task,
html.reference,
html.concept,
html
{
	mc-disabled: true;
}

div
{
	mc-disabled: false;
}

MadCap|xref
{
	mc-format: '{paratext}';
}

/*TOP NAVIGATION BAR*/

.navigation-wrapper
{
	display: inline-block !important;
	width: 81% !important;
	float: none !important;
	flex: unset !important;
	align-self: unset !important;
	flex-basis: unset !important;
	font-family: 'Merriweather Sans Light' !important;
}

nav.title-bar
{
	width: 100%;
	opacity: 1;
	border-bottom: none;
	z-index: 9;
}

.title-bar-section.middle
{
	padding-bottom: 45px;
	border-bottom: 1px solid #ffffff96;
}

.nav-search-wrapper
{
	margin-top: 70px;
}

.search-bar .search-field
{
	box-shadow: 1px 1px 4px #4f4f4f;
}

ul.navigation ul
{
	padding: 0;
	border-radius: 2px;
}

ul.navigation ul > li.has-children > a:after
{
	content: '';
	position: absolute;
	height: 7px;
	width: 100%;
	background: url(../Images/Assets/arrowNavy.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 90%;
	transform: translateY(-50%);
}

ul.navigation ul > li > a
{
	font-size: 15px;
}

.title-bar-layout a.logo
{
	display: inline-block;
}

@media only screen and (max-width: 767px)
{
	.title-bar-section.middle
	{
		padding-bottom: 20px;
	}

	.nav-search-wrapper
	{
		margin-top: 80px;
	}

	.title-bar-layout a.logo
	{
		display: none;
	}
}

/* BREADCRUMBS */

div.MCBreadcrumbsBox_0.breadcrumbs
{
	padding: 15px 20px;
	font-size: 1em;
	font-style: normal;
	font-family: 'Merriweather Sans Light';
	color: var(--link-static);
}

div.MCBreadcrumbsBox_0.breadcrumbs .MCBreadcrumbsPrefix
{
	display: none;
}

div.MCBreadcrumbsBox_0.breadcrumbs .MCBreadcrumbsSelf
{
	padding: 0 7px;
}

/* HOMEPAGE*/

h2.homepage
{
	font-family: 'Merriweather Sans Regular';
	font-size: 1.6em;
	line-height: 1.2em;
	text-align: center;
	color: var(--font-color);
	mc-disabled: true;
}

p.homepage-intro
{
	width: 50%;
	font-size: 1em;
	color: var(--font-color2);
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 30px;
	text-align: center;
}

span.highlight
{
	font-family: 'Merriweather Sans Light';
	color: var(--link-static);
}

a
{
	font-family: 'Merriweather Sans Light' !important;
	color: var(--link-static);
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

.wrapper
{
	padding-top: 2em;
	padding-bottom: 6em;
}

.wrapper:nth-child(odd)
{
	background: var(--darker-background-color);
}

.no-bg
{
	background: transparent !important;
}

@media only screen and (max-width: 1279px)
{
	p.homepage-intro
	{
		width: 100%;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.wrapper
	{
		padding-top: 0;
		padding-bottom: 3em;
	}
}

@media only screen and (max-width: 767px)
{
	p.homepage-intro
	{
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.wrapper
	{
		padding-top: 0;
		padding-bottom: 2em;
	}
}

/* HERO SECTION */

div.topic-hero
{
	background: var(--hero-bkg);
	height: 430px;
	padding-top: 10px;
	padding-bottom: 150px;
	box-shadow: none;
	position: relative;
}

div.topic-hero:after
{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-size: cover;
}

.localize-selection
{
	position: absolute;
	z-index: 9;
	right: 20px;
	top: 28px;
}

.version-selection
{
	position: absolute;
	z-index: 9;
	right: 140px;
	top: 28px;
}

.localize-selection select,
.version-selection select
{
	width: 110px;
	padding: 8px;
	border: 1px solid #fff;
	background: var(--hero-bkg);
	border-radius: 2px;
	font-family: 'Merriweather Sans Light';
	color: #fff;
}

.localize-selection select:focus,
.version-selection select:focus
{
	border: 1px solid #1b5c66;
}

.localize-selection select option,
.version-selection select option
{
	color: var(--font-color);
	background: var(--darker-background-color);
}

.header-title
{
	font-size: 4em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 0px 1px 3px #505050;
	position: relative;
	z-index: 1;
}

.header-subtitle
{
	color: #ffffff;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 1.2em;
	position: relative;
	z-index: 1;
}

.header-buttons
{
	width: 40%;
	margin: 0 auto;
	text-align: center;
	margin-top: 70px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-around;
}

.header-buttons .header-links
{
	text-transform: uppercase;
	color: #1F614E;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 15px;
	width: 43%;
	background: var(--button-color2);
	box-shadow: 0px 1px 3px #505050;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border-radius: 4px;
}

.header-buttons .header-links:hover
{
	background: #fff8ce;
	box-shadow: 0px 2px 5px #505050;
	transform: scale(1.05);
}

.more
{
	text-align: center;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

.more a
{
	color: #fff !important;
}

@media only screen and (max-width: 1279px)
{
	div.topic-hero
	{
		padding-top: 40px;
	}

	.header-title
	{
		font-size: 3em;
	}

	.header-buttons
	{
		width: 70%;
		flex-direction: row;
	}

	.title-bar-section.middle
	{
		padding-bottom: 18px;
	}

	.localize-selection
	{
		right: 62px;
		left: unset;
		top: 14px;
	}

	.version-selection
	{
		right: 186px;
		left: unset;
		top: 14px;
	}
}

@media only screen and (max-width: 767px)
{
	div.topic-hero
	{
		height: 530px;
		padding-top: 30px;
	}

	.header-title
	{
		font-size: 2.3em;
		line-height: 1.2em;
	}

	.header-subtitle
	{
		width: 80%;
		padding-top: 30px;
		font-size: 1.1em;
	}

	.header-buttons
	{
		width: 100%;
		margin-top: 30px;
		flex-direction: column;
		align-items: center;
	}

	.header-buttons .header-links
	{
		width: 53%;
		margin-bottom: 10px;
	}

	.localize-selection
	{
		right: unset;
		left: 145px;
		top: 15px;
	}

	.version-selection
	{
		right: unset;
		left: 20px;
		top: 15px;
	}
}

/* HOME TILES SECTION */

div.info-container
{
	margin-left: auto;
	margin-right: auto;
	background-color: var(--darker-background-color);
	width: 80%;
	padding-top: 10px;
	padding-bottom: 20px;
}

div.info-container2
{
	margin-left: auto;
	margin-right: auto;
	background-color: var(--background-color);
	width: 80%;
	padding-top: 10px;
	padding-bottom: 20px;
}

div.guide-tiles
{
	width: 70%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 16px;
}

div.guide-tiles .tile
{
	padding: 20px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 0;
	background-color: var(--background-color);
	border-radius: 0;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.guide-tiles .tile:hover
{
	box-shadow: 1px 2px 6px 1px #86aad6;
	transform: scale(1.05);
}

div.guide-tiles .tile-content
{
	height: unset;
	flex-grow: 1;
}

@media only screen and (max-width: 767px)
{
	div.guide-tiles
	{
		grid-template-columns: 1fr !important;
		grid-row-gap: 16px;
	}
}

@media only screen and (max-width: 1279px)
{
	.readmore-buttons
	{
		flex-flow: column;
	}

	.readmore-button
	{
		width: 100% !important;
		margin: 2% 2% !important;
	}

	.readmore-buttons .archive-button
	{
		width: 100% !important;
	}
}

div.home-tiles-container
{
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: -150px;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

div.home-tiles
{
	width: 70%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

div.home-tiles .tile
{
	height: 250px !important;
}

div.home-tiles.section2
{
	flex-wrap: wrap;
}

div.home-tiles .tile,
div.home-tiles .section2-tile
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	margin-left: 0 !important;
	margin-top: 0 !important;
	width: 25% !important;
	background-color: var(--background-color);
	border-radius: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5.5px;
	padding-right: 5.5px;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	overflow: hidden;
}

div.home-tiles.home-tiles4 .tile
{
	box-shadow: none;
}

div.home-tiles.home-tiles4 .tile img
{
	max-height: 70%;
}

div.home-tiles .section2-tile
{
	height: 145px !important;
	width: 49% !important;
	margin-bottom: 15px;
	padding: 20px;
}

.section2-tile .tile-img
{
	float: left;
	width: 15%;
	text-align: center;
}

.section2-tile .tile-cnt
{
	float: left;
	width: 77%;
	padding-left: 20px;
}

.section2-tile .tile-cnt .tile-title
{
	margin-top: 15px;
}

.section2-tile .tile-cnt .tile-title,
.section2-tile .tile-cnt .tile-content
{
	text-align: left;
}

.section2-tile .tile-cnt .tile-title a
{
	color: var(--link-static);
}

div.home-tiles .section2-tile a:hover p.tile-title
{
	color: var(--link-hover);
}

.section2-tile .tile-cnt .tile-content
{
	color: var(--font-color2);
	padding-right: 10px;
}

div.home-tiles > div:hover
{
	box-shadow: 1px 2px 6px 1px #86aad6;
	transform: scale(1.05);
}

@media only screen and (max-width: 1279px)
{
	div.home-tiles
	{
		width: 80%;
	}

	div.home-tiles .section2-tile
	{
		height: 145px !important;
		width: 48% !important;
		padding: 20px 5px;
	}

	.section2-tile .tile-img
	{
		padding-top: 15px;
		height: auto;
	}

	div.home-tiles .section2-tile a
	{
		display: block;
	}

	div.home-tiles .section2-tile .tile-content
	{
		display: block;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-tiles
	{
		width: 90%;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

	div.home-tiles .tile
	{
		height: 200px !important;
		margin-bottom: 20px !important;
		width: 30% !important;
	}

	p.tile-title
	{
		font-size: 14px;
	}

	p.tile-desc
	{
		font-size: 12px;
		line-height: 16px;
	}

	div.home-tiles .section2-tile
	{
		width: 100% !important;
		height: 100px !important;
	}

	.section2-tile .tile-img
	{
		padding-top: 0px;
	}

	div.home-tiles .section2-tile a
	{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	div.home-tiles .section2-tile .tile-content
	{
		display: none;
	}
}

/* CONFIGURE SECTION */

div.home-tiles-cnf
{
	display: flex;
	flex-wrap: wrap;
	width: 70%;
	margin: 0 auto;
}

div.home-tiles-cnf .tile-cnf
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	width: 33.3%;
	background-color: var(--background-color);
	border-bottom: 2px dashed #ececec;
	border-right: 2px dashed #ececec;
	padding: 40px 20px;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.home-tiles-cnf > div:nth-of-type(3),
div.home-tiles-cnf > div:nth-of-type(6),
div.home-tiles-cnf > div:nth-of-type(9)
{
	border-right: none;
}

div.home-tiles-cnf > div:nth-of-type(7),
div.home-tiles-cnf > div:nth-of-type(8),
div.home-tiles-cnf > div:nth-of-type(9)
{
	border-bottom: none;
}

div.home-tiles-cnf .tile-cnf a
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

div.home-tiles-cnf > div:hover
{
	box-shadow: 1px 2px 6px 1px #86aad6;
	transform: scale(1.05);
}

/* INSTALL-OPERATE-DEVELOP SECTION */

div.home-tiles .tile.flat-tile
{
	width: 30% !important;
	padding: 20px;
	height: 280px !important;
}

/* BUTTONS */

.archive-button
{
	width: fit-content;
	padding: 10px 20px;
	margin: 0 auto;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	color: var(--link-static);
	font-weight: bold;
	text-decoration: none;
	display: flex;
	justify-content: center;
	border: 1px solid var(--link-static);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.archive-button:hover
{
	box-shadow: 0px 2px 5px #505050;
	transform: scale(1.05);
}

.readmore-buttons
{
	display: flex;
}

.readmore-buttons .archive-button
{
	width: unset;
	display: unset;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.readmore-button
{
	width: 50%;
	margin: 0 2%;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	color: var(--link-static);
	font-weight: bold;
	text-decoration: none;
	border: 1px solid var(--link-static);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	padding: 10px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.readmore-button:hover
{
	box-shadow: 0px 2px 5px #505050;
	transform: scale(1.05);
}

.download-button
{
	width: fit-content;
	padding: 10px 20px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: var(--link-static);
	font-weight: bold;
	text-decoration: none;
	border: 1px solid var(--link-static);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.download-button:hover
{
	box-shadow: 0px 2px 5px #505050;
	transform: scale(1.05);
}

@media only screen and (max-width: 1279px)
{
	div.home-tiles-cnf
	{
		width: 80%;
	}

	div.home-tiles-cnf .tile-cnf
	{
		width: 50%;
		padding: 25px 10px;
		overflow: hidden;
	}

	div.home-tiles-cnf > div:nth-of-type(2),
	div.home-tiles-cnf > div:nth-of-type(4),
	div.home-tiles-cnf > div:nth-of-type(6),
	div.home-tiles-cnf > div:nth-of-type(8)
	{
		border-right: none;
	}

	div.home-tiles-cnf > div:nth-of-type(3)
	{
		border-right: 2px dashed #ececec;
	}

	div.home-tiles-cnf > div:nth-of-type(7),
	div.home-tiles-cnf > div:nth-of-type(8)
	{
		border-bottom: 2px dashed #ececec;
	}

	div.home-tiles-cnf > div:nth-of-type(9)
	{
		border-bottom: none;
	}

	readmore-button
	{
		width: 40%;
		flex-direction: row;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-tiles-cnf
	{
		width: 80%;
	}

	div.home-tiles-cnf .tile-cnf
	{
		width: 100%;
		border-right: none;
		padding: 20px 10px;
		overflow: hidden;
	}

	div.home-tiles-cnf > div:nth-of-type(3)
	{
		border-right: none;
	}

	div.home-tiles-cnf > div:nth-of-type(7),
	div.home-tiles-cnf > div:nth-of-type(8)
	{
		border-bottom: 2px dashed #ececec;
	}
}

p.tile-title,
span.tile-title
{
	font-family: 'Merriweather Sans Regular';
	text-align: center;
	font-size: 1em;
	color: var(--link-static);
}

p.tile-desc
{
	color: var(--font-color2);
	font-size: 0.9em;
	text-align: center;
}

span.tile-title
{
	display: inline-block;
	padding-left: 20px;
	width: 75%;
	text-align: left;
}

.readmore-button
{
	flex-direction: column;
	align-items: center;
	font-size: 90%;
}

.archive-button
{
	font-size: 90%;
}

@media only screen and (max-width: 1279px)
{
	span.tile-title
	{
		font-size: 1em;
	}
}

@media only screen and (max-width: 767px)
{
	span.tile-title
	{
		font-size: 0.9em;
	}
}

div.home-tiles a:hover p.tile-title,
div.home-tiles-cnf a:hover span.tile-title
{
	color: var(--link-static);
}

p.tile-subtitle
{
	text-align: center;
	color: var(--font-color);
	border-bottom: 1px solid #d3d3d3;
}

p.tile-content
{
	color: var(--font-color2);
	font-size: 0.9em;
	text-align: center;
	height: 60%;
}

div.home-tiles a
{
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

div.home-tiles-cnf a
{
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

div.home-tiles4 a
{
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

p.info-title
{
	line-height: 1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #9c9c9c;
}

p.info-content
{
	font-size: 0.9em;
}

@media only screen and (max-width: 767px)
{
	p.tile-content
	{
		height: 37%;
		display: none;
	}
}

/* WIDE SECTIONS */

.wide-section
{
	min-height: 300px;
	height: 300px;
	background: var(--darker-background-color);
	margin-bottom: 100px;
	display: flex;
	padding: 0 150px;
}

.wide-section:last-of-type
{
	margin-bottom: 0px;
}

.wide-section-img
{
	width: 50%;
	height: 143%;
	margin-top: -30px;
}

.wide-section-img.instal
{
	background: url('../Images/Assets/instal.png') no-repeat center;
	background-size: contain;
}

.wide-section-img.operate
{
	background: url('../Images/Assets/operate.png') no-repeat center;
	background-size: contain;
}

.wide-section-img.develop
{
	background: url('../Images/Assets/develop.png') no-repeat center;
	background-size: contain;
}

.wide-section-cnt
{
	padding: 50px;
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
}

.wide-section-cnt .wide-section-desc
{
	margin: 0 auto;
	padding: 20px 0;
	padding-bottom: 30px;
	color: var(--font-color);
	text-align: left;
	font-size: 1em;
}

.gradient-button
{
	color: #ffffff !important;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 20px;
	padding-right: 40px;
	width: 130px;
	border-radius: 45px;
	background-image: linear-gradient(116deg, #bcbeff 0%, #47b6b7 25%, #3db0bd 50%, #33abc3 75%, #6368ff 100%);
	position: relative;
}

.gradient-button:after
{
	content: '';
	position: absolute;
	height: 12px;
	width: 100%;
	background: url(../Images/Assets/arrow_right.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 65px;
	transform: translateY(-50%);
}

.gradient-button::before
{
	position: absolute;
	top: 0;
	left: -50%;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.gradient-button:hover::before
{
	-webkit-animation: shine .3s;
	animation: shine .3s;
}

@-webkit-keyframes shine {
	100% {
		left: 55%;
	}
} 

@keyframes shine {
	100% {
		left: 55%;
	}
} 

.left
{
	text-align: left !important;
}

.right
{
	text-align: right !important;
}

@media only screen and (max-width: 1279px)
{
	.wide-section
	{
		padding: 0;
	}
}

@media only screen and (max-width: 767px)
{
	.wide-section
	{
		min-height: 300px;
		height: 490px;
		margin-bottom: 15px;
		padding: 0;
	}

	.wide-section-img
	{
		width: 40%;
		height: 100%;
		margin-top: 0;
	}

	.wide-section-cnt
	{
		padding: 0px 25px;
		width: 60%;
	}

	.wide-section-cnt .wide-section-desc
	{
		font-size: 15px;
	}
}

/* DEVELOP SECTION*/

div.home-tiles div.big-tile
{
	width: 24%;
	height: 200px;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 3px #86aad6;
	margin: 10px;
}

.wrap
{
	flex-wrap: wrap;
}

div.home-tiles.develop
{
	justify-content: left;
}

.div.home-tiles div.big-tile
{
	box-shadow: 1px 2px 6px 1px #86aad6;
}

.big-tile:nth-of-type(1)
{
	background: url('../Images/Assets/develop1.png');
}

.big-tile:nth-of-type(2)
{
	background: url('../Images/Assets/develop2.png');
}

.big-tile:nth-of-type(3)
{
	background: url('../Images/Assets/develop3.png');
}

.big-tile:nth-of-type(4)
{
	background: url('../Images/Assets/develop4.png');
}

.big-tile:nth-of-type(5)
{
	background: url('../Images/Assets/develop5.png');
}

.big-tile.dev-book
{
	background: url('../Images/Assets/develop3.png');
}

div.home-tiles div.big-tile .tile-title
{
	color: var(--background-color);
	font-size: 1.2em;
}

div.home-tiles div.big-tile .tile-title:hover,
div.home-tiles div.big-tile a:hover p.tile-title
{
	color: var(--background-color) !important;
}

div.home-tiles div.big-tile .tile-content
{
	color: var(--background-color);
	position: relative;
	margin-left: -25px;
}

div.home-tiles div.big-tile .tile-content::after
{
	content: '';
	position: absolute;
	height: 12px;
	width: 100%;
	/*background: url(../Images/Assets/arrow_right.png);*/
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 155px;
	transform: translateY(-50%);
}

/* DEV BOOK SECTION*/

div.home-tiles.wrap.develop.book
{
	width: 100%;
}

div.home-tiles div.big-tile.dev-book
{
	width: 22%;
	height: 150px;
}

@media only screen and (max-width: 1279px)
{
	div.home-tiles div.big-tile
	{
		width: 48%;
		height: 180px;
		margin-bottom: 20px;
	}

	div.home-tiles div.big-tile.dev-book
	{
		width: 28%;
		height: 150px;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-tiles div.big-tile
	{
		width: 100%;
		height: 110px;
		margin-bottom: 20px;
	}

	div.home-tiles div.big-tile.dev-book
	{
		width: 100%;
		height: 150px;
	}
}

/* SLIDER SECTION */

.single-slide
{
	padding: 5px;
	width: 1000px;
	margin: 0 auto;
	background: var(--darker-background-color);
}

@media only screen and (max-width: 1279px)
{
	.single-slide
	{
		width: 600px;
	}
}

@media only screen and (max-width: 767px)
{
	.single-slide
	{
		width: 275px;
	}
}

.inner-slide
{
	display: block;
	background: var(--darker-background-color);
	padding: 15px;
	text-decoration: none;
}

.inner-slide:hover
{
	text-decoration: none;
}

.inner-slide h2,
.inner-slide p
{
	color: var(--font-color);
	text-align: center;
}

.inner-slide:hover h2
{
	color: var(--link-static);
}

.slide-cnt
{
	padding: 20px;
}

.mc-wrapper .mc-pager
{
	bottom: -50px;
}

.mc-wrapper .mc-viewport
{
	border: none;
	box-shadow: none;
	padding-bottom: 50px;
}

.mc-wrapper .mc-controls-direction a
{
	display: none;
}

.mc-wrapper .mc-pager.mc-default-pager a
{
	background-color: var(--background-color) !important;
	border: 1px solid #5f819e !important;
}

.mc-wrapper .mc-pager.mc-default-pager a.active
{
	background-color: #5f819e !important;
}

/* FEEDBACK SECTION */

.textarea
{
	display: flex;
	width: 500px;
	height: 150px;
	margin: 0 auto;
	background: #f4f9ff;
	border: none;
	border-radius: 0px;
	box-shadow: 1px 2px 6px 1px #86aad6;
	padding: 15px;
	font-family: 'Merriweather Sans Light';
}

@media only screen and (max-width: 767px)
{
	.textarea
	{
		width: 100%;
	}
}

.textarea:focus
{
	outline: none;
}

.submit
{
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	border: none;
	padding: 15px;
	width: 200px;
	color: var(--background-color);
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 45px;
	background-image: linear-gradient(116deg, #51bbb2 0%, #47b6b7 25%, #3db0bd 50%, #33abc3 75%, #29a5c8 100%);
	position: relative;
}

.submit:after
{
	content: '';
	position: absolute;
	height: 12px;
	width: 100%;
	background: url(../Images/Assets/pointer.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 65px;
	transform: translateY(-50%);
}

/* FOOTER SECTION */

div.footer
{
	background: var(--footer-bkg);
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 175px;
	position: relative;
}

.footer-links
{
	display: flex;
	padding-left: 50px;
}

.links-box
{
	width: 250px;
}

.links-box p.footer-title,
.links-box p.footer-link
{
	color: var(--font-color) !important;
	text-align: left;
}

.links-box p.footer-title
{
	font-size: 16px;
	font-family: 'Merriweather Sans Regular';
}

.links-box p.footer-link a
{
	text-decoration: underline;
	font-size: 15px;
	color: var(--font-color) !important;
}

div.footer-logo
{
	width: 260px;
	position: absolute;
	right: 100px;
}

@media only screen and (max-width: 767px)
{
	div.footer
	{
		display: flex;
		flex-direction: column;
		height: 300px;
	}

	.footer-links
	{
		width: 100%;
		padding: 20px 30px;
	}

	.links-box
	{
		width: 50%;
	}

	div.footer-logo
	{
		position: relative;
		right: unset;
		padding-top: 30px;
	}
}

div.topic-layout > div:nth-child(2)
{
	width: 67% !important;
}

/* TIPS, NOTES, PREREQUISITES, IMPORTANT */

div.infobox-wrapper_note,
div.infobox-wrapper_howto
{
	font-size: 1em;
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px;
	background-color: var(--darker-background-color);
}

div.infobox-wrapper_tip
{
	font-size: 1em;
	border-left: 5px solid #7887a1;
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px;
	background-color: var(--darker-background-color);
}

div.infobox-wrapper_prerequisite
{
	font-size: 1em;
	border-left: 5px solid #4ac270;
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px;
	background-color: var(--darker-background-color);
}

div.infobox-wrapper_important
{
	font-size: 1em;
	border-left: 5px solid #cd5c5c;
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px;
	background-color: var(--darker-background-color);
}

div.infobox-wrapper_example
{
	font-size: 1em;
	border-left: 5px solid var(--font-color);
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px;
	background-color: var(--darker-background-color);
}

.infobox-wrapper p
{
	color: #1b5c66;
}

.infobox-wrapper_tip a
{
	color: var(--link-static);
	font-weight: bold;
	text-decoration: none;
}

.tip p,
.prerequisite p,
.important p,
.example p
{
	color: var(--font-color);
}

.infobox-wrapper_tip a p.tip-cnt
{
	font-weight: normal;
	font-style: italic;
}

.indented
{
	padding-left: 15px;
}

.develop.book div.infobox-wrapper_tip
{
	border-radius: 0px;
	width: 30%;
	margin-left: 20px;
}

@media only screen and (max-width: 767px)
{
	.develop.book div.infobox-wrapper_tip
	{
		width: 100%;
	}
}

@media only screen and (max-width: 1279px)
{
	.develop.book div.infobox-wrapper_tip
	{
		width: 100%;
	}
}

/*IMAGES*/

img
{
	background: var(--img-bkg);
	vertical-align: middle !important;
	max-width: 100%;
}

img.img_icon
{
	max-height: 24px;
	max-width: 24px;
}

img.img_no_bkg
{
	background: none !important;
	border: none !important;
}

img.MCDropDown_Image_Icon,
.MCDropDown_Image_Icon
{
	background: none !important;
}

img.img_small
{
	max-height: 500px;
	max-width: auto;
	border: solid 1px var(--font-color);
	mc-thumbnail: popup;
	padding: 10px;
}

img.img_big
{
	max-height: auto;
	max-width: 800px;
	border: solid 1px var(--font-color);
	mc-thumbnail: popup;
	padding: 10px;
}

img.img_width300
{
	max-height: auto;
	max-width: 300px;
	border: solid 1px var(--font-color);
	mc-thumbnail: popup;
	padding: 10px;
}

.button .button-icon	/*background for mobile tooltip img*/
{
	background-color: var(--img-bkg) !important;
}

/*Img tooltip text*/

.tooltip
{
	background-color: var(--background-color);
	border-radius: 2px;
	border-width: 1px;
	box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	font-weight: normal;
	height: auto;
	margin-left: 20px;
	max-width: 200px;
	padding: 8px;
	position: absolute;
	z-index: 99999;
}

@media print
{
	h1
	{
		font-size: 1.4em;
		margin-bottom: 10px;
		line-height: 1.1em;
	}

	h2,
	p.information_block
	{
		padding-top: 5px;
		margin-bottom: 5px;
		font-size: 1.3em;
	}

	h3,
	p.information_block_sub
	{
		padding-top: 5px;
		font-size: 1.2em;
	}

	img,
	img.img_big,
	img.img_with_borders,
	img.img_home,
	img.img_with_borders_indended,
	img.img_no_borders
	{
		max-width: 650px;
		max-height: auto;
	}

	img.icon
	{
		padding: 0px;
		bottom: 0px;
	}

	img.img_with_borders
	{
		border: none;
	}

	img.img_with_borders_indended
	{
		border: solid 1px var(--font-color);
	}

	img.img_no_borders
	{
		padding: 0px;
		bottom: 0px;
		border: none 2px var(--font-color);
	}

	h3,
	h3.title,
	h4,
	h5,
	h6,
	p.information_block_sub
	{
		mc-heading-level: 0;
	}
}

MadCap|footnotesBlock
{
	border-top-length: 67%;
}

div.NoPageBreak
{
	page-break-inside: avoid;
}

div#target1,
div#target2,
div#target3
{
	background: transparent;
}

@media non-print
{
	body
	{
		margin-right: 10%;
		margin-top: 0px;
		line-height: 1.30em;
		width: 900px;
	}

	table
	{
		border: none 0px;
	}

	th
	{
		background-color: var(--background-color);
		border-bottom-style: solid;
		border: none;
	}

	td
	{
		padding-left: 10px;
		padding-right: 0px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	MadCap|popupBody
	{
		max-width: 250px;
		border: solid 1px var(--darker-background-color);
	}

	MadCap|dropDown
	{
		padding-top: 6px;
		mc-closed-image: url('../Images/plus.png');
		mc-open-image: url('../Images/minus.png');
		padding-bottom: 1px;
		padding-left: 1px;
	}

	MadCap|dropDownHead
	{
		padding-top: 10px;
		color: var(--link-static);
		text-decoration: blink;
		font-size: 18px;
	}

	body
	{
		line-height: 1.2em;
		margin-top: 0px;
		top: 0px;
		font-size: 16px;
		padding-bottom: 1rem;
		padding-top: 2rem;
		padding-right: inherit;
		margin: 0px;
		padding-left: 2rem;
		width: 70%;
	}

	p
	{
		padding-top: 0px;
		padding: 0px;
		margin-top: 3px;
		margin: 0.3em;
		font-size: 1.00em;
		padding-left: 0em;
		width: 100%;
		line-height: 1.75rem;
		margin-left: 0px;
	}

	MadCap|xref
	{
		font-style: normal;
		font-variant: normal;
		text-decoration: none;
		mc-disable-glossary-terms: true;
		font-size: 16px;
		color: var(--link-static);
	}

	h1
	{
		width: 100%;
		margin-right: 30px;
		margin: 0px;
		left: 0px;
		right: 0px;
		background-color: var(--background-color);
		border-bottom-style: solid;
		border-bottom-color: #dcdcdc;
		border-bottom: solid 1px var(--darker-background-color);
		top: 24px;
		position: static;
		border-bottom-width: 0px;
		page-break-before: avoid;
		padding-right: 0.6em;
		padding: 0px;
		padding-left: 0em;
		margin-bottom: 2rem;
		margin-top: 1rem;
		margin-left: 0em;
		font-weight: 500;
		font-size: 2em;
		line-height: 1.75em;
	}

	h1.non_scrollable_H1
	{
		top: 24px;
	}

	MadCap|miniTocProxy
	{
		font-size: 10pt;
		font-style: normal;
		font-variant: normal;
		color: var(--link-static);
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-top-style: none;
		border-top-width: 0px;
		padding-top: 0px;
		border-left-style: solid;
		border-left-width: 3px;
		border-bottom-color: var(--background-color);
		border-top-color: var(--background-color);
		margin-top: 12px;
		margin-bottom: 12px;
		mc-toc-depth: 3;
		line-height: 130%;
		margin-left: 7px;
		padding-left: 6px;
		border-left-color: #87adb0;
		display: block;
		margin: 7px;
	}

	MadCap|breadcrumbsProxy
	{
		left: 0px;
		width: 100%;
		margin: ;
		mc-breadcrumbs-prefix: ' ';
		border-bottom-width: 0px;
		padding-bottom: 6px;
		padding-left: 6px;
		top: 0px;
		padding-top: 6px;
		background-color: var(--background-color);
		color: var(--link-static);
		font-size: 0.9em;
		position: static;
		line-height: 1.6em;
		mc-breadcrumbs-count: 3;
		mc-breadcrumbs-divider: ' / ';
	}

	a.MCBreadcrumbsLink
	{
		color: var(--link-static);
	}

	a.MCBreadcrumbsLink:visited
	{
		color: var(--link-visited);
	}

	a.MCBreadcrumbsLink:link
	{
		color: var(--link-static);
	}

	a:link
	{
		color: var(--link-static) !important;
	}

	a:visited
	{
		color: var(--link-visited) !important;
	}

	a:hover
	{
		color: var(--link-hover) !important;
	}

	a:active
	{
		color: var(--link-hover) !important;
	}

	MadCap|tocProxy
	{
		border-top-style: none;
	}

	p.footer
	{
		font-style: italic;
	}

	img
	{
		padding: 0px;
		margin: 0px;
		border: none 1px #c6c6c6;
		left: inherit;
		margin-bottom: 0px;
		vertical-align: bottom;
	}

	p.MiniTOC
	{
		font-weight: normal;
		margin: 0;
		padding-bottom: 6px;
		padding-top: 6px;
		mc-leader-offset: 10pt;
		color: var(--link-static);
		padding: 6px;
		line-height: 0.5rem;
		margin-top: 0.75em;
	}

	p.MiniTOC1
	{
		margin-left: 5pt;
	}

	p.MiniTOC2
	{
		margin-left: 15pt;
	}

	p.MiniTOC3
	{
		margin-left: 25pt;
	}

	p.MiniTOC4
	{
		margin-left: 35pt;
	}

	p.MiniTOC5
	{
		margin-left: 45pt;
	}

	p.MiniTOC6
	{
		margin-left: 55pt;
	}

	p.MiniTOC7
	{
		margin-left: 65pt;
	}

	p.contents
	{
		font-size: 18pt;
		font-size: 18pt;
		position: fixed;
		width: 100%;
		padding-bottom: 30px;
		margin-right: 30px;
		padding-right: 0px;
		margin: 0px;
		left: 0px;
		right: 0px;
		padding: 6px;
		background-color: var(--background-color);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #dcdcdc;
		border-bottom: solid 1px #dcdcdc;
		page-break-before: always;
		top: 24px;
		color: #4f4f4f;
		font-weight: 500;
	}

	p.header_left
	{
		margin-top: 0pt;
		margin-bottom: 0pt;
		color: var(--font-color);
		font-size: 10pt;
		padding: 3px;
		text-align: left;
	}

	p.footer_left
	{
		margin-top: 0pt;
		margin-bottom: 0pt;
		color: var(--font-color);
		font-size: 10pt;
		padding: 3px;
	}

	p.header_right
	{
		margin-top: 0pt;
		margin-bottom: 0pt;
		color: var(--font-color);
		font-size: 10pt;
		padding: 3px;
	}

	p.footer_right
	{
		margin-top: 0pt;
		margin-bottom: 0pt;
		color: var(--font-color);
		font-size: 10pt;
		padding: 3px;
		text-align: right;
	}

	MadCap|miniTocProxy
	{
		border-left-color: var(--link-static);
		margin: 10px 10px 10px 0px;
		font-size: 16px;
		padding-left: 0.75rem;
		line-height: 0.5rem;
		color: var(--link-static);
	}

	li
	{
		margin-left: 20px;
		font-size: 1.00em;
		padding-top: 3px;
	}

	img.icon
	{
		max-width: 100%;
		padding-bottom: 0px;
		vertical-align: bottom;
	}

	body.watermark
	{
		background-repeat: repeat-y;
	}

	MadCap|qrCode.QR_Code
	{
		margin-top: 40px;
		position: relative;
		float: left;
		display: inline-block;
	}

	MadCap|dropDown.MadCapDropDownIndent
	{
		left: 0px;
		padding-left: 40px;
	}

	ul.bullets_indented
	{
		margin-top: -15px;
		margin-bottom: -6px;
	}

	p.Indent_list
	{
		margin-bottom: 0px;
		margin-top: 3px;
		margin-left: 0px;
		margin-right: 0px;
	}

	li.Arrows
	{
		list-style-position: inherit;
		list-style-image: url('../Images/arrow-29-16.png');
		vertical-align: sub;
	}

	ul.Arrows
	{
		vertical-align: 0px;
		list-style-image: url('../Images/arrow-29-16.png');
	}

	a.imgLink:hover
	{
		mc-image: none;
		background-image: none;
		border: solid 2px #f2f2f2;
	}

	a.imgLink:active
	{
		border: solid 0px #2a3957;
		background-image: none;
		mc-image: none;
		color: #87adb0;
	}

	a.button:link
	{
		background-color: #2a3957;
		color: #ffffff;
		margin: 1px;
		padding: 1px;
		background-position: 3;
	}

	a.background:link
	{
		background-color: #336699;
		color: #f5f5f5;
		height: 30px;
		line-height: 30px;
	}

	img.img_home,
	img.img_home_vertical
	{
		margin: 20px;
		display: inline-block;
	}

	a.button:hover
	{
		border-bottom-color: #2a3957;
		margin: 30px;
	}

	MadCap|dropDown.MadCap_DropDown_no_top_padding
	{
		padding-top: 1px;
	}

	ul.Arrows_grey
	{
		margin-left: 0px;
		padding-left: 0px;
		list-style-image: url('../Images/arrow-29-16.png');
	}

	ul
	{
		font-size: 1em;
		padding-bottom: 0.3em;
		margin-right: 0em;
		margin: 0em;
		padding-left: 1.5em;
		padding-top: 0.3em;
		margin-bottom: 0.3em;
		line-height: 1.75rem;
		margin-left: 0.25rem;
	}

	ul.bullets_indented_different_bullet
	{
		padding-top: 0em;
		padding-bottom: 0px;
	}

	MadCap|glossaryTerm
	{
		color: #006400;
		font-weight: 500;
		border-bottom: dotted 1px #006400;
		font-style: normal;
	}

	a.GlossaryPageTerm
	{
		mc-disable-glossary-terms: true;
	}

	a
	{
		mc-disable-glossary-terms: true;
		font-size: 1em;
		font-family: Merriweather Sans Light !important;
		color: var(--link-static);
		line-height: 1.75rem;
	}

	ol
	{
		padding-right: 20;
		padding-left: 20px;
		line-height: 1.75rem;
		margin-left: 0.25rem;
	}

	p.code,
	p.Code_formatting
	{
		font-size: 16px;
		width: 94%;
	}

	code
	{
		font-size: 18px !important;
	}

	MadCap|dropDownHotspot
	{
		color: var(--link-static);
		font-size: 18px;
	}

	img.img_with_borders
	{
		border-bottom-color: #cbcbcb;
		border: solid 1px #cbcbcb;
		margin: 4px;
		padding: 4px;
		padding-left: 4px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		margin-left: 0px;
	}

	p.ListOf
	{
		line-height: 0.5rem;
	}

	MadCap|conceptLink
	{
		color: var(--link-static);
	}

	a.Popup,
	MadCap|popup
	{
		border-color: #4f4f4f;
	}

	MadCap|toggler
	{
		color: var(--link-static);
	}

	img.img_with_borders_indended
	{
		border-bottom-color: #cbcbcb;
		border: solid 1px #cbcbcb;
		margin: 4px;
		padding: 4px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		padding-left: 4px;
		margin-left: 1.5rem;
	}

	div.NoPageBreak
	{
		page-break-inside: inherit;
	}
}

/* transition */

MadCap|miniTocProxy
{
	mc-toc-depth: 1;
}

#back-top
{
	position: fixed;
	bottom: 10px;
	margin-left: 92%;
}

#back-top > a
{
	width: 108px;
	display: block;
	text-align: center;
	font: 11px / 100%, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--link-static);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top span
{
	width: 44px;
	height: 44px;
	display: block;
	margin-bottom: 7px;
	margin-left: 35px;
	background: transparent url(../Images/arrow.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

@media (max-width: 480px)
{
	img.img_home
	{
		max-width: 50%;
	}

	MadCap|dropDownHead,
	MadCap|dropDownHotspot
	{
		color: var(--link-static);
	}

	top-svg-container
	{
		display: inline;
		width: 100%;
	}

	.my-svg-container
	{
		display: inline-block;
		position: relative;
		width: 100%;
		vertical-align: middle;
		overflow: hidden;
	}

	.my-svg
	{
		display: block;
		width: 100%;
	}
}

i.examples
{
	mc-disabled: true;
}

MadCap|helpControlMenuItem,
MadCap|relationshipsItem,
MadCap|relationshipsProxy,
MadCap|slideshowAutoControls,
MadCap|slideshowAutoControls.active,
MadCap|slideshowAutoControls.Start,
MadCap|slideshowAutoControls.Stop,
MadCap|slideThumbnail,
MadCap|slideThumbnail.active
{
	mc-disabled: true;
}

p.contents
{
	mc-disabled: false;
}

p.footer,
p.footer_left,
p.footer_right,
p.header_left,
p.header_right,
span.boolean,
span.state,
ul.Arrows_grey
{
	mc-disabled: true;
}

sub,
sup,
b,
i
{
	mc-disabled: false;
}

tt,
var,
abbr,
acronym,
big,
cite,
em,
kbd,
samp,
small
{
	mc-disabled: true;
}

/*MADCAP proxy/editor assigned styles*/

MadCap|searchBarProxy
{
	display: block;
	background-color: var(--background-color);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	float: none;
	width: 50%;
	height: 100%;
}

MadCap|topicToolbarProxy
{
	float: none;
}

MadCap|menuProxy.menu1,
MadCap|menuProxy.menu2
{
	mc-toc-depth: 1;
	mc-context-sensitive: True;
}

html.home-page
{
	mc-community-features: disabled;
}

