@charset "UTF-8";
/* #region CSS Variables */
	:root {
		--aaa-orange: #EA6900;
		--aaa-dark-blue: #001F4C;

		--aaa-yellow: #FFD522;
		--aaa-light-green: #BCD64D;
		--aaa-dark-green: #00AA39;
		--aaa-green: var(--aaa-dark-green);
		--aaa-blue: #5DC5ED;
		--aaa-cream: #F2ECD6;
		--aaa-grey: #F2F2F2;
		--bs-card-title-color: var(--aaa-dark-blue);

		--aaa-light-grey: #D5D7D8;

		--btn-primary-color: var(--aaa-orange);
		--btn-secondary-color: #FFF;
		--btn-hover-background-color: var(--aaa-dark-blue);

		--danger-color: #DC2626;
		--danger-text-color: #FFF;

		--btn-padding-x: 1rem;
		--btn-padding-y: .5rem;
		--btn-border-radius: .25rem;
		--btn-font-size: clamp(0.84375rem, 0.51vw + 0.7419rem, 1.125rem);
		--btn-font-family: "Lexend Deca", Helvetica, sans-serif;
		--btn-font-weight: 800;

		--heading-font-family: "Lexend Deca", Helvetica, sans-serif;
		--bs-body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		--fa-family: "Font Awesome 7 Pro";
		--font-awesome-family: "Font Awesome 7 Pro";
		--fa-pro-brands-family: "Font Awesome 7 Brands";
		--default-transition: background-color var(--transition-time), color var(--transition-time), border var(--transition-time);
		--default-link-transition: color var(--transition-time), text-decoration-color var(--transition-time);
		--form-row-margin-inline: auto;

		--accessible-outline: 2px solid var(--aaa-orange);
		--accessible-outline-offset: 2px;
		--accessible-shadow: none;
		--accessible-text-decoration-thickness: 0px;
		/*0 0 0.5rem rgba(83, 26, 156, 0.6);*/

		--h1-size: clamp(2.75rem, 1.59vw + 2.4319rem, 3.625rem);
		--h1-line-height: 1.1;
		--h1-font-weight: 800;
		--h1-color: var(--aaa-dark-blue);

		--h2-size: clamp(2rem, 0.68vw + 1.8638rem, 2.375rem);
		--h2-line-height: 1.15;
		--h2-font-weight: 800;
		--h2-color: var(--aaa-dark-blue);

		--h3-size: clamp(1.03125rem, 0.63vw + 0.905rem, 1.375rem);/*clamp(1.375rem, 1.8vw + 0.6rem, 2.25rem);*/
		--h3-line-height: 1.2;
		--h3-font-weight: 700;
		--h3-color: var(--aaa-dark-blue);

		--h4-size: clamp(1rem, 0.45vw + 0.91rem, 1.25rem);
		--h4-line-height: 1.3;
		--h4-font-weight: 700;
		--h4-color: var(--aaa-dark-blue);

		--h5-size: clamp(1rem, 0.45vw + 0.91rem, 1.25rem);/*clamp(1.0625rem, 0.6vw + 0.5rem, 1.35rem);*/
		--h5-line-height: 1.4;
		--h5-font-weight: 400;
		--h5-color: var(--aaa-dark-blue);

		--h6-size: clamp(1rem, 0.45vw + 0.91rem, 1.25rem);/*clamp(0.9375rem, 0.3vw + 0.5rem, 1.15rem);*/
		--h6-line-height: 1.5;
		--h6-font-weight: 400;
		--h6-color: var(--aaa-dark-blue);

		--transition-time: .35s;
		@media (prefers-reduced-motion: reduce) {
			--transition-time: 0;
		}

		--highlight-box-background-color: var(--aaa-dark-blue);
		--highlight-box-border: 2px solid var(--aaa-dark-blue);
		--highlight-box-color: #FFF;

		--main-border-radius: .25rem;

		footer {
			--h2-size: clamp(0.875rem, 0.45vw + 0.785rem, 1.125rem);
			--h1-color: #FFF;
			--h2-color: #FFF;
			--h3-color: #FFF;
			--h4-color: #FFF;
			--h5-color: #FFF;
			--h6-color: #FFF;
		}
	}

	@font-face {
		font-family: 'Helvetica Neue';
		src: url('../fonts/HelveticaNeueW01-75Bold/HelveticaNeueW01-75Bold.woff2') format('woff2'), url('../fonts/HelveticaNeueW01-75Bold/HelveticaNeueW01-75Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helvetica Neue';
		src: url('../fonts/HelveticaNeueW01/HelveticaNeueW01-55Roma.woff2') format('woff2'), url('../fonts/HelveticaNeueW01/HelveticaNeueW01-55Roma.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: var(--heading-font-family);
	}

	h1, .h1 {
		font-size: var(--h1-size);
		line-height: var(--h1-line-height);
		letter-spacing: 0;
		font-weight: var(--h1-font-weight); 
		color: var(--accent-color, var(--h1-color, #000));
		&:has(+ h2, + .h2) {
			margin-block-end: 0;
		}
	}

	h2, .h2 {
		font-size: var(--h2-size);
		line-height: var(--h2-line-height);
		letter-spacing: 0;
		font-weight: var(--h2-font-weight);
		color: var(--accent-color, var(--h2-color, #000));
		&:where(h1 + h2, h1 + .h2, .h1 + h2, .h1 + .h2) {
			margin-block-start: 0;
		}
		
		&:has(+ h3, + .h3) {
			margin-block-end: 0;
		}
	}

	h3, .h3 {
		font-size: var(--h3-size);
		line-height: var(--h3-line-height);
		letter-spacing: 0;
		font-weight: var(--h3-font-weight);
		color: var(--accent-color, var(--h3-color, #000));
		&:where(h2 + h3, h2 + .h3, .h2 + h3, .h2 + .h3) {
			margin-block-start: 0;
		}
	}

	h4, .h4 {
		font-size: var(--h4-size);
		line-height: var(--h4-line-height);
		letter-spacing: 0;
		font-weight: var(--h4-font-weight);
		color: var(--accent-color, var(--h4-color, #000));
	}

	h5, .h5 {
		font-size: var(--h5-size);
		line-height: var(--h5-line-height);
		letter-spacing: 0;
		font-weight: var(--h5-font-weight);
		color: var(--accent-color, var(--h5-color, #000));
	}

	h6, .h6 {
		font-size: var(--h6-size);
		line-height: var(--h6-line-height);
		letter-spacing: 0;
		font-weight: var(--h6-font-weight);
		color: var(--accent-color, var(--h6-color, #000));
	}

	.pageBlockInner_FormBlock .formRow input,
	.pageBlockInner_FormBlock .formRow select {
		&:focus-visible {
			outline: var(--accessible-outline);
			outline-offset: var(--accessible-outline-offset, 0);
			box-shadow: var(--accessible-shadow);
		}
	}

body {
	font-size: 15px;
	line-height: 27px;
	padding-inline-end: 0 !important;
}

	.bg-orange {
		background-color: var(--aaa-orange);
		--bg-color: var(--aaa-orange);
		--text-color: #FFF;
	}

	.bg-dark-blue {
		background-color: var(--aaa-dark-blue);
		--bg-color: var(--aaa-dark-blue);
		--text-color: #FFF;
	}

	.bg-yellow {
		background-color: var(--aaa-yellow);
		--bg-color: var(--aaa-yellow);
		--text-color: #000;
	}

	.bg-light-green {
		background-color: var(--aaa-light-green);
		--bg-color: var(--aaa-light-green);
		--text-color: #000;
	}

	.bg-dark-green {
		background-color: var(--aaa-dark-green);
		--bg-color: var(--aaa-dark-green);
		--text-color: #FFF;
	}

	.bg-green {
		background-color: var(--aaa-green);
		--bg-color: var(--aaa-green);
		--text-color: #FFF;
	}

	.bg-blue {
		background-color: var(--aaa-blue);
		--bg-color: var(--aaa-blue);
		--text-color: #FFF;
	}

	.bg-cream {
		background-color: var(--aaa-cream);
		--bg-color: var(--aaa-cream);
		--text-color: #000;
	}

	.bg-grey {
		background-color: var(--aaa-grey);
		--bg-color: var(--aaa-grey);
		--text-color: #000;
	}

/* #endregion */
/* #region Buttons */
/* Primary */
#eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a:where(.scroller, .pagenumber),
.ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a:where(.scroller, .pagenumber),
.ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber.pagenumber_current,
#eaContainer #SkillsForm_buttons_formRow .buttonsRight a.buttonAnchor.buttonActionId_back,
.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit,
#eaContainer button.buttonAnchor,
#eaContainer input.buttonSubmit,
#eaContainer a.buttonAnchor,
.ui-dialog button.buttonAnchor,
.ui-dialog input.buttonSubmit,
.ui-dialog a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlock a.right,
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.connect,
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.disconnect,
#pseRefresh,
.offer #eaContainer .offerAnchor,
#eaContainer .PosMyWelcomePackSummaryLinks a,
.addressButton,
.mapContainer .ButtonHolder .miniMapButton a,
#Pos_Description_pageView #posdesc_pageBlock a.right {
	--btn: "primary";
	background-color: var(--bg-color);
	color: var(--color);
	border: 2px solid var(--border-color);
	padding: var(--individual-btn-padding-y, var(--btn-padding-y)) var(--individual-btn-padding-x, var(--btn-padding-x));
	border-radius: var(--btn-border-radius);
	text-align: center;
	height: auto;
	box-shadow: 0 0 28px rgba(0,0,0,0.1);
	font-weight: 700;
	cursor: pointer;
	font-size: 15px;
	font-family: var(--btn-font-family);

	&:where(*) {
		--bg-color: var(--btn-primary-color);
		--color: var(--btn-secondary-color);
		--border-color: var(--btn-primary-color);
	}

	&:hover:where(*) {
		--bg-color: var(--btn-hover-background-color);
		--color: var(--btn-secondary-color);
		--border-color: var(--btn-hover-background-color);
	}
}


.mapContainer .ButtonHolder .miniMapButton a {
	border-radius: 0;
}

	/* Secondary */
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsLeft .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .buttonsRight .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .buttonsCenter .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .postcodelookup,
#eaContainer button.buttonAnchor.buttonActionId_back,
#eaContainer button.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer button.buttonAnchor.buttonActionId_backToDesc,
#eaContainer button.buttonAnchor.buttonActionId_cancel,
#eaContainer input.buttonSubmit.buttonActionId_back,
#eaContainer input.buttonSubmit.buttonActionId_ajaxCancel,
#eaContainer input.buttonSubmit.buttonActionId_backToDesc,
#eaContainer input.buttonSubmit.buttonActionId_cancel,
#eaContainer a.buttonAnchor.buttonActionId_back,
#eaContainer a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer a.buttonAnchor.buttonActionId_backToDesc,
#eaContainer a.buttonAnchor.buttonActionId_cancel,
#eaContainer a.buttonAnchor.buttonActionId_forgotten,
.ui-dialog button.buttonAnchor.buttonActionId_back,
.ui-dialog button.buttonAnchor.buttonActionId_ajaxCancel,
.ui-dialog button.buttonAnchor.buttonActionId_backToDesc,
.ui-dialog button.buttonAnchor.buttonActionId_cancel,
.ui-dialog input.buttonSubmit.buttonActionId_back,
.ui-dialog input.buttonSubmit.buttonActionId_ajaxCancel,
.ui-dialog input.buttonSubmit.buttonActionId_backToDesc,
.ui-dialog input.buttonSubmit.buttonActionId_cancel,
.ui-dialog a.buttonAnchor.buttonActionId_back,
.ui-dialog a.buttonAnchor.buttonActionId_ajaxCancel,
.ui-dialog a.buttonAnchor.buttonActionId_backToDesc,
.ui-dialog a.buttonAnchor.buttonActionId_cancel,
.mydetails_forgetme #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel,
#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar .mapCloseButton {
	--btn: "secondary";
	background-color: var(--sec-color);
	color: var(--sec-bg-color);
	border: 2px solid var(--sec-border-color);
	padding: var(--individual-btn-padding-y, var(--btn-padding-y)) var(--individual-btn-padding-x, var(--btn-padding-x));
	border-radius: var(--btn-border-radius);
	text-align: center;
	height: auto;
	font-family: var(--btn-font-family);
	font-weight: 700;
	cursor: pointer;
	font-size: 15px;

	&:where(*) {
		--sec-bg-color: var(--btn-primary-color);
		--sec-color: var(--btn-secondary-color);
		--sec-border-color: var(--aaa-orange);
	}

	&:hover:where(*) {
		--sec-bg-color: var(--btn-secondary-color);
		--sec-color: var(--btn-primary-color);
		--sec-border-color: var(--btn-primary-color);
	}
}

	/* Danger */
	#eaContainer button.buttonAnchor.buttonActionId_withdraw_application,
	#eaContainer button.buttonAnchor.buttonActionId_Delete,
	#eaContainer button.buttonAnchor.removeAnchor,
	#eaContainer button.buttonAnchor.buttonActionId_confirm_decline,
	#eaContainer button.buttonAnchor[href*="decline"],
	#eaContainer button.buttonAnchor.buttonActionId_DeleteConfirm,
	#eaContainer input.buttonSubmit.buttonActionId_withdraw_application,
	#eaContainer input.buttonSubmit.buttonActionId_Delete,
	#eaContainer input.buttonSubmit.removeAnchor,
	#eaContainer input.buttonSubmit.buttonActionId_confirm_decline,
	#eaContainer input.buttonSubmit[href*="decline"],
	#eaContainer input.buttonSubmit.buttonActionId_DeleteConfirm,
	#eaContainer a.buttonAnchor.buttonActionId_withdraw_application,
	#eaContainer a.buttonAnchor.buttonActionId_Delete,
	#eaContainer a.buttonAnchor.removeAnchor,
	#eaContainer a.buttonAnchor.buttonActionId_confirm_decline,
	#eaContainer a.buttonAnchor[href*="decline"],
	#eaContainer a.buttonAnchor.buttonActionId_DeleteConfirm,
	.ui-dialog button.buttonAnchor.buttonActionId_withdraw_application,
	.ui-dialog button.buttonAnchor.buttonActionId_Delete,
	.ui-dialog button.buttonAnchor.removeAnchor,
	.ui-dialog button.buttonAnchor.buttonActionId_confirm_decline,
	.ui-dialog button.buttonAnchor[href*="decline"],
	.ui-dialog button.buttonAnchor.buttonActionId_DeleteConfirm,
	.ui-dialog input.buttonSubmit.buttonActionId_withdraw_application,
	.ui-dialog input.buttonSubmit.buttonActionId_Delete,
	.ui-dialog input.buttonSubmit.removeAnchor,
	.ui-dialog input.buttonSubmit.buttonActionId_confirm_decline,
	.ui-dialog input.buttonSubmit[href*="decline"],
	.ui-dialog input.buttonSubmit.buttonActionId_DeleteConfirm,
	.ui-dialog a.buttonAnchor.buttonActionId_withdraw_application,
	.ui-dialog a.buttonAnchor.buttonActionId_Delete,
	.ui-dialog a.buttonAnchor.removeAnchor,
	.ui-dialog a.buttonAnchor.buttonActionId_confirm_decline,
	.ui-dialog a.buttonAnchor[href*="decline"],
	.ui-dialog a.buttonAnchor.buttonActionId_DeleteConfirm,
	.mydetails_forgetme #eaContainer a.buttonAnchor.buttonActionId_confirm {
		--btn-primary-color: var(--danger-color);
		--btn-secondary-color: var(--danger-text-color);
		--btn: "danger";
		background-color: var(--danger-btn-bg-color);
		color: var(--danger-btn-color);
		border: 2px solid var(--danger-btn-border-color);
		padding: var(--individual-btn-padding-y, var(--btn-padding-y)) var(--individual-btn-padding-x, var(--btn-padding-x));
		border-radius: var(--btn-border-radius);
		text-align: center;
		height: auto;
		font-weight: var(--btn-font-weight);
		font-family: var(--btn-font-family);
		font-size: var(--btn-font-size);
		&:where(*) {
			--danger-btn-bg-color: var(--btn-primary-color);
			--danger-btn-color: var(--btn-secondary-color);
			--danger-btn-border-color: var(--btn-primary-color);
		}

		&:hover:where(*) {
			--danger-btn-bg-color: var(--btn-secondary-color);
			--danger-btn-color: var(--btn-primary-color);
			--danger-btn-border-color: var(--btn-primary-color);
		}
	}

	#eaContainer a.buttonAnchor.buttonActionId_forgotten,
	#eaContainer .buttonsRight:where(:has(.buttonActionId_SaveAndAddAnother):has(.buttonActionId_SaveAndFinish):has(.buttonActionId_ajaxCancel)) a.buttonAnchor.buttonActionId_ajaxCancel,
	#eaContainer a.buttonAnchor.buttonActionId_add_email_address {
		--individual-btn-padding-x: 4rem;
		padding-inline: 4rem;
		margin: 0 auto;
		/* @media (min-width: 992px) {
					--centred-buttons-margin-override: auto;
					--centred-buttons-display-override: block;
					--centred-buttons-width-override: fit-content;
				} */
	}
/* #endregion */
/* #region Basic Styling */
/* #region <html> / <body> Tags */
html {
	font-family: var(--bs-body-font-family);
	font-size: 16px;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
body {
	overflow-x: hidden;
}
/* #endregion */
/* #region Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
div.pageBlockTitle {
	font-family: var(--heading-font-family);
}

	h1.heading-section {
		text-align: center;
	}

	h1#EarcuIntroTextBlockTitle {
		font-size: var(--h2-size);
		line-height: var(--h2-line-height);
	}

body:not(.Pos_Find_Results, .Pos_Find_Results_Map):has(#content-main h1) #hero {
	display: none;
}

body[class*="pos_desc"] .page-banner h1 {
	text-align: left;
}

.pos_questions h1 {
	text-align: center;
}

div.pageBlockTitle { /* Style as h2 */
	font-family: var(--heading-font-family);
	color: var(--aaa-dark-blue);
	font-size: var(--h2-size);
	line-height: var(--h2-line-height);
	letter-spacing: 0;
	font-weight: var(--h2-font-weight);
}

h1 {
	color: var(--aaa-dark-blue);
}
/* #endregion */
/* #region Links */
a, .btn {
	text-decoration: none;
	color: var(--text-color, inherit);
	border-radius: .125rem;
	/*text-decoration-thickness: 2px;
	text-decoration-color: transparent;*/
	text-decoration: 2px transparent underline;
	text-underline-offset: 3px;
	transition: var(--default-link-transition);
	&:hover {
		--text-color: var(--aaa-orange);
		/* text-decoration-line: underline; */
		text-decoration-color: inherit;
		text-decoration-thickness: 2px;
	}

	&:focus-visible {
		text-decoration: none;
		text-decoration-thickness: var(--accessible-text-decoration-thickness);
		outline: var(--accessible-outline);
		outline-offset: var(--accessible-outline-offset, 0);
		box-shadow: var(--accessible-shadow);
	}
}

main a {
	color: var(--text-color, var(--aaa-orange));
	font-weight: bold;
}
/* #endregion */
/* #region Media */
video,
img {
	max-width: 100%;
}

video {
	width: 100%;
}
/* #endregion */
/* #region Intro */
.earcuintro {
	margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Enterprise Notifications */
#enterprise-notifications {
	ul, li {
		list-style: none;
	}

	.alert {
		margin: 0;
		border-radius: 0;

		&:first-child {
			margin-top: 0.5rem;
			border-top-left-radius: 0.25rem;
			border-top-right-radius: 0.25rem;
		}

		&:last-child {
			margin-bottom: 0.5rem;
			border-bottom-left-radius: 0.25rem;
			border-bottom-right-radius: 0.25rem;
		}
	}

	p {
		padding: 0.5rem 0;
		margin: 0;

		&:first-child {
			padding-block-start: 0;
		}

		&:last-child {
			padding-block-end: 0;
		}
	}
}
/* #endregion */
/* #endregion */
/* #region Large Components */
/* #region Forms */
.ui-dialog .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
	padding: 0.5rem;
	border: 1px solid #CCC;
	border-radius: var(--main-border-radius, 0);
	width: 100%;
}

.ui-dialog .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
.ui-dialog .pageBlockInner_FormBlock div.controlContainer .inputText,
.ui-dialog .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
.ui-dialog .pageBlockInner_FormBlock div.controlContainer .inputSelect,
.ui-dialog .pageBlockInner_FormBlock div.curFocus div.controlContainer textarea,
.ui-dialog .pageBlockInner_FormBlock div.controlContainer textarea,
.ui-dialog .pageBlockInner_FormBlock .formRowSelectMultipleToken.curFocus .selectmultiplerow ul,
.ui-dialog .pageBlockInner_FormBlock input.inputText,
.ui-dialog .pageBlockInner_TextTagReplacementBlock input.inputText {
	padding: 0.5rem;
	margin-right: 0;
	border: 1px solid #CCC;
	border-radius: var(--main-border-radius, 0);

	&:focus,
	&:active {
		outline: var(--accessible-outline);
		outline-offset: var(--accessible-outline-offset, 0);
		box-shadow: var(--accessible-shadow);
	}
}

.ui-dialog .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
.ui-dialog .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
.ui-dialog .pageMode_Modern .pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
.ui-dialog .pageMode_Modern .pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer {
	overflow: visible;
}

.ui-dialog .pageBlockInner_FormBlock div.curFocus label.formLabel {
	color: inherit;
}

.ui-dialog .pageBlockInner_FormBlock label.formLabel {
	text-align: left;
}

#eaContainer .pageBlockInner_FormBlock, #eaContainer .pageBlockInner_TextTagReplacementBlock,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock, #quickapplydialogDialogContainer .pageBlockInner_TextTagReplacementBlock {
	div.curFocus div.controlContainer .inputText,
	div.controlContainer .inputText,
	div.curFocus div.controlContainer .inputSelect,
	div.controlContainer .inputSelect,
	div.curFocus div.controlContainer textarea,
	div.controlContainer textarea,
	.formRowSelectMultipleToken.curFocus .selectmultiplerow ul,
	input.inputText,
	.addresspoints {
		padding: 0.5rem;
		margin-right: 0;
		border: 1px solid #CCC;
		border-radius: .25rem;
		&:focus-visible {
			outline: var(--accessible-outline);
			outline-offset: var(--accessible-outline-offset, 0);
			box-shadow: var(--accessible-shadow);
		}

		&:focus:not(:focus-visible),
		&:active:not(:focus-visible) {
			border-color: var(--aaa-dark-blue);
		}
	}
}

	#eaContainer .pageBlockInner_FormBlock .addresspoints,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock .addresspoints {
		background-color: transparent;
		font-size: clamp(0.75rem, 0.45vw + 0.66rem, 1rem);;
		width: 100%;
		max-width: 100%;
		text-align: left;
	}

	#eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
	#eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
	#eaContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
	#eaContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
	#quickapplydialogDialogContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
	#quickapplydialogDialogContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer {
		overflow: visible;
	}

#eaContainer .actionMessageContainer,
#quickapplydialogDialogContainer .actionMessageContainer {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	overflow: visible;
	margin-bottom: 1rem;
}

	#eaContainer .actionMessageContainer .actionMessage,
	#quickapplydialogDialogContainer .actionMessageContainer .actionMessage {
		width: 100%;
		display: flex;
		align-items: top;
		margin-bottom: 0;

		&.actionMessageWarning {
			background-image: none;
			padding-left: 0;
			color: #DD0F0F;

			&:before {
				font-family: var(--font-awesome-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f00d";
				display: inline-block;
				font-size: clamp(0.9375rem, 0.57vw + 0.8238rem, 1.25rem);
				margin-right: 0.5rem;
			}
		}

		&.actionMessageOk {
			background-image: none;
			padding-left: 0;
			color: green;

			&:before {
				font-family: var(--font-awesome-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f00c";
				display: inline-block;
				font-size: clamp(0.9375rem, 0.57vw + 0.8238rem, 1.25rem);
				margin-right: 0.5rem;
			}
		}
	}

#eaContainer .pageBlockInner_FormBlock hr,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock hr {
	width: 100%;
}

#eaContainer .pageBlockInner_FormBlock div.controlError,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.controlError {
	color: #DD0F0F;
	padding-left: 0;
}

#eaContainer .pageBlockInner_FormBlock label.formLabel,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock label.formLabel {
	text-align: left;
}

#eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.curFocus label.formLabel {
	color: inherit;
}

#eaContainer .pageBlockInner_FormBlock div.textLiteral,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.textLiteral {
	width: 100%;
}

#eaContainer, #quickapplydialogDialogContainer {
	#UsernameForm_NoSso_formRow .textLiteral,
	#RegisterForm_username_view_formRow .textLiteral,
	#RegisterForm_Register_Info_formRow .textLiteral,
	#RegisterForm_gdprinfo_formRow .textLiteral,
	#PasswordForm_Sign_In_Info_formRow .textLiteral,
	#PasswordForm_username_view_formRow .textLiteral,
	#intro_content_formRow .textLiteral {
		text-align: center;
	}
}

	#eaContainer .actionMessageContainer,
	#quickapplydialogDialogContainer .actionMessageContainer {
		max-width: 550px;
		margin: 0 var(--form-row-margin-inline) 0.5rem;
	}

	#eaContainer .formRow,
	#quickapplydialogDialogContainer .formRow {
		max-width: 550px;
		margin: 0 var(--form-row-margin-inline) 0.5rem;
	}

	#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
	#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
		max-width: 550px;
		margin: 0 var(--form-row-margin-inline) 0.5rem;
	}

		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow {
			max-width: 100%;
		}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#SkillsForm_skills_formRow,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#SkillsForm_skills_formRow {
				max-width: 550px;
			}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.mapRow,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.mapRow {
				max-width: 550px;
			}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.boxedText,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.boxedText {
				margin: 0.5rem auto;
				padding: 0.5rem;
				max-width: 550px;
			}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_UseSSO1_formRow,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_ssoicons_formRow,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_sso_or_formRow,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_UseSSO1_formRow,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_ssoicons_formRow,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_sso_or_formRow {
				max-width: 550px;
				justify-content: center;
			}

		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft,
		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight,
		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter {
			float: none;
			width: 100%;
		}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft li,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight li,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter li,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft li,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight li,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter li {
				float: none;
				width: var(--width-override, 100%);
			}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft button.buttonAnchor,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight button.buttonAnchor,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft input.buttonSubmit,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight input.buttonSubmit,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft a.buttonAnchor,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight a.buttonAnchor,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft button.buttonAnchor,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight button.buttonAnchor,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft input.buttonSubmit,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight input.buttonSubmit,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft a.buttonAnchor,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight a.buttonAnchor {
				float: none;
			}

		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_completed_formRow,
		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#ApplicationExistsBlock_SaveButtonRow_formRow,
		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_buttons_formRow:where(:has(.buttonActionId_next)),
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_completed_formRow,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#ApplicationExistsBlock_SaveButtonRow_formRow,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_buttons_formRow:where(:has(.buttonActionId_next)) {
			max-width: 100%;
		}

		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow,
		/*#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow,*/
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow
		/*#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow*/ {
			max-width: 100%;
		}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow .buttonsLeft ul,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow .buttonsLeft ul,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow .buttonsLeft ul,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow .buttonsLeft ul {
				justify-content: end;
			}

		#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow,
		#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow {
			max-width: 100%;
		}

			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer,
			#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer,
			#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}

				#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer .buttonsLeft,
				#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer .buttonsLeft,
				#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer .buttonsLeft,
				#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer .buttonsLeft {
					margin: 1rem 0;
				}

	#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
	#quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
		margin: 0;
	}

	#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow div.textLiteral,
	#quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow div.textLiteral {
		width: 100% !important;
	}

	#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar,
	#quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar {
		background: none;
		padding: 0;
		margin-bottom: 0.5rem;
	}

	#eaContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer,
	#eaContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .mandatoryIndicator,
	#quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer,
	#quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .mandatoryIndicator {
		height: auto;
	}

	#eaContainer .pageBlockInner_FormBlock div.formRow,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow {
		width: 100%;
		padding-top: 0;
		float: none;
		clear: none;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0.5rem;

		&[style="display: block;"] {
			@media (min-width: 768px) {
				display: flex !important;
			}
		}
	}

		#eaContainer .pageBlockInner_FormBlock div.formRow.boxedText,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.boxedText {
			padding-top: 0.5rem;
		}

		#eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow {
			width: 100%;
			display: block;
		}

			#eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
			#eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer {
				display: block;
			}

				#eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label,
				#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label {
					margin-left: 0;
				}

		#eaContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow {
			width: 100%;
			display: block;

			&.questionType_TextSmall textarea {
				resize: none;
				overflow: hidden;
			}
		}

			#eaContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer label,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer label {
				margin-left: 0;
			}

		#eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow {
			justify-content: center;
			align-content: center;
			align-items: center;
			display: flex;
			margin-top: 0.5rem;
		}

			#eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer {
				order: 2;
				justify-content: start;
				flex: 0 0 auto;
				width: auto;
				max-width: calc(100% - 40px);
				line-height: 1;
				display: flex;
			}

				#eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer label,
				#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer label {
					margin-left: 0;
					padding-right: 0;
					margin-top: 1.5rem;
					position: relative;

					&:after {
						content: "";
						position: absolute;
						top: -1rem;
						left: -25%;
						right: -25%;
						border-top: 1px solid #FFF;
					}
				}

			#eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlContainer,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlContainer {
				order: 1;
				flex: 0 0 auto;
				width: auto;
				display: none;
				margin-right: 0;
				padding-top: 0;
			}

			#eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlError,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlError {
				order: 3;
				width: 100%;
				padding-top: 0;
				display: flex;
			}

		#eaContainer .pageBlockInner_FormBlock div.formRow .labelContainer,
		#eaContainer .pageBlockInner_FormBlock div.formRow .controlContainer,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow .labelContainer,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow .controlContainer {
			margin: 0;
			width: 100%;
			float: none;
			flex: 0 0 100%;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}

		#eaContainer .pageBlockInner_FormBlock div.formRow .customButtonContainer,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow .customButtonContainer {
			position: relative;
			margin-top: 0.5rem;
			display: flex;
			justify-content: end;
			width: 100%;
		}

