/*<meta />*/

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

body
{
	color: #3B454A;
	font-family: sans-serif;
	line-height: 1.12;
}

div.on-this-page-menu	/* positions on this page menu to the right and sets width */
{
	float: right;
	width: 20%;
	margin-right: 3%;
	margin-left: 1%;
	position: sticky;
	top: 35px;
}

div.search-bar-container	/* sets sticky position on search bar for scrolling */
{
	position: sticky;
	top: 0;
	z-index: 1;
	height: 3.5em;
	width: 23%;
	margin-right: 0;
	float: right;
}

div#mc-main-content	/* controls width and float of main topic content */
{
	width: 74%;
	float: left;
}

div.home-footer
{
	flex-basis: 100%;
}

div.off-canvas-wrapper-inner div.main-section div.outer-row
{
	flex-wrap: wrap;
	overflow: unset;
}

html.home-topic div.off-canvas-wrapper-inner div.main-section div.outer-row
{
	flex-wrap: nowrap;
}

html.home-topic div#mc-main-content	/* controls width and removes float of main topic content for home page */
{
	width: 100%;
	float: none;
}

ul.menu._Skins_On_This_Page_Navigation
{
	overflow: unset;
}

div.title-bar-layout div.logo-wrapper a.logo
{
	background-image: url('../Images/global-images/global-logo.svg') !important;
	background-size: contain;
}

div.body-container
{
	padding-left: 0;
	padding-top: 0;
	overflow: auto;
}

span.clear-icon
{
	position: absolute;
	top: 7px;
	right: 65px;
	cursor: pointer;
	color: #45494C;
}

div.home-search-wrapper span.clear-icon
{
	top: 11px;
}

div.sidenav-container
{
	display: none;
}

/* Content */

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

p
{
	font-size: 17px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
}

p.table-text
{
	font-size: 16px;
}

/* Headings */

h1
{
	color: #3B454A;
	font-weight: bolder;
	font-size: 35px;
}

h2
{
	font-weight: bold;
	font-size: 30px;
	color: #3B454A;
}

h3
{
	font-weight: bold;
	font-size: 25px;
}

h4
{
	font-weight: bold;
	font-size: 20px;
}

/*Note styles*/

div.note-note
{
	color: #733e0a;
	background-color: #fefce8;
	background-image: url('../Images/global-icons/global-note-note.png');
	border: solid 1px #FEF9C2;
}

div.note-info
{
	background-color: #eef5ff;
	background-image: url('../Images/global-icons/global-note-info.png');
	border: solid 1px #e3effe;
	color: #415aa0;
}

div.note-success
{
	background-color: #edfef6;
	background-image: url('../Images/global-icons/global-note-success.png');
	border: solid 1px #d7fae9;
	color: #024d38;
}

div.note-warning
{
	background-color: #fef2f2;
	background-image: url('../Images/global-icons/global-note-warning.png');
	border: solid 1px #fce2e2;
	color: #851F22;
}

