/*<meta />*/

/* Addendum stylesheet attached to the template file primarily to keep these styles out of the Flare GUI style pickers. */
/* Topic layout */

div.column-layout
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--White);
	padding: 0 0 0 0;
	mc-hidden: hidden;
}

div.column-layout::before
{
	content: ' ';
	display: table;
	mc-hidden: hidden;
}

div.column-layout::after
{
	content: ' ';
	display: table;
	clear: both;
	mc-hidden: hidden;
}

div.column-layout > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	padding: 0 0 0 0;
	mc-hidden: hidden;
}

/* toggler to open/close left-hand nav. */

div#ColumnToggle
{
	float: left;
	width: 28px;
	padding-top: 4px;
	height: 100%;
	position: sticky;
	top: 0px;
	margin-top: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	mc-hidden: hidden;
}

/* Widths for ColumnTopic and ColumnSidebar are referenced in navToggleOpenClosed.js */

div#ColumnTopic
{
	padding-top: 0px;
	padding-bottom: 75px;
	float: left;
	width: calc(100% - 370px);
	transition-timing-function: ease-out;
	transition: width 0.2s;
	overflow-x: auto;
	border-right: none;
	mc-hidden: hidden;
}

div#ColumnSidebar
{
	float: right;
	padding: 8px 10px 5px 10px;
	width: 330px;
	margin-top: 0px;
	margin-right: 5px;
	position: sticky;
	top: 0px;
	height: calc(100vh - 180px);
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	background-color: var(--White);
	mc-hidden: hidden;
}

/* toggler to open/close left-hand nav. */

button#ButtonNavHide
{
	margin: 0 0 0 0;
	cursor: pointer;
	border: none;
	background-color: var(--NavBgMenu);
	width: 28px;
	height: 28px;
	background-size: 24px auto;
	background-image: url('../Icons/Toolbar/menu-close.svg');
	background-repeat: no-repeat;
	background-position: center top;
	border-radius: 4px;
	mc-hidden: hidden;
}

button#ButtonNavHide.menu-close
{
	background-image: url('../Icons/Toolbar/menu-close.svg');
	mc-hidden: hidden;
}

button#ButtonNavHide.menu-close:hover
{
	background-image: url('../Icons/Toolbar/menu-close-hover.svg');
	mc-hidden: hidden;
}

button#ButtonNavHide.menu-open
{
	background-image: url('../Icons/Toolbar/menu-open.svg');
	mc-hidden: hidden;
}

button#ButtonNavHide.menu-open:hover
{
	background-image: url('../Icons/Toolbar/menu-open-hover.svg');
	mc-hidden: hidden;
}

button#ButtonNavHide a:link,
button#ButtonNavHide a:visited,
button#ButtonNavHide a:active,
button#ButtonNavHide a:hover
{
	display: block;
	width: 100%;
	height: 20px;
	text-decoration: none;
	mc-hidden: hidden;
}

div#BannerLinks
{
	order: 2;
	height: auto;
	max-width: 440px;
	margin: 0 3% 0 auto;
	padding: 8px 0 0 0;
	mc-hidden: hidden;
}

div#BannerLinks p
{
	font-size: var(--FontSizeSmaller);
	font-family: var(--FontHeading);
	line-height: 100%;
	display: inline-block;
	color: var(--White);
	letter-spacing: 0.5px;
	margin-left: 16px;
}

div#BannerLinks p a:link,
div#BannerLinks p a:visited,
div#BannerLinks p a:active,
div#BannerLinks p a:hover
{
	color: var(--White);
	text-decoration: none;
}

div.middle.title-bar-section.outer-row.clearfix
{
	pointer-events: none;
}

/* Side content container */

div#TopicHeadingContainer
{
	background-color: transparent;
	overflow-y: auto;
	max-height: calc(100vh - 380px);
	margin: 20px auto 8px auto;
	padding: 0px 0px 10px 0px;
	/* animation: fadeInRC ease 0.3s; */
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	mc-hidden: hidden;
}

@keyframes fadeInRC 
{
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
} 

div#TopicHeadingContainer > p:first-child
{
	color: var(--BlackSoft);
	margin-top: 0px;
	line-height: 110%;
	margin-bottom: 10px;
	font-family: var(--FontHeading);
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--GrayMedium);
	mc-hidden: hidden;
}

/* Side content holder for print and PDF buttons. Mobile content holder for toolbar buttons. */

div.sidebar-toolbar-container
{
	overflow: hidden;
}

div.sidebar-toolbar-container > button,
div.sidebar-toolbar-container div#Print,
div.mobile-toolbar-container > div > button
{
	float: left;
	margin-right: 14px !important;
	mc-hidden: hidden;
}

div.sidebar-toolbar-container button#BackToTop
{
	float: right;
}

div.sidebar-toolbar-container > div,
div.mobile-toolbar-container > div > div
{
	margin-right: 14px;
	mc-hidden: hidden;
}

div.mobile-toolbar-container div#Print
{
	display: inline-block;
	mc-hidden: hidden;
}

div.sidebar-search-container
{
	margin: 20px 0;
	padding: 0 0 0 0;
	mc-hidden: hidden;
}

div.mobile-search-container
{
	display: none;
	margin: 6px 0 24px 0;
	padding: 0 0 0 0;
	mc-hidden: hidden;
}

div.mobile-search-container form.search,
div.mobile-search-container div.search-bar
{
	width: 90%;
	margin: auto;
	mc-hidden: hidden;
}

div.mobile-toolbar-container
{
	float: right;
	display: none;
	max-width: 350px;
	overflow: hidden;
	mc-hidden: hidden;
}

/* Holder for breadcrumbs and optional tools */

div#TopToolbar
{
	background-color: var(--ToolbarBG);
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
}

/* breadcrumbs/toolbar container */

div.breadcrumbs-toolbar-container
{
	max-width: 1600px;
	background-color: transparent;
	padding: 6px 20px 30px 2%;
	margin: 0 auto;
	height: auto;
	mc-hidden: hidden;
}

div.breadcrumbs-toolbar-container p,
div.breadcrumbs-toolbar-container a
{
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightNormal);
	color: var(--BlackSoft);
	font-family: var(--FontText);
	mc-hidden: hidden;
}

/* Bottom Toolbar layout */

div#ToolbarBottom
{
	display: block;
	width: 100%;
	height: 50px;
	margin: 24px 5% 10px 5%;
	padding: 9px 0;
	overflow: visible;
	max-width: calc(90% - 370px);
	position: absolute;
	bottom: 10px;
	mc-hidden: hidden;
}

div#NextTopicBottom
{
	float: right;
	height: 30px;
	mc-hidden: hidden;
}

div#PrevTopicBottom
{
	float: left;
	height: 30px;
	mc-hidden: hidden;
}

/* Document name that is moved into the sidenav container */

p#DocumentName,
p#DocumentName a:link,
p#DocumentName a:visited,
p#DocumentName a:active,
p#DocumentName a:hover,
p#DocumentNameMobile,
p#DocumentNameMobile a:link,
p#DocumentNameMobile a:visited,
p#DocumentNameMobile a:active,
p#DocumentNameMobile a:hover
{
	font-family: var(--FontHeading);
	text-align: center;
	margin: 0 auto 10px auto;
	width: 100%;
	color: var(--BrandDark);
	text-decoration: none;
	mc-hidden: hidden;
}

p#DocumentNameMobile
{
	display: none;
}

div.feedback-icons
{
	margin-top: 10px;
	mc-hidden: hidden;
}

div.feedback-icons p
{
	font-family: var(--FontHeading);
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 12px;
	line-height: 100%;
	mc-hidden: hidden;
}

div.feedback-icons button
{
	margin-top: 8px;
	width: 115px;
	height: 25px;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: url('../Icons/toolbar/rate.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 113px auto;
	cursor: pointer;
	mc-hidden: hidden;
}

/* Hidden element in template page where variable values are written for use by scripts. */

div.hidden-metadata
{
	display: none;
}

.is-hidden
{
	display: none !important;
}

/* Hide items on search results page. */

html[data-mc-runtime-file-type*="Search"] div#ColumnSidebar,
html[data-mc-runtime-file-type*="Search"] div#ColumnToggle,
html[data-mc-runtime-file-type*="Search"] div#ToolbarBottom,
html[data-mc-runtime-file-type*="Search"] div.breadcrumbs-toolbar-container,
html[data-mc-runtime-file-type*="Search"] div.mobile-toolbar-container,
html[data-mc-runtime-file-type*="Search"] div.mobile-page-link-container,
html[data-mc-runtime-file-type*="Search"] div.version-picker-container	/* html[data-mc-runtime-file-type*="Search"] nav.sidenav-wrapper */
{
	display: none;
	mc-hidden: hidden;
}

/* html[data-mc-runtime-file-type*="Search"] p#DocumentNameMobile, */

html[data-mc-runtime-file-type*="Search"] div.mobile-search-container
{
	display: block;
}

html[data-mc-runtime-file-type*="Search"] div#ColumnTopic
{
	width: 100%;
	max-width: 1150px;
	margin: 0 auto 0 auto;
	float: none;
	mc-hidden: hidden;
}

/* Search results page overrides */

#pagination a#selected
{
	background-color: var(--BrandDark);
	color: var(--White);
	mc-hidden: hidden;
}

div.description b
{
	font-weight: normal;
	background-color: var(--YellowLight);
}

#pagination
{
	mc-hidden: hidden;
}

div.MCMiniTocBox_0:hover
{
	border-color: var(--BrandDark);
}

div.MCMiniTocBox_0:hover::before
{
	color: var(--BrandDark);
}

/* Tablet/mobile "On this page" main container */

div.mobile-page-link-container
{
	display: none;
	height: 36px;
	width: 300px;
	mc-hidden: hidden;
}

/* Dropdown for the page subtopics. */

div.MobilePageLinkDropdown
{
	position: relative;
	display: inline-block;
	height: auto;
	width: 250px;
	padding: 0 0 0 0;
	border-radius: 0px;
	text-align: center;
	margin: 0 0 0 0;
	cursor: pointer;
	z-index: 10;
	mc-hidden: hidden;
}

/* Increase padding on links for better experience on touchscreens. */

div.MobilePageLinkDropdown ul.menu._Skins_Side_Menu.mc-component li > a
{
	padding-top: 4px;
	padding-bottom: 4px;
	mc-hidden: hidden;
}

/* Button for the dropdown */

button.mobile-page-link-btn
{
	display: inline-block;
	height: 36px;
	width: 250px;
	margin: 0 auto 0 auto;
	font-family: var(--FontHeading);
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
	background-color: var(--White);
	color: var(--BrandDark);
	padding: 0 22px 0 6px;
	border: none;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
	background-image: url('../Icons/menu-leaf-closed-orange.svg');
	background-repeat: no-repeat;
	background-position: 115px center;
	background-size: auto 20px;
	mc-hidden: hidden;
}

/* Class that gets added to the button when the dropdown is open */

button.mobile-page-link-btn.mobile-page-link-btn-active
{
	color: var(--BrandDark);
	background-color: var(--White);
	background-image: url('../Icons/menu-leaf-open-orange.svg');
	border-radius: 5px 5px 0px 0px;
	mc-hidden: hidden;
}

/* Hover effect */

button.mobile-page-link-btn:hover,
button.mobile-page-link-btn.mobile-page-link-btn-active:hover
{
	color: var(--BrandDark);
	background-color: var(--White);
	border-color: var(--White);
	background-image: url('../Icons/menu-leaf-closed-orange.svg');
	mc-hidden: hidden;
}

button.mobile-page-link-btn.mobile-page-link-btn-active:hover
{
	background-image: url('../Icons/menu-leaf-open-orange.svg');
	mc-hidden: hidden;
}

/* Dropdown that contains topic links.  */

div.MobilePageLinkDropdownContent
{
	border: transparent;
	height: auto;
	max-height: calc(100vh - 320px);
	overflow-y: auto;
	width: 250px;
	margin: 0 0 0 0;
	border-radius: 0 0 5px 5px;
	text-align: left;
	display: none;
	position: absolute;
	padding: 16px 0 10px 0;
	background-color: var(--White);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	z-index: 1;
	transition: all 0.3s ease;
	mc-hidden: hidden;
}

/* version picker container */

div.version-picker-container
{
	float: right;
	height: 36px;
	width: 125px;
	margin-right: 10px;
	mc-hidden: hidden;
}

/* Dropdown for the version picker. */

div.VersionPickerDropdown
{
	position: relative;
	display: inline-block;
	height: auto;
	width: 125px;
	padding: 0 0 0 0;
	border-radius: 0px;
	text-align: center;
	margin: 0 0 0 0;
	cursor: pointer;
	z-index: 10;
	mc-hidden: hidden;
}

/* Button for the dropdown */

button.version-picker-btn
{
	display: inline-block;
	height: 36px;
	width: 125px;
	margin: 0 auto 0 auto;
	font-family: var(--FontHeading);
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: left;
	background-color: var(--White);
	color: var(--BrandDark);
	padding: 0 22px 0 6px;
	border: none;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
	background-image: url('../Icons/menu-leaf-closed-orange.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 20px;
	mc-hidden: hidden;
}

button.version-picker-btn span
{
	pointer-events: none;
}

/* Class that gets added to the button when the dropdown is open */

button.version-picker-btn.version-picker-btn-active
{
	color: var(--BrandDark);
	background-color: var(--White);
	background-image: url('../Icons/menu-leaf-open-orange.svg');
	border-radius: 5px 5px 0px 0px;
	mc-hidden: hidden;
}

/* Hover effect */

button.version-picker-btn:hover,
button.version-picker-btn.version-picker-btn-active:hover
{
	color: var(--BrandDark);
	background-color: var(--White);
	border-color: var(--White);
	background-image: url('../Icons/menu-leaf-closed-orange.svg');
	mc-hidden: hidden;
}

button.version-picker-btn.version-picker-btn-active:hover
{
	background-image: url('../Icons/menu-leaf-open-orange.svg');
	mc-hidden: hidden;
}

/* Dropdown that contains picker iframe.  */

div.VersionPickerDropdownContent
{
	border: transparent;
	height: 250px;
	overflow-y: visible;
	overflow-x: visible;
	width: 125px;
	margin: 0 0 0 0;
	border-radius: 0 0 0 0;
	text-align: left;
	display: none;
	position: absolute;
	padding: 0 0 0 0;
	background-color: var(--White);
	box-shadow: 0px 1px 4px rgba(4.7, 4.7, 5.1, 0.1);
	z-index: 10;
	transition: all 0.3s ease;
	mc-hidden: hidden;
}

div.VersionPickerDropdownContent iframe
{
	padding-right: 0px;
	padding-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0 0 0 0;
	border: none;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Version picker styles for the iFramed picker files */

div.VersionPickerLinks
{
	width: 100%;
	height: 100%;
	padding: 4px;
}

div.VersionPickerLinks p
{
	font-family: var(--FontMedium);
	font-size: 14px;
	color: var(--BlackSoft);
	line-height: var(--LineHeightLarger);
	padding: 4px 10px;
	margin: 0 0 0 0;
}

div.VersionPickerLinks p span
{
	font-size: 11px;
}

div.VersionPickerLinks p a:link,
div.VersionPickerLinks p a:visited
{
	color: var(--BlackSoft);
	display: inline-block;
	text-decoration: none;
	width: 100%;
}

div.VersionPickerLinks p:hover,
div.VersionPickerLinks p a:active,
div.VersionPickerLinks p a:hover
{
	background-color: var(--BrandLight);
	text-decoration: none;
	color: var(--BlackSoft);
	cursor: pointer;
	mc-hidden: hidden;
}

/* modal tables */
/* Expand button that appears before the table */

div.expand-table
{
	cursor: pointer;
	padding: 5px 5px 5px 35px;
	background-image: url('../Icons/General/expand-table.png');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 5px center;
	float: right;
	margin-bottom: 0px;
}

/* Fullscreen modal overlay for expanded table */

div.table-modal
{
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

/* Inner modal box containing the expanded table */

div.table-modal-content
{
	background-color: #fefefe;
	margin: 6% auto;
	padding: 25px 10px 10px 10px;
	border: 1px solid #888;
	width: 90%;
	max-height: 79%;
	overflow: auto;
	position: relative;
}

/* Close button (×) inside modal */

span.close-table
{
	color: #aaa;
	float: right;
	font-weight: bold;
	padding: 5px;
	position: absolute;
	right: 6px;
	top: -2px;
	cursor: pointer;
}

/* Hover effect for close button */

span.close-table:hover
{
	color: #000;
}

@media only screen and (max-width: 1279px)
{
	div#TopicHeadingContainer
	{
		display: none !important;
		mc-hidden: hidden;
	}

	div.column-layout
	{
		padding-right: 0;
		padding-top: 5px;
		mc-hidden: hidden;
	}

	div#ColumnToggle
	{
		display: none;
		mc-hidden: hidden;
	}

	div#ColumnTopic
	{
		float: none;
		width: 100%;
		padding-bottom: 10px;
		mc-hidden: hidden;
	}

	div#ColumnSidebar
	{
		float: none;
		width: 100%;
		padding: 10px 10px 10px 10px;
		height: auto !important;
		min-height: 0;
		margin-top: 10px;
		margin-right: 0px;
		position: static;
		overflow-y: auto;
		overflow-x: auto;
		background-color: var(--White);
		mc-hidden: hidden;
	}

	.title-bar-layout .central-account-wrapper
	{
		order: 3;
	}

	div#BannerLinks
	{
		order: 4;
		height: auto;
		max-width: none;
		width: 100%;
		margin: 0 auto 0 auto;
		text-align: center;
	}

	.menu-icon
	{
		margin-left: 20px;
	}

	p#DocumentNameMobile
	{
		display: block;
	}

	div.mobile-page-link-container
	{
		display: inline-block;
		mc-hidden: hidden;
	}

	div.sidebar-toolbar-container
	{
		display: none;
	}

	div.mobile-toolbar-container
	{
		display: block;
	}

	div.sidebar-search-container
	{
		display: none;
	}

	div.mobile-search-container
	{
		display: block;
	}

	div#TopToolbar
	{
		padding-top: 20px;
	}

	div#ToolbarBottom
	{
		max-width: 90%;
		position: static;
		bottom: 0px;
	}

	div.feedback-icons
	{
		width: auto;
		margin: 0 auto;
	}

	div.feedback-icons p,
	div.feedback-icons button
	{
		text-align: center;
		mc-hidden: hidden;
	}
}

@media only screen and (max-width: 767px)
{
	div.breadcrumbs-toolbar-container
	{
		display: block;
		padding: 10px 3%;
		width: 100%;
		mc-hidden: hidden;
	}

	div.breadcrumbs-toolbar-container > div
	{
		margin: 0 0 8px 0;
		padding: 0 0 0 0;
		display: block;
		width: 100%;
		mc-hidden: hidden;
	}

	.menu-icon
	{
		margin-left: 20px;
	}

	div.mobile-toolbar-container
	{
		display: block;
		max-width: none;
		float: none;
		width: 100%;
	}
}

@media print
{
	div#ColumnToggle,
	div#ToolbarBottom,
	div.version-picker-container
	{
		display: none;
		mc-hidden: hidden;
	}

	div#ColumnTopic
	{
		border-right: none;
		width: 100%;
		mc-hidden: hidden;
	}

	div.column-layout
	{
		padding-bottom: 0;
		mc-hidden: hidden;
	}
}