#eaContainer, #quickapplydialogDialogContainer {
	.pageBlockInner_FormBlock div.formRow {
		.controlContainer {
			input[type=text], input[type=password], input[type=tel], input:not(input[type]), textarea, select, .iti {
				width: 100%;
			}
		}

		&.hiddenElement, &.skillmessagehidden {
			display: none;
		}
	}

	#RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral,
	#PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral {
		border: none;
		border-radius: 0;
		padding: 0;

		a {
			display: inline-block;
			border: 1px solid #D0D0D0;
			border-radius: 1rem;
			padding: 0.5rem 2rem;
		}
	}
}

	#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer,
	#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer {
		display: flex;
		gap: 1rem;
	}

		#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon,
		#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon {
			float: none;
		}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink:hover,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink:hover {
				text-decoration: none;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink img,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink img {
				display: none;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink:before,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink:before {
				font-family: var(--fa-pro-brands-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f08c";
				display: inline-block;
				font-size: clamp(3rem, 1.82vw + 2.6363rem, 4rem);;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink img,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink img {
				display: none;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink:before,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink:before {
				font-family: var(--fa-pro-brands-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f1a0";
				display: inline-block;
				font-size: clamp(3rem, 1.82vw + 2.6363rem, 4rem);;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink img,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink img {
				display: none;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink:before,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink:before {
				font-family: var(--fa-pro-brands-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f082";
				display: inline-block;
				font-size: clamp(3rem, 1.82vw + 2.6363rem, 4rem);;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink img,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink img {
				display: none;
			}

			#eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink:before,
			#quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink:before {
				font-family: var(--fa-pro-brands-family);
				font-weight: 100;
				line-height: 1;
				color: inherit;
				content: "\f3ca";
				display: inline-block;
				font-size: clamp(3rem, 1.82vw + 2.6363rem, 4rem);;
			}

	#eaContainer #RegisterForm_data_source_formRow,
	#quickapplydialogDialogContainer #RegisterForm_data_source_formRow {
		text-align: center;
	}

		#eaContainer #RegisterForm_data_source_formRow:after,
		#quickapplydialogDialogContainer #RegisterForm_data_source_formRow:after {
			font-family: var(--font-awesome-family);
			font-weight: 900;
			line-height: 1;
			color: var(--aaa-dark-blue);
			content: "\f0e0";
			display: inline-block;
			font-size: clamp(2.25rem, 1.36vw + 1.9781rem, 3rem);
			width: 100%;
			text-align: center;
		}

		#eaContainer #RegisterForm_data_source_formRow img,
		#quickapplydialogDialogContainer #RegisterForm_data_source_formRow img {
			display: none;
		}

	#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input,
	#quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input {
		background-size: 30px 30px;
		background-position: 100% 50%;
	}

		#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password],
		#quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password] {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><g fill='%23FF5278' stroke='%23FF5278'><path d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z'/></g></svg>");
		}

		#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text],
		#quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text] {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><g fill='%23FF5278' stroke='%23FF5278'><path d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/></g></svg>");
			background-size: 30px 24px;
		}

	#eaContainer div.pageBlockInner_FormBlock div.formRow,
	#quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow {
		width: 100%;
	}

#eaContainer,
#quickapplydialogDialogContainer,
.ui-dialog {
	div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
		display: flex;
		flex-wrap: wrap;
		align-items: start;
		justify-content: start;

		.controlContainer {
			display: none !important;
		}

		.labelContainer:has(+ .controlContainer input[type=checkbox]) {
			order: 1;
			flex: 0 1 auto;
			flex-wrap: wrap;
			text-align: left;
			width: 100%;

			label {
				margin-bottom: 0;
				display: flex;
				align-items: start;
				gap: 0.5rem;

				&:before {
					font-family: var(--font-awesome-family);
					font-weight: 400;
					line-height: 1;
					color: var(--aaa-dark-blue);
					content: "\f0c8";
					display: inline-block;
					min-width: 24px;
					min-height: 24px;
					display: inline-block;
					vertical-align: middle;
					line-height: 1;
					padding: 0;
					font-size: clamp(1.125rem, 0.68vw + 0.9888rem, 1.5rem);
					display: inline-block;
				}
			}
		}

		.labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before {
			font-family: var(--font-awesome-family);
			font-weight: 900;
			line-height: 1;
			color: var(--aaa-dark-blue);
			content: "\f14a";
			display: inline-block;
		}

		.controlError {
			order: 2;
			flex: 0 0 100%;
		}
	}

	div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer {
		position: relative;
		width: 100%;

		input {
			width: 100%;
		}

		.popup {
			position: absolute;
			right: 0.6rem;
			bottom: 0.6rem;
			width: auto;
			height: auto;

			&:before {
				font-family: var(--font-awesome-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f073";
				display: inline-block;
				line-height: 1;
			}

			img {
				display: none;
			}
		}
	}
}

	#eaContainer .pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter {
		margin-right: 0;
	}

	#eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
	#eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
		width: 100%;
	}

	#eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
		position: relative;
	}

		#eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
			width: 100%;
		}

		#eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
			position: absolute;
			right: 0.5rem;
			top: 0.5rem;
			width: auto;
			height: auto;
		}

	#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage {
		padding: 0.5rem;
	}

	#eaContainer .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons,
	#quickapplydialogDialogContainer .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
		padding: 0;
	}

	#eaContainer #SkillsForm_skills_formRow .textLiteral,
	#eaContainer #SkillsForm_skills_formRow .skillscontainer,
	#quickapplydialogDialogContainer #SkillsForm_skills_formRow .textLiteral,
	#quickapplydialogDialogContainer #SkillsForm_skills_formRow .skillscontainer {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	#eaContainer .skillcontainer,
	#quickapplydialogDialogContainer .skillcontainer {
		float: none;
		width: auto;
		border-radius: var(--main-border-radius, 0);
		margin: 0;
		padding: 0.5rem;
		position: relative;
		background-color: var(--aaa-dark-blue);
	}

		#eaContainer .skillcontainer a.skillremove,
		#quickapplydialogDialogContainer .skillcontainer a.skillremove {
			position: absolute;
			top: 0.1rem;
			right: 0.5rem;
			float: none;
			height: auto;
			width: auto;
		}

			#eaContainer .skillcontainer a.skillremove:before,
			#quickapplydialogDialogContainer .skillcontainer a.skillremove:before {
				font-family: var(--font-awesome-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: "\f00d";
				display: inline-block;
				font-size: clamp(0.5625rem, 0.34vw + 0.4944rem, 0.75rem);
				color: #FFF;
			}

			#eaContainer .skillcontainer a.skillremove:hover,
			#quickapplydialogDialogContainer .skillcontainer a.skillremove:hover {
				text-decoration: none;
			}

		#eaContainer .skillcontainer .skilledit,
		#eaContainer .skillcontainer .skillclass,
		#quickapplydialogDialogContainer .skillcontainer .skilledit,
		#quickapplydialogDialogContainer .skillcontainer .skillclass {
			margin-right: 1rem;
			color: #FFF;
		}

		#eaContainer .skillcontainer .skill,
		#quickapplydialogDialogContainer .skillcontainer .skill {
			color: #FFF;
		}

		#eaContainer .skillcontainer:hover,
		#quickapplydialogDialogContainer .skillcontainer:hover {
			background-color: #6a21c8;
		}

			#eaContainer .skillcontainer:hover a.skillremove:before,
			#quickapplydialogDialogContainer .skillcontainer:hover a.skillremove:before {
				color: #FFF;
			}

			#eaContainer .skillcontainer:hover .skilledit,
			#eaContainer .skillcontainer:hover .skillclass,
			#eaContainer .skillcontainer:hover .skill,
			#quickapplydialogDialogContainer .skillcontainer:hover .skilledit,
			#quickapplydialogDialogContainer .skillcontainer:hover .skillclass,
			#quickapplydialogDialogContainer .skillcontainer:hover .skill {
				color: #FFF;
			}

	#eaContainer #SectionCompleteBlock_completed_formRow .labelContainer,
	#quickapplydialogDialogContainer #SectionCompleteBlock_completed_formRow .labelContainer {
		padding-top: 0;
	}

	#eaContainer .pageBlockInner_FormBlock .fakecheck,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck {
		background: none;
		float: none;
		display: none;
	}

		#eaContainer .pageBlockInner_FormBlock .fakecheck:before,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:before {
			font-family: var(--font-awesome-family);
			font-weight: 400;
			font-size: clamp(1.125rem, 0.68vw + 0.9888rem, 1.5rem);
			line-height: 1;
			color: var(--aaa-dark-blue);
			content: "\f0c8";
			display: inline-block;
			min-width: 24px;
			min-height: 24px;
			display: inline-block;
			vertical-align: middle;
			padding: 0;
		}

		#eaContainer .pageBlockInner_FormBlock .fakecheck:hover,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:hover {
			background: none;
		}

			#eaContainer .pageBlockInner_FormBlock .fakecheck:hover:before,
			#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:hover:before {
				color: var(--aaa-dark-blue);
			}

	#eaContainer .pageBlockInner_FormBlock .fakechecked:hover,
	#eaContainer .pageBlockInner_FormBlock .fakechecked,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:hover,
	#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked {
		background: none;
	}

		#eaContainer .pageBlockInner_FormBlock .fakechecked:hover:before,
		#eaContainer .pageBlockInner_FormBlock .fakechecked:before,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:hover:before,
		#quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:before {
			content: "\f14a";
			color: var(--aaa-dark-blue);
		}

	#eaContainer .pageBlockInner_GridBlock div.gridFooter,
	#quickapplydialogDialogContainer .pageBlockInner_GridBlock div.gridFooter {
		margin-top: 0;
	}

		#eaContainer .pageBlockInner_GridBlock div.gridFooter div.gridButtons,
		#quickapplydialogDialogContainer .pageBlockInner_GridBlock div.gridFooter div.gridButtons {
			padding-top: 0;
		}

	#eaContainer .charCounter,
	#quickapplydialogDialogContainer .charCounter {
		display: flex;
		flex-wrap: wrap;
	}

	#eaContainer .StandardQuestionsForm .formRowTextAreaRow .charCounter div,
	#quickapplydialogDialogContainer .StandardQuestionsForm .formRowTextAreaRow .charCounter div {
		float: none;
	}