div.note-note,
div.note-warning,
div.note-info,
div.note-success
{
	margin: 15px 0;
	padding-top: 15;
	padding-left: 40;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
	background-size: 20px 20px;
	/*icon size should be 30x30px*/
	background-position: 9px 9px;
	background-repeat: no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* Home page topic */

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

div.home-tiles	/*This is a custom responsive layout row style (div class) in the stylesheet.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
}

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

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

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1%;
	color: #1A1A1A;
	width: 23%;
	text-align: center;
	border-radius: 1rem;
	background-color: #FFFFFF;
}

div.home-tiles > div:nth-child(1)
{
	margin-left: 12.5%;
}

div.home-tiles > div:nth-child(2)
{
	margin-left: 3%;
}

div.home-tiles > div:nth-child(3)
{
	margin-left: 3%;
}

div.home-tiles-layout	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

div.home-tiles-layout > div:nth-child(2)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.home-tiles-layout p
{
	line-height: 1.2;
}

div.home-tile-container
{
	background-color: #F5F7FA;
	padding: 60px 0 60px;
}

img.home-tile-icon
{
	height: 35px;
	width: auto;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

p.tile-title
{
	text-align: left;
	margin-top: 60px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 22px;
	color: #3B454A;
}

p.tile
{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 50px;
	margin-left: 10px;
	font-size: 16px;
	color: #3B454A;
}

div.quick-links	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
}

div.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

div.two-tiles-home	/*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;
	margin-top: 75px;
}

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

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

div.two-tiles-home > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #F5F7FA;
	padding: 1%;
}

div.two-tiles-home > div:nth-child(1)
{
	margin-left: 17%;
	width: 31.5%;
}

div.two-tiles-home > div:nth-child(2)
{
	margin-left: 3%;
	width: 31.5%;
}

div.two-tiles-home > div > div img
{
	height: 100px;
	width: auto;
}

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

div.two-tiles-home-inner::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.two-tiles-home-inner > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.two-tiles-home-inner > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.two-tiles-home-inner > div:nth-child(2)
{
	width: 72%;
	margin-left: 3%;
}

div.topic-hero
{
	padding: 3% 3% 3% 2%;
	background-image: url('../Images/global-images/global-hero.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}

div.topic-hero h1
{
	color: #3B454A;
	font-size: 42px;
	font-weight: bold;
	padding-top: 75px;
}

div.topic-hero h2
{
	color: #3B454A;
	font-size: 20px;
	font-weight: normal;
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic div.body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic div.main-section > div.outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

html.home-topic nav.sidenav-wrapper	/* Hides side navigation on the home topic */
{
	display: none;
}

html.home-topic button.menu-icon	/* Hides side menu icon on home page */
{
	display: none;
}

div.home-search-wrapper
{
	width: 100%;
	margin-top: 5%;
}

/* Heading Bookmark Styles*/

.bookmark-hotspot
{
	position: relative;
}

.bookmark-hotspot:hover a.heading-link
{
	opacity: 1;
	background-image: url('../Images/global-icons/global-hover-copy.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	width: 25px;
	margin-left: -25px;
	display: inline-block;
}

a.heading-link
{
	opacity: 0;
	text-decoration: none;
	position: relative;
	display: none;
	color: #3B454A;
}

div#anchor-icon
{
	display: inline;
}

.bookmark-hotspot.active:after
{
	font-size: 10px;
	margin-left: 10px;
	padding: 5px;
	content: 'Copied!';
	background-color: #45494C;
	color: #fff;
	border-radius: 5px;
	position: absolute;
	top: -20px;
	left: -20px;
}

h1#results-heading	/* prevent heading in search results from being a bookmark */
{
	cursor: auto;
}

h1#results-heading a.heading-link,
html.home-topic div.topic-hero h1 a.heading-link	/* prevent heading in search results and home page from being a bookmark */
{
	display: none;
}

/********Custom expand and collapse buttons for Side Navigation********/

div.collapse,
div.expand
{
	position: sticky;
	top: 0%;
	left: 0%;
	width: 30px;
	height: 30px;
	/*Set button color*/
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px 10px 10px 0px;
	cursor: pointer;
	transition: width .25s;
	background-size: 30px;
}

div.collapse:hover,
div.expand:hover
{
	width: 33px;
}

/********Arrow icons for expand/collapse button********/

div.collapse
{
	background-image: url('../Images/global-icons/global-arrow-collapse.png');
}

div.expand
{
	background-image: url('../Images/global-icons/global-arrow-expand.png');
}

/*******Remove body container padding so expand/collapse button is attached to side nav*******/

div.body-container
{
	padding-left: 0;
	padding-top: 1em;
	padding-right: 3em;
	max-height: 100%;
	overflow: auto;
}

div.topic-container
{
	padding-left: 3em;
	padding-top: 0;
	padding-bottom: 2em;
	float: left;
	width: 100%;
}

nav.sidenav-wrapper
{
	overflow: hidden auto;
	position: sticky;
	top: 0;
	height: 100%;
}

/*******Add resize icon to side nav*******/

div.ui-resizable-e
{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../Images/global-icons/global-resize-navigation.png');
	width: 20px !important;
	background-size: 26px;
	right: 0px;
}

/*******Fix resizable side navigation in place for long TOCs *******/

div.sidenav-container
{
	height: 100%;
}

div.sidenav-container,
nav.sidenav-wrapper
{
	overflow: unset;
}

div.sidenav-container > ul
{
	overflow: auto;
	height: 100%;
}

/*******Hide bottom-right resize icon*******/

div.ui-resizable-se
{
	display: none !important;
}

div.ui-resizable-s
{
	display: none !important;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #45494C;
	width: 60%;
	float: left;
}

/* Links */

a
{
	color: #ED885F;
}

MadCap|dropDown
{
	border: 0px solid #B1C1C9;
	mc-image-position: left;
	padding: 5px 0;
	mc-image-spacing: 15px;
	mc-closed-image: url('../Images/global-icons/global-arrow-expand-gray.png');
	mc-open-image: url('../Images/global-icons/global-arrow-collapse-gray.png');
	margin: 15px 0px;
}

MadCap|dropDownHead
{
	cursor: hand;
	text-decoration: none;
	border-bottom: none;
	color: #3B454A;
}

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

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	border-bottom: none;
	color: #3B454A;
}

MadCap|expandingBody
{
	color: #45494C;
	font-style: italic;
}

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

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: #ED885F;
}

