/*<meta />*/

@font-face 
{
	font-family: 'robotobold';
	src: url('Fonts/Roboto-Bold-webfont.eot');
	src: url('Fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Bold-webfont.woff') format('woff'), url('Fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('Fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotolight';
	src: url('Fonts/Roboto-Light-webfont.eot');
	src: url('Fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Light-webfont.woff') format('woff'), url('Fonts/Roboto-Light-webfont.ttf') format('truetype'), url('Fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotothin';
	src: url('Fonts/Roboto-Thin-webfont.eot');
	src: url('Fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Thin-webfont.woff') format('woff'), url('Fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('Fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'roboto';
	src: url('Fonts/Roboto-Regular-webfont.eot');
	src: url('Fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Regular-webfont.woff') format('woff'), url('Fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('Fonts/Roboto-Regular-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'roboto';
	src: url('Fonts/Roboto-Thin-webfont.eot');
	src: url('Fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Thin-webfont.woff') format('woff'), url('Fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('Fonts/Roboto-Thin-webfont.svg#robotobold') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face 
{
	font-family: 'roboto';
	src: url('Fonts/Roboto-Light-webfont.eot');
	src: url('Fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Light-webfont.woff') format('woff'), url('Fonts/Roboto-Light-webfont.ttf') format('truetype'), url('Fonts/Roboto-Light-webfont.svg#robotobold') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'roboto';
	src: url('Fonts/Roboto-Bold-webfont.eot');
	src: url('Fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Bold-webfont.woff') format('woff'), url('Fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('Fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'roboto';
	src: url('Fonts/Roboto-Bold-webfont.eot');
	src: url('Fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Roboto-Bold-webfont.woff') format('woff'), url('Fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('Fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotocondensed';
	src: url('Fonts/RobotoCondensed-Regular-webfont.eot');
	src: url('Fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('Fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('Fonts/RobotoCondensed-Regular-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotocondensed';
	src: url('Fonts/RobotoCondensed-Bold-webfont.eot');
	src: url('Fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('Fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('Fonts/RobotoCondensed-Bold-webfont.svg#robotobold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotocondensed';
	src: url('Fonts/RobotoCondensed-Bold-webfont.eot');
	src: url('Fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('Fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('Fonts/RobotoCondensed-Bold-webfont.svg#robotobold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotocondensedbold';
	src: url('Fonts/RobotoCondensed-Bold-webfont.eot');
	src: url('Fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('Fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('Fonts/RobotoCondensed-Bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
	line-height: 1.4em;
	margin: 17px;
	background-color: #ffffff;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	color: #3B464F;
	max-width: 100%;
	margin-bottom: 40px;
	margin-top: 100px;
	height: 100%;
}

h2,
h3,
h4,
h5,
h6
{
	font-family: 'RobotoBold', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #3B464F;
}

h1
{
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	color: #5b08b2;
	font-size: 44px;
	font-weight: 700;
	line-height: 47px;
	margin: 0 0 0.67em 0;
}

.topichero h1:before
{
	content: none;
}

.tutorial h1
{
	color: #3dc88c;
}

.tutorial .desktop h1:before
{
	content: "\f108  How To: ";
	font-family: fontawesome, 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 1px;
}

.tutorial .mobile h1:before
{
	content: "\f10b  How To: ";
	font-family: fontawesome, 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 1px;
}

.tutorial .eportal h1:before
{
	content: "\f109  How To: ";
	font-family: fontawesome, 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 1px;
}

.guide .desktop h1:before
{
	content: "\f108  ";
	font-family: fontawesome, 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 1px;
}

.guide .mobile h1:before
{
	content: "\f10b  ";
	font-family: fontawesome, 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 1px;
}

.guide .eportal h1:before
{
	content: "\f109  ";
	font-family: fontawesome, 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 1px;
}

p.note2
{
	font-style: italic;
	font-size: 9pt;
}

p.footer
{
	background-color: #ffffff;
	text-align: center;
	bottom: 0px;
}

a
{
	color: #5b08b2;
	text-decoration: none;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
}

a.GlossaryPageTerm
{
	font-weight: bold;
	color: #5b08b2;
	text-decoration: none;
}

a.Popup
{
	font-weight: bold;
	color: #5b08b2;
	text-decoration: none;
}

a.MCBreadcrumbsLink
{
	color: #5b08b2;
	text-decoration: none;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
}

a:link
{
	color: #5b08b2;
	text-decoration: none;
}

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

a:focus
{
	color: #5b08b2;
	text-decoration: none;
}

a:hover
{
	color: #B3A7FE;
	text-decoration: none;
}

#resultList h3.title a:hover
{
	color: #B3A7FE;
	text-decoration: none;
}

.mini-fromhere a:hover
{
	color: #B3A7FE !important;
	text-decoration: none;
}

a:active
{
	color: #5b08b2;
	text-decoration: none;
}

.xref,
.xref:hover,
.xref:focus
{
	font-weight: bold;
}

abbr
{
	
}

.search-field
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #3B464F;
}

.search-field:placeholder
{
	color: #5f5f5f;
}

.search-field::placeholder,
.search-field:-ms-input-placeholder,
.search-field:-moz-placeholder,
.search-field::-moz-placeholder,
.search-field::-webkit-input-placeholder
{
	color: #5F5F5F;
}

.MCTextPopupArrow
{
	border-bottom-color: rgba(0, 0, 0, .85);
}

.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup
{
	background-position: left;
	background-image: url('../Images/ExpandingClosed.png');
	padding-left: 13px;
	padding-right: 0;
}

.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup
{
	background-position: left;
	background-image: url('../Images/ExpandingOpen.png');
	padding-left: 13px;
	padding-right: 0;
}

img
{
	mc-thumbnail: none;
	mc-thumbnail-max-height: auto;
}

.leftdiagram img,
.scrap img,
.imgmap,
img[src$=".gif"]
{
	mc-thumbnail: none;
}

img.lrgsbj,
img.smlsbj
{
	border: solid 10px #f0f0f0;
	max-width: 85%;
	max-height: 85%;
	mc-thumbnail: popup;
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

img.layout,
img.lrgstp,
img.smlstp
{
	border: solid 10px #f0f0f0;
	max-height: 50vh;
	max-width: 100%;
	mc-thumbnail: popup;
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

img.hh
{
	border: solid 10px #f0f0f0;
	max-width: 260px;
	height: auto;
	mc-thumbnail: popup;
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

img.relationships
{
	max-width: 50em;
	position: absolute;
	border: none;
	opacity: 0;
	width: 90%;
}

img.garrow
{
	position: relative;
	top: 5px;
	height: 20px;
	border: none;
}

hr
{
	background: #cccccc;
	margin: 40px 0;
	border: none;
	height: 1px;
}

.MCPopupThumbnail
{
	-moz-border-radius: 0;
	border-radius: 0;
}

#mc-background-tint
{
	opacity: 0.35 !important;
	background: #000000;
}

.MCPopupFullImage
{
	-moz-border-radius: 0;
	border-radius: 0;
	cursor: zoom-out;
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
}

.MCPopupContainer
{
	background-color: #eee;
	border: solid 1px #eee;
	-moz-border-radius: 0;
	border-radius: 0;
	cursor: zoom-out;
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
}

object
{
	position: inherit;
	z-index: 500;
}

.mc-wrapper
{
	max-width: 90%;
}

.mc-wrapper .mc-viewport
{
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

td
{
	vertical-align: top;
}

div.wrap
{
	margin-left: 2.5%;
}

div.lefttext
{
	float: left;
	min-width: 20%;
	max-width: 57%;
	width: auto;
}

div.rightimg
{
	float: right;
	margin-left: 2.5%;
	text-align: left;
	width: 40.5%;
}

div.righttext
{
	float: right;
	margin-left: 2.5%;
	text-align: left;
	width: 40.5%;
}

div.clearer,
.clearer
{
	clear: both;
}

div.leftvid
{
	float: left;
	text-align: center;
	width: 50%;
}

div.rightvid
{
	float: right;
	text-align: center;
	width: 50%;
}

div.rightdescription
{
	text-align: left;
	display: none;
}

area.phase
{
	cursor: pointer;
}

.tutorial .dropDownBody div.clearer,
.modules .clearer
{
	clear: both;
	border-top: 1px solid #eeeeee;
}

.MCDropDown_Closed
{
	margin-bottom: 7px;
}

.tutorial div.wrap:last-child div.clearer,
.modules .clearer:last-child
{
	border-top: none;
}

div.sections
{
	display: none;
}

a.MCBreadcrumbsLink:link
{
	color: #5b08b2;
}

a.MCBreadcrumbsLink:visited
{
	color: #5b08b2;
}

a.MCBreadcrumbsLink:focus
{
	color: #5b08b2;
}

a.MCBreadcrumbsLink:hover
{
	color: #B3A7FE;
}

a.MCBreadcrumbsLink:active
{
	color: #B3A7FE;
}

div.printsect
{
	page-break-inside: avoid;
}

div.VanCom
{
	width: 50%;
	min-width: 500px;
	margin-left: 0%;
	margin-right: 50%;
	margin-top: 50px;
	border-top: solid 1px #e1e1e1;
}

@media only screen and (max-width: 767px)
{
	div.VanCom
	{
		width: 100%;
		min-width: 100%;
	}
}

#responsiveHeader
{
	background-color: #3B464F;
}

div.embedidation
{
	max-width: 600px;
	margin: auto;
	border: solid 10px #f0f0f0;
}

.embed-container
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Tablets & Mobile ----------- */

@media only screen and (max-width: 767px)
{
	div.lefttext,
	div.thirdsect
	{
		float: none;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
	}

	div.rightimg
	{
		float: none;
		width: auto;
		margin-left: 0%;
		text-align: center;
	}

	div.righttext
	{
		float: none;
		width: auto;
		margin-left: 0%;
	}

	div.leftvid
	{
		float: none;
		text-align: center;
		width: auto;
	}

	div.rightvid
	{
		float: none;
		text-align: center;
		width: auto;
	}

	div.sections
	{
		color: #f7d100;
		float: none;
		font-size: 90%;
		background-color: #fff8d0;
		border-radius: 8px;
		width: 100%;
		border: medium none;
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px;
	}

	body
	{
		margin: 0px 17px 40px;
	}

	p.taskItem_task_0
	{
		line-height: 100%;
	}

	p.referenceItem_reference_0
	{
		line-height: 100%;
	}

	p.mobiletutItem_mobiletut_0
	{
		line-height: 100%;
	}

	p.mobilerefItem_mobileref_0
	{
		line-height: 100%;
	}

	p.conceptItem_concept_0
	{
		line-height: 100%;
	}

	.explorerside
	{
		float: none !important;
		width: 100% !important;
	}

	.wmap
	{
		float: none !important;
		width: 100% !important;
		margin: 25px 0 !important;
		height: auto;
	}
}

body.transbkg
{
	line-height: 1.4em;
	margin: 17px;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 15px;
	max-width: 100%;
	margin-bottom: 40px;
	margin-top: 100px;
	height: 100%;
	background: transparent;
}

p.covertitle
{
	text-align: center;
	font-family: 'RobotoThin', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: 100;
	font-size: 75px;
	line-height: 65px;
	color: #5b08b2;
}

.coversub
{
	font-weight: bold;
	font-size: 38px;
	font-family: 'RobotoCondensedBold', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	line-height: 110px;
}

html.welcomepage
{
	mc-master-page: url('../MasterPages/KB_Master_Page.flmsp');
}

ol.NumberedChildren	/*1.2.3.4.*/
{
	list-style-type: decimal;
}

ol.NumberedChildren > li > ol
{
	list-style-type: decimal;
}

ol.NumberedChildren > li > ol > li::marker
{
	content: 'counter().' counter(NumberedChildren) '.';
}

ol.NumberedChildren > li > ol > li > ol
{
	list-style-type: decimal;
}

ol.NumberedChildren > li > ol > li > ol > li::marker
{
	content: 'counter().counter().' counter(NumberedChildren) '.';
}

ol.NumberedChildren > li > ol > li > ol > li > ol
{
	list-style-type: decimal;
}

ol.NumberedChildren > li > ol > li > ol > li > ol > li::marker
{
	content: 'counter().counter().counter().' counter(NumberedChildren) '.';
}

h3.featured	/*Featured Release Note*/
{
	color: #f7d100;
}

p.Warning	/*NOTE: Comment Comment Comment*/
{
	font-weight: bold;
	color: #ff0000;
}

span.Warning
{
	color: #ff0000;
	font-weight: bold;
}

h2.section_title	/*created for dev document*/
{
	font-family: 'Roboto', 'RobotoThin', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 28pt;
	color: #f7d100;
	font-weight: 100;
}

h2.release_h2
{
	
}

span.optional
{
	color: #8b0000;
}

.required
{
	color: #ff0000;
	font-weight: bold;
}

#header
{
	background-color: #191919;
}

#header .logo
{
	margin-left: 50px;
}

#responsiveHeader
{
	background-color: #191919;
}

@media only screen and (min-width: 90.063em)
{
	#responsiveHeader
	{
		background-color: #191919 !important;
	}
}

@media only screen and (max-width: 80em)
{
	html.left-layout #contentBody
	{
		left: 0px;
	}
}

.search-submit
{
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

#responsiveHeader
{
	background-color: #191919 !important;
}

html.left-layout #contentBody
{
	left: 0;
}

html.right-layout #contentBody
{
	right: 0;
}

/* Top Nav 2016r2 CSS ----------- */

div.ImagesFloatLeft
{
	clear: both;
	float: left;
	margin-right: 10px;
	padding: 5px;
}

div.ImagesFloatRight
{
	clear: both;
	float: right;
	margin-left: 10px;
	padding: 5px;
}

div.note
{
	background-color: #47484a;
	background-image: url('../Images/NoteIcon.png');
	background-repeat: no-repeat;
	border: solid 1px #404040;
	border-radius: 6px;
	color: #b3b3b3;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
}

.noteInDiv
{
	mc-auto-number-format: '{b}{color #bed230}Note: {/color}{/b}';
}

div.quotation
{
	background-color: #e1e1e1;
	background-image: url('../Images/QuotationMark.png');
	background-repeat: no-repeat;
	background-position: top left;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
}

div.TightContent
{
	margin: 0;
	padding: 0;
	line-height: 1em;
}

img.Thumbnail
{
	mc-thumbnail: popup;
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

img.ReduceButtonSize
{
	max-height: 25px;
}

p.CompanyInformation1
{
	margin-bottom: 4px;
	margin-top: 14px;
	font-weight: bold;
}

p.CompanyInformation2
{
	color: #6d6d6d;
	margin-top: 4px;
	margin-bottom: 4px;
}

p.ExampleHeadText
{
	font-weight: bold;
	page-break-after: avoid;
	letter-spacing: 5px;
	padding: 0;
	margin: 0;
	border: 0;
}

/* Content Sections */

div.sideContent
{
	float: right;
	margin-left: 10px;
	margin-bottom: 25px;
	width: 250px;
	color: #3dc88c;
	border: none;
	padding: 0px 10px 10px 10px;
	font-size: 90%;
	background-color: #d4ecdf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.leftMenu
{
	float: left;
	width: 13em;
	margin-right: 2em;
}

.row .row.collapse
{
	width: auto;
	overflow: hidden;
}

@media only screen and (max-width: 1279px)
{
	div.sideContent
	{
		width: 250px;
	}

	div.leftMenu
	{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.row .row.collapse
	{
		width: 100%;
		margin-top: 15px;
	}
}

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

	div.leftMenu
	{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.row .row.collapse
	{
		width: 100%;
		margin-top: 15px;
	}
}

/* FROM HOME PAGE CSS */
/* Home Page General Styles*/

p.Copyright
{
	font-size: 0.9em;
	text-align: left;
	color: #888888;
	line-height: 1.6em;
	margin: 0 0 10px 0;
}

.inner-wrap .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

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

/* Footer */

div.footer
{
	background-color: #171717;
	padding-top: 40px;
	padding-bottom: 40px;
	clear: both;
	width: 100%;
	margin-top: 30px;
	flex-basis: auto;
}

div.footer a
{
	text-decoration: none;
	color: #ffffff;
}

div.footer > div.outer-row
{
	line-height: 30px;
	padding: 0;
}

.footer-logo
{
	max-width: 100%;
	border: none;
}

.footer-links
{
	text-align: left;
}

.footer-links a
{
	padding-right: 15px;
}

.footer-icons
{
	text-align: right;
}

.footer-icons > a:first-of-type
{
	padding-right: 10px;
}

div.main-content
{
	width: 100%;
	max-width: 70em;
	margin: auto;
	padding: 0 1em;
	flex: 1;
	flex-basis: auto;
}

.inner-wrap .outer-row
{
	max-width: 70em;
}

#contentBody
{
	display: block;
	/* IE < 10, Opera *Presto* Desktop (Now dead) */
	display: -webkit-box;
	/* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
	display: -moz-box;
	/* Firefox 2 - 27 (2009 Spec), UCMini Android */
	display: -ms-flexbox;
	/* IE10 (2012 Syntax) */
	display: -webkit-flex;
	/* Safari 6.1 - 8, Android < 4.4, BB < 10, Chrome 21 - 28 */
	display: flex;
	min-height: calc(100vh - 155px);
	flex-direction: column;
}

/* Mad Cap proxy/editor assigned styles */

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

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

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

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

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

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

/* Medium Layout */

@media only screen and (max-width: 1279px)
{
	div.footer
	{
		padding: 20px;
	}

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

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

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

/* Small Layout */

@media only screen and (max-width: 767px)
{
	.footer-links,
	p.Copyright,
	.footer-icons
	{
		text-align: center;
	}

	div.HomeMasterPageFooter > div:nth-child(1)
	{
		width: 100%;
	}

	div.HomeMasterPageFooter > div:nth-child(2)
	{
		width: 100%;
	}

	div.HomeMasterPageFooter > div:nth-child(3)
	{
		width: 100%;
	}

	ul.menu._Skins_SideMenu.mc-component
	{
		display: block;
	}
}

/* Side Menu Navigation*/

ul.menu,
ul.menu ul,
ul.menu._Skins_SideMenu li
{
	margin-top: 8px;
}

._Skins_SideMenu li:first-child
{
	margin-top: 0 !important;
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	color: #444;
	padding: 10px;
	text-align: right;
	font-weight: bold;
}

ul.menu._Skins_SideMenu.mc-component li.has-children
{
	border-right: 2px solid #5b08b2;
}

ul.menu._Skins_SideMenu.mc-component li.has-children li a
{
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
}

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	background: #5b08b2;
	color: #ffffff;
	font-weight: bold;
}

ul.menu._Skins_SideMenu.mc-component li > a.selected:hover
{
	font-weight: bold;
	background-color: #5b08b2;
	color: #ffffff;
}

ul.menu._Skins_SideMenu.mc-component ul > li > a:hover,
ul.menu._Skins_SideMenu.mc-component li > a:hover
{
	background-color: transparent;
	color: #5b08b2;
}

ul.menu._Skins_SideMenu.mc-component
{
	background-color: transparent;
	border-right: 1px solid #edf5f8;
	padding: 0;
}

@media only screen and (max-width: 1279px)
{
	._Skins_SideMenu li
	{
		margin-top: 5px;
	}

	ul.menu._Skins_SideMenu.mc-component li > a
	{
		color: #444;
		padding: 2px 0;
		text-align: left;
		font-weight: bold;
	}

	ul.menu._Skins_SideMenu.mc-component li.has-children
	{
		border-right: none;
	}

	ul.menu._Skins_SideMenu.mc-component li.has-children li a
	{
		font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	ul.menu._Skins_SideMenu.mc-component li > a.selected
	{
		background: transparent;
		color: #5b08b2;
		font-weight: bold;
	}

	ul.menu._Skins_SideMenu.mc-component li > a.selected:hover
	{
		font-weight: bold;
		background-color: transparent;
		color: #5b08b2;
	}

	ul.menu._Skins_SideMenu.mc-component
	{
		border: 2px solid #5b08b2;
		padding: 10px;
	}

	ul.menu._Skins_SideMenu.mc-component ul > li > a
	{
		padding-top: 2px;
		padding-bottom: 2px;
	}
}

/* Main Menu Navigation */

ul.navigation li > a
{
	display: block;
	line-height: 45px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.navigation li.has-children > a
{
	padding-right: 15px;
}

ul.navigation li:hover
{
	background-color: transparent;
}

ul.navigation ul,
ul.navigation ul ul,
ul.navigation ul ul ul
{
	background-color: #5B6A75;
}

ul.navigation > li.has-children::after
{
	display: none;
}

ul.navigation ul > li.has-children > a::after
{
	content: url(../../../Content/Resources/Images/more-arrow.png);
	right: 1px;
}

ul.navigation > li.has-children > a::after
{
	content: url(../../../Content/Resources/Images/more-arrow-down.png);
	position: absolute;
	right: -5px;
	bottom: 5px;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a::after
{
	content: url(../../../Content/Resources/Images/more-arrow.png);
	right: 5px;
	position: relative;
	top: 4px;
}

.right-submenu .back > a::after
{
	content: url(../../../Content/Resources/Images/more-arrow-back.png);
	right: 5px;
	position: relative;
	top: 4px;
}

.is-accordion-submenu-parent > a::after,
.is-accordion-submenu-parent > a span.submenu-toggle
{
	border-color: #f7d100 transparent transparent;
}

ul.off-canvas-list li a
{
	border-bottom: 1px solid #444444;
}

.move-left .exit-off-canvas
{
	background: rgba(255, 255, 255, 0.1);
}

/* Search Screen */

#resultList h3.title a
{
	color: #5b08b2;
}

#resultList h3.title a:active,
#resultList h3.title a:visited,
#resultList h3.title a:focus
{
	color: #5b08b2;
	text-decoration: none;
}

.searchTopic .sideContent
{
	display: none;
}

.searchTopic .row .collapse
{
	width: 100%;
}

#resultList .glossary
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-left: 6px solid #5b08b2;
	background: #edf5f8;
}

/* Section Color Tagging */

.code,
.warning,
.tip,
.datextoc,
.fromhere,
.example,
.note,
.prereq,
.downloads
{
	width: 89%;
	margin: 30px auto;
	padding: 2px 15px;
	word-wrap: break-word;
}

p.code,
p.warning,
p.tip,
p.datextoc,
p.fromhere,
p.example,
p.note,
p.prereq,
p.downloads
{
	padding: 10px 15px;
}

.code
{
	background: #f5f5f5;
	border-left: 7px solid #838383;
	overflow: auto;
}

.code pre
{
	font-size: 14px;
}

pre
{
	mc-disable-glossary-terms: true;
}

.warning
{
	background: #faf2f0;
	border-left: 7px solid #ba2300;
	color: #ba2300;
}

.tip,
.datextoc
{
	background: #f0f7fa;
	border-left: 7px solid #0070a0;
}

.fromhere
{
	background: #f0faf0;
	border-left: 7px solid #3dc88c;
}

.example,
.note
{
	background: #faf5f0;
	border-left: 7px solid #f68e1e;
}

.prereq
{
	background: #faf8f0;
	border-left: 7px solid #f5c400;
}

.downloads
{
	background: #f9f0fa;
	border-left: 7px solid #722f76;
	color: #999999;
}

.code h3
{
	color: #838383;
}

.warning h3
{
	color: #ba2300;
}

.tip h3
{
	color: #0070a0;
}

.datextoc h3
{
	color: #3B464F;
}

.fromhere h3
{
	color: #3dc88c;
}

.example h3
{
	color: #f68e1e;
}

.prereq h3
{
	color: #f5c400;
}

.downloads h3
{
	color: #722f76;
}

.code h3::before
{
	content: "\f121";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.warning h3::before
{
	content: "\f071";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.tip h3::before
{
	content: "\f0eb";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.datextoc h3::before
{
	content: "\f03a";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.fromhere h3::before
{
	content: "\f046";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.example h3::before
{
	content: "\f05a";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.prereq h3::before
{
	content: "\f058";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

.downloads h3::before
{
	content: "\f019";
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 6px;
}

/* Physical Hierarchy Concept */

img.map
{
	max-width: 100%;
	height: auto;
}

.wexplorer
{
	border: 5px solid grey;
	height: 500px;
	line-height: 1.4em;
	overflow: scroll;
}

.explorerside
{
	width: 25%;
	position: relative;
	float: left;
}

.wmap
{
	position: relative;
	width: 72.5%;
	margin-left: 2.5%;
	float: left;
}

.scrap
{
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	height: auto;
}

.file
{
	
}

/* CSS Tree menu styles */

ol.tree
{
	padding: 0 0 0 30px;
	font-family: Geneva, Tahoma, Verdana, sans-serif;
}

.tree li
{
	position: relative;
	margin-left: -15px;
	list-style: none;
}

.tree li.file
{
	margin-left: -1px !important;
}

.tree li.file a
{
	background: url(../../Concepts/images/location.png) 0 0 no-repeat;
	color: #3B464F;
	padding-left: 21px;
	text-decoration: none;
	display: block;
	font-weight: normal;
}

.tree li.file a[href*='equip']
{
	background: url(../../Concepts/images/equipment.png) 0 0 no-repeat;
}

.tree li.file a[href*='yard']
{
	background: url(../../Concepts/images/yard.png) 0 0 no-repeat;
}

.tree li input
{
	position: absolute;
	left: 0;
	margin-left: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0;
}

.tree li input + ol
{
	background: url(../../Concepts/images/toggle-small-expand.png) 40px 0 no-repeat;
	margin: -0.938em 0 0 -44px;
	/* 15px */
	height: 1em;
}

.tree li input + ol > li
{
	display: none;
	margin-left: -14px !important;
	padding-left: 1px;
}

.tree li label.zone
{
	background: url(../../Concepts/images/zone.png) 15px 1px no-repeat;
	cursor: pointer;
	display: block;
	padding-left: 37px;
}

.tree li label.door
{
	background: url(../../Concepts/images/door.png) 15px 1px no-repeat;
	cursor: pointer;
	display: block;
	padding-left: 37px;
}

.tree li input:checked + ol
{
	background: url(../../Concepts/images/toggle-small.png) 40px 5px no-repeat;
	margin: -1.25em 0 0 -44px;
	/* 20px */
	padding: 1.563em 0 0 80px;
	height: auto;
}

.tree li input:checked + ol > li
{
	display: block;
	margin: 0 0 0.125em;
	/* 2px */
}

.tree li input:checked + ol > li:last-child
{
	margin: 0 0 0.063em;
	/* 1px */
}

/* Module Pages */

div.modules > :first-child,
.modulesections:first-child + .modulesections
{
	padding-top: 5px;
}

div.modules div.module:last-child
{
	border-bottom: none;
}

div.module
{
	padding-bottom: 45px;
	border-bottom: 1px solid #e3e3e3;
	padding-top: 35px;
}

div.module ul,
.mini-mod
{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

div.module li,
div.modulesections li,
.mini-mod p
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
	list-style-position: inside;
}

.mini-mod
{
	border: none !important;
}

.mini-mod p
{
	margin-top: 0;
	margin-left: 20px;
}

.mini-mod p a
{
	color: #5b08b2 !important;
}

.mini-mod p::before
{
	content: "\2022";
	margin-right: .4em;
	color: #3B464F;
	vertical-align: top;
	font-size: 1.5em;
	font-family: sans-serif;
}

div.modulesections
{
	padding: 35px 2% 45px 2%;
	width: 46%;
	float: left;
}

@media only screen and (max-width: 767px)
{
	div.module ul,
	.mini-mod
	{
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}

	div.modulesections
	{
		padding: 35px 0 45px 0;
		border-bottom: 1px solid #e3e3e3;
		float: none;
		width: 100%;
	}

	div.modules > div.modulesections:nth-last-child(2)
	{
		border-bottom: none;
	}

	div.modules div.modulesections:nth-child(2)
	{
		padding-top: 35px;
	}

	.modules .clearer
	{
		clear: inherit;
		border-top: none;
	}
}

.modreports::before,
.modsettings::before,
.modwarehouse::before,
.modmaterial::before,
.modthreepl::before,
.modlabor::before,
.modyard::before,
.modprocure::before,
.modoperations::before,
.modmanu::before,
.modshipping::before,
.mobinbound::before,
.moboutbound::before,
.moballtasks::before,
.mobmoves::before,
.mobinquiry::before,
.mobwork::before,
.tutorialtitle::before,
.eportsilver::before,
.eporthtml5::before
{
	font-family: 'fontawesome';
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-right: 0.5em;
	font-size: 0.9em;
	vertical-align: top;
	padding: 0 1px;
}

.modreports::before
{
	content: "\f080";
	color: #5b08b2;
}

.modsettings::before
{
	content: "\f1de";
	color: #5b08b2;
}

.modwarehouse::before
{
	content: "\f275";
	color: #5b08b2;
}

.modmaterial::before
{
	content: "\f02a";
	color: #5b08b2;
}

.modthreepl::before
{
	content: "\f0d6";
	color: #5b08b2;
}

.modlabor::before
{
	content: "\f2be";
	color: #5b08b2;
}

.modyard::before
{
	content: "\f0d1";
	color: #5b08b2;
}

.modprocure::before
{
	content: "\f2b5";
	color: #5b08b2;
}

.modoperations::before
{
	content: "\f022";
	color: #5b08b2;
}

.modmanu::before
{
	content: "\f0ad";
	color: #5b08b2;
}

.modshipping::before
{
	content: "\f187";
	color: #5b08b2;
}

.mobinbound::before
{
	content: "\f090";
	color: #5b08b2;
}

.moboutbound::before
{
	content: "\f08b";
	color: #5b08b2;
}

.moballtasks::before
{
	content: "\f1b3";
	color: #5b08b2;
}

.mobmoves::before
{
	content: "\f047";
	color: #5b08b2;
}

.mobinquiry::before
{
	content: "\f002";
	color: #5b08b2;
}

.mobwork::before
{
	content: "\f05b";
	color: #5b08b2;
}

.mobwork::before
{
	content: "\f059";
	color: #5b08b2;
}

.eportsilver::before
{
	content: "\f26b";
	color: #5b08b2;
}

.eporthtml5::before
{
	content: "\f13b";
	color: #5b08b2;
}

/* Mini ToC */

.mini-fromhere,
.mini-datextoc
{
	border: none;
	padding-top: 0;
	margin-bottom: 15px;
}

.mini-fromhere p,
.mini-datextoc p
{
	margin: .2em 0;
}

.mini-fromhere p::before
{
	content: "\f00c";
	font-family: fontawesome;
	font-size: .75em;
	margin-right: .5em;
	color: #3dc88c;
	vertical-align: top;
}

.mini-datextoc p::before
{
	content: "\f111";
	font-family: fontawesome;
	font-size: .5em;
	margin-right: .5em;
	color: #3B464F;
	vertical-align: top;
}

.mini-fromhere a,
.mini-datextoc a
{
	color: #5b08b2 !important;
}

/* PDF Downloads Page */

.pdfprev
{
	float: left;
	margin-left: 30px;
}

/* Mobile Device Reviews */

.rating
{
	font: normal normal normal 20px / 1 FontAwesome;
	color: #f7d100;
	margin: 0 !important;
}

img.mdrev
{
	max-width: 100%;
	height: auto;
}

div.thirdsect
{
	float: left;
	width: 29%;
	margin: 2%;
}

p.spectitle
{
	margin: 10px 0;
	font-size: 26px;
	font-weight: normal;
}

.thirdsect p
{
	margin: 10px 0;
}

.testing td
{
	padding: 20px;
	vertical-align: middle;
}