.myjobfeed .pageBlockInner.pageBlockInner_FormBlock #BackBlock_form .formRow {
	max-width: 550px;
}

.application_section_cv .pageBlockInner.pageBlockInner_FormBlock .formRow,
/* .pageBlockInner.pageBlockInner_FormBlock #BackBlock_form .formRow, */
.mydetails_username #eaContainer .formRowButtonRow,
.mydetails_forgetme #eaContainer .formRowButtonRow,
.interviewtimesunsuitable_confirm #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRowButtonRow,
.offeraccept #eaContainer #AcceptForm_buttons_formRow,
.offerdecline #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
.interviewbookingvideo #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
	max-width: 100%;
}

.interviewdetailform .pageBlockInner_FormBlock .panelContent .panelMemberContainer {
	width: auto;
}

.mydetails div.pageBlockTitle,
.application_section_personaldetails div.pageBlockTitle {
	margin-bottom: 0.5rem;
}

.mydetails .pageBlockInner_GridBlock .ListGridContainer .rowItemsContainer,
.application_section_personaldetails .pageBlockInner_GridBlock .ListGridContainer .rowItemsContainer {
	margin: 0;
	padding: 0;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowHeader,
.application_section_personaldetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
	padding: 0;
	margin: 0;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowLabel,
.application_section_personaldetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowLabel {
	margin: 0;
	padding: 0;
}

.mydetails .pageBlockInner_GridBlock .ListGridContainer .rowItemContainer,
.application_section_personaldetails .pageBlockInner_GridBlock .ListGridContainer .rowItemContainer {
	padding: 0;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer,
.application_section_personaldetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
	border: none;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
	padding-top: 0;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent {
	margin-right: 0;
	margin-top: 0;
	padding: 0.5rem;
	background-color: transparent;
	border: 2px solid #FFF;
	border-radius: var(--main-border-radius);
}

	#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent #contactConsentDescription {
		margin-right: 0;
	}

.contactConsentButtonContainer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

a, span {
	&:has(> img[src*="Profile/checkbox.png"], > img[src*="grid_images/checkbox.png"], > img[src*="Profile/checkbox_unchecked.png"], > img[src*="grid_images/checkbox_unchecked.png"]) {
		&:before {
			font-family: var(--font-awesome-family);
			font-weight: 500;
			line-height: 1;
			color: var(--aaa-dark-blue);
			content: var(--fa, none);
			display: inline-block;
			min-width: 24px;
			min-height: 24px;
			display: inline-block;
			vertical-align: middle;
			line-height: 1;
			padding: 0;
			font-size: clamp(1.125rem, 0.68vw + 0.9888rem, 1.5rem);
			display: flex;
			justify-content: center;
		}

		img {
			display: none;
		}
	}

	&:has(> img[src*="Profile/checkbox.png"], > img[src*="grid_images/checkbox.png"]) {
		--fa: "\f14a";
	}

	&:has(> img[src*="Profile/checkbox_unchecked.png"], > img[src*="grid_images/checkbox_unchecked.png"]) {
		--fa: "\f0c8";
	}
}

.application_section_submit .verifContainer .verifyEmail {
	margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Lists */
/* #region General */
.posListHover {
	display: none !important;
}
	#eaContainer .gridContent .ListGridContainer .rowContainer {
		margin: 0;
	}

.pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
	overflow: auto;
	flex-wrap: wrap;
	gap: 20px;
	display: flex;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
	display: flex;
	flex-wrap: wrap;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, 250px)), 1fr));
	--item-width: 200px;
	justify-content: center;
	padding-bottom: 0;
	--cols: 1;

	@media (min-width: 768px) {
		--cols: 2;
	}

	@media (min-width: 992px) {
		margin-top: 1.5rem;
		--cols: 3;
	}

	@media (min-width: 1200px) {
		--cols: 4;
	}

	li {
		margin: 0;
		border-radius: var(--main-border-radius, 0);
		/* 1. Allow it to grow and shrink, but set the base basis to 0 */
		flex: 1 1 0%;
		/* 2. Calculate the exact width based on your columns and gaps */
		--gap-count: calc(var(--cols, 1) - 1);
		--total-gap-width: calc(var(--gap-count) * var(--gap, 16px));
		flex-basis: calc((100% - var(--total-gap-width)) / var(--cols, 1));
		/* 3. Replicate your minmax min-width constraint (so it never shrinks below 250px) */
		min-width: min(100%, var(--item-width, 250px));
		max-width: 200px;
	}
}

#eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	> div {
		margin: 0;
	}
}
/* #endregion */
/* #region Welcome */
.welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, max(50% - .25rem, 400px))), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	div.formRow.formRow.formRowIconRow {
		margin: 0;
		background-color: #FFF;
		border-radius: var(--main-border-radius);
		padding: 2rem;
	}

	div.formRow.formRowIconRow {
		max-width: none;
		margin: 0;
	}
}

#eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle {
	margin-bottom: 0;
}

#ToDoList_pageBlock ul.ulList {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, max(50% - .25rem, 400px))), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.ulListItem {
		margin: 0;
	}
}
/* #endregion */
/* #region My Details */
.mydetails #eaContainer .gridContent .ListGridContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, 300px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.rowContainer {
		margin: 0;
		padding: 0.5rem;
		background-color: #FFF;
	}
}

#eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, 300px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.rowContainer {
		margin: 0;
	}
}

#eaContainer .MySummaryItemsContainer {
	margin-bottom: 0.5rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 300px)), 1fr));
	gap: var(--gap, .5rem);
	align-items: stretch;
	justify-content: center;

	.MySummaryItem {
		width: 100%;
		margin: 0;
	}
}