/* Lists */

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

dl,
ol,
ul
{
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Master page */

div.home-footer
{
	background-color: #DADEE1;
	font-size: 10pt;
	color: #45494C;
	font-family: sans-serif;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 0;
	padding-bottom: 0;
	border-top-style: none;
	border-top-width: .5px;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #FFFFFF;
}

p.footer-sub
{
	color: #FFFFFF;
	font-size: 14pt;
	margin-top: 14px;
}

html.searchTopic div.buttons
{
	display: block;
}

div.search-bar-icon
{
	display: inline-block;
	float: left;
	margin-right: 35px;
	width: 22px;
	cursor: pointer;
}

nav.title-bar
{
	/*	box-shadow: 0px 0px 6px #333;*/
}

/********** Back to top button **********/

button#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	padding: 15px;
	border-radius: 18px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #3B454A;
	background-image: url('../Images/global-icons/global-arrow-top-page.png');
}

button#myBtn:hover
{
	background-color: #FFFFFF;
	background-image: url('../Images/global-icons/global-arrow-top-page-hover.png');
}

div.sidenav-container ul.menu li
{
	position: relative;
}

li.has-children.collapsed ul.sub-menu
{
	display: none;
}

li.has-children.expanded ul.sub-menu
{
	display: block;
}

div.header-links-menu > ul > li > a:hover,
div.header-links-menu > ul > li > a.selected
{
	background-color: transparent !important;
}

div.sidenav-container > ul.sidenav a.selected span.submenu-toggle
{
	border-top-color: #FFFFFF;
}

div.header-links-menu ul.menu._Skins_Header_Menu.mc-component ul > li > a
{
	background-color: #FFFFFF;
}

a:link
{
	color: #ED885F;
}

a:visited
{
	color: #ED885F;
}

div.header-links-menu ul.menu._Skins_Header_Menu.mc-component ul > li > a:hover
{
	text-decoration: underline;
}

ul.hovered a:hover
{
	background-color: #002F5F;
}

ul.menu._Skins_Header_Menu.mc-component li > a.selected
{
	background-color: #002F5F;
}

ul.menu._Skins_Header_Menu.mc-component li > ul a.selected
{
	
}

ul.sidenav li a:hover span.submenu-toggle,
ul.off-canvas-list a:hover span.submenu-toggle
{
	/*	border-top-color: var(--Lightest) !important;*/
}

/* Dropdown indicator for menu items with children */

li.menu-drop-down
{
	position: relative;
	padding-right: 20px;
}

/* Set icon for Top Navigation menu items with children */

div.header-links-menu > ul.menu > li.has-children > a:after
{
	content: "";
	height: 15px;
	width: 15px;
	display: inline-block;
	background: url('../Images/global-icons/global-arrow-down-gray.png') no-repeat 93% center;
	vertical-align: bottom;
}

/* add icon for Top Navigation links that are set to open in a new tab */

div.header-links-menu > ul.menu ul.sub-menu > li > a[target="_blank"]:after
{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: 0px;
}

div.search-bar._Skins_Home_Search.mc-component div.search-submit
{
	height: 2.8em;
	margin-top: .09em;
	border: none;
	margin-right: 2px;
}

div.height-container-sidenav
{
	padding-bottom: 0;
}

div.home-tiles > div[onclick]:hover
{
	box-shadow: 2px 3px 9px #ccc;
}

div.home-tiles > div[onclick]
{
	cursor: pointer;
}

