/*<meta conditions="Master.Import" />*/

/* ----------- DO NOT EDIT THIS FILE IN FLARE'S EDITOR - USE TEXT EDITOR ONLY ------------------------ */

/* ------------------------------------------------------------------------- SKINS (manual skin modifications) -------------- */


#menu-bar-container /* Top Nav: menu container */
{
	background-color: #191919; /* CSS variable IE 11 support */
	background-color: var(--col-grey-900);
	padding-top: 0;
	margin-left: -1em; /* move left to align */
}




.search-bar .search-field
{
	color: rgba(0,0,0,0.9);
	/* CSS variable IE 11 support */

	color: var(--col-black-90);
}

.search-bar .search-filter.selected /* Search (all) - search filter selected */
{
	background-color: #006738 !important; /* CSS variable IE 11 support */
	background-color: var(--business-product-hover1) !important;
}

.search-bar .search-filter:hover /* Search (all) - search filter button hover */
{
	background-color: #006738 !important; /* CSS variable IE 11 support */	
	background-color: var(--business-product) !important;
}

.search-filter:hover	/* fix skin bug - if you set a background image for hover, the 'no repeat' and 'center' property is omitted */
{
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.search-filter-content ul li:hover /* Search (all) - search filter menu hover */
{
	background-color: #006738 !important; /* CSS variable IE 11 support */	
	background-color: var(--business-product) !important;
}



/*.search-bar.search-bar-container .search-submit:hover*/ /* Search (all) - search submit button hover */
/*{
	background-color: #006738 !important;*/ /* CSS variable IE 11 support */
	/*background-color: var(--business-product) !important;
}*/


/* micro content styles if you've added them to your project */


._Skins_Search_Sage_Search_Results_TopNav.mc-component .featured-snippets-container {
    padding-left: 15px;
}

._Skins_Search_Sage_Search_Results_TopNav.mc-component .featured-snippets-container .micro-response-title a 

{
    color: var(--business-product);
    text-decoration: none;
    /*padding-left: 25px;*/
}

._Skins_Search_Sage_Search_Results_TopNav.mc-component .featured-snippets-container .micro-response-title 

{
    color: var(--business-product);
    text-decoration: none;
    /*padding-left: 25px;*/
	margin-left: -10px;
}

._Skins_Search_Sage_Search_Results_TopNav.mc-component .featured-snippets-container .micro-response-url cite 
{
    color: var(--col-action-minor-500);
    font-size: 1em;
    font-style: normal;
	/*padding-left: 25px;*/
	margin-left: -10px;
}


._Skins_Search_Sage_Search_Results_TopNav.mc-component .featured-snippets-container .micro-content {
    margin-bottom: 25px;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: center center;
}


.featured-snippets-container .micro-content {
    -webkit-box-shadow: 0px 1px 4px 0px #00283D;
    -moz-box-shadow: 0px 1px 4px 0px #00283D;
    box-shadow: 0px 1px 4px 0px #00283D;
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: center center;
}

._Skins_Search_Sage_Search_Results_TopNav.mc-component .featured-snippets-container.micro-content-truncated-mode .micro-response 

{
    margin-left: -35px;
	max-height: 200px;
}

/* --------------------------------------------------- menu-topic-container: sidebar navigation used by Top Nav skin for normal topics (Menu-Topic skin proxy) */

.sage-sidenav ul.sidenav li.is-accordion-submenu-parent > a:hover > span.submenu-toggle-container::before,
ul.off-canvas-list li.is-accordion-submenu-parent > a:hover > span.submenu-toggle-container::before	/* set background on expand/collapse icon for menu item hover, on normal and selected items */
{
	position: absolute;
	content: "";
	background-color: transparent;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-left: 2px solid #ffffff;
	border-radius: 0 8px 8px 0; /* rounded corners - radius - rebrand 2022 phase 2 */
	
}


.sage-sidenav ul.sidenav li.is-accordion-submenu-parent > a > span.submenu-toggle-container /* toggle button */
{
	border-radius: 0 8px 8px 0; /* for button focus - rounded corners - radius - rebrand 2022 phase 2 */		
}


.sage-sidenav ul.sidenav li.is-accordion-submenu-parent > a.selected > span.submenu-toggle-container::before,
ul.off-canvas-list li.is-accordion-submenu-parent > a.selected > span.submenu-toggle-container::before	/* set background on expand/collapse icon on selected item to default selected colour */
{
	/* disabled 2022 rebrand */
	/* background-color: transparent; */
}

.sage-sidenav ul.sidenav li.is-accordion-submenu-parent > a > span.submenu-toggle-container:hover::before,
ul.off-canvas-list li.is-accordion-submenu-parent > a > span.submenu-toggle-container:hover::before	/* set hover background on expand/collapse icon */
{
	background-color: #006738 !important; /* CSS variable IE 11 support */
	background-color: var(--business-product-hover1);
	color: #ffffff;
}

.sage-sidenav ul.sidenav span.submenu-toggle-container:hover > span.submenu-toggle,
ul.off-canvas-list span.submenu-toggle-container:hover > span.submenu-toggle	/* set hover icon colour for expand/collapse icon */
{
	border-top-color: #ffffff;
}

.sage-sidenav ul.sidenav a.selected:hover,
ul.off-canvas-list a.selected:hover 	/* Side Nav & responsive - hover colour for selected items */
{
	/* color: rgba(0,0,0,0.9); *//* CSS variable IE 11 support */
	/* color: var(--col-black-90); */
	background-color: #006738 !important; /* CSS variable IE 11 support */
	background-color: var(--business-product);
	color: #ffffff;	
}

ul.sidenav li a,
ul.off-canvas-list li a	/* Side Nav & responsive - menu item */
{
	/*color: rgba(0,0,0,0.9);*/ /* CSS variable IE 11 support */
	/*color: var(--col-black-90);*/
}

ul.sidenav li a:hover,
ul.off-canvas-list li a:hover	/* Side Nav & responsive - menu item hover */
{
	background-color: #006738 !important; /* CSS variable IE 11 support */
	background-color: var(--business-product);
}

ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle,
ul.off-canvas-list li.is-accordion-submenu-parent > a span.submenu-toggle /* Side Nav & responsive - toggle icon */
{
	/*border-top-color: rgba(0,0,0,0.9);*/ /* CSS variable IE 11 support */
	/*border-top-color: var(--col-black-90);*/
}

ul.sidenav li.is-accordion-submenu-parent > a:hover span.submenu-toggle-container > span.submenu-toggle,
ul.off-canvas-list li.is-accordion-submenu-parent > a:hover span.submenu-toggle-container > span.submenu-toggle	/* set hover icon colour for expand/collapse icon when menu item behind it is hover */
{
	/*border-top-color: #ffffff;*/
}

ul.sidenav li a.selected,
ul.off-canvas-list li a.selected /* Side Nav & responsive - menu item selected */
{
	background-color: rgba(255,255,255,0.3); /* CSS variable IE 11 support */
	background-color: var(--col-yang-30); /* rebrand 2-2023 */
	
}

aside#offCanvas /* Side Nav & Top Nav - responsive menu */
{
    padding: 0.25rem; /* add padding to container */
}

aside.off-canvas {
    /*background-color: #E6EBED;*/
    /*background-color: var(--col-action-minor-100);*/
	
	
	background-color: #262626; /* CSS variable IE 11 support */
	background-color: var(--col-grey-850); /* rebrand 2-2023 */
}


.is-accordion-submenu-parent > a span.submenu-toggle-container /* increase width of toggle - related to below */
{
	width: 2rem;
}

.off-canvas-accordion .is-accordion-submenu-parent > a /* increase width of toggle  - related to above, but add small amount so text doesn't touch border divider */
{
	padding-right: 2.25rem;
}


ul.navigation ul.sub-menu,
.search-filter-content	/* add shadow to top nav menu and search filter */
{
	box-shadow: 0 10px 10px 0 rgba(0,20,30,0.1), 0 5px 5px 0 rgba(0,20,30,0.2); /* DS menu shadow - rebrand 2022 */
	border: solid 1px #e0e1dd;
	border-top: none;
}


.search-filter-content	/* don't limit size of search filter menu. Script appears to set element max-height to clip to visible screen. */
{
	max-height: 40em !important;
}





div.menu-topic-container	/* container for topic navigation control */
{
	/*background-color: #F2F5F6;*/
	/* CSS variable IE 11 support */
	/*background-color: var(--col-slate-95);*/
	margin: 0em 0em 1em 0em;
	padding: 1em 0 1em 0;
}

div.menu-topic-container#menu-toc	/* set background - menu TOC */
{
	background-color: #E6EBED; /* CSS variable IE 11 support */
    background-color: var(--col-action-minor-100); /* rebrand 2022 */
}

div.menu-topic-container::before	/* add heading to topic menu navigation control - based on h4*/
{
	content: "Menu";
	/* Label for Menu proxy (side menu) - LOCALISED in localised_text.css */
	display: block;
	font-family: Sage_UI-Regular, Arial, Helvetica, sans-serif;
	/*font-size: 1.286em;*/
	font-size: 1.25em;
	/* 18/14 */
	font-weight: 600;
	line-height: 1.25em;
	margin: 0rem 1rem 0.5rem 1rem;
	color: inherit;
}

div.menu-topic-container#menu-on-page::before
{
	content: "On this page"; /* Label for topic headings menu (side menu) - LOCALISED in localised_text.css */
}

div.menu-topic-container#menu-toc::before
{
	content: "Menu"; /* Label for Menu proxy (side menu) - LOCALISED in localised_text.css */
}




div.menu-topic-container ol,
div.menu-topic-container ul,
div.menu-topic-container ol li,
div.menu-topic-container ul li	/* remove list formatting, display as blocks */
{
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	line-height: 1.5em;
	/* override hard-coded 1em */
}

div.menu-topic-container a	/* base style for all links */
{
	color: rgba(0,0,0,0.9);
	/* CSS variable IE 11 support */
	color: var(--col-black-90);
	padding: 0.25em 0.5em 0.25em 1em;
	display: block;
}

div.menu-topic-container a:before	/* Standard topic, uses font icon fa-caret-right */
{
	font-family: "FontAwesome";
	content: "\f0da";
	padding: 0 0.5em 0 0;
}

div.menu-topic-container ul.sub-menu > li.has-children > a:before	/* Book topics with "has-children" class. Uses font icon fa-caret-down */
{
	font-family: "FontAwesome";
	content: "\f0d7";
	padding: 0 0.5em 0 0;
}

div.menu-topic-container ul._Skins_Sage_Menu_Topic_TopNav > li.has-children > a:before	/* Parent topic, uses font icon fa-caret-up */
{
	font-family: "FontAwesome";
	content: "\f0d8";
	padding: 0 0.5em 0 0;
}

div.menu-topic-container#menu-toc a.selected	/* current topic with "selected" class - menu TOC */
{
	background-color: #CCD6DB; /* CSS variable IE 11 support */
    background-color: var(--col-action-minor-200);
	/* color: #ffffff; */
}

div.menu-topic-container#menu-on-page a.selected	/* current topic with "selected" class - on this page TOC */
{
	border-left: 4px solid #007E45; /* CSS variable IE 11 support */
	border-left: 4px solid var(--business-product);
	background-color: #ffffff;
	/* color: #ffffff; */
}

div.menu-topic-container#menu-toc a:hover 	/* hover on links - menu TOC */
{
	color: #ffffff;
	background-color: #007E45; /* CSS variable IE 11 support */
	background-color: var(--business-product);
	/* text-decoration: none; */
}

div.menu-topic-container#menu-on-page a:hover	/* hover on links - on this page TOC */
{
	background-color: #E6EBED; /* CSS variable IE 11 support */
	background-color: var(--col-action-minor-100);
	/* text-decoration: none; */
}




div.menu-topic-container a.selected	/* current topic with "selected" class */
{
	background-color: #006300;
	/* CSS variable IE 11 support */
	background-color: var(--business-product-hover1);
	color: #ffffff;
}

div.menu-topic-container a.selected + ul.sub-menu	/* highlight child items in the selected topic sub menu */
{
	/*background-color: #CCEBCC;*/
	/* CSS variable IE 11 support */
	/*background-color: var(--business-product-tint-80);*/
	
	/* removed for rebrand 2022 */
}

div.menu-topic-container a:hover,
div.menu-topic-container a:focus	/* hover colour on links */
{
	color: #ffffff;
	background-color: #008200;
	/* CSS variable IE 11 support */
	background-color: var(--business-product);
	text-decoration: none;
}

div.menu-topic-container a.selected:hover,
div.menu-topic-container a.selected:focus	/* hover colour on selected (current) item */
{
	/* background-color: #004B87; */
}

div.menu-topic-container ul._Skins_Sage_Menu_Topic_TopNav > li.has-children > a	/* parent topic link */
{
	padding-left: 1em;
}

div.menu-topic-container ul > li > ul > li > a	/* position first level topic (parent) */
{
	padding-left: 2em;
}

div.menu-topic-container ul > li > ul > li > ul > li > a	/* position second level topic */
{
	padding-left: 3em;
}

div.menu-topic-container ul > li > ul > li > ul > li > ul > li > a	/* position third level topic */
{
	padding-left: 4em;
}

div.menu-topic-container p.boxHeading	/* box heading  */
{
	margin: 0rem 1rem 0.5rem 1rem;
}

/* --------------------------------------------------- #page-toc: In this page menu */

#page-toc	/* container for topic navigation control */
{
	display: none;
	/* initially hide box, script will only display box if it contains any heading links */
	margin: 0em 0em 1em 0em;
	padding: 1em 0 1em 0;
	background-color: #F2F5F6;
	/* CSS variable IE 11 support */
	background-color: var(--col-slate-95);
}

#page-toc > p.boxHeading	/* heading  - Deprecated 02/08/2019 */
{
	margin: 0rem 1rem 0.5rem 1rem;
	/* indent heading as no padding */
	color: inherit;
}

#page-toc:before	/* add heading to page toc - based on h4 */
{
	content: "On this page";
	/* Label for page TOC - LOCALISED in localised_text.css */
	display: block;
	font-family: AdelleSansSage, Arial, Helvetica, sans-serif;
	font-size: 1.286em;
	/* 18/14 */
	font-weight: 600;
	line-height: 1.25em;
	margin: 0rem 1rem 0.5rem 1rem;
	color: inherit;
}

#page-toc ol,
#page-toc ul,
#page-toc ol li,
#page-toc ul li	/* remove list formatting, display as blocks */
{
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#page-toc a	/* base style for all links */
{
	padding: 0.25em 0.5em 0.25em 1em;
	display: block;
	position: relative;
}

#page-toc a:before
{
	font-family: "FontAwesome";
	content: "\f0da";
	padding: 0 0.5em 0 0;
}

#page-toc li.H2 a	/* position first level topic */
{
	padding-left: 1em;
}

#page-toc li.H3 a	/* position second level topic */
{
	padding-left: 2em;
}

#page-toc li a:hover,
#page-toc li a:focus
{
	background-color: #008200;
	/* CSS variable IE 11 support */
	background-color: var(--business-product);
	color: #ffffff;
	text-decoration: none;
}

/* ------------------------------------------------------------------------- MEDIA QUERIES - RESPONSIVE ELEMENTS -------------- */
/* media query sizes: http://foundation.zurb.com/docs/media-queries.html */
/* --------------------------------------------------- SMALL screens (MOBILE) */

#dimensions	/* dimensions in bottom left (development only - remove) */
{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	color: white;
	padding: 3px;
	z-index: 5000;
}

/*@media only screen and (max-width: 40em) */
@media only screen and (max-width: 480px)
{
	#dimensions
	{
		background-color: #DAA520;
	}

	section.sage-topic-body
	{
		margin: 0;
		padding-top: 1em;
		/*padding-top: 2rem;*/
		padding-bottom: 2rem;
	}

	.sage-topnav section.sage-topic-body,
	.sage-topnav section.sage-header-bar,
	.sage-topnav section.sage-header,
	.sage-topnav section.sage-banner,
	.sage-topnav section.sage-section,
	.sage-topnav section.sage-footer	/* set padding for all sections (top nav) */
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sage-sidenav section.sage-topic-body,
	.sage-sidenav section.sage-header-bar,
	.sage-sidenav section.sage-header,
	.sage-sidenav section.sage-banner,
	.sage-sidenav section.sage-section,
	.sage-sidenav section.sage-footer	/* set padding for all sections (side nav) */
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	

	.sage-tripane section.sage-topic-body,
	.sage-tripane section.sage-header-bar,
	.sage-tripane section.sage-header,
	.sage-tripane section.sage-banner,
	.sage-tripane section.sage-section,
	.sage-tripane section.sage-footer	/* set padding for all sections (tripane) */
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sage-topnav div.sage-section-full-width	/* full width section (top nav) */
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.sage-sidenav div.sage-section-full-width	/* full width section (side nav) */
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.sage-tripane div.sage-section-full-width	/* full width section (tripane) */
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	section.sage-banner #sage-home-title
	{
		/* font-size: 2.25em; */
	}
	
	
	
	
	

	section.sage-banner
	{
		/* font-size: 1.2em; */
	}

	.right	/* no left margin on small screen */
	{
		margin: 0em 0em 1em 0em;
	}

	#sage-header-search
	{
		padding-bottom: 1em;
		/* add padding between search bar and menu on small screen */
	}

	#menu-topic-container-float	/* container for floated menus */
	{
		padding-left: 0;
		/* Remove default padding from Foundation */
	}
	
	.search-bar
	{
		margin-top: 6px;
	}
}

@media only screen and (max-width: 767px)
{
.nav-search-wrapper 
{
    margin-top: 1em !important;
}

div.navigation-wrapper
{
    margin-top: 1em !important;
}

div.welcome 
{    
    margin-left: 2em;    
}

}

@media only screen and (max-width: 1279px)
{
.nav-search-wrapper 
{
    margin-top: 1em !important;
}

div.navigation-wrapper
{
    margin-top: 1em !important;
}

div.welcome 
{    
    margin-left: 2em;    
}

}


/* --------------------------------------------------- #banner-home: sage-banner on home page for 2022 update- */

section#sage-home-banner	/* Banner on home page */
{
	min-height: 40vh; 
	margin-bottom: 1em;	
}

#sage-home-banner-image /* image inside banner (side nav) */
{
    background-size: contain; /* restrict as will be cropped */ 
    background-position: center center; 
	/* -------------------------the following background image isn't currently used in the NA for HTML5 or CHM --------------------------*/
    background-image: url("../Images/brand/background_home.png"); /* set background image */
    background-repeat: no-repeat;
	min-height: 32vh; /* minimum image height, stops container being zero height - based on banner height 40vh */
	flex: 0 1 auto; /* flex layout - use this inside sage-layout-container */
    width: 30%;
    /* overflow: auto; */ /* removed as search bar menu was cropped */
	order: 2;
}

#sage-home-banner-content /* content inside banner (side nav) */
{
	/*padding: 2rem;*/
	padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
	/*padding-left: 45px;*/
	flex: 0 1 auto; /* flex layout - use this inside sage-layout-container */
    width: 80%;
    /* overflow: auto; */ /* removed as search bar menu was cropped */
	order: 1;
}

section#banner-home .sage-logo	/* Sage logo on home page banner */
{
	width: 5em;
}

section#banner-home .search-bar-container	/* Search bar container */
{
	margin: 0 0 2em 0;
}

.sage-layout-container	/* Container for content - flex container */
{
	/*display: flex;
	flex-wrap: wrap;*/
	justify-content: left; /* centre body in page */
	gap: 5%; /* Gap between columns. Take into account when setting column widths. */	
}

.sage-layout-wide /* Content - home page and section topics in restricted width flex layout. */
{
	flex: 0 1 auto;
	width: 100%;
	max-width: 80rem; /* Double regular max width (approx 160 characters) */
	/* overflow: auto; */ /* removed as search bar menu was cropped */
}

.row.outer-row .row /* fix bug with nested Foundation rows - overwrite left/right margins of -0.9375rem in Foundation, as causes overflow on the containing element */
{
	margin-left: 0;
	margin-right: 0;
}



/* --------------------------------------------------- MEDIUM screens (TABLET) */

/*@media only screen and (min-width: 40.063em) */
@media only screen and (min-width: 768px) 
{
	#dimensions
	{
		background-color: #6B8E23;
	}

	section.sage-topic-body
	{
		margin: 0;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.sage-topnav section.sage-topic-body,
	.sage-topnav section.sage-header-bar,
	.sage-topnav section.sage-header,
	.sage-topnav section.sage-banner,
	.sage-topnav section.sage-section,
	.sage-topnav section.sage-footer	/* set padding for all sections (top nav) */
	{
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.sage-sidenav section.sage-topic-body,
	.sage-sidenav section.sage-header-bar,
	.sage-sidenav section.sage-header,
	.sage-sidenav section.sage-banner,
	.sage-sidenav section.sage-section,
	.sage-sidenav section.sage-footer	/* set padding for all sections (side nav) */
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sage-tripane section.sage-topic-body,
	.sage-tripane section.sage-header-bar,
	.sage-tripane section.sage-header,
	.sage-tripane section.sage-banner,
	.sage-tripane section.sage-section,
	.sage-tripane section.sage-footer	/* set padding for all sections (tripane) */
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sage-topnav div.sage-section-full-width	/* full width section (top nav) */
	{
		margin-left: -3rem;
		margin-right: -3rem;
	}

	.sage-sidenav div.sage-section-full-width	/* full width section (side nav) */
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.sage-tripane div.sage-section-full-width	/* full width section (tripane) */
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	section.sage-banner #sage-home-title
	{
		/* font-size: 2.75em; */
	}

	#sage-home-banner-content	/* content inside banner (side nav) */
	{
		min-height: 20em;
		/* set minimum height to prevent cropping background image on medium/large*/
		/*margin-left: 15px;*/
	}

	section.sage-banner
	{
		/* font-size: 1.2em; */
	}

	#sage-header-search
	{
		padding-bottom: 1em;
		/* add padding between search bar and menu on medium screen */
	}
	
		.search-bar
	{
		margin-top: 6px;
	}
}

/* --------------------------------------------------- LARGE screens (DESKTOP) */

@media only screen and (min-width: 992px)
{
	#dimensions
	{
		background-color: #20B2AA;
	}

	section.sage-topic-body
	{
		margin: 0;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.sage-topnav section.sage-topic-body,
	.sage-topnav section.sage-header-bar,
	.sage-topnav section.sage-header,
	.sage-topnav section.sage-banner,
	.sage-topnav section.sage-section,
	.sage-topnav section.sage-footer	/* set padding for all sections (top nav) */
	{
		padding-left: 5rem;
		padding-right: 5rem;
	}

	.sage-sidenav section.sage-topic-body,
	.sage-sidenav section.sage-header-bar,
	.sage-sidenav section.sage-header,
	.sage-sidenav section.sage-banner,
	.sage-sidenav section.sage-section,
	.sage-sidenav section.sage-footer	/* set padding for all sections (side nav) */
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.sage-tripane section.sage-topic-body,
	.sage-tripane section.sage-header-bar,
	.sage-tripane section.sage-header,
	.sage-tripane section.sage-banner,
	.sage-tripane section.sage-section,
	.sage-tripane section.sage-footer	/* set padding for all sections (tripane) */
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sage-topnav div.sage-section-full-width	/* full width section (top nav) */
	{
		margin-left: -5rem;
		margin-right: -5rem;
	}

	.sage-sidenav div.sage-section-full-width	/* full width section (side nav) */
	{
		margin-left: -3rem;
		margin-right: -3rem;
	}

	.sage-tripane div.sage-section-full-width	/* full width section (tripane) */
	{
		margin-left: -1rem;
		margin-right: -1rem;
	}

	section.sage-banner #sage-home-title
	{
		/* font-size: 3em; */
	}

	section.sage-banner
	{
		/* font-size: 1.4em; */
	}
	
	.search-bar
	{
		margin-top: 6px;
	}
}

/* -------- Added to fix Search bar -------------------- */
@media only screen and (min-width: 1279px)
{
	.search-bar
	{
		margin-top: 6px;
	}
	
	
	
	
}


/* --------------------------------------------------- END media query sizes ------- */
/* ------------------------------------------------------------------------- PAGE HEADER AND TOP NAV ------------------ */

section.sage-header
{
	/* font-size: 1.125em; */
}

.sage-sidenav nav.title-bar 
{
	border-bottom: solid 1px #000000;
}



#sage-header-title	/* header - product title (top nav and side nav) */
{
	margin: 0;
	display: none;	/* hide product title until top nav and side nav scripts have been run */
	line-height: 2em;
	position: relative;
	/*top: 3px;*/
	top: 1em;
	white-space: nowrap;/* Don't wrap header title on multiple lines */
	
	/*padding-left: 1em;*/	
}

.sage-topnav #sage-header-title	/* header - product title (top nav) */
{
	display: block;	/* display product title when top nav script has run */
	padding-bottom: 1em;
}

.sage-sidenav #sage-header-title	/* header - product title (side nav) */
{
	display: block; /* display product title when side nav script has run, and it's been moved to header */
}

.sage-sidenav .title-bar-layout .logo-wrapper	/* header product title - fix Flare's default settings */
{
	/*min-height: 0;*/
	/* overwrite default setting */
	/* padding-left: 0.67rem; */
	
	display: block; /* Set by default to "flex", so need to override */
	flex: 1 1 auto; /* Set by default to 0 1 auto, so override to set grow=1 */
}

.sage-sidenav nav.title-bar button.menu-icon
{
	top: 1em;
	/* move menu icon up to align with title text */
}

title-bar-container sticky-container
{
	min-height: 65px !important;

}


html.normal-no-nav.sage-sidenav .sidenav-wrapper,
html.normal-no-sidenav.sage-sidenav .sidenav-wrapper,
html.normal-no-nav.sage-sidenav .title-bar-container,
html.normal-no-sidenav.sage-sidenav .title-bar-container	/* hide side nav and header title bar for 'normal-no-nav' master page */
{
	display: none;
}

html.normal-no-nav.sage-sidenav .sidenav-layout,
html.normal-no-sidenav.sage-sidenav .sidenav-layout	/* when hide side nav header title, need to override calculated inline height so it fills screen */
{
	height: 100vh !important;
}

html.normal-no-nav.sage-topnav nav.title-bar.tab-bar,
html.normal-no-topnav.sage-topnav nav.title-bar.tab-bar	/* hide top nav for 'normal-no-nav' master page */
{
	display: none;
}


.title-bar-container
{
	min-height: 100px;
}


.sticky-container {
    position: relative;
}

#sage-header-home	/* header - home link inserted in product title from top nav and side nav scripts (a#sage-header-home) */
{
	z-index: 2;
	/* required to make link clickable in side nav */
	text-decoration: none !important; /* remove link underline */
}

#sage-header-home:hover,
#sage-header-home:focus	/* header - home link */
{
	text-decoration: none !important;
	/* don't underline home link on hover */
}

#sage-header-search	/* header search box (top nav) */
{
	
}

.search-bar
{
	margin-top: 0;
}

#sage-header-logo	/* Sage logo in header */
{
	/* height: 28px;*/
	height: 24px;
	border: none !important;
	border-radius: none !important;
	pointer-events: none;
	/* 24px logo height specified in DLS */
	/* Figma spec shows logo is 25.95 px as of 1/28/22 */
}

img#sage-header-logo:hover,
img#sage-header-logo:active,
img#sage-header-logo:focus 
{
    
	padding: none !important;	
	height: 24px;
}


#sage-header-product-name	/* container for product name in header */
{
	color: #ffffff;
	/*font-size: 1.125em;*/ /* CSS variable IE 11 support */
	font-size: 2em;
	/*font-size: 1.5em;*/ /* CSS variable IE 11 support */
	font-size: var(--font-size-body-l);
	font-family: "Sage UI", Arial, Helvetica, sans-serif;
	font-weight: 700;
	display: inline-block;	
	position: relative;
	bottom: 9px; /* Vertically align with logo. */
	
}

#sage-header-divider /* divider between logo and product name */
{
	display: inline-block;
	height: 24px; /* set height to same as logo */
	position: relative;
	bottom: 3px; /* align with logo */
	border-left: 2px solid #262626;
	margin: 0 1em 0 1em;
}

img.sage-logo	/* Sage logo normal */
{
	height: 26px;
}

.sage-footer div.sage-logo	/* Sage logo container - old style deprecated */
{
	text-align: center;
}

/*.sidenav-wrapper
{
	margin-top: 40px;
	border-top: 1px sold #ABABAB;
	border-right: 1px sold #ABABAB;
}*/

.sage-sidenav .sidenav-wrapper	/* side nav panel */
{
	/*background-color: #E6EBED;*/ /* CSS variable IE 11 support */
	/*background-color: var(--col-action-minor-100);
	border-right: 1px solid #E6EBED; /* CSS variable IE 11 support */
	/*border-right: 1px solid var(--col-action-minor-100);*/
	
	background-color: #262626; /* CSS variable IE 11 support */
	background-color: var(--col-grey-850); /* rebrand 2-2023 */
	border-right: 1px solid #262626; /* CSS variable IE 11 support */
	border-right: 1px solid var(--col-grey-850); /* rebrand 2-2023 */
	min-width: 15rem; /* set minimum and maximum widths for the side nav panel */
	max-width: 30rem;
}



.sage-sidenav .body-container
{
	padding: 0 0 0 0;
	/* override hard-coded padding on topic body container in desktop view */
}





/* ------------------------------------------------------------------------- PAGE SECTIONS AND BANNERS ----------------- */
/* --------------------------------------------------- sage-header (container for header, logo, search) - */

section.sage-header	/* container for header, logo, search */
{
	padding-top: 1.5em;
	padding-bottom: 0;
}

/* --------------------------------------------------- sage-banner (banner areas with images) - */

section.sage-banner	/* banner areas with images  (top nav) */
{
	padding-top: 2rem;
	padding-bottom: 2rem;
	/*background-size: cover !important;*/
}

section.sage-banner h1,
section.sage-banner h2	/* spacing for banner headings  */
{
	margin: 0 0 0.5em 0;
}


section.sage-banner-dark	/* Light text in dark banner */
{
	background-color: #000000 !important;
	color: #ffffff;
}

section.sage-banner-dark a,
section.sage-banner-dark a:hover,
section.sage-banner-dark a:focus	/* links on dark banners */
{
	color: #ffffff;
}



/* ------------------------------------------------------------------------- SEARCH RESULTS PROXY (Navigation menus) ------------------ */

#searchPane #resultList
{
	line-height: 1.5em;
	/* set line height, as cannot set this in skin file */
}

#search-results h2#results-heading /* Search results (Side Nav / Top Nav) - Heading changed from h1 to h2 in script, so need to add/reset some styles */
{
	font-weight: 500;
	border-bottom: solid 2px #b9bab7;
    margin-top: unset;
}



._Skins_Components_SageSearchResults.mc-component #resultList h3.title a 
{
    color: #006738;
    font-size: 1em;
	text-decoration: underline !important; /* fix hover  */
	text-underline-offset: 20%;
}

._Skins_Components_SageSearchResults.mc-component #resultList h3.title {
    color: #006738;
	margin-bottom: 2px;
    text-decoration: underline !important; /* fix hover  */
	text-underline-offset: 20%;
}

._Skins_Search_Sage_Search_Results_TopNav.mc-component #resultList h3.title a {
    color: #006738;
    font-size: 1em;
    /*margin-left: 25px;*/
	display: block;
}


#resultList h3.title {
    margin-bottom: 2px;
    text-decoration: underline !important; /* fix hover  */
	text-underline-offset: 20%;
	line-height: 1.1em;
	display: block;
	padding-left: 25px;
}


#resultList h3.title a {
    color: #006738;
	text-decoration: underline !important; /* fix hover  */
	text-underline-offset: 20%;
    font-weight: normal;
}

#resultList .description {
    margin-left: 25px;
}