li.pageBlockHeader_AddNotClicked .iconContainer {
	margin-top: 0;
}
/* #endregion */
/* #region Talent pools */
#eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, max(33% - .5rem, 300px))), 1fr)); */
	grid-template-columns: repeat(var(--cols, 1), 1fr);
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	@media (min-width: 768px) {
		--cols: 2
	}

	@media (min-width: 992px) {
		--cols: 3
	}

	.rowContainerHolder {
		margin: 0;
		float: none;
		width: 100%;

		.rowContainer {
			width: 100%;
			margin: 0 !important;
		}
	}
}
/* #endregion */
/* #region Application forms */
.application_section_referral #eaContainer .gridContent .ListGridContainer,
.application_section_equalops #eaContainer .gridContent .ListGridContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.rowContainer {
		margin: 0;
		padding: 0.5rem;
	}
}

.application_section_education #eaContainer .gridContent .ListGridContainer,
.application_section_workexperience #eaContainer .gridContent .ListGridContainer,
.application_section_profqual #eaContainer .gridContent .ListGridContainer,
.application_section_referee #eaContainer .gridContent .ListGridContainer {
	margin-top: 0.5rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.rowContainer {
		margin: 0;
		padding: 0.5rem;
	}
}

.application_section_personaldetails,
.mydetails {
	.pageBlockContainer.pageBlockContainer_GridBlock,
	.pageBlockContainer.pageBlockContainer_FormBlock {
		position: relative;
		width: 100%;

		&:last-child {
			margin-bottom: 0;
		}

		.pageBlockHeader2 {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;

			&:has(.pageBlockHeaderButtons) {
				.pageBlockHeader {
					width: 100%;

					&:where(.pageBlockContainer_FormBlock .pageBlockHeader) {
						text-align: center;
					}
				}

				.pageBlockHeaderButtons {
					width: 100%;
				}
			}
		}

		.pageBlockHeaderButtonsContainer.buttonsRight {
			width: auto;
			margin-left: auto;
		}
	}

	.pageBlockContainer.pageBlockContainer_GridBlock,
	#SkillsForm_pageBlockContainer:not(:has(.formRowButtonRow)) {
		&:has(.pageBlockHeaderButtons) {
			padding-bottom: 4rem;
			position: relative;

			.pageBlockHeaderButtonsContainer {
				position: absolute;
				bottom: .5rem;
				display: block;
				margin: 0 auto;

				&:before {
					border-top: 1px solid #FFF;
					content: "";
					position: absolute;
					top: -10px;
					left: -50%;
					right: -50%;
				}
			}
		}
	}
}
/* #endregion */
/* #region Events */
#eaContainer #eventsListContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.eventContainerWrapper {
		margin: 0;

		.eventContainer {
			min-height: 150px;
		}
	}
}
/* #endregion */
/* #region Questions */
.questionsAnswerBlock #questionsSummary_pageBlock {
	padding: 0;
	border: none;
	background-color: #FFF;
}

	.questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridRow {
		padding: 0.5rem;
	}

	.questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn {
		clear: none;
		display: flex;
	}

		.questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn .appSummaryGridHeader {
			flex: 0 0 auto;
			float: none;
			border: none;
			background-color: transparent;
			font-weight: bold;
		}

		.questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn .appSummaryGridValue {
			flex: 1 1 auto;
			float: none;
			margin-left: 0;
		}
/* #endregion */
/* #region Position summary block */
#posSummaryBlockv2_pageBlock .MySummaryItemsContainer {
	height: auto;
}

#posSummaryBlockv2_pageBlock .MySummaryItem {
	height: auto;
	background-color: #F9F9F9;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
	height: auto;
}
/* #endregion */
#Application_Home_pageView #sectionslist_pageBlock .ulList,
#Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.ulListItem {
		margin: 0;
	}
}
/* #region Connected services */
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
	--item-width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;
	margin-bottom: 1.5rem;

	@media (min-width: 992px) {
		--item-width: calc(50% - (var(--gap, .5rem) / 2));
	}

	.serviceContainer {
		margin: 0;
		float: none;

		.statusContainer {
			min-height: 0;
			position: relative;

			@media (min-width: 768px) {
				display: flex;
				flex-wrap: wrap;
				gap: 0.5rem;
			}
		}
	}

	.serviceContainer2 {
		border-radius: var(--main-border-radius, 0);
	}
}
/* #endregion */
/* #region Offers / Onboarding */
.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
.mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.ulListItem {
		margin: 0;
	}
}

#eaContainer #Grid_OFFERBANKDETAILS_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFEREMERGENCYCONTACT_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFERHEALTHQUESTIONS_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFERNEXTOFKIN_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFERTAXINFORMATION_pageBlock .gridContent .ListGridContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.rowContainer {
		margin: 0;
		padding: .5rem;
		border-radius: var(--main-border-radius, 0);
	}
}

#OfferInfoBlock_pageBlock .offerBlockContainer_Text p {
	margin-block-end: 10px;
}

.listarrowmessageblock ol {
	padding: 0;
}

	.listarrowmessageblock ol li {
		margin: 20px auto;
		background-color: var(--primary-color);
		color: #fff;
		padding: 30px 30px 30px 50px;
		list-style-position: inside;
		/* list-style-image: url(https://cdn.prod.website-files.com/668f964276953a8d446956f4/668ff6f98532eecd16056363_Path%20625.svg); */
		position: relative;
	}


		.listarrowmessageblock ol li:before {
			content: "";
			background-image: url(https://d36rd0l160k43h.cloudfront.net/c55d7af92f137d0df53a49e9dfae8348/a23213408afd73ab2889dc0ce3a2cc04/img/arrow-white.png);
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			width: 40px;
			height: 40px;
			left: 10px;
			top: 50%;
			transform: translateY(-50%);
		}

.offerLayoutBox.offerLayoutBox_TotalItems_3.three-cols .offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_3.offerLayoutPlaceHolder_Multi {
	width: 33% !important;
}


/* #endregion */
/* #endregion */
/* #region Tables */
/* #region CSS Variables */
table.gridTable {
	/* #region Table Properties */
	--table-border-color: #CCC;
	--table-header-color: var(--aaa-dark-blue);
	--table-header-text-color: #FFF;
	/* #endregion */
	/* #region Odd Rows */
	/* #region Default State */
	--alt-row-color-odd: #EEE;
	--alt-row-text-color-odd: #333;
	--alt-row-link-color-odd: var(--aaa-dark-blue);
	/* #endregion */
	/* #region Hover State */
	--alt-row-hover-color-odd: var(--aaa-dark-blue);
	--alt-row-hover-text-color-odd: #FFF;
	--alt-row-hover-link-color-odd: #FFF;
	/* #endregion */
	/* #endregion */
	/* #region Even Rows */
	/* #region Default State */
	--alt-row-color-even: #FFF;
	/* Note that tables start with an even row for some obscure reason */
	--alt-row-text-color-even: #333;
	--alt-row-link-color-even: var(--aaa-dark-blue);
	/* #endregion */
	/* #region Hover State */
	--alt-row-hover-color-even: var(--aaa-dark-blue);
	--alt-row-hover-text-color-even: #FFF;
	--alt-row-hover-link-color-even: #FFF;
	/* #endregion */
	/* #endregion */
}
/* #endregion */
/* #region Table Styling */
/* Can appear in #eaContainer (interviews) or in dialogs (job alerts codelist lookup) */
#eaContainer .pageBlockInner_GridBlock,
.ui-dialog .pageBlockInner_GridBlock {
	div.gridContentWithHeader {
		background: none;
		border-left: none;
	}

	.gridFooter {
		div.pagingControls {
			display: flex;
			flex-wrap: wrap;
			gap: 0.5rem;
			align-items: stretch;
			justify-content: center;
			padding: 0.5rem 0;

			a.scroller, a.pagenumber {
				text-align: center;
				transition: var(--default-transition, none);
				display: inline-block;
				width: auto;
				font-weight: normal;
				cursor: pointer;
				text-decoration: none;
				margin-left: 0;
				margin-right: 0;
				display: flex;
				align-items: center;

				&:hover {
					text-decoration: none;
				}
			}

			a.scroller {
				font-size: 0;

				&[href*="movefirst=1"], &&[href*="moveprev=1"], &[href*="movenext=1"], &[href*="movelast=1"] {
					font-family: var(--font-awesome-family);
					font-weight: 900;
					font-size: clamp(0.75rem, 0.45vw + 0.66rem, 1rem);
					line-height: 1;
					color: inherit;
					content: var(--fa, none);
					display: inline-block;
				}

				&[href*="movefirst=1"] {
					--fa: "\f323";
				}

				&[href*="moveprev=1"] {
					--fa: "\f053";
				}

				&[href*="movenext=1"] {
					--fa: "\f054";
				}

				&[href*="movelast=1"] {
					--fa: "\f324";
				}

				&.buttonDisabled {
					--btn-background-color: #E7E9ED;
					--btn-border-color: #E7E9ED;
					--btn-color: #FFF;

					&:hover {
						--btn-background-color: #E7E9ED;
						--btn-border-color: #E7E9ED;
						--btn-color: #FFF;
					}
				}
			}

			a.pagenumber {
				margin-top: 0;

				&.pagenumber_current {
					gap: 0.5rem;
					padding: 0.5rem 2rem;

					&:before {
						content: "Page";
					}
				}
			}
		}
	}

	.kiketable-colsizable-handler {
		border-color: var(--table-border-color);
	}

	table.gridTable {
		th {
			border-color: var(--table-border-color);
			background-color: var(--table-header-color);
			color: var(--table-header-text-color);

			div.kiketable-th-text {
				padding: .5rem;
			}
		}

		td {
			border-color: var(--table-border-color);
		}

		tbody td {
			&:where(:not(:has(a))) {
				padding: .5rem;
			}

			&:where(:has(a)) {
				padding: 0;

				a {
					padding: 0.5rem;
				}
			}
		}

		div.headerLabel {
			margin-left: 0;
			margin-right: 0;
			padding-right: 0;
		}

		tr.oddRow {
			background-color: var(--alt-row-color-odd);

			td {
				background-color: var(--alt-row-color-odd);
				color: var(--alt-row-text-color-odd);

				a {
					color: var(--alt-row-link-color-odd);
				}
			}

			&:hover {
				background-color: var(--alt-row-hover-color-odd);

				td {
					background-color: var(--alt-row-hover-color-odd);
					color: var(--alt-row-hover-text-color-odd);

					a {
						color: var(--alt-row-hover-link-color-odd);
					}
				}
			}
		}

		tr.evenRow {
			background-color: var(--alt-row-color-even);

			td {
				background-color: var(--alt-row-color-even);
				color: var(--alt-row-text-color-even);

				a {
					color: var(--alt-row-link-color-even);
				}
			}

			&:hover {
				background-color: var(--alt-row-hover-color-even);

				td {
					background-color: var(--alt-row-hover-color-even);
					color: var(--alt-row-hover-text-color-even);

					a {
						color: var(--alt-row-hover-link-color-even);
					}
				}
			}
		}
	}
}
/* #endregion */
/* #endregion */
/* #endregion */
/* #region Small Components*/
/* #region Buttons */
.application_section_personaldetails .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0.5rem;
	justify-content: end;

	@media (min-width: 992px) {
		flex-direction: row;
	}
}

	.application_section_personaldetails .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight ul li {
		width: auto;
	}

#eaContainer .formRow.formRowButtonRow {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;

	@media (min-width: 992px) {
		gap: .5rem;
	}
}

	#eaContainer .formRow.formRowButtonRow .buttonsLeft:not(:has(.buttonActionId_DeleteConfirm)) {
		flex: 1 0 100%;

		@media (min-width: 992px) {
			order: 1;
			flex: 1 0 calc(50% - 0.25rem);
		}
	}

	#eaContainer .formRow.formRowButtonRow:not(:has(.buttonsLeft .buttonActionId_DeleteConfirm)) .buttonsRight {
		flex: 1 0 100%;

		@media (min-width: 992px) {
			order: 2;
			flex: 1 0 calc(50% - 0.25rem);
		}
	}

#eaContainer #ShowCurrentAppLink_form .formRow.formRowButtonRow .buttonsLeft ul,
#eaContainer #ShowCurrentAppLink_form .formRow.formRowButtonRow .buttonsRight ul,
#eaContainer #ShowCurrentAppLink2_form .formRow.formRowButtonRow .buttonsLeft ul,
#eaContainer #ShowCurrentAppLink2_form .formRow.formRowButtonRow .buttonsRight ul {
	justify-content: center;
}

#eaContainer .buttonsLeft ul,
#eaContainer .buttonsRight ul,
#eaContainer .buttonsCenter ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0.5rem;

	@media (min-width: 992px) {
		flex-direction: row;
	}
}

	#eaContainer .buttonsLeft ul li,
	#eaContainer .buttonsRight ul li,
	#eaContainer .buttonsCenter ul li {
		width: auto;
	}

#eaContainer .buttonsCenter ul {
	justify-content: center;
}

#eaContainer .buttonsRight ul {
	justify-content: end;
	width: 100%;

	&:where(.missingGapInfo ul) {
		justify-content: start;
		margin-block-start: auto;

		li, span, a {
			width: 100%;
		}
	}
}

	#eaContainer .buttonsRight ul:where(:has(.buttonActionId_toWelcomePackSummary, .buttonActionId_toAppHome)) {
		justify-content: center;
	}

.mydetails #eaContainer .buttonsLeft li,
.mydetails #eaContainer .buttonsRight li,
.mydetails #eaContainer .buttonsCenter li {
	width: 100%;
}

.ui-dialog .buttonsLeft ul,
.ui-dialog .buttonsRight ul,
.ui-dialog .buttonsCenter ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0.5rem;

	@media (min-width: 992px) {
		flex-direction: row;
	}
}

	.ui-dialog .buttonsLeft ul li,
	.ui-dialog .buttonsRight ul li,
	.ui-dialog .buttonsCenter ul li {
		width: auto;
	}

.latest-jobs-section .buttonsLeft ul,
.latest-jobs-section .buttonsRight ul,
.latest-jobs-section .buttonsCenter ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0.5rem;

	@media (min-width: 992px) {
		flex-direction: row;
	}
}

	.latest-jobs-section .buttonsLeft ul li,
	.latest-jobs-section .buttonsRight ul li,
	.latest-jobs-section .buttonsCenter ul li {
		width: auto;
	}

.latest-jobs-section .buttonsCenter ul {
	justify-content: center;
}

.latest-jobs-section .buttonsRight ul {
	justify-content: end;
}

.pos_description #eaContainer .ApplyNowContainer .buttonsRight ul,
.pos_description #eaContainer .posAlerts .buttonsRight ul {
	display: block;
	width: 100%;
}

	.pos_description #eaContainer .ApplyNowContainer .buttonsRight ul li,
	.pos_description #eaContainer .posAlerts .buttonsRight ul li {
		display: block;
		width: 100%;
	}

		.pos_description #eaContainer .ApplyNowContainer .buttonsRight ul li a,
		.pos_description #eaContainer .posAlerts .buttonsRight ul li a {
			float: none;
		}

#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_backToSection {
	text-align: center;
	transition: var(--default-transition, none);
	display: var(--centred-buttons-display-override, inline-block);
	width: var(--centred-buttons-width-override, var(--button-width, 100%));
	font-weight: 700;
	cursor: pointer;
	font-size: 15px;

	&:hover {
		text-decoration: none;
	}
}

#eaContainer .buttonsLeft .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .buttonsRight .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .buttonsCenter .editblocklink a.buttonAnchor:where(:not(#renewconsent)) {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: auto;
	font-weight: 600;
	cursor: pointer;
	margin-top: 0.5rem;

	&:hover {
		text-decoration: none;
	}
}