div.home-tiles
{
	display: flex;
	flex-wrap: wrap;
}

div.two-tiles-home
{
	display: flex;
	flex-wrap: wrap;
}

div.quick-links
{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

div#mc-main-content,
div.search-wrapper
{
	clear: both;
}

div.search-wrapper
{
	display: none;
	margin-top: -4px;
	padding-right: 20px;
}

div.search-bar._Skins_Topic_Search
{
	float: right;
	margin: unset;
}

div.search-bar._Skins_Topic_search.mc-component
{
	display: inline-block;
	float: right;
}

button.copy-link-button div.button-icon
{
	background-image: url('../Images/global-icons/Toolbar-Buttons/copy-url-icon.png');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left center !important;
}

div.header-links ul a
{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	padding: 10px;
}

div.header-links-menu ul ul li.menu-drop-down
{
	position: relative;
	background: url('../Images/global-icons/global-arrow-down-gray.png') no-repeat 96% center;
}

div.header-links-menu ul ul li.has-children ul.sub-menu
{
	left: -100%;
	position: absolute;
	top: 10px;
}

div.header-links-menu ul ul li.has-children
{
	background-color: #FFFFFF;
	margin-left: 0;
}

div.header-links-menu li
{
	flex: 1 0 auto;
}

div.header-links-menu li.has-children
{
	
}

div.header-links > ul > li > ul > li.menu-drop-down > ul:hover,
div.header-links-menu > ul > li > ul > li.menu-drop-down > ul:hover
{
	display: inline-block;
	left: -100%;
}

div.header-links > ul > li > ul > li.menu-drop-down > ul,
div.header-links > ul > li > ul > li.menu-drop-down > ul > li > ul
{
	left: -100%;
	top: 0;
	display: none;
}

li.menu-drop-down.open > ul
{
	display: inline-block;
	position: absolute;
	width: 200px;
	z-index: 1000;
	box-shadow: 2px 2px 9px #45494C;
}

ul.hovered a
{
	display: block;
}

ul.hovered li,
ul.hovered p
{
	margin-top: 0;
	margin-bottom: 0;
}

ul.hovered
{
	display: block !important;
}

li.menu-drop-down:hover > ul
{
	display: inline-block;
	position: absolute;
	width: 200px;
	z-index: 1000;
	box-shadow: 2px 2px 9px #45494C;
}

div.header-links-menu > ul > li > a[href*=".com/login/"]
{
	color: #ED885F !important;
}

div.header-links > ul > li > ul,
div.header-links-menu > ul > li > ul
{
	display: none;
	position: absolute;
	right: -30px;
	top: 100%;
	list-style: none;
}

div.header-links-menu ul.menu
{
	width: 90% !important;
	z-index: 9999;
	position: relative;
	overflow-y: unset;
}

div.header-links ul,
div.header-links-menu ul
{
	list-style: none;
}

div.header-links > ul,
div.header-links-menu > ul
{
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}

div.header-links-menu
{
	min-width: 500px;
}

div.header-links,
div.header-links-menu
{
	display: flex;
	order: 3;
	flex: 0 1 auto;
}

@media only screen and (max-width: 1279px)
{
	/* Home page topic */

	div.home-search-wrapper
	{
		width: 100%;
	}

	div.home-footer
	{
		flex: 0 1 auto;
	}

	div.home-tiles > div
	{
		width: 26%;
	}

	div.home-tiles > div:nth-child(1)
	{
		margin-left: 9%;
	}

	div.home-tiles > div:nth-child(2)
	{
		margin-left: 2%;
	}

	div.home-tiles > div:nth-child(3)
	{
		margin-left: 2%;
	}

	div.home-tiles-layout > div:nth-child(1)
	{
		width: 40%;
		margin-left: 30%;
	}

	div.home-tiles-layout > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}

	html.home-topic div.body-container
	{
		margin-left: 0;
	}

	div.off-canvas-wrapper-inner div.main-section div.outer-row
	{
		overflow-y: auto;
		display: flex;
		padding-right: 0;
		flex-direction: column;
		padding-top: 15px;
	}

	div.quick-links
	{
		width: 80%;
	}

	div.header-links,
	div.header-links-menu
	{
		order: 1;
	}

	div.title-bar-layout div.logo-wrapper
	{
		flex-basis: auto;
	}

	div.two-tiles-home > div:nth-child(1)
	{
		width: 43%;
		margin-left: 5.5%;
	}

	div.two-tiles-home > div:nth-child(2)
	{
		width: 43%;
		margin-left: 3%;
	}

	div.two-tiles-home-inner > div:nth-child(1)
	{
		width: 32%;
		margin-left: 0%;
	}

	div.two-tiles-home-inner > div:nth-child(2)
	{
		width: 65%;
		margin-left: 3%;
	}

	div.topic-container
	{
		padding-left: 1em;
		padding-right: 1em;
	}

	div.body-container
	{
		padding-right: 0;
	}

	/*******Hide expand/collapse icon in tablet and mobile*******/

	div.collapse
	{
		display: none;
	}

	/* Disable hover styles for mobile */

	li.menu-drop-down:hover > ul.sub-menu
	{
		display: none !important;
	}

	/* Show menu when JS adds .open */

	li.menu-drop-down.open > ul.sub-menu
	{
		display: block !important;
	}

	/* Optional: make submenus take full width for touch ease */

	ul.sub-menu
	{
		position: static;
		width: 100%;
	}
}