#resultList a:link
{
	/*color: #007E45;*/
	color: #006738;
	text-decoration: underline;
	
	text-underline-offset: 20%;	
}

#resultList h3.title a:visited
{
	/*color: #2B2421;*/
	/*color: #0073C2;*/
	color: #00324c;
	text-decoration: underline;
	/*text-decoration-width: 1px;
	text-decoration-skip: edges;*/
	text-underline-offset: 20%;
}


._Skins_Components_SageSearchResults.mc-component #resultList .description {
    color: var(--col-black-90);
    font-size: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
	margin-left: 25px;
}

._Skins_Components_SageSearchResults.mc-component #resultList .url cite {
    /*color: #335B70;*/
	color: var(--col-black-90);
    font-size: 1em;
    font-style: normal;
	margin-left: 25px;
}

#resultList .url cite {
    /*color: var(--col-action-minor-500);*/
	color: var(--col-black-90);
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
	margin-left: 25px;
}


#resultList b /* Accessibility - hide bold formatting applied to matching terms in search results list, set to weight to normal/400  */
{
	font-weight: 400;
}

#pagination

{
padding-left: 25px;
}


#pagination a /* search results pagination link */
{
	color: #006738; /* CSS variable IE 11 support */
	border-color: #006738; /* CSS variable IE 11 support */	
    flex: 0 1 auto; /* set properties for flex items (buttons) */
		
}