#eaContainer .buttonsLeft .editblocklink a.buttonAnchor#renewconsent,
#eaContainer .buttonsRight .editblocklink a.buttonAnchor#renewconsent,
#eaContainer .buttonsCenter .editblocklink a.buttonAnchor#renewconsent {
	width: auto;
}

#eaContainer #SkillsForm_buttons_formRow .buttonsRight a.buttonAnchor.buttonActionId_back {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: 600;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

.candidateevent_detail #eaContainer .buttonsLeft a.buttonAnchor {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: 600;
	cursor: pointer;
}

	.candidateevent_detail #eaContainer .buttonsLeft a.buttonAnchor:hover {
		text-decoration: none;
	}

.candidateevent_detail #eaContainer .buttonsRight a.buttonAnchor:where([href*=cancel]) {
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

.latest-jobs-section .buttonsLeft a.buttonAnchor,
.latest-jobs-section .buttonsRight a.buttonAnchor,
.latest-jobs-section .buttonsCenter a.buttonAnchor {
	padding: 1rem 3rem;
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	border-radius: var(--main-border-radius, 0);

	&:hover {
		text-decoration: none;
	}
}

.buttonsLeft a.buttonAnchor,
.buttonsLeft button.buttonAnchor,
.buttonsLeft input.buttonSubmit {
	margin-right: 0;
}

.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	margin-left: 0 !important;
	margin-right: 0;

	&:hover {
		text-decoration: none;
	}
}

#eaContainer .postcodelookup {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: auto;
	font-weight: normal;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

div.buttonsRight li.pageBlockHeader_AddNotClicked .iconContainer.buttonAnchor.basicIcons {
	width: 100% !important;

	@media (min-width: 992px) {
		width: auto !important;
	}
}

ul.pageBlockHeaderButtons {
	float: none;
}

#eaContainer button.buttonAnchor,
#eaContainer input.buttonSubmit,
#eaContainer a.buttonAnchor,
.ui-dialog button.buttonAnchor,
.ui-dialog input.buttonSubmit,
.ui-dialog a.buttonAnchor {
	text-align: center;
	transition: var(--default-transition, none);
	display: var(--centred-buttons-display-override, inline-block);
	width: var(--centred-buttons-width-override, 100%);
	font-weight: 700;
	cursor: pointer;
	font-size: 15px;

	&:hover {
		text-decoration: none;
	}
}

#eaContainer, .ui-dialog {
	button, input, a {
		&.buttonAnchor.buttonActionId_back,
		&.buttonAnchor.buttonActionId_ajaxCancel,
		&.buttonAnchor.buttonActionId_backToDesc,
		&.buttonAnchor.buttonActionId_cancel {
			text-align: center;
			transition: var(--default-transition, none);
			display: var(--centred-buttons-display-override, inline-block);
			width: var(--centred-buttons-width-override, 100%);
			font-weight: 700;
			cursor: pointer;
			font-size: 15px;

			&:hover {
				text-decoration: none;
			}
		}
	}
}

#eaContainer, .ui-dialog {
	button, input, a {
		&.buttonAnchor.buttonActionId_withdraw_application,
		&.buttonAnchor.buttonActionId_Delete,
		&.buttonAnchor.removeAnchor,
		&.buttonAnchor.buttonActionId_confirm_decline,
		&.buttonAnchor[href*=decline],
		&.buttonAnchor.buttonActionId_DeleteConfirm {
			transition: var(--default-transition, none);
			display: var(--centred-buttons-display-override, inline-block);
			width: var(--centred-buttons-width-override, 100%);
			font-weight: 700;
			cursor: pointer;
			font-size: 15px;

			&:hover {
				text-decoration: none;
			}
		}
	}
}

.mapContainer .ButtonHolder .miniMapButton a,
#Pos_Description_pageView #posdesc_pageBlock a.right {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: 600;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

#JobDescriptionMap_BigVacancyMap_pageBlock .mapContainer .ButtonHolder {
	display: flex;
	justify-content: end;
}

.mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton,
.mapContainer .ButtonHolder_Bottom .bigMapButton a {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;

	@media (min-width: 992px) {
		width: auto;
	}

	&:hover {
		text-decoration: none;
	}
}

#eaContainer .addressContainer .addressButton {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	width: auto;
	float: none;
	padding: 0 1rem;
	line-height: 1;
	height: 30px;

	&:hover {
		text-decoration: none;
	}
}

.mydetails_forgetme #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

.mydetails_forgetme #eaContainer a.buttonAnchor.buttonActionId_confirm {
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
	color: var(--aaa-dark-blue);
}

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar .mapCloseButton {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	width: 100%;
	display: block;

	&:hover {
		text-decoration: none;
	}
}

.buttonsRight {
	margin-top: 0;
}

.mydetails .buttonsRight {
	margin-top: 0;
}

.mydetails .formRowButtonRow .buttonsRight {
	margin-top: 0.5rem;

	@media (min-width: 992px) {
		margin-top: 0;
	}
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .buttonsContainer {
	overflow: visible;
}

.buttonsCenter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

	#MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li:first-child {
		order: 2;
		margin-left: auto;
	}

	#MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li:last-child {
		order: 1;
	}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.connect,
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.disconnect {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	margin-top: 0.5rem;

	@media (min-width: 992px) {
		margin-top: 0;
	}

	&:hover {
		text-decoration: none;
	}
}

#pseRefresh {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: 100%;
	font-weight: normal;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

#PagestampErrorBlock_pageBlockContainer #PagestampErrorBlock_pserror2_formRow {
	justify-content: center;
}

.ui-dialog {
	box-shadow: 0 var(--main-border-radius) rgba(0, 0, 0, 0.8);
}

.ui-widget-overlay {
	background-color: #000;
}
/* #endregion */
/* #region Tooltips */
.tooltip2_Surround,
.tooltip2_SurroundClosing {
	display: none !important;
}
/* #endregion */
/* #region Password Strength */
.passwordStrength {
	--message-color: green;
	--message-icon: "";
	width: 100%;
	margin-top: 0.5rem;
	padding: 0.5rem;
	border-radius: 0.25rem;
	border: 2px solid var(--message-color);
}

	.passwordStrength.strength-4,
	.passwordStrength.strength-5,
	.passwordStrength.strength-6,
	.passwordStrength.strength-7,
	.passwordStrength.strength-8,
	.passwordStrength.strength-9,
	.passwordStrength.strength-10,
	.passwordStrength.strength-11,
	.passwordStrength.strength-12 {
		--message-color: green;
		--message-icon: "";
	}

		.passwordStrength.strength-4 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-5 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-6 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-7 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-8 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-9 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-10 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-11 .passwordStrengthProgressContainer .passwordStrengthProgress,
		.passwordStrength.strength-12 .passwordStrengthProgressContainer .passwordStrengthProgress {
			background-color: var(--message-color);
		}

	.passwordStrength.strength-1,
	.passwordStrength.strength-2,
	.passwordStrength.strength-3 {
		--message-color: #DD0F0F;
		--message-icon: "";
	}

	.passwordStrength.passwordError {
		--message-color: #DD0F0F;
		--message-icon: "";
	}

	.passwordStrength .passwordStrengthMessage {
		color: var(--message-color);
		background-image: none;
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		align-items: center;
	}

		.passwordStrength .passwordStrengthMessage:before {
			font-family: var(--font-awesome-family);
			font-weight: 900;
			line-height: 1;
			color: inherit;
			content: var(--message-icon);
			display: inline-block;
		}

	.passwordStrength.passwordError {
		border: 2px solid var(--message-color);
	}

		.passwordStrength.passwordError .passwordStrengthMessage {
			color: var(--message-color);
			background-image: none;
		}

			.passwordStrength.passwordError .passwordStrengthMessage:before {
				font-family: var(--font-awesome-family);
				font-weight: 900;
				line-height: 1;
				color: inherit;
				content: var(--message-icon);
				display: inline-block;
			}

		.passwordStrength.passwordError .passwordStrengthProgressContainer .passwordStrengthProgress {
			background-color: var(--message-color);
		}
/* #endregion */
/* #endregion */
/* #region Pages */
/* #region Job Description */
.quickApplyTagContainer {
	display: none;
}
/* #endregion */
/* #region Events */
.candidateevent_list #eventsListContainer .eventContainerWrapper .eventContainer {
	position: relative;
	padding-top: 2rem;
}

.candidateevent_list #eventsListContainer .eventContainerWrapper .eventName {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: clamp(1.125rem, 0.68vw + 0.9888rem, 1.5rem);
}

.candidateevent_list #eventsListContainer .eventContainerWrapper .eventHeadline {
	font-size: clamp(1.05rem, 0.64vw + 0.9219rem, 1.4rem);
}

.candidateevent_detail .buttonsContainer {
	display: flex;
	flex-wrap: wrap;
}

	.candidateevent_detail .buttonsContainer .buttonsLeft,
	.candidateevent_detail .buttonsContainer .buttonsRight {
		width: 50%;
	}

	.candidateevent_detail .buttonsContainer .buttonsRight {
		margin-left: auto;
	}
/* #endregion */
/* #region Talent Pools */
#talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
	background-color: #000;
	color: #FFF;
	border: none;

	a {
		color: #FFF;
	}

	&:hover {
		background-color: #000;
		color: #FFF;
		border: none;

		a {
			color: #FFF;
		}
	}

	.rowContainer {
		display: flex;
		flex-wrap: wrap;
		align-content: stretch;

		.rowHeader {
			padding: 0;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-content: stretch;

			.rowLabel {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				align-content: stretch;

				a {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					align-content: center;
					align-items: center;
				}
			}
		}
	}
}

	#talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

#talentpoolgrid_pageBlockContainer .pageBlockHeader {
	display: none;
}

#talentpoolgrid_pageBlock .rowContainer {
	min-height: 100px;
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent {
	border: none;
	padding: 0;

	.ListGridContainer {
		margin: 0;
		--gap: .75rem;
		display: grid;
		/* grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr)); */
		justify-content: start;
		gap: var(--gap, .5rem);
		align-items: stretch;
		overflow: visible;

		.rowContainerHolder {
			/*height: 300px;*/
			margin: 0;
			position: relative;
			margin: 0;
			overflow: hidden;
			/*
							background-size: cover;
							background-repeat: no-repeat;
							background-position: var(--background-position-x, 0) var(--background-position-y, 0);
							*/
			border-radius: var(--main-border-radius);
			transition: border-radius .2s ease-in-out;

			&:hover {
				border-radius: var(--main-border-radius);
			}

			&:focus, &:active, &:focus-within {
				border-radius: var(--main-border-radius);
				outline: var(--accessible-outline);
				outline-offset: var(--accessible-outline-offset);
				box-shadow: var(--accessible-shadow);
			}
			/*&.rowContainerHolder_5_rowId {
								background-image: url("../images/banners/talentpool/5.jpg");
							}

							&.rowContainerHolder_6_rowId {
								background-image: url("../images/banners/talentpool/6.jpg");
							}

							&.rowContainerHolder_7_rowId {
								background-image: url("../images/banners/talentpool/7.jpg");
							}

							&.rowContainerHolder_8_rowId {
								background-image: url("../images/banners/talentpool/8.jpg");
							}

							&.rowContainerHolder_9_rowId {
								background-image: url("../images/banners/talentpool/9.jpg");
							}

							&.rowContainerHolder_10_rowId {
								background-image: url("../images/banners/talentpool/10.jpg");
							}*/

			.rowContainer {
				width: 100%;
				margin: 0 auto !important;
				position: relative;
				overflow: hidden;
				transition: var(--default-transition, none);
				border: none;
				background: none;
				padding: 0;
				overflow: hidden;

				.rowHeader {
					position: relative;
					width: 100%;
					z-index: 1;
					text-align: center;
					margin-top: 0;
					padding: 0;

					a {
						text-decoration: none;
						transition: var(--default-transition, none);
						padding: 15px;
						width: 100%;
						overflow: auto;
						font-size: clamp(0.9375rem, 0.57vw + 0.8238rem, 1.25rem);
						aspect-ratio: 2/1;
						display: flex;
						flex-wrap: wrap;
						justify-content: center;
						align-items: center;
						align-content: space-evenly;
						position: relative;
						z-index: 1;

						&:before {
							content: "";
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							/* background: linear-gradient(228.78deg, #FF5278AA 35.19%, #82FFFFAA 70.85%); */
							background-color: #333A;
							transition: opacity 0.2s;
							opacity: 1;
							z-index: -1;
						}

						&:hover:before {
							/* background: linear-gradient(228.78deg, #FF5278AA 35.19%, #82FFFFAA 70.85%); */
							opacity: 0.5;
						}
					}

					.rowLabel {
						float: none;

						a.rcMenu {
							color: #fff;
						}
					}
				}
			}

			.rowContentContainer {
				float: left;
				width: 100%;

				.rowItemsContainer {
					padding: 0;
					margin: 0;

					span {
						z-index: 1;
						transition: var(--default-transition, none);

						a.rcMenu img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: 50% 50%;
						}
					}
				}
			}
		}
	}
}
/* #endregion */
/* #region Welcome */
.welcome #eaContainer {
	#WelcomeInfoBlock_form {
		.formRowIconRow {
			position: relative;

			&:after {
				background-image: var(--arrow-url, url("https://d36rd0l160k43h.cloudfront.net/e76a1ed0ac62666ed658c345efac3a3d/76a996a68e4f69658ca960f51875bffe/arrow-right-solid-white.svg"));
				background-size: 80% 80%;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-color: var(--aaa-orange);
				content: "";
				position: absolute;
				bottom: 0px;
				right: 0px;
				min-width: 3rem;
				min-height: 3rem;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: bold;
				font-size: clamp(1.5rem, 0.91vw + 1.3181rem, 2rem);
				pointer-events: none;
				z-index: 1;
			}

			&:hover a {
				text-decoration: underline;
			}

			.iconContainer {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				flex: 0 0 100%;
				margin: 0;
				padding: 1rem 0.5rem;
				gap: 1rem;

				.iconImage {
					flex: 0 0 auto;
					width: 100px !important;
					height: auto !important;
					float: none;
					margin-left: 0;
					text-align: center;
					display: none;
					justify-content: center;

					@media (min-width: 992px) {
						display: flex;
					}

					&:before {
						@media (min-width: 992px) {
							font-family: var(--font-awesome-family);
							font-weight: 900;
							font-size: clamp(2.8125rem, 1.7vw + 2.4725rem, 3.75rem);
							line-height: 1;
							color: var(--aaa-orange);
							content: var(--fa, none);
							display: inline-block;
							transition: color 0.2s;
							line-height: 1;
							margin-top: 0;
						}
					}

					img {
						display: none !important;
					}
				}

				.iconValue {
					flex: 1 1 auto;
					width: calc(100% - 100px - 1rem);
					margin-left: 0;
				}

				.iconLabel {
					a, &:before, a:before {
						color: var(--aaa-dark-blue);
					}

					a {
						display: flex;
						flex-wrap: wrap;
						gap: 0.5rem;
						align-items: center;
						font-size: var(--h4-size);
						line-height: var(--h4-line-height);
						text-align: start;

						@media (min-width: 992px) {
							display: block;
							align-items: start;
						}

						&:before {
							font-family: var(--font-awesome-family);
							font-weight: 400;
							line-height: 1;
							color: var(--aaa-dark-blue);
							content: var(--fa, none);
							display: inline-block;
							transition: color 0.2s;

							@media (min-width: 992px) {
								display: none;
								content: none;
							}
						}

						&:after {
							content: "";
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
						}
					}
				}
			}

			&#WelcomeInfoBlock_MyDetails_formRow {
				--fa: "\f007";
			}

			&#WelcomeInfoBlock_Applications_formRow {
				--fa: "\f46d";
			}

			&#WelcomeInfoBlock_Interviews_formRow {
				--fa: "\e14e";
			}

			&#WelcomeInfoBlock_Offers_formRow {
				--fa: "\f0b1";
			}

			&#WelcomeInfoBlock_Emails_formRow {
				--fa: "\f1fa";
			}

			&#WelcomeInfoBlock_Feeds_formRow {
				--fa: "\f0a1";
			}

			&#WelcomeInfoBlock_Logout_formRow {
				--fa: "\f011";
			}

			&#WelcomeInfoBlock_Tests_formRow {
				--fa: "\f4ac";
			}

			&#WelcomeInfoBlock_Welcome_Packs_formRow {
				--fa: "\f52b";
			}

			&#WelcomeInfoBlock_TalentPools_formRow {
				--fa: "\f0c0";
			}
		}

		.iconRowValues {
			width: 100%;
		}

		.iconRowValue {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			float: none;
			margin-right: 0;

			.iconRowValueLabel {
				width: auto;
				padding: 0.5rem 0.5rem 0 0;
				float: none;
				margin-right: 0;
			}

			.iconRowValueData {
				width: auto;
				padding: 0.5rem 0.5rem 0 0;
				float: none;
				overflow: hidden;
				word-break: break-word;
				word-wrap: break-word;
			}
		}
	}

	#ToDoList_pageBlock {
		margin-bottom: .5rem;
	}

	.actionTextGreeting {
		font-weight: bold;
	}

	.actionTextGreeting,
	.actionTextMessage,
	.actionTextButtonContainer {
		width: 100%;
	}
}

#Welcome_pageView #ToDoList_pageBlock .ulListContainer ul li {
	margin-bottom: 0;
	display: flex;
}

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
	color: #DD0F0F;
}
/* #endregion */
/* #region My Details */
#MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
	background-color: var(--aaa-orange);
	border: 1px solid var(--aaa-orange);
	color: #FFF;
	border-radius: var(--main-border-radius, 0);
}

#MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
	background-color: var(--aaa-orange);
	border: 1px solid var(--aaa-orange);
	color: #FFF;
	border-radius: var(--main-border-radius, 0);
}

.mydetails .pageViewMain {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.mydetails h1#EarcuHeadingTextBlockTitle,
.mydetails .earcuintro {
	text-align: center;
}

.mydetails .pageBlockContainer_GridBlock,
.mydetails .pageBlockContainer_FormBlock {
	&:where(:not(#BackBlock_pageBlockContainer)) {
		/* background-color: #FFF; */
		border: 1px solid #FFF;
		border-radius: 0;
		padding: 0.5rem;

		.pageBlockTitle {
			text-align: center;
			width: 100%;
		}
	}

	&#SkillsForm_pageBlockContainer,
	&#fileupload_pageBlockContainer {
		border: 1px solid #FFF;
		border-radius: var(--main-border-radius, 0);
		padding: 0.5rem;
	}
}

.mydetails div.pageBlockTitle:where(:not(.eArcuBottom div.pageBlockTitle)) {
	margin-top: 0;
}

.mydetails #eaContainer .ListGridContainer .rowContainer {
	padding: 0;
}

.mydetails #eaContainer .pageBlockInner_FormBlock div.formRow#fileupload_Files_formRow {
	margin-bottom: 0;
}

.mydetails_username .eArcuInfoText {
	margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Interviews */
.interviewbookingconfirm #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly,
.interviewdetail #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly {
	padding: 0.5rem;
	border-radius: var(--main-border-radius, 0);
}

.interviewbookingconfirm #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
.interviewdetail #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
	max-width: 550px;
}
/* #endregion */
/* #region Offers */
.offer #eaContainer .offerAnchor {
	text-align: center;
	transition: var(--default-transition, none);
	display: inline-block;
	width: auto;
	font-weight: normal;
	cursor: pointer;

	&:hover {
		text-decoration: none;
	}
}

.offer #eaContainer .offerDecisionContainer {
	margin-top: 2rem;
}

.offer #eaContainer .pageBlockInner.pageBlockInner_FormBlock #BackBlock_form .formRow {
	margin-top: 0.5rem;
}
/* #endregion */
/* #region Animated Onboarding */
/* #region Grey block */
#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
	padding: 0.5rem;
	margin-bottom: 0.5rem;
}

#eaContainer .PosMyWelcomePackSummaryLinks {
	background-color: #FFF;
	border: 1px solid #FFF;
	/*color: #FFF;
						border-radius: var(--main-border-radius, 0);*/
	display: flex;
	gap: 1rem;

	a {
		display: inline-block;
	}
}

.jsonAnimContainer {
	width: 100%;
	overflow: hidden;

	iframe {
		width: 100%;
		aspect-ratio: 7/5;
	}
}

.application_home section h1.heading-section,
.application_home section #intro_pageBlockContainer,
.application_home section #posSummaryBlockv2_pageBlockContainer,
.mywelcomepacks_offerform_summary section h1.heading-section,
.mywelcomepacks_offerform_summary section #intro_pageBlockContainer,
.mywelcomepacks_offerform_summary section #posSummaryBlockv2_pageBlockContainer {
	display: none;
}

.mywelcomepacks_offerform_summary section {
	border: none;
}

.stage-anim-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	max-width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-block-start: 2rem;

	.onboarding-intro h2 {
		color: #003B4E;
		font-size: clamp(1.40625rem, 0.85vw + 1.2363rem, 1.875rem);
		padding: 0;
		margin: 0;
		line-height: 1;
	}

	.stage-buttons {
		width: 100%;
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		gap: 10px;

		@media (min-width: 992px) {
			max-width: 400px;
		}

		a {
			--stage-primary-color: #003B4E;
			--stage-secondary-color: #FFF;
			margin: 0;
			width: 100%;
			background: transparent;
			color: #003B4E;
			text-decoration: none;
			text-align: center;
			display: flex;
			position: relative;
			align-items: center;
			gap: 10px;
			overflow: visible;

			&.stage-complete {
				--stage-primary-color: #FFF;
				--stage-secondary-color: #003B4E;
				--stage-highlight-color: #003B4E;
			}

			&.stage-active {
				--stage-primary-color: #FFF;
				--stage-secondary-color: var(--aaa-dark-blue);
				--stage-highlight-color: var(--aaa-dark-blue);
			}

			&:before {
				@media (min-width: 768px) {
					content: '';
					position: absolute;
					left: 13px;
					bottom: -20px;
					width: 5px;
					height: 100%;
					background: var(--stage-highlight-color, var(--stage-primary-color));
				}
			}

			.stepNo {
				width: 35px;
				aspect-ratio: 1/1;
				justify-content: center;
				align-items: center;
				background: var(--stage-highlight-color, var(--stage-secondary-color));
				border: 1px solid var(--stage-highlight-color, var(--stage-primary-color));
				color: var(--stage-primary-color);
				border-radius: 200px;
				position: relative;
				z-index: 2;
				display: none;

				@media (min-width: 768px) {
					display: flex;
				}
			}

			span {
				background: var(--stage-secondary-color);
				border: 1px solid var(--stage-primary-color);
				color: var(--stage-primary-color);
				border-radius: 3px;
				padding: 5px 10px;
				position: relative;
				z-index: 2;
				flex: 100%;
			}

			&:first-child,
			&.stage-complete,
			&.stage-active {
				display: flex;
			}

				&:hover,
				&.stage-complete,
				&.stage-complete:hover {
					.stepNo {
						/*background: #003B4E;
										color: #fff;*/
					}
				}

			&:last-child:before {
				display: none;
			}

			&.stage-complete span {
				/*background: #003B4E;
									color: #FFF;*/
			}

			&.stage-active span {
				/*background: var(--aaa-dark-blue);
									border-color: var(--aaa-dark-blue);
									color: #FFF;*/
			}
		}
	}

	.ani-wrapper {
		width: 100%;
		margin: auto 0; /* auto; */
		display: flex;
		flex: 1 1 fit-content;
		position: relative;
		aspect-ratio: 7/5;
		overflow: hidden;

		@media (min-width: 1200px) {
			max-width: calc(100% - 600px);
		}

		iframe {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			display: block;
			border: none;
			overflow: hidden;
			transition: var(--default-transition, none);

			&.fadeOutIframe {
				opacity: 0;
			}
		}
	}
}

.modalContent {
	min-height: 1px !important;
}

.sectionInPopup #SectionCompleteBlock_completed_formRow .labelContainer {
	padding-top: 0;
}

.sectionInPopup {
	padding: 2rem;

	h1#EarcuHeadingTextBlockTitle {
		display: none;
	}

	.formRow {
		.labelContainer,
		.controlContainer,
		.controlError {
			width: 100% !important;
			display: block;
			float: none;
			margin: 0 auto;
			padding-left: 0;
		}

			.labelContainer *:not(.mandatoryContainer) {
				text-align: left;
				width: 100%;
				justify-content: flex-start !important;
			}

		.controlContainer {
			input:where(:not([type="radio"], [type="checkbox"])),
			select,
			textarea {
				width: 100%;
				margin-right: 0;
			}
		}
	}

	#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
	#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
		width: 100%;
		margin-right: 0;
	}

	.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer .popup {
		float: none;
	}

	.formRow.formRowCheckBoxRow .controlContainer input {
		width: auto;
	}

	.formRow.formRowButtonRow {
		width: 100% !important;

		.buttonsLeft, .buttonsRight {
			width: 100%;
			text-align: center;

			ul li {
				width: 100%;
				text-align: center;
				margin-top: 5px;

				&:last-child {
					margin-bottom: 0;
				}

				input, a {
					display: inline-block;
					float: none;
					margin-left: var(--centred-buttons-margin-override, 0) !important;
					text-decoration: none;
				}
			}
		}
	}

	div.pageBlockContainer {
		margin-bottom: 0;
	}
}
/* #endregion */
/* #region Welcome pack section list */
.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
	margin-bottom: 0;
}
/* #endregion */
/* #region Welcome pack forms */
.mywelcomepacks_offerform_summary,
.mywelcomepacks_offerform_bankdetails,
.mywelcomepacks_offerform_emergencycontact,
.mywelcomepacks_offerform_healthquestions,
.mywelcomepacks_offerform_nextofkin,
.mywelcomepacks_offerform_taxinformation,
.mywelcomepacks_offerform_submit {
	.pageBlockTitle {
		text-align: center;
	}

	#SectionCompleteBlock_buttons_formRow .buttonsRight {
		display: flex;
		justify-content: center;

		&:where(:has(.buttonActionId_next)) {
			justify-content: end;
			width: 100%;
		}
	}
}

	.mywelcomepacks_offerform_nextofkin #Edit_OFFERNEXTOFKIN_copyButtons_formRow .buttonsRight {
		display: flex;
		justify-content: center;
	}

	.mywelcomepacks_offerform_submit #SubmitForm_ajaxButtons_formRow .buttonsRight {
		display: flex;
		justify-content: center;
	}

	.mywelcomepacks_offerform_submit #SubmitForm_checkboxlegal_formRow .labelContainer {
		justify-content: center;
	}

	.mywelcomepacks_offerform_healthquestions .pageBlockInner_FormBlock div.textLiteralAlignment_Left,
	.mywelcomepacks_offerform_nextofkin .pageBlockInner_FormBlock div.textLiteralAlignment_Left,
	.mywelcomepacks_offerform_taxinformation .pageBlockInner_FormBlock div.textLiteralAlignment_Left {
		text-align: center;
		padding: 0.5rem;
	}

		.mywelcomepacks_offerform_taxinformation .pageBlockInner_FormBlock div.textLiteralAlignment_Left ul {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0;
		}

			.mywelcomepacks_offerform_taxinformation .pageBlockInner_FormBlock div.textLiteralAlignment_Left ul li {
				width: fit-content;
			}

	.mywelcomepacks_offerform_taxinformation #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom .textLiteral {
		padding: 0.5rem;
	}

	.mywelcomepacks_offerform_taxinformation #eaContainer #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop {
		max-width: 100%;
		margin-bottom: 0;
		justify-content: center;

		.labelContainer,
		.errorContainer {
			max-width: 550px;
			margin: 0.5rem auto;
			justify-content: center;
		}
	}

	.mywelcomepacks_offerform_taxinformation #eaContainer #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom {
		max-width: 100%;
		margin-bottom: 0;
	}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, calc(50% - (var(--gap, .5rem) / 2)))), 1fr));
	justify-content: start;
	gap: var(--gap, .5rem);
	align-items: stretch;

	.offerLayoutPlaceHolder {
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--item-width, 100%) !important;
		flex-grow: 1;
	}

	.offerLayoutInnerPlaceHolder {
		padding: 0.5rem;

		ul {
			margin-bottom: 0;
		}
	}
}

#OfferInfoBlock_pageBlock .offerBlockContainer_Text {
	padding: 0.5rem;
}
/* #endregion */
/* #endregion */
/* #region Application Pages */
#posSummaryBlockv2_pageBlock .MySummaryItemInner {
	margin-left: 0;
}

#eaContainer .MySummaryItemsContainer .MySummaryItem {
	background-color: #FFF;
	border: 2px solid var(--aaa-orange);
	border-radius: var(--main-border-radius);
	transition: border-radius .2s ease-in-out;
	color: var(--aaa-dark-blue);
	display: flex;
	align-items: center;
	&:focus-within {
		border-radius: var(--main-border-radius);
	}
}

#eaContainer #posSummaryBlockv2_pageBlock .MySummaryItemInner {
	background-color: transparent;
	width: 100%;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
	border: none;
}

#Application_Home_pageView,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock {
	margin-bottom: 0.5rem;
}

	#Application_Home_pageView .ulList li.ulListItem,
	.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FFF;
		border: 2px solid var(--aaa-dark-blue);
		color: var(--aaa-dark-blue);
		transition: var(--default-transition, none);
		overflow: hidden;
		padding: 0.5rem;
		border-radius: .25rem;
		background-image: none;
		width: auto;
		@media (min-width: 768px) {
			min-height: 130px;	
		}

		&:hover {
			a {
				text-decoration-line: underline;
				text-decoration-color: inherit;
				&:before {
					text-decoration: none;
				}		
			}
		}

		a {
			color: inherit;
			position: relative;
			padding: .5rem;
			&:before {
				margin-right: 0.5rem;
			}

			&:hover {
				&:before {
					text-decoration: none;
				}
			}
		}

		&.Completed {
			background-image: none;
			background-color: var(--aaa-orange);
			border: 2px solid var(--aaa-orange);
			color: #FFF;
			a {
				&:before {
					font-family: var(--font-awesome-family);
					font-weight: 900;
					line-height: 1;
					color: inherit;
					content: "\f00c";
					display: inline-block;
				}
			}

			&:hover {
				background-color: var(--aaa-dark-blue);
				color: #FFF;
				a {
					color: #FFF;
				}
			}
		}

		&:hover,
		&:focus-within {
			background-color: var(--aaa-dark-blue);
			color: #FFF;
			text-decoration: none;
			border: 2px solid var(--aaa-dark-blue);
			a {
				color: #FFF;
			}
		}

		&:focus-within {
			border-radius: var(--main-border-radius);
		}
	}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock {
	margin-bottom: 0;

	.appCompleteChartBlockInner {
		background-color: transparent;
		border: 2px solid var(--aaa-dark-blue);
	}

	&.done .appCompleteChartBlockInner {
		background-color: var(--aaa-orange);
		border: 2px solid var(--aaa-orange);
	}
}

#Application_Home_pageView #sectionslist_pageBlock .ulList {
	margin-bottom: 0.5rem;
}

#posSummaryBlockv2_pageBlock .MySummaryItemTitle,
#posSummaryBlockv2_pageBlock .MySummaryItemContent {
	margin: 0.5rem;
}

.mydetails_forgetme h1#EarcuHeadingTextBlockTitle,
.mydetails_forgetme .earcuintro,
.offerlist h1#EarcuHeadingTextBlockTitle,
.offerlist .earcuintro {
	text-align: center;
}

.mydetails_forgetme #confirm_form .buttonsRight {
	display: flex;
	justify-content: center;
}

.application_section_referee .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
	padding: 0.5rem;
}
/* #endregion */
/* #endregion */

.page-banner {
	&:has(h1) {
		background-color: var(--aaa-orange);
		min-height: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 2rem;

		h1 {
			color: #FFF;
			text-align: center;
		}
	}
}

body[class*="application_section_"] #eaContainer {
	div.pageBlockTitle {
		text-align: center;
	}

	.buttonsRight ul.pageBlockHeaderButtons {
		justify-content: center;
	}
}

.application_section_cv .pageBlockTitle {
	display: none;
}

.application_finished .pageBlockInner_FormBlock div.textLiteralAlignment_Left {
	text-align: center;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li {
	border-width: 2px;
	border-color: #FFF;

	&:hover {
		border-color: #FFF;
	}

	&:has(.filename:focus) {
		border-color: var(--lift-secondary-pink);
	}

	.fileContainer {
		display: flex;
		flex-wrap: wrap;
	}

	.filename:focus,
	.filename:focus-visible {
		outline: none;
		box-shadow: none;
		border: none;
	}
}

.offerfilesection .downloadcontainer {
	width: 100%;
	border: none;
	text-align: center;
	margin-inline-start: 0;
}

.offerfilesection .downloaddesc {
	width: 100%;
	text-align: center;
	font-size: clamp(0.75rem, 0.45vw + 0.66rem, 1rem);
	color: var(--aaa-orange);
	line-height: 1.9;
	margin-block-end: 0;

	+ a {
		margin: 0 auto;
		display: inline-block;
	}
}

.ui-dialog .buttonsLeft ul li:has(.fileuploadbutton) {
	margin: 0 auto;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton {
	max-width: 100%;
	margin: 0 auto;
	width: auto;
}

.offerfilesection .downloadimage {
	margin: 0 auto;
}

.ui-dialog div.gridRemove .pageBlockContent {
	background-image: none;
	padding: 1rem;
}

#categories {
	.row {
		gap: 1.5rem 0;
	}

	.card-img-wrapper {
		aspect-ratio: 3 / 2;
		overflow: hidden;
	}

	.card {
		position: relative;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 0;
		box-shadow: 0 0 28px rgba(0,0,0,0.1);

		.card-body {
			display: flex;
			flex-wrap: wrap;
			padding: 2em;
		}
		/* &:hover {
			--scale: 1.1;
		} */
		h3 {
			font-size: 20px;
		}

		h2, h3, h4, h5, h6 {
			margin-bottom: 1em;
			text-align: center;
			width: 100%;
			color: var(--accent-color, var(--h3-color, #000));
		}

		.button {
			margin: auto auto 0;
		}
	}

	.card-img-top {
		aspect-ratio: 3 / 2;
		object-fit: cover;
		/* scale: var(--scale, 1);
		transition: scale var(--transition-time); */
	}
}

.card-container {
	display: flex;
	align-items: stretch;
	.card {
		width: 100%;
	}
}

.card[class*="bg-"] {
	.card-title,
	.card-body {
		color: var(--text-color, #000);
	}

	.card-body {
		display: flex;
		flex-wrap: wrap;
		> * {
			width: 100%;
		}

		p:has(.button) {
			margin-block-end: 0;
		}
	}

	.button {
		margin-block-start: auto;
		border: 2px solid var(--text-color);
		background-color: var(--text-color);
		color: var(--bg-color);
		--accessible-outline: 2px solid var(--text-color);
		&:hover,
		&:focus,
		&:focus-visible,
		&:active {
			border: 2px solid var(--text-color);
			background-color: var(--bg-color);
			color: var(--text-color);
		}
	}
}

a.cover {
	&:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

a.link-button.read-more {
	font-size: clamp(0.84375rem, 0.51vw + 0.7419rem, 1.125rem);
	text-decoration: none;
	&:hover {
		text-decoration: none;
	}
}

img.cover {
	object-position: center center;
	object-fit: cover;
}

header:not(.chatbot-header) .nav-item:has(.profile-link) {
	display: none;
}

header {
	.top-nav {
		background-color: var(--aaa-dark-blue);
		padding: 14px 0;

		:has(> .top-nav-list) {
			display: flex;
			justify-content: end;
			flex-wrap: wrap;

			@media (min-width: 992px) {
				flex-wrap: nowrap;
			}
		}

		.top-nav-list {
			display: flex;
			gap: .25rem;
			justify-content: end;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 100%;
			flex-wrap: wrap;

			@media (min-width: 576px) {
				gap: .5rem;
			}

			li {
				display: flex;
				align-items: center;
				margin: 0;
				padding: 0;
				width: auto;

				a {
					display: inline-block;
					color: var(--color-override, #FFF);
					font-weight: bold;
					font-size: clamp(0.65625rem, 0.4vw + 0.5763rem, 0.875rem);
					font-family: "Lexend Deca", Helvetica, sans-serif;
					transition: var(--default-transition, none);
					padding: .625rem .2rem;

					&#myAccessibilityButton {
						line-height: normal;
						padding: 8px 10px;
						font-size: 14px;
						font-weight: 800;
					}

					@media (min-width: 576px) {
						padding: .425rem;
					}

					&:hover,
					&:focus,
					&:focus-visible {
						color: var(--aaa-orange);
						text-decoration: none;
					}

					&.btn-search, &.btn-profile, &.btn-logout, &.btn-login, &.btn-register {
						.icon:before {
							font-family: var(--font-awesome-family);
							content: var(--fa, "");
							margin-inline-end: .5rem;
						}
					}

					&.btn-search {
						--fa: "\f002";
					}

					&.btn-profile {
						--fa: "\f007";
					}

					&.btn-logout {
						--fa: "\f2f5";
					}

					&.btn-login {
						--fa: "\f2f6";
					}

					&.btn-register {
						--fa: "\e7ab";
					}
				}
			}
		}
	}

	.nav-link {
		font-family: "Lexend Deca", Helvetica, sans-serif;
		font-weight: bold;
		font-size: clamp(0.703125rem, 0.43vw + 0.6169rem, 0.9375rem);
		color: #000;
		transition: var(--default-transition, none);
		line-height: 1.8;
		display: flex;
		align-items: center;
		gap: .25rem;
		position: relative;

		@media (min-width: 1200px) {
			padding: 1.5625rem .625rem;
		}

		&:hover {
			text-decoration: none;
			color: var(--aaa-orange);
		}
	}

	.nav-item {
		border-block-end: 1px solid rgba(0,0,0,0.1);
		padding-block-end: .5rem;
		margin-block-end: .5rem;

		@media (min-width: 1200px) {
			border-block-end: none;
			padding-block-end: 0;
			margin-block-end: 0;
		}
	}

	.navbar-expand-xl .navbar-nav .nav-link {
		@media (min-width: 1200px) {
			padding: 1.5625rem .625rem;
		}
	}

	.navbar-brand img {
		max-width: 190px;

		@media (min-width: 1200px) {
			max-width: 240px;
		}
	}

	.dropdown-toggle {
		&:after {
			font-family: var(--font-awesome-family);
			content: "\2b";
			border: none;
			color: var(--aaa-orange);
			line-height: normal;
			font-weight: 300;
			margin-inline-start: auto;
			font-size: 16px;
			rotate: var(--rotate, 0deg);
			transition: rotate var(--transition-time, 0s);

			@media (min-width: 992px) {
				margin-inline-start: .125rem;
				content: "\f107";
				font-size: clamp(0.5625rem, 0.34vw + 0.4944rem, 0.75rem);
				font-weight: 700;
				rotate: 0deg;
			}
		}

		&.show {
			--rotate: 45deg;
		}
	}

	.dropdown-menu {
		border: none;

		@media (min-width: 1200px) {
			border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
		}
	}

	.dropdown-item.active, .dropdown-item:active {
		background-color: var(--aaa-orange);
	}

	.offcanvas-header {
		padding-block-end: 0;
		border-block-end: 1px solid rgba(0, 0, 0, 0.1);
		position: relative;
		margin-block-end: 2rem;
		padding-block: 0 1rem;

		.btn-close {
			margin: 0 auto;
			background-image: none !important;
			opacity: 1;

			&:before {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				content: "";
			}

			&:after {
				font-family: "Font Awesome 7 Pro";
				content: "\f057";
				display: inline-block;
				margin: 0 auto;
				color: #000;
				font-weight: 300;
				font-size: 1rem;
			}

			&:hover:after {
				color: var(--aaa-orange);
			}
		}
	}

	.offcanvas-body {
		padding-block-start: 0;
	}
}

footer {
	margin-block-start: 1.875rem;
	font-size: clamp(0.75rem, 0.21vw + 0.7081rem, 0.875rem);
	background-color: var(--aaa-dark-blue);
	color: var(--aaa-light-grey);
	line-height: 1.867;
	.footer-center .container {
		position: relative;
		overflow: visible;
		&:before {
			content: "";
			background-image: url("../images/triangles.svg");
			background-repeat: no-repeat;
			width: 75px;
			aspect-ratio: 15 / 16;
			position: absolute;
			top: 0;
			left: calc(var(--bs-gutter-x) * 0.5);
			transform: translateY(calc(-50% - 40px));
		}
	}

	.footer-center {
		padding: 40px 0;
	}

	h2 {
		position: relative;
		margin: 0 0 15px;
		padding: 0 0 .5rem;
		&:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			width: 50px;
			background-color: var(--aaa-yellow);
		}
	}

	p {
		font-size: clamp(0.75rem, 0.31vw + 0.6881rem, 0.9375rem);
	}

	ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.menu li {
		padding: .25rem 0;
	}

	a {
		text-decoration: none;
		&:hover {
			text-decoration: none;
		}
	}

	.social-border {
		text-align: center;
		overflow: hidden;
		.socials {
			display: inline-block;
			position: relative;
			text-align: center;
			width: auto;
			padding: .25rem 0;
			a {
				display: inline-block;
				font-size: clamp(1.25rem, 0.52vw + 1.1463rem, 1.5625rem);
				margin: 0 .625rem;
				i {
					color: #FFF;
					transition: color .35s;
				}

				&:hover i,
				&:focus i,
				&:active i {
					color: var(--aaa-orange);
				}
			}

			&:before {
				content: "";
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
				position: absolute;
				top: 50%;
				right: 100%;
				width: 1000px;
			}

			&:after {
				content: "";
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
				position: absolute;
				top: 50%;
				left: 100%;
				width: 1000px;
			}
		}
	}

	.copyright-links {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 10px 0;
		a {
			position: relative;
			display: block;
			width: 100%;
			text-align: center;
			padding: 10px 0;
			@media (min-width: 768px) {
				display: inline;
				width: auto;
				padding: 0 12px 0 0;
				margin-right: 10px;	
				&:not(:last-child):after {
					content: "";
					width: 2px;
					height: 15px;
					top: 5px;
					right: 0;
					position: absolute;
					background: rgba(255, 255, 255, 0.1);
					z-index: 1;
				}
			}
		}
	}

	.copyright-inner {
		padding: 0 0 35px;
	}

	.column {
		padding: 0 calc(var(--bs-gutter-x) * 0.5) 35px;
		@media (min-width: 992px) {
			padding: 0 calc(var(--bs-gutter-x) * 0.5);
		}
	}

}

.btn,
.button {
	background-color: var(--background-color, var(--aaa-orange));
	letter-spacing: .5px;
	border-radius: 6px;
	border: 2px solid var(--border-color, var(--aaa-orange));
	color: var(--text-color, #FFF);
	transition: var(--default-transition);
	box-shadow: 0 0 28px rgba(0,0,0,0.1);
	display: inline-block;
	font-weight: 700;
	font-family: var(--btn-font-family);
	line-height: 38px;
	padding: 0 18px;
	font-size: 15px;

	&#myAccessibilityButton:before {
		font-family: var(--font-awesome-family);
		content: "\f29a";
		margin-inline-end: .25rem;
	}

	&:hover,
	&:active,
	&:focus,
	&:focus-visible {
		--background-color: var(--aaa-dark-blue);
		/* --color-override: var(--aaa-orange); */
		text-decoration: none;
		--text-color: var(--color-override, #FFF);
		--border-color: var(--aaa-dark-blue);

		&:where(header a, footer a) {
			--background-color: #FFF;
			--text-color: var(--aaa-orange);
			--border-color: #FFF;
		}
	}

	&.button--center {
		display: flex;
		justify-self: center;
	}
}

.btn--orange,
.button--orange {
	--background-color: var(--aaa-orange);
	--border-color: var(--aaa-orange);
	--text-color: #FFF;
	&:hover,
	&:active,
	&:focus,
	&:focus-visible {
		--background-color: var(--aaa-dark-blue);
		--text-color: var(--color-override, #FFF);
		--border-color: var(--aaa-dark-blue);
		&:where(header a) {
			--background-color: #FFF;
			--text-color: var(--aaa-orange);
			--border-color: #FFF;
		}

		&:where(footer a) {
			--background-color: #FFF;
			--text-color: var(--aaa-dark-blue);
			--border-color: #FFF;
		}
	}
}

.link-button {
	display: inline-block;
	letter-spacing: .5px;
	border-radius: .25rem;
	margin: .625rem 0;
	font-weight: bold;
	padding: .25rem .5rem;
	&.link--orange {
		color: var(--aaa-orange);
		&:hover {
			text-decoration: underline;
			text-underline-offset: 3px;
			text-decoration-thickness: 2px;
		}
	}

	&.link--center {
		display: flex;
		justify-self: center;
	}
}

img {
	display: block;
}

.section {
	padding: 1rem 0;
	&#awards {
		img {
			display: block;
			margin: 0 auto;
		}
	}

	&:has(+ #content-main) {
		padding-block-end: 0;
	}

	&:has(.row:first-child > .col-12:first-child .content-wrapper) {
		padding-block-start: 0;
	}

	&:has(.row:last-child > .col-12:last-child .content-wrapper) {
		padding-block-end: 0;
	}

	&.section--grey {
		background-color: var(--aaa-grey);
	}

	&.no-padding-bottom {
		padding-block-end: 0;
	}
}

.value {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0 0 1.5rem;
	.icon {
		flex: 0 0 64px;
	}

	.text {
		h3 {
			margin-block-end: 0;
		}

		p {
			line-height: 1.5;
			margin-block-end: 0;
		}
	}
}

.value-icon {
	color: var(--accent-color, var(--aaa-dark-blue));
	font-size: clamp(3.75rem, 2.27vw + 3.2963rem, 5rem);
}

#breadcrumbs {
	display: flex;
	align-items: center;
	margin: 1rem 0;

	p {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		font-size: clamp(0.609375rem, 0.37vw + 0.5356rem, 0.8125rem);

		@media (min-width: 768px) {
			padding: 0 2rem;
		}
	}

	a {
		display: flex;
		align-items: center;
		padding-inline-end: 1.25rem;
		position: relative;
		text-decoration: underline;
		font-size: clamp(0.609375rem, 0.37vw + 0.5356rem, 0.8125rem);
		color: #000;
		text-decoration-color: #000;
		text-underline-offset: 1px;
		font-weight: normal;

		&:after {
			position: absolute;
			content: "-";
			right: .5rem;
		}
	}
}

[class*="col-"]:has(> .content-wrapper) {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
}

.content-wrapper {
	display: flex;
	align-items: stretch;
	padding: 1rem 0;
	width: 100%;
	@media (min-width: 768px) {
		padding: 1.5rem 2rem;
	}

	&.no-padding-x,
	&:has(.no-padding-x) {
		padding-inline: 0;
	}

	&.no-padding-y,
	&:has(.no-padding-y) {
		padding-block: 0;
	}

	.content {
		width: 100%;
		&:not(:has(ul)) {	
			p, h1, h2, h3, h4, h5, h6 {
				&:not(.accordion-body *) {
					text-align: center;
					@media (min-width: 768px) {
						text-align: start;
					}
				}
			}
		}

		&.no-margin .accordion {
			margin-block-start: 0;
		}
	}

	&.content-wrapper--centered {
		align-items: center;
		.content:not(:has(ul)) {	
			p, h1, h2, h3, h4, h5, h6 {
				text-align: center;
			}

			img {
				margin: .5rem auto;
			}
		}
	}

	&.content-wrapper--vertically-centered {
		align-items: center;
	}
}


@media (min-width: 768px) {
	.container--alternating {
		.row.flex-row-reverse {
			[class*="col-"] {
				&:has(img) {
					padding-inline-end: 0;
					img {
						width: 100%;
					}
				}

				&:not(:has(img)) {
					padding-inline-start: 0;
				}
			}
		}

		.row:not(.flex-row-reverse) {
			[class*="col-"] {
				&:has(img) {
					padding-inline-start: 0;
					img {
						width: 100%;
					}
				}

				&:not(:has(img)) {
					padding-inline-end: 0;	
				}
			}
		}
	}
}

.accent--green { --accent-color: var(--aaa-green); }
.accent--blue { --accent-color: var(--aaa-blue); }
.accent--orange { --accent-color: var(--aaa-orange); }
.accent--light-green { --accent-color: var(--aaa-light-green); }
.accent--yellow { --accent-color: var(--aaa-yellow); }

.banner-main-container {
	max-height: 500px;
	overflow: hidden;
	img {
		width: 100%;
		object-fit: cover;
		object-position: center center;
		max-height: 100%;
	}
}

.section:has(.splide) {
	padding-block: 2rem;
	background-color: var(--aaa-grey);
}
section#testimonial-list {
	background-color: #fff;
}
section#testimonial-list .splide__slide {
	background-color: var(--aaa-cream);
}

p:first-child:last-child {
	margin-block: 0;
}

.accordion {
	margin: 1rem 0;
}

.accordion-button {
	font-weight: 700;
	&:after {
		content: none;
	}

	&:before {
		font-family: "Font Awesome 7 Pro";
		content: var(--fa, "\2b");
		/* content: ""; */
		color: var(--aaa-orange);
		width: 2rem;
		font-weight: bold;
	}

	&:not(.collapsed):before {
		--fa: "\f068";
	}
}

.box--bordered {
	border: 2px solid var(--accent-color, var(--aaa-orange));
	border-radius: 1rem;
}

.alert-box {
	margin-block-start: 2rem;
	.left-col {
		.content-wrapper {
			padding-block-end: 0;
			@media (min-width: 992px) {
				padding-block-end: 2rem;
			}
		}
	}

	.right-col {
		.content-wrapper {
			padding-block-start	: 0;
			@media (min-width: 992px) {
				padding-block-start: 2rem;
			}
		}
	}
}


#eaContainer #posBrowser_ResultsGrid_pageBlockContainer .ListGridContainer {
	.rowContainer {
		width: 100%;
		background-image: none;
		margin-left: 0 !important;
		border: none;
		float: none;
		height: auto;
		margin: 10px;
        border-radius: 6px;
        background: #f1f1f1;
        padding: 20px;
		&:hover {
			border: none;
		}

		.vacancyColumn {
			display: block;
			font-size: var(--h4-size);
			line-height: var(--h4-line-height);
			&:before {
				font-weight: bold;
			}

			&.codelist10value_vacancyColumn:before { content: "Contract type: "; }
			&.city_vacancyColumn:before { content: "Town/city: "; }
			&.codelist5value_vacancyColumn:before { content: "Location: "; }
			&.displaysalarydescription_vacancyColumn:before { content: "Salary: "; }
			&.lastpublisheddate_vacancyColumn:before { content: "Closing date: "; }
		}

		.comma {
			display: none;
		}

		.rowItemsInnerContainer {
			margin: 0;
		}

		.rowLabel a {
			font-size: var(--h3-size);
			line-height: var(--h3-line-height);
		}
	}
}

#eaContainer {
	#Pos_Find_Results_pageView,
	#Pos_Find_Results_Map_pageView {
		.pageViewMain {
			display: grid;
			grid-template-columns: 100%;
			gap: 1rem;
			margin-block-start: 2rem;

			@media (min-width: 768px) {
				grid-template-columns: 25% 75%;
			}

			@media (min-width: 992px) {
				grid-template-columns: 33% 67%;
			}

			#posBrowser_Filter_pageBlockContainer {
				/* background-color: var(--aaa-dark-blue); */
				padding: 0;

				.FiltersContainer {
					border: none;
				}

				.FilterRowsContainer {
					display: flex;
					gap: .5rem;
					flex-wrap: wrap;
				}

				.FilterRow {
					width: 100%;
					background-color: var(--aaa-orange);
					border: 2px solid var(--aaa-orange);
					border-radius: .25rem;
					overflow: hidden;

					.HeaderContainer {
						border: none;
						background-color: transparent;

						.HeaderLabel {
							color: #FFF;
							font-size: var(--h3-size);
							line-height: var(--h3-line-height);
							padding: .5rem;
						}
					}

					.ValueList {
						background-color: #FFF;
						overflow: hidden;
						margin: 0;
						padding: .25rem .5rem;

						li {
							width: 100%;
							position: relative;
							margin: 5px;
							background-image: none;
							padding: 0px;
							font-size: var(--h4-size);

							& a {
								color: #000;
								text-decoration: none;
								font-weight: normal;
							}

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

							&.ValueItem_selected {
								--fa: "\f14a";
								--fa-font-weight: 700;

								a {
									color: #000;
								}
							}

							&:before {
								color: var(--aaa-orange);
								font-family: "Font Awesome 7 Pro";
								content: var(--fa, "\f0c8");
								margin-inline-end: .5rem;
								font-weight: var(--fa-font-weight, 400);
							}
						}
					}
				}
			}

			.gridTop {
				border: none;
				border-block-end: 2px solid var(--aaa-orange);
				grid-template-columns: 100%;

				@media (min-width: 768px) {
					grid-template-columns: repeat(auto-fit, calc((100% / 3) - (var(--gap, .5rem) * (2 / 3))));
				}
			}
		}
	}
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
	padding: 1rem;
	background: var(--aaa-dark-blue);
	color: #fff;
	border: 2px solid var(--aaa-dark-blue);
	border-radius: 0;
	margin: 0;
	ul.jobSum {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		gap: .25rem;
		li {
			list-style: none;
			display: flex;
			position: relative;
			margin: 0;
			padding: 0 8px 0 27px;
			border-radius: .25rem;
			font-size: clamp(0.75rem, 0.45vw + 0.66rem, 1rem);
			line-height: 1.6;
			flex-wrap: wrap;
			width: 100%;
		}
	}
}

li.jobSumItem.SumItem_displaysalarydescription:before,
li.jobSumItem.SumItem_codelist10value:before,
li.jobSumItem.SumItem_codelist11value:before,
li.jobSumItem.SumItem_codelist3value:before,
li.jobSumItem.SumItem_codelist4value:before,
li.jobSumItem.SumItem_codelist5value:before,
li.jobSumItem.SumItem_codelist7value:before,
li.jobSumItem.SumItem_pospublishenddate:before {
    content: " ";
    width: 24px;
	height: 24px;
    position: absolute;
    left: 0;
	top: 1px;
    font-family: "Font Awesome 7 Pro";
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px;
}

/*location*/
li.jobSumItem.SumItem_codelist5value:before {
    background-image: url(../images/icons/location20.png);
}
/*department*/
li.jobSumItem.SumItem_codelist7value:before,
li.jobSumItem.SumItem_codelist4value:before {
    background-image: url(../images/icons/department20.png);
}
/*division*/
li.jobSumItem.SumItem_codelist3value:before,
li.jobSumItem.SumItem_pospublishenddate:before {
    background-image: url(../images/icons/division20.png);
}
/*employment*/
li.jobSumItem.SumItem_codelist10value:before,
li.jobSumItem.SumItem_codelist11value:before {
    background-image: url(../images/icons/emp-type20.png);
}
/*salary*/
li.jobSumItem.SumItem_displaysalarydescription:before {
    background-image: url(../images/icons/salary20.png);
}

.recruiterContainer {
    border: 2px solid var(--aaa-dark-blue);
    background: #fff;
    border-radius: 0;
    padding: 1rem;
    text-align: center;
	h2 {
		text-align: center;
		font-weight: bold;
		margin-top: 3px;
		line-height: var(--h3-line-height);
		font-size: var(--h3-size);
		color: var(--aaa-orange);
	}

	p {
		margin-block-end: 0;
		&.recruitername {
			font-size: clamp(0.9375rem, 0.57vw + 0.8238rem, 1.25rem);
			font-weight: bold;
		}
	}
}

#posdesc_pageBlock .posrightbox_header {
	line-height: var(--h3-line-height);
	font-size: var(--h3-size);
	color: var(--aaa-orange);
}

#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    border: 2px solid var(--aaa-dark-blue);
    background: #fff;
    border-radius: 0;
    padding: 1rem;
}
.PosDescSharingItem {
	&:before {
		font-family: var(--fa-pro-brands-family);
		font-size: 2rem;
		font-weight: var(--fa-weight, 300);
		line-height: 1;
		color: inherit;
		display: inline-block;
		content: var(--fa, none);
	}

	&#tiktok_PosDescSharingItem {
		--fa: "\e07b";
	}
}

	.benefitsContainer {
		border: 2px solid var(--aaa-dark-blue);
		background: var(--aaa-dark-blue);
		border-radius: 0;
		padding: 2em;
		display: flex;
		margin: 0;
	}

	h2.benefits-title {
		text-align: center;
		font-weight: bold;
		margin-top: 3px;
		line-height: var(--h3-line-height);
		font-size: var(--h3-size);
		color: #ffffff;
	}

	.benefitBlock {
		width: 50%;
		text-align: center;
		float: left;
		min-height: 140px;
		line-height: normal;
		font-size: 1rem;
		color: white;

		@media (min-width: 768px) {
			width: 100%;
		}

		@media (min-width: 992px) {
			width: 50%;
		}
	}

		.benefitBlock:before {
			content: "";
			width: 70px;
			height: 70px;
			margin: 5px auto 5px;
			display: block;
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			transition: all ease .2s;
		}

		.benefitBlock:hover:before {
			/*filter: grayscale(1);*/
			transform: scale(1.1);
		}

		.benefitBlock.pension:before {
			background: url("../images/icons/pension.png");
			background-size: 100%;
		}

		.benefitBlock.medical:before {
			background: url("../images/icons/medical.png");
			background-size: 100%;
		}

		.benefitBlock.virtualgp:before {
			background: url("../images/icons/gp.png");
			background-size: 100%;
		}

		.benefitBlock.gym:before {
			background: url("../images/icons/gym.png");
			background-size: 100%;
		}

		.benefitBlock.psychologist:before {
			background: url("../images/icons/psychologist.png");
			background-size: 100%;
		}

		.benefitBlock.annualleave:before {
			background: url("../images/icons/annual.png");
			background-size: 100%;
		}

		.benefitBlock.lifeassurance:before {
			background: url("../images/icons/assurance.png");
			background-size: 100%;
		}

		.benefitBlock.criticalillness:before {
			background: url("../images/icons/critical-illness.png");
			background-size: 100%;
		}

		.benefitBlock.bikeloan:before {
			background: url("../images/icons/bike.png");
			background-size: 100%;
		}

		.benefitBlock.travel:before {
			background: url("../images/icons/plane.png");
			background-size: 100%;
		}

		.benefitBlock.cpd:before {
			background: url("../images/icons/cpd.png");
			background-size: 100%;
		}

		.benefitBlock.eyetest:before {
			background: url("../images/icons/eyetest.png");
			background-size: 100%;
		}
		/*no icons for these two*/
		.benefitBlock.flexible:before {
			background: url("../images/icons/flexible.png");
			background-size: 100%;
		}

		.benefitBlock.physiotherapy:before {
			background: url("../images/icons/physiotherapy.png");
			background-size: 100%;
		}

		.benefitBlock.fitness:before {
			background: url("../images/icons/fitness.png");
			background-size: 100%;
		}

	.recruiterContainer {
		border: 2px solid var(--aaa-dark-blue);
		background: #fff;
		border-radius: 0;
		padding: 1rem;
		text-align: center;
	}

	.rec-img img {
		border-radius: 200px;
		max-width: 120px;
		margin: 0 auto 1rem;
	}

	.VacancyMap {
		border: 2px solid var(--aaa-dark-blue);
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}


	div.posDescriptionContainer317 .BigVacancyMap {
		width: auto;
		display: none;
	}

	div.posDescriptionContainer317 .BigVacancyMap {
		width: auto;
	}

	.Pos_Description #eaContainer a.googleMapsButton {
		color: white;
		text-decoration: none;
		font-weight: 400;
	}

	#posdesc_pageBlock .posDescriptionContainer {
		overflow: hidden;
	}

	.mapContainer .ButtonHolder span:hover {
		color: #242B39;
	}

	.eArcuInfoHeader,
	.pageBlockTitle,
	#EarcuHeadingTextBlockTitle {
		text-align: center;
	}
	/*.eArcuInfoHeader,
.pageBlockTitle {
	display: none;
}*/

	.tooltip2_Surround_FormToolTip {
		display: none !important;
	}

	#posdesc_pageBlock .posDescriptionContainer {
		display: grid;
		grid-template-columns: 2fr 1fr; /* Defines 67% and 33% ratio */
		gap: 1rem;
		/*.jobValues,*/
		.LeftJobBox,
		.RightJobBox {
			grid-column: 1 / -1;
			width: 100%;
		}

		@media (min-width: 768px) {
			.LeftJobBox {
				grid-column: 1;
				grid-row: 1;
			}

			.RightJobBox {
				grid-column: 2;
				grid-row: 1;
			}
		}
	}

	#eaContainer .posDescriptionContainer317 .RightJobBox {
		.buttonsLeft,
		.buttonsRight {
			ul {
				justify-content: start;

				li {
					width: 100%;
				}
			}
		}
	}

	.LeftJobBox .ApplyNowContainer {
		display: none;

		@media (min-width: 768px) {
			display: block;
		}
	}

	[class*="Pos_Description"] {
		.section {
			padding-block-start: 0;
		}
	}

	.textpage_role_details #content-main a {
		text-decoration: none;
		font-weight: bold;

		&:hover {
			text-decoration: 2px solid underline;
		}
	}

	p.subheading {
		font-family: "Lexend Deca", Helvetica, sans-serif;
		font-size: clamp(0.9375rem, 0.57vw + 0.8238rem, 1.25rem);
		font-weight: bold;
		color: var(--aaa-dark-blue);
		margin-block-start: .5rem;
	}