@media only screen and (max-width: 767px)
{
	/* Home page topic */

	div.home-tiles > div:nth-child(1)
	{
		width: 94%;
		margin-left: 3%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 94%;
		margin-left: 3%;
		margin-top: 5%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 94%;
		margin-left: 3%;
		margin-top: 5%;
	}

	div.home-tiles-layout p
	{
		line-height: 1.2;
	}

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

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

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

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

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}

	div.MCBreadcrumbsBox_0
	{
		display: none;
	}

	div.search-wrapper
	{
		width: 100%;
	}

	div.quick-links
	{
		width: 100%;
	}

	div.topic-hero h1
	{
		text-align: center;
		font-size: 42px;
	}

	div.topic-hero h2
	{
		color: #3B454A;
		font-size: 25px;
	}

	div.header-links,
	div.header-links-menu
	{
		flex-basis: 100%;
		justify-content: center;
	}

	div.header-links-menu
	{
		min-width: auto;
	}

	div.two-tiles-home
	{
		margin-top: 25px;
	}

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

	div.two-tiles-home > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-top: 3%;
	}

	div.two-tiles-home-inner > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.two-tiles-home-inner > div:nth-child(2)
	{
		width: 75%;
		margin-left: 0%;
	}

	div.header-links-menu > ul > li:nth-child(1) > ul.sub-menu
	{
		right: unset;
		left: 0;
	}

	div.header-links-menu > ul > li:last-child > ul.sub-menu
	{
		right: 0;
	}

	div.header-links-menu ul.menu
	{
		flex-wrap: wrap;
		justify-content: center;
		width: 100% !important;
	}

	div.header-links-menu > ul > li
	{
		flex: 0 1 auto;
	}

	div.header-links-menu li.has-children
	{
		margin-left: 0;
	}

	div.search-bar-container	/* sets sticky position on search bar for scrolling */
	{
		width: 50%;
	}
}

@media print
{
	/* Links */

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

	div.search-wrapper,
	div.feedback-wrapper,
	div#expand-collapse,
	div.breadcrumbs
	{
		display: none !important;
	}
}

@media html5
{
	/*============================================================================================================================================================================================================
This is a custom stylesheet medium used to correct the display of certain elements that could otherwise appear incorrectly in the XML Editor.
The medium is assigned to the target under the Advanced tab in the Stylesheet Medium section. This approach ensures that elements are styled appropriately in the built output, while still displaying cleanly in the XML Editor - which uses the Default medium for preview.
================================================================================================================================================================================================================*/

	/*==============================
	=         HEADER MENU          =
	==============================*/

	/* Container layout for header menu */

	div.header-links,
	div.header-links-menu
	{
		display: flex;
		order: 3;
		flex: 0 1 auto;
	}

	/* Minimum width for menu section */

	div.header-links-menu
	{
		min-width: 500px;
	}

	/* Top-level header menu list */

	div.header-links > ul,
	div.header-links-menu > ul
	{
		display: flex;
		align-items: center;
		justify-content: center;
		list-style: none;
	}

	/* General reset for all ULs inside header */

	div.header-links ul,
	div.header-links-menu ul
	{
		list-style: none;
	}

	/* Main menu bar styling */

	div.header-links-menu ul.menu
	{
		width: 90% !important;
		z-index: 9999;
		position: relative;
		overflow-y: unset;
	}

	/* Hide nested submenus by default */

	div.header-links > ul > li > ul,
	div.header-links-menu > ul > li > ul
	{
		display: none;
		position: absolute;
		right: -30px;
		top: 100%;
		list-style: none;
	}

	div.header-links-menu > ul > li > a[href*=".com/login/"]
	{
		color: #ED885F !important;
	}

	/* Show submenus on hover */

	li.menu-drop-down:hover > ul
	{
		display: inline-block;
		position: absolute;
		width: 200px;
		z-index: 1000;
		box-shadow: 2px 2px 9px #45494C;
	}

	/* Selected submenu handling */

	ul.hovered
	{
		display: block !important;
	}

	ul.hovered li,
	ul.hovered p
	{
		margin-top: 0;
		margin-bottom: 0;
	}

	ul.hovered a
	{
		display: block;
	}

	ul.hovered a:hover
	{
		background-color: #002F5F;
	}

	/* Show submenu when the parent li has the 'open' class (for keyboard/JS control) */

	li.menu-drop-down.open > ul
	{
		display: inline-block;
		position: absolute;
		width: 200px;
		z-index: 1000;
		box-shadow: 2px 2px 9px #45494C;
	}

	/* Nested submenu positioning (open left) */

	div.header-links > ul > li > ul > li.menu-drop-down > ul,
	div.header-links > ul > li > ul > li.menu-drop-down > ul > li > ul
	{
		left: -100%;
		top: 0;
		display: none;
	}

	div.header-links > ul > li > ul > li.menu-drop-down > ul:hover,
	div.header-links-menu > ul > li > ul > li.menu-drop-down > ul:hover
	{
		display: inline-block;
		left: -100%;
	}

	/* Nested header-links-menu submenu styling */

	div.header-links-menu li.has-children
	{
		
	}

	div.header-links-menu li
	{
		flex: 1 0 auto;
	}

	div.header-links-menu ul ul li.has-children
	{
		background-color: #FFFFFF;
		margin-left: 0;
	}

	div.header-links-menu ul ul li.has-children ul.sub-menu
	{
		left: -100%;
		position: absolute;
		top: 10px;
	}

	div.header-links-menu ul ul li.menu-drop-down
	{
		position: relative;
		background: url('../Images/global-icons/global-arrow-down-gray.png') no-repeat 96% center;
	}

	/* Menu links */

	div.header-links ul a
	{
		text-decoration: none;
		color: #fff;
		cursor: pointer;
		padding: 10px;
	}

	/* Copy URL button icon */

	button.copy-link-button div.button-icon
	{
		background-image: url('../Images/global-icons/Toolbar-Buttons/copy-url-icon.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: left center !important;
	}

	/* Search bar alignment */

	div.search-bar._Skins_Topic_search.mc-component
	{
		display: inline-block;
		float: right;
	}

	div.search-bar._Skins_Topic_Search
	{
		float: right;
		margin: unset;
	}

	div.search-wrapper
	{
		display: none;
		/*position: absolute;
		right: 285px;
		top: 4px;*/
		margin-top: -4px;
		padding-right: 20px;
	}

	/* Clear floats */

	div#mc-main-content,
	div.search-wrapper
	{
		clear: both;
	}

	/* Layout for landing pages */

	div.quick-links
	{
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}

	div.two-tiles-home
	{
		display: flex;
		flex-wrap: wrap;
	}

	div.home-tiles
	{
		display: flex;
		flex-wrap: wrap;
	}

	div.home-tiles > div[onclick]
	{
		cursor: pointer;
	}

	div.home-tiles > div[onclick]:hover
	{
		box-shadow: 2px 3px 9px #ccc;
	}

	div.height-container-sidenav
	{
		padding-bottom: 0;
	}
}

span.field
{
	font-weight: bolder;
}

/* Glossary styles */

li.GlossaryPageEntry
{
	list-style-type: none;
	/* Removes default bullet */
	list-style: none;
	/* Ensures no list style is applied */
	margin-left: 0;
	padding-left: 0;
}

ul.MCGlossaryProxy_0
{
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: black;
	margin-top: 10px;
	padding-left: 20px;
}