/*<meta conditions="help-template-control.do-not-edit,import-control.Import" />*/

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

/* OPEN SANS STYLING - */
/* this section ensures that open sans is rendered correctly on all devices */
/* fontfaces */
/* open-sans-regular - latin */

@font-face 
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts/open-sans-v20-latin-regular.eot');
	src: local(''), url('../../fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans-v20-latin-regular.woff2') format('woff2'), url('../../fonts/open-sans-v20-latin-regular.woff') format('woff'), url('../../fonts/open-sans-v20-latin-regular.ttf') format('truetype'), url('../../fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* open-sans-italic - latin */

@font-face 
{
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../../fonts/open-sans-v20-latin-italic.eot');
	src: local(''), url('../../fonts/open-sans-v20-latin-italic.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans-v20-latin-italic.woff2') format('woff2'), url('../../fonts/open-sans-v20-latin-italic.woff') format('woff'), url('../../fonts/open-sans-v20-latin-italic.ttf') format('truetype'), url('../../fonts/open-sans-v20-latin-italic.svg#OpenSans') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* open-sans-700 - latin */

@font-face 
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../../fonts/open-sans-v20-latin-700.eot');
	src: local(''), url('../../fonts/open-sans-v20-latin-700.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans-v20-latin-700.woff2') format('woff2'), url('../../fonts/open-sans-v20-latin-700.woff') format('woff'), url('../../fonts/open-sans-v20-latin-700.ttf') format('truetype'), url('../../fonts/open-sans-v20-latin-700.svg#OpenSans') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* open-sans-700italic - latin */

@font-face 
{
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../../fonts/open-sans-v20-latin-700italic.eot');
	src: local(''), url('../../fonts/open-sans-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans-v20-latin-700italic.woff2') format('woff2'), url('../../fonts/open-sans-v20-latin-700italic.woff') format('woff'), url('../../fonts/open-sans-v20-latin-700italic.ttf') format('truetype'), url('../../fonts/open-sans-v20-latin-700italic.svg#OpenSans') format('svg');
}

/* IE9 Compat Modes */
/* IE6-IE8 */
/* Super Modern Browsers */
/* Modern Browsers */
/* Safari, Android, iOS */
/* Legacy iOS */
/* COLOUR SPECIFICATIONS FOR STYLESHEET */
/* the following styles define the specific colours used in the stylesheet (makes it easier to identify which colour you want without having to remember the hex values - also makes it easier to change the hex values globally) */

:root
{
	--iris-grey: #24303B;
	--default-text: var(--iris-grey);
	--grey-80: #505962;
	--grey-70: #666e76;
	--grey-50: #8f959b;
	--grey-40: #a7acb1;
	--grey-10: #e9eaeb;
	--grey-5: #f7f8fa;
	--link-text: #1B69B9;
	--link-hover: #134A82;
	--blue-10: #e8f0f8;
	--blue-dark-10: #DCE4EC;
	--purple: #93328E;
	--purple-10: #F4EBF4;
}

/* BREADCRUMBS STYLES */

div.breadcrumbs
{
	display: flex;
	align-items: center;
	padding: 0;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .75em;
	margin-bottom: 1.5rem;
	mc-breadcrumbs-prefix: '';
	mc-breadcrumbs-divider: ' ';
}

.MCBreadcrumbsDivider
{
	width: 1rem;
	height: 1rem;
	margin: 0 .5rem;
	display: block;
	background: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/chevron-right.svg') no-repeat center;
}

/* GLOBAL STYLES */

body
{
	color: var(--default-text);
	line-height: 1.5em;
	font-size: 1rem;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4
{
	font-weight: 700;
}

h1
{
	font-size: 2rem;
	padding-bottom: 0.5rem;
}

h2
{
	font-size: 1.5rem;
}

h3
{
	font-size: 1.25rem;
}

h4
{
	font-size: 1rem;
}

hr
{
	border-top: 1px solid var(--grey-10);
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

p
{
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}

/* LIST STYLES */

ol,
ul
{
	
}

li
{
	margin-bottom: .5rem;
	margin-top: .5rem;
}

/* IMAGE STYLES */

img
{
	max-width: 99.9%;
	height: auto;
	display: block;
	margin: 1.5rem 0;
}

img.medium
{
	max-width: 60%;
}

img.small
{
	max-width: 30%;
}

img.with-shadow
{
	border-radius: .25rem;
	box-shadow: 0 0 2px rgb(0 0 0 / 50%);
}

img.with-shadow-medium
{
	max-width: 60%;
	height: auto;
	display: block;
	margin: 1.5rem 0;
	border-radius: .25rem;
	box-shadow: 0 0 2px rgb(0 0 0 / 50%);
}

img.with-shadow-small
{
	max-width: 30%;
	height: auto;
	display: block;
	margin: 1.5rem 0;
	border-radius: .25rem;
	box-shadow: 0 0 2px rgb(0 0 0 / 50%);
}

img.inline_img
{
	display: inline;
	margin: 0px 0;
	mc-thumbnail-max-height: auto;
}

img.MCHelpControl_Image_Icon
{
	display: inline;
	margin: 0px 0;
}

/* LINK STYLES */

a,
.xref
{
	transition: .25s color ease;
	color: var(--link-text);
	text-decoration: underline;
}

a:link
{
	color: #1B69B9;
}

a:visited
{
	color: #1B69B9;
}

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

a:active
{
	color: #1B69B9;
}

a.home-button
{
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 100%;
}

/* NOTE/ALERT STYLES */

p.alert,
p.alert--warning,
p.alert--error,
p.alert--success,
p.alert--tip
{
	border-radius: 4px;
	background-color: #f3f3f3;
	padding: 1.5rem;
	padding-left: 4rem;
	line-height: 1.5;
	background-repeat: no-repeat;
	background-position: 1.5rem 1.5rem;
	background-size: 1.5rem;
	color: #505962;
}

p.alert
{
	background-color: #F3F3F3;
	background-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/note.svg');
}

p.alert--warning
{
	background-color: #FFF4E6;
	background-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/note-warning.svg');
}

p.alert--error
{
	background-color: #FDF2F4;
	background-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/note-error.svg');
}

p.alert--success
{
	background-color: #E7F5E5;
	background-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/note-success.svg');
}

p.alert--tip
{
	background-color: #e5e7f5;
	background-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/tip.svg');
}

/* TAG STYLES */

.tag--blue,
.tag--grey,
.tag--green,
.tag--orange,
.tag--purple,
.tag--red,
.tag--mint
{
	padding: .3125rem .5rem;
	line-height: 1rem;
	border-radius: 4px;
	font-size: .675rem;
}

.tag--blue
{
	color: #1c93e3;
	background: #E8F4FC;
}

.tag--grey
{
	background-color: #F2F2F2;
	color: #505962;
}

.tag--green
{
	color: #129d00;
	background-color: #E7F5E5;
}

.tag--orange
{
	color: #A33900;
	background: #FFE8CC;
}

.tag--purple
{
	background-color: #F0E6FE;
	color: #3F0694;
}

.tag--red
{
	background-color: #ffd9d9;
	color: #BC0010;
}

.tag--mint
{
	background-color: #DEF2F6;
	color: #1F6573;
}

/* TABLE STYLES */

table
{
	width: 100%;
	border-spacing: 0;
	border-collapse: unset;
	padding-right: 30%;
}

th,
.TableHeader
{
	font-weight: 700;
}

th,
td
{
	padding: .75rem .75rem;
	text-align: left;
	font-size: .875rem;
}

td
{
	border-bottom: .0625rem solid var(--grey-10);
}

td p,
td li,
.topic-layout td p,
.topic-layout td li
{
	font-size: .875rem;
	margin: 0;
}

th:first-child,
td:first-child
{
	padding-left: 1rem;
}

th:last-child,
td:last-child
{
	padding-right: 1rem;
}

tr:nth-child(even) td
{
	background: var(--grey-5);
}

/* MADCAP SPECIFIC STYLES */

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

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

MadCap|dropDownHotspot
{
	color: #7469b9;
}

MadCap|dropDownBody
{
	border-bottom: 1px solid #d3d3d3;
}

img.MCDropDown_Image_Icon
{
	margin: 0;
	display: inline;
}

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

MadCap|xref:hover
{
	color: #7469b9;
}

MadCap|dropDownBody
{
	border-bottom: 1px solid #d3d3d3;
}

MadCap|dropDown
{
	border-bottom: 1px solid #dadada;
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	mc-closed-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/Resources/Images/Home/plus.png');
	mc-open-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/Resources/Images/Home/minus.png');
}

MadCap|glossaryProxy
{
	margin-top: 0;
	border-top-width: 0;
	display: list-item;
	mc-output-support: all;
	right: 5vw;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

MadCap|glossaryTerm
{
	mc-image-position: right;
	mc-closed-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/question_gloss.svg');
	mc-open-image: url('../../../../../Help_Centre_Import_Template/help-centre-import-template/Content/projectfiles/images/icons/note-success_gloss.svg');
	mc-image-spacing: auto;
}

MadCap|glossaryTerm.Popup
{
	
}

MadCap|popupBody
{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 490;
	font-size: 0.875rem;
	margin: 6px 6px 6px 6px;
	line-height: inherit;
	padding: 0.875rem;
	width: auto;
	background-color: var(--link-hover);
	color: var(--grey-5);
	max-width: 75%;
}

.MCTextPopupArrow
{
	border-width: 0px 8px 10px 8px;
	border-style: solid;
	border-color: transparent transparent var(--link-hover) transparent;
	top: 3px;
}

ul.MCGlossaryProxy_main-section_0
{
	margin-top: 0;
	border-top-width: 0;
	display: inline-grid;
	margin-left: 50px;
	padding: 6px;
	list-style-type: none;
}

a.GlossaryPageLink
{
	text-decoration: none;
	font-size: 1.225rem;
	cursor: none;
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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;
	background-color: #b9bec1;
	padding: 2%;
	height: 250px;
}

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

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

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

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

div.article-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dadada;
}

div.article-tiles > div:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.8s cubic-bezier(.25,.8,.25,1);
}

div.article-tiles > div:nth-child(1)
{
	width: 18%;
	margin-left: 0%;
}

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

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

div.article-tiles > div:nth-child(4)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(5)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles img
{
	max-width: 90%;
}

div.home-footer	/*Controls the look of the footer in the Home master page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

p.footer-sub
{
	color: #FFF;
	font-family: Arial, Avenir, Myriad;
	font-size: 14pt;
}

/* FOOTER STYLES */

.footer
{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0rem 1rem 1rem 1rem;
	background: white;
	/*position: fixed;*/
	/*bottom: 0;*/
	/*height: 2rem;*/
	/*padding-bottom: 1.5rem;*/
}

.footer__links
{
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}

.footer__links > li
{
	padding: 0 0 0 1rem;
	line-height: 1;
	margin: 0;
}

.footer__copyright,
.footer__links > li > a
{
	font-size: .75rem;
	line-height: 1.6;
}

MadCap|tocProxy
{
	border-right: none 0px #000000;
}

MadCap|bodyProxy
{
	border-right: 3px;
}

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

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

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

/* COOKIE POLICY STYLES */

.cookie-bar
{
	position: sticky;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--grey-5);
	display: flex;
	align-items: center;
	font-size: .875rem;
	justify-content: space-between;
	box-shadow: 0 0 0.1875rem 0.0625rem rgb(0 0 0 / 10%);
	max-height: 0;
	overflow: hidden;
	padding: 0 1.5rem;
	transition: max-height .25s, padding .25s;
}

.cookie-bar[data-show-cookies="true"]
{
	max-height: 100%;
	padding: 1.5rem;
}

.cookie-bar p
{
	margin: 0 2rem 0 0;
	max-width: 62.5rem;
}

.cookie-bar__button-container
{
	display: flex;
}

.cookie-bar__cta
{
	margin-left: .5rem;
	padding: .5rem 1rem;
	line-height: 1.3rem;
	border: 0;
	color: white;
	background: var(--link-text);
	transition: background .25s ease, border .25s, color .25s;
	border-radius: .25rem;
	cursor: pointer;
}

.cookie-bar__cta:hover
{
	background: var(--link-hover);
}

.cookie-bar__cta:first-of-type
{
	margin-left: 0;
	background: white;
	border: 0.0625rem solid var(--link-text);
	color: var(--link-text);
}

.cookie-bar__cta:first-of-type:hover
{
	border: 0.0625rem solid var(--link-hover);
	color: var(--link-hover);
}

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

@media only screen and (max-width: 1279px)
{
	.footer
	{
		padding: 2% 2% 1%;
	}

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

	.footer
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media only screen and (max-width: 767px)
{
	div.topic-hero h1
	{
		font-size: 2.5em;
		text-align: center;
	}

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

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

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

	div.article-tiles > div
	{
		margin-bottom: 10px;
	}

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

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

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

	div.article-tiles > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(5)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles img
	{
		width: 75%;
	}

	/* FOOTER STYLES */

	.footer
	{
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.footer__links
	{
		padding-top: 1rem;
	}

	.footer__links > li
	{
		padding: 0 .5rem 0 0;
	}
}

@media only screen and (max-width: 769px)
{
	div.breadcrumbs
	{
		display: none;
	}
}