/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

.sub-menu
{
	overflow-y: auto;
	height: 460px;
}

@font-face 
{
	font-family: "Museo Sans Rounded 500";
	src: url(MuseoSansRounded500.otf) format("opentype");
}

@font-face 
{
	font-family: "Museo Sans Rounded 300";
	src: url(MuseoSansRounded300.otf) format("opentype");
}

body
{
	font-family: "Museo Sans Rounded 300", Calibri, Arial;
	line-height: 1.5em;
	color: #414042;
	max-height: 80vh;
}

h1,
h1.Number,
h2,
h2.Number,
h3,
h3.Number
{
	font-family: "Museo Sans Rounded 500", Calibri, Arial;
	color: #00AEEF;
	margin-top: 20px;
}

h4,
h5
{
	font-family: "Museo Sans Rounded 500", Calibri, Arial;
	color: #0055B8;
}

p
{
	font-family: "Museo Sans Rounded 300", Calibri, Arial;
	font-size: 12pt;
	color: #414042;
	margin-bottom: 8px;
	margin-top: 8px;
	mc-hyphenate: never;
}

p.Note
{
	font-size: 1em;
	margin-bottom: 8px;
	margin-top: 8px;
	background-repeat: no-repeat;
	font-style: italic;
	mc-auto-number-position: inside-head;
	mc-auto-number-format: '{i}Note: {/i}';
	font-family: "Museo Sans Rounded 300", Calibri, Arial;
	background-image: url('../Images/Logos/note_icon.png');
	border-bottom-left-radius: 3px;
	border-radius: 3px;
	border: solid 1px #00aeef;
	padding-right: 10px;
	background-position: 10px 5px;
	padding-left: 40px;
	padding-top: 5px;
	mc-hyphenate: never;
	page-break-inside: avoid;
	padding-bottom: 10px;
}

p.Tutorial
{
	font-size: 1em;
	margin-bottom: 8px;
	margin-top: 8px;
	background-repeat: no-repeat;
	font-style: italic;
	mc-auto-number-position: inside-head;
	mc-auto-number-format: '{i}Tutorial: {/i}';
	font-family: "Museo Sans Rounded 300", Calibri, Arial;
	background-image: url('../Images/Logos/video_icon.png');
	border-bottom-left-radius: 3px;
	border-radius: 3px;
	border: solid 1px #00aeef;
	padding-right: 10px;
	background-position: 10px 5px;
	padding-left: 55px;
	padding-top: 5px;
	mc-hyphenate: never;
	page-break-inside: avoid;
	padding-bottom: 10px;
}

p.Important
{
	font-size: 1em;
	margin-bottom: 8px;
	margin-top: 8px;
	background-repeat: no-repeat;
	font-style: italic;
	mc-auto-number-position: inside-head;
	mc-auto-number-format: '{i}Important: {/i}';
	font-family: "Museo Sans Rounded 300", Calibri, Arial;
	background-image: url('../Images/Logos/alert_icon.png');
	border-bottom-left-radius: 3px;
	border-radius: 3px;
	border: solid 1px #A32035;
	padding-right: 10px;
	background-position: 10px 5px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	mc-hyphenate: never;
}

p.Classification
{
	font-family: "Museo Sans Rounded 300", Calibri, Arial;
	font-size: 14pt;
	color: #414042;
	font-style: italic;
	font-weight: bold;
}

p.Title
{
	font-family: "Museo Sans Rounded 500", Calibri, Arial;
	color: #00AEEF;
	font-size: 24pt;
	font-weight: bold;
}

p.Subtitle
{
	font-family: Calibri, Arial;
	color: #00AEEF;
	font-size: 14pt;
	font-weight: normal;
}

#page-container
{
	position: relative;
	min-height: 70vh;
}

#content-wrap
{
	padding-bottom: 2.5rem;
}

#footer
{
	bottom: 0;
	width: 100%;
	height: 2.5rem;
	align-self: center;
	color: #00AEEF;
	padding-top: 3%;
	margin-bottom: 1%;
	text-align: center;
}

ol,
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #414042;
	mc-hyphenate: never;
}

img
{
	border: none;
	text-align: center;
}

h3,
h3.Number
{
	font-weight: bold;
}

h4
{
	font-weight: normal;
	color: #00AEEF;
}

h5
{
	font-style: italic;
	font-weight: normal;
}

a
{
	text-decoration: underline;
	color: #0055B8;
}

a:link
{
	color: #0055B8;
}

a:link
{
	color: #00AEEF;
}

a:visited
{
	color: #74489D;
}

MadCap|xref
{
	color: #0055B8;
	mc-format: '{paranum}{paratext}';
}

p.MiniTOC4
{
	
}

p.TOC4
{
	mc-heading-level: 0;
}

a.MCBreadcrumbsLink
{
	color: #00AEEF;
}

MadCap|dropDownHead
{
	color: #00AEEF;
	font-family: "Museo Sans Rounded 500", Calibri, Arial;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 8px;
	mc-open-image: url('../Images/Logos/down_arrow_icon.png');
	mc-closed-image: url('../Images/Logos/right_arrow_icon.png');
}

MadCap|bodyProxy
{
	display: block;
}

MadCap|searchBarProxy
{
	border: solid 1px #000000;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	border-radius: 1px;
}

MadCap|dropDownHotspot
{
	
}

MadCap|dropDown
{
	mc-open-image: url('../Images/Logos/down_arrow_icon.png');
	mc-closed-image: url('../Images/Logos/right_arrow_icon.png');
}

h1.Number
{
	font-weight: normal;
	line-height: normal;
}

h1
{
	font-weight: normal;
	line-height: normal;
}

h2
{
	font-weight: normal;
}

h3
{
	font-weight: normal;
}

h3.Number
{
	font-weight: normal;
}

div.HomePage1	/*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.HomePage1::before
{
	content: ' ';
	display: table;
}

div.HomePage1::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomePage1 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.HomePage1 > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.HomePage1 > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.HomePage1 > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

div.HomePage1 > div:nth-child(4)
{
	width: 25%;
	margin-left: 0%;
}

@media print
{
	h1
	{
		font-size: 16pt;
		margin-bottom: 4px;
	}

	h2
	{
		font-size: 14pt;
		margin-bottom: 4px;
	}

	h3
	{
		font-size: 12pt;
		margin-bottom: 4px;
		mc-heading-level: 0;
	}

	h4
	{
		font-size: 12pt;
		font-weight: normal;
		mc-heading-level: 0;
	}

	h1.Number
	{
		mc-auto-number-format: '{chapnum}  ';
		margin-bottom: 4px;
	}

	h2.Number
	{
		mc-auto-number-format: '{chapnum}.{Cn+}  ';
		margin-bottom: 4px;
	}

	h3.Number
	{
		mc-auto-number-format: '{chapnum}.{Cn}.{n+} ';
		margin-bottom: 4px;
	}

	p
	{
		mc-hyphenate: never;
		hyphens: none;
	}

	p.Title
	{
		font-family: "Museo Sans Rounded 500", Calibri, Arial;
		color: #00AEEF;
		font-size: 24pt;
		font-weight: bold;
	}

	p.Subtitle
	{
		font-family: Calibri, Arial;
		color: #00AEEF;
		font-size: 14pt;
		font-weight: normal;
	}

	a
	{
		text-decoration: underline;
		color: #0055B8;
	}

	a:visited
	{
		color: #74489D;
	}

	MadCap|xref
	{
		color: #0055B8;
		text-decoration: underline;
	}

	p.MiniTOC4
	{
		mc-heading-level: 0;
	}

	p.TOC5
	{
		mc-heading-level: 0;
	}

	p.MiniTOC5
	{
		mc-heading-level: 0;
	}
}

pre.Block
{
	background: #d3d3d3;
	white-space: pre;
	margin: 0;
	margin-bottom: 0;
}

@media web
{
	.column
	{
		float: left;
		padding: 10px;
	}

	.column.left
	{
		align-self: left;
		width: 13%;
	}

	.column.middle
	{
		width: 100%;
	}

	.row:after
	{
		content: "";
		display: table;
		clear: both;
	}

	.main-section
	{
		align-self: left;
	}

	h1.Number
	{
		margin-bottom: 15px;
		color: #808285;
	}

	MadCap|breadcrumbsProxy
	{
		mc-breadcrumbs-prefix: '';
	}

	a.MCBreadcrumbsLink
	{
		color: #414042;
		text-decoration: none;
	}

	a.MCBreadcrumbsLink:hover
	{
		color: #00AEEF;
		text-decoration: none;
	}

	span.MCBreadcrumbsSelf
	{
		font-weight: normal;
		padding-top: 10px;
	}

	a:link
	{
		color: #00AEEF;
	}

	#myBtn
	{
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		border: none;
		outline: none;
		cursor: pointer;
		border-radius: 4px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url('../Images/Logos/to_top_icon.png');
		padding: 28px;
	}

	#myBtn:hover
	{
		background-color: transparent;
	}

	nav.title-bar .menu-icon
	{
		display: block;
		border: none;
		z-index: 100;
		position: absolute;
		background: transparent;
		cursor: pointer;
		top: 50%;
		transform: translateY(-50%);
		left: auto;
		right: -13px;
		background-image: url('../Images/Logos/hamburger_menu_icon.png');
		background-repeat: no-repeat;
	}

	ul.navigation ul
	{
		border: solid 1px #696969;
	}

	ul.navigation ul:hover
	{
		border: solid 1px #696969;
	}

	ul.navigation ul > li
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	ul.navigation ul > li:hover
	{
		margin-top: 1px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	ul.navigation ul > li li:hover
	{
		padding-top: 5px;
		padding-bottom: 5px;
		border: none;
	}

	.title-bar .menu-icon span
	{
		background-image: none;
	}

	MadCap|dropDownHead
	{
		font-weight: normal;
	}

	MadCap|miniTocProxy
	{
		
	}

	h1
	{
		color: #808285;
	}
}

h1
{
	color: #808285;
}

MadCap|miniTocProxy
{
	
}

MadCap|dropDownHead
{
	font-weight: normal;
}

.title-bar .menu-icon span
{
	background-image: none;
}

ul.navigation ul > li li:hover
{
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}

ul.navigation ul > li:hover
{
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.navigation ul > li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.navigation ul:hover
{
	border: solid 1px #696969;
}

ul.navigation ul
{
	border: solid 1px #696969;
}

nav.title-bar .menu-icon
{
	display: block;
	border: none;
	z-index: 100;
	position: absolute;
	background: transparent;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	left: auto;
	right: -13px;
	background-image: url('../Images/Logos/hamburger_menu_icon.png');
	background-repeat: no-repeat;
}

#myBtn:hover
{
	background-color: transparent;
}

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url('../Images/Logos/to_top_icon.png');
	padding: 28px;
}

span.MCBreadcrumbsSelf
{
	font-weight: normal;
	padding-top: 10px;
}

a.MCBreadcrumbsLink:hover
{
	color: #00AEEF;
	text-decoration: none;
}

a.MCBreadcrumbsLink
{
	color: #414042;
	text-decoration: none;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-prefix: '';
}

h1.Number
{
	margin-bottom: 15px;
	color: #808285;
}

.main-section
{
	align-self: left;
}

.row:after
{
	content: "";
	display: table;
	clear: both;
}

.column.middle
{
	width: 100%;
}

.column.left
{
	align-self: left;
	width: 13%;
}

.column
{
	float: left;
	padding: 10px;
}

@media only screen and (max-width: 1279px)
{
	div.HomePage1 > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.HomePage1 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.HomePage1 > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.HomePage1 > div:nth-child(4)
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	div.HomePage1 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.HomePage1 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.HomePage1 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.HomePage1 > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}
}