#pagination a:hover	/* search results pagination link styles */
{
	background-color: #00324c !important; /* CSS variable IE 11 support */
	border-color: #00324c !important; /* CSS variable IE 11 support */		
	color: #ffffff;
}

#pagination a#selected
{
	background-color: #006738; /* CSS variable IE 11 support */
	border-color: #006738; /* CSS variable IE 11 support */	
	color: #ffffff;
}

._Skins_Search_Sage_Search_Results_TopNav.mc-component #pagination {
    text-align: left;
    white-space: nowrap;
    height: 4em;
    display: block;
    line-height: 4em;
	padding-top: 0.5em;
}

ul.pagination-list	/* pagination list inserted by script */
{
	list-style-type: none;
	height: auto; 	/* allow container to increase in size to fit rows */
	display: flex; 	/* Set as flex container. This will  be overridden by MadCap scripts setting inline display style of none or block, so additional JS has been added to set this to flex if buttons are visible (display:block). */
	flex-direction: row; 	/* set flex items (butttons) in a row */
	flex-wrap: wrap; 	/* allow flex items (buttons) to wrap if they don't fit */
	justify-content: left; 	/* justify flex items (buttons) to left */
	margin: 1em 0; 	/* add 1em margin above/below button strip */
	line-height: 2.5em; 	/* fix to stop vertical scroll bar appearing in search results - make sure line height is smaller than 4em height set in skin. */
	padding-left: 25px;	
}

li.pagination-list-item	/* pagination list items  inserted by script */
{
	flex: 0 1 auto; 	/* set properties for flex items (pagination buttons) */
	padding: 0 0 0.5em 0;
	margin: 0;
}


/* ------------------------------------------------------------------------- Breadcrumbs  ------------------ */	
/* Breadcrumbs - these breadcrumb styles are added by script, to im,prove accessibility */
.sage-breadcrumbs-list
{
	list-style-type: none;
	display: flex;
	/* Set as flex container. This will  be overridden by MadCap scripts setting inline display style of none or block, so additional JS has been added to set this to flex if buttons are visible (display:block). */
	flex-direction: row;
	/* set flex items (butttons) in a row */
	flex-wrap: wrap;
	/* allow flex items (buttons) to wrap if they don't fit */
	justify-content: left;
	/* justify flex items (buttons) to left */
	margin: 0;
	padding: 0;
}

.sage-breadcrumbs-list-item
{
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
	position: relative;
}

.sage-breadcrumbs-list-item::before /* Add divider to breadcrumbs */
{
    content: " / ";
	padding: 0 0.5em;
}

.sage-breadcrumbs-list-item:first-of-type::before /* Hide divider for first list item */
{
	display: none;
}

.sage-breadcrumbs-list span.MCBreadcrumbsDivider,
.sage-breadcrumbs-list span.MCBreadcrumbsPrefix /* Hide generated breadcrumb prefix and dividers */
{
	display: none;
}


/* ------------------------------------------------------------------------- Go to top  ------------------ */

.go-to-top
{
	mc-auto-number-format: "Top"; /* Title for go to top button - LOCALISED in localised_text.css */
	
	position: fixed;
	bottom: 0;
	right: 0; /* position for top nav */
	padding: 0.6em;
	background-color: #006738;
	color: #ffffff;
	display: none;
	box-shadow: 0 10px 10px 0 rgba(0,20,30,0.1), 0 5px 5px 0 rgba(0,20,30,0.2); /* DS menu shadow - rebrand 2022 */
	border: none;
	padding: 0.5em 1em 0.5em 1em; /* rounded corners - radius - rebrand 2022 phase 2 */	
	border-radius: 16px 16px 0 0; /* rounded corners - radius - rebrand 2022 phase 2 */
}

.go-to-top::before
{
	font-family: "FontAwesome";
	content: "\f0d8";
	/* Icon for go to top link */
	padding: 0 0.25em 0 0;
}


.sage-sidenav .go-to-top
{
	
	right: 17px;/* position for side nav - move in from right, as it overlaps scroll bar */
}

.go-to-top:hover,
.go-to-top:focus
{
	background-color: #00324c;	
	text-decoration: none;	
}

/*feedback system*/

.feedback-reason
{
	display: none;
}

div.feedback-option
{
	line-height: 1.5em;
	margin: 0em 0em 1em 0em;
}

a.feedback-button
{
	background-color: #ffffff;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	padding: 0.5em;
	margin: 0.5em 0.5em 0.5em 0;
	text-align: center;
	min-width: 5em;
}

a.feedback-yes
{
	color: #00B000 !important;
	/* CSS variable IE 11 support */
	color: var(--col-green-20) !important;
	border: 2px solid #00B000;
	/* CSS variable IE 11 support */
	border: 2px solid var(--col-green-20);
}

a.feedback-no
{
	color: #C7384F !important;
	/* CSS variable IE 11 support */
	color: var(--col-error-red) !important;
	border: 2px solid #C7384F;
	/* CSS variable IE 11 support */
	border: 2px solid var(--col-error-red);
}

a.feedback-yes:hover,
a.feedback-yes:focus
{
	background-color: #00B000;
	/* CSS variable IE 11 support */
	background-color: var(--col-green-20);
	color: #ffffff !important;
	text-decoration: none;
}

a.feedback-no:hover,
a.feedback-no:focus
{
	background-color: #C7384F;
	/* CSS variable IE 11 support */
	background-color: var(--col-error-red);
	color: #ffffff !important;
	text-decoration: none;
}

/* ------------------------------------------ hide styles ---------------------- */

a.go-to-top,
.sub-menu,
li.has-children,
.menu-section,
div.navigation-wrapper,
ul.navigation,
div.menu-topic-container,
section.sage-header-bar,
section.sage-header,
nav.tab-bar,
section.sage-topic-body,
section.sage-banner,
section.sage-section,
section.sage-footer,
.search-bar-container,
.search-filter-content	/* hide styles from editor */
{
	mc-disabled: true;
}

#banner-intro,
#dimensions,
#page-toc,
#pagination,
#resultList,
#sage-header-product,
#sage-header-search,
#sage-header-title,
#sage-home-title,
#searchPane,
.dropDownHead,
.dropDownHotspot,
.expandingHead
{
	mc-disabled: true;
}


/* --------------------------------------------------- Coloured backgrounds for boxes ------------ */

.colour-light-1,
.colour-light-product-1	/* light grey background - 2022 rebrand, was #F2F5F6 */
{
	background-color: #f2f2f2 !important; /* CSS variable IE 11 support */	
	background-color: var(--col-yin-05) !important;
}

.colour-light-2,
.colour-light-product-2	/* light grey background - 2022 rebrand, was #E6EBED */
{
	background-color: #e5e5e5 !important; /* CSS variable IE 11 support */
	background-color: var(--col-yin-10) !important;
}

.colour-light-3	/* light grey background - 2022 rebrand, was #CCD6DB */
{
	background-color: #d9d9d9 !important; /* CSS variable IE 11 support */
	background-color: var(--col-yin-15) !important;
}


.colour-dark-1, 
.colour-dark-product-1	/* Dark 1 - Black - 2022 rebrand */
{
	background-color: #000000 !important;
	color: #ffffff;
}

.colour-dark-2,
.colour-dark-product-2	/* Dark 2 - utility-minor-800 - 2022 rebrand - was #335C6D */
{
	background-color: #191919 !important; /* CSS variable IE 11 support */
	background-color: var(--col-grey-900) !important; 
	color: #ffffff;
}

.colour-dark-3,
.colour-dark-product-3	/* Dark 3 - utility-minor-700 - 2022 rebrand - was #0073C2 */
{
	background-color: #262626 !important; /* CSS variable IE 11 support */
	background-color: var(--col-grey-850) !important;
	color: #ffffff;
}

.colour-dark-4	/* Dark 4 - utility-minor-600 - 2022 rebrand - was rgba(0,0,0,0.65) */
{
	
	background-color: #404040 !important; /* CSS variable IE 11 support */
	background-color: var(--col-grey-750) !important;
	color: #ffffff;
}

.colour-dark-5	/* Dark 5 - utility-minor-500 - 2022 rebrand - was rgba(0,0,0,0.55) */
{
	background-color: #4D4D4D !important; /* CSS variable IE 11 support */
	background-color: var(--col-grey-700) !important;
	color: #ffffff;
}

[class*="colour-"]
{
	/* overflow: auto; */
}
 
[class*="colour-dark"] a,
[class*="colour-dark"] a:hover,
[class*="colour-dark"] a:focus
{
	color: #ffffff !important; /* set link colour inside coloured boxes */

}

[class*="colour-dark"] [class*="highlightBox"] /* reset text colour for notes/boxes inside dark coloured boxes */
{
	color: rgba(0,0,0,0.9); /* CSS variable IE 11 support */
	color: var(--col-black-90);
}

[class*="colour-dark"] [class*="highlightBox"] a /* reset link colour for boxes inside dark coloured boxes */
{
	color: #007E45 !important; /* CSS variable IE 11 support */
	color: var(--business-product) !important;
}

[class*="colour-dark"] [class*="highlightBox"] a:hover,
[class*="colour-dark"] [class*="highlightBox"] a:focus /* reset link hover colour for boxes inside dark coloured boxes */
{
	color: #006738 !important; /* CSS variable IE 11 support */
	color: var(--business-product-hover1) !important;
	
}


.button-group-container-left {    
    margin-top: 30px;
	margin-right: 15px;
}