﻿/*
	Jump to:
	Fonts
	Misc Styling
	Home Page Styling
	TextPage atrnd General Styling
	Application Review Styling
	Campaign Detail Page Styling
	Results Page Styling
	Job Description Styling
	Login/Register Styling
	Application Sections Styling
	Profile Styling
	Application/Onboarding Styling
	Job Alerts
	Responsive Styling
	Talent Pools Events
*/
/* #region Font faces */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
	font-family: "FirstMove";
	src: url("../fonts/FirstMove/FirstMove-Medium.otf") format("opentype"), url("../fonts/FirstMove/FirstMove-Medium.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "FirstMove";
	src: url("../fonts/FirstMove/FirstMove-Light.otf") format("opentype"), url("../fonts/FirstMove/FirstMove-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* #endregion */

:root {
	--primaryblue: #0c376e;
	--hoverblue: #0a2c5a;
	--primarypink: #d5045f;
	--hoverpink: #b70552;
	--darkgrey: #000000;
	/*mostly for text*/
	--lightgrey: #f6f6f6;
	--bs-body-line-height: 1.5;
	/* Paragraphs */
	--paragraph-margin: 1rem 0;
	/* Buttons */
	--bs-btn-font-family: "FirstMove", "Poppins", "Arial Black", sans-serif;
	/* Headings */
	--heading-color: #003664;
	--heading-h1-weight: 600;
	--heading-h1-font-size: 2.5rem;
	--heading-h2-font-size: 2rem;
	--heading-h4-weight: 800;
	--heading-h4-font-size: 1.5rem;
	--primary-color: #280071;
	--secondary-color: #E50071;
	--heading-font-family: "FirstMove", "Poppins", "Arial Black", sans-serif
}

body {
	font-family: "Poppins", "Arial", sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font-family);
	color: #280071;
}

@media (min-width: 992px) {
	:root {
		--heading-h1-font-size: 3.625rem;
	}
}

div.pageBlockTitle {
	font-family: var(--heading-font-family);
	color: #280071;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	width: 100%;
}

#pageContent h1 {
	display: none;
}

div.pageBlockContent {
	padding: 0;
}

body[class*="Application_Section_"] div.pageBlockTitle,
body[class*="Login"] div.pageBlockTitle {
	text-align: center;
}

#questions_pageBlockContainer .blockSummaryText {
	text-align: center;
}

p {
	margin-bottom: 1rem;
	line-height: 1.5;
	font-size: 1rem;
}

a {
	color: var(--primary-color);
}

a:hover {
	color: var(--secondary-color);
}

/*theme utility*/
.add-blue {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.add-blue:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.add-pink {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.add-pink:hover {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.liftbtn {
	position: relative;
	z-index: 2;
	width: 50%;
}

a.txt-pink {
	color: var(--secondary-color) !important;
}

a.txt-pink:hover {
	color: var(--secondary-color);
}

.loc-no-border-left {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

.homeicon {
	max-width: 74px;
}

@media screen and (max-width:768px) {
	.loc-no-border-left {
		border-bottom-left-radius: 8px !important;
		border-top-left-radius: 8px !important;
	}
}

/*end*/

div.pageBlockHeader {
	overflow: hidden;
}


/*debug*/
/** {
	outline: 1px solid red;
}*/
/*end*/
html body {
	font-family: "Poppins", "Arial", sans-serif;
	font-size: 1rem;
	/*line-height: 1.3rem;*/
}

/* Misc Styling */

img {
	max-width: 100%;
}

.PosDescriptionText ul,
.PosDescriptionText ol {
	padding-left: 15px;
	list-style: circle;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

h1,
h2,
h3,
h4 {
	color: var(--darkgrey);
	font-weight: 300;
}

h1 {
	margin-bottom: 1rem;
	line-height: 1.2;
	letter-spacing: 0;
	font-weight: normal;
	font-size: 2.5rem;
}

@media (min-width: 768px) {
	h1 {
		font-size: 3.5rem;
	}
}

.alternateViews a,
.FiltersContainer .ButtonsContainer a.AddLink,
.FilterContainer .ButtonsContainer a.BackLink,
.FilterContainer .ButtonsContainer a.RemoveLink,
.Pos_Description #eaContainer a,
a[class*="link_username_"],
a.emailTypeAnchor {
	color: var(--primary-color);
	text-decoration: none;
}


.alternateViews a:hover,
.FiltersContainer .ButtonsContainer a.AddLink:hover,
.FilterContainer .ButtonsContainer a.BackLink:hover,
.FilterContainer .ButtonsContainer a.RemoveLink:hover,
.Pos_Description #eaContainer a,
a[class*="link_username_"]:hover,
#eaContainer a:hover {
	text-decoration: none;
}


.alternateViews a {
	padding-right: 10px;
}

/*.talentPoolDisplayName h1,
h1.searchresults,
h1.landingpage,
.ProfileRegisterWithAlerts .pageBlockTitle,
.ProfileRegister .pageBlockTitle,
.Login .pageBlockTitle,
.Application_Login .pageBlockTitle,
.MyJobFeed .pageBlockTitle,
.section-left h1,
h1#EarcuHeadingTextBlockTitle,
h1#EarcuIntroTextBlockTitle,
h1.eArcuInfoHeader {
	font-size: 3rem;
	line-height: 2rem;
	padding-top: 20px;
	padding-bottom: 20px;
	color: var(--darkgrey);
	font-weight: 500;
	text-transform: uppercase;
}*/


h2.search {
	font-size: 1.8rem;
	padding-left: 17px;
	font-weight: 500;
}

.buttonsLeft ul,
.buttonsRight ul {
	list-style-type: none;
	padding-left: 0;
}

/*fix datepickers*/
select {
	background-color: white;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 100%;
}

.radioOptionLabel {
	font-weight: 400;
}

.c-triangle {
	display: inline-block;
}

/*section#breadcrumb {
	padding-top: 14px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
	color: var(--darkgrey);
	font-family: 'RubikLight', sans-serif;
}

	section#breadcrumb a {
		font-size: 16px;
		line-height: 1.5;
		color: var(--darkgrey);
		font-family: 'RubikLight', sans-serif;
		text-decoration: none;
		background-size: 0 !important;
	}

		section#breadcrumb a:hover {
			text-decoration: underline
		}*/


.jobValues.jvtm {
	/*KMA check if needed*/
	display: none;
}

/*footerlinks*/
.fl-right {
	justify-content: flex-end;
	padding-top: 118px;
}

@media screen and (max-width:1024px) {
	.fl-right {
		padding-top: 146px;
	}
}

@media screen and (max-width:767px) {
	.fl-right {
		justify-content: flex-start;
		padding-top: 20px;
	}
}

/**/
/*is this required*/
.sitecontainer {
	max-width: 1280px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	min-height: 600px;
	margin-bottom: 60px;
}

.site-columns {
	display: grid;
	grid-template-columns: 1fr minmax(275px, 25%);
	grid-gap: 40px;
}

/*end is this?*/

a.img {
	text-decoration: none !important;
}

.pageBlockInner_GridBlock div.gridContent {
	padding-top: 5px;
}

.checkboxContainer .fakecheckbox {
	display: none;
}

.pageBlockInner_FormBlock div.formRow.formRowButtonRow {
	padding-top: 40px;
}

.pageBlockInner_FormBlock div#quicksearch_SaveButtonRow_formRow {
	padding-top: 10px;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
	border: none;
	height: 200px;
	margin: 4px 12px 30px 12px;
	width: calc(50% - 24px);
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Value1 {
	background: red;
}

#DetailsForm_fileupload_formRow .labelContainer,
#DetailsForm_fileupload_formRow .controlContainer,
.pageBlockInner_FormBlock label.formLabel,
div.pageBlockInner_FormBlock div.formRow .controlError,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowStarRatingRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowStarRatingRow .controlContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMonthYearRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMonthYearRow .labelContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowYesNoSelectRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer {
	max-width: 500px;
	margin: 0 auto;
	display: block;
	float: none;
	text-align: left;
	width: 100%;
	color: var(--darkgrey);
	height: auto;
	font-weight: 500;
}

	#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowYesNoSelectRow .labelContainer label,
	#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer label{
		justify-content:flex-start !important
	}

	#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer,
	#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer,
	#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
	#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
	#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer label,
	#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer label {
		max-width: 100% !important;
		/*override some above*/
	}

div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input {
	margin-top: 4px;
}

/*div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer p,
	.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
	.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
	.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer p,
	#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
	.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer p,
	div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer p,
	#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer p,
	#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer p,
	#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p,
	#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p {
		float: left;
	}*/

div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer {
	overflow: visible;
}

div.pageBlockInner_FormBlock div.formRow .controlError {
	color: red;
	padding-left: 0;
}


input.freesearch,
.pageBlockInner_FormBlock div.inputContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock div.inputContainer input.inputText,
.pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select,
.pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input.inputText,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
	border: 1px solid #e2e5e8;
	color: #495057;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;
	min-width: 1px;
	font-weight: 400;
	border-radius: 0.25rem;
}

input.freesearch:focus,
.pageBlockInner_FormBlock div.inputContainer input.inputText:focus,
.pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus,
.pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus,
.pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus,
.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus,
.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus,
.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
.pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect,
.pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea {
	/*box-shadow: none;
		border: 1px solid var(--primary-color);*/
	border-color: #80bdff;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

input.freesearch:focus-within {
	outline: none;
}

.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea {
	min-height: 100px
}

.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select {
	padding: 12px 10px 12px 10px;
}

.pageBlockInner_FormBlock div.divajaxcontainter {
	border: 1px solid #e2e5e8;
	width: 100%;
	min-height: 20px;
	float: left;
	background-color: #ffffff;
	padding: 7px 5px 6px 5px;
	border-radius: 0.25rem;
	color: #495057;
	font-size: 0.85rem;
}

.Application_Section_EqualOps div.ui-dialog {
	top: 100px !important;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
	height: 24px;
}

.pageBlockInner_FormBlock div.curFocus label.formLabel {
	color: var(--darkgrey);
	/**KMA move font weight rule from 2138**/
}

.intl-tel-input {
	width: 100%;
}

.passwordStrength {
	width: 100%;
}

.Application_Section_Questions3 .labelContainer ul {
	list-style-type: square;
	padding-left: 30px;
}

.Pos_Find_Results_Map .alternateViewsCurrent a,
.Pos_Find_Results .alternateViewsCurrent a,
a.slider-button,
span.envision-button,
input.freesearchbtn,
a.searchjobstextbtn,
a.diversitybtn,
a.buttonAnchorJobAlert,
.Pos_Description #eaContainer a.buttonAnchorApply,
a.landinglinkbtn,
.textpage_role_details a.nojobs_anchor,
.mapContainer .ButtonHolder .bigMapButton,
.buttonsLeft button.buttonAnchor,
.buttonsRight button.buttonAnchor,
.buttonsLeft a.buttonAnchor,
.buttonsRight a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlock a.right,
button.buttonAnchor,
input.buttonSubmit,
a.buttonAnchor,
div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
.linkContainer a {
	--btn-primary-color: var(--primary-color);
	--btn-secondary-color: #FFF;
	--btn-border-color: var(--primary-color);
	background-image: none;
	background-color: var(--btn-primary-color);
	color: var(--btn-secondary-color);
	border: var(--btn-border-width, 2px) solid var(--btn-border-color);
	min-height: 48px;
	padding: 1rem 2rem;
	text-align: center;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	text-transform: none;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1rem;
	border-radius: 500px;
	display: inline-block;
}

.Pos_Find_Results_Map .alternateViewsCurrent a:hover,
.Pos_Find_Results .alternateViewsCurrent a:hover,
a.slider-button:hover,
input.freesearchbtn:hover,
a.searchjobstextbtn:hover,
a.diversitybtn:hover,
a.buttonAnchorJobAlert:hover,
.Pos_Description #eaContainer a.buttonAnchorApply:hover,
input.buttonActionId_change.hover,
a.landinglinkbtn:hover,
.textpage_role_details a.nojobs_anchor:hover,
.buttonsLeft button.buttonAnchor:hover,
.buttonsRight button.buttonAnchor:hover,
.buttonsLeft input.buttonSubmit:hover,
.buttonsRight input.buttonSubmit:hover,
.buttonsLeft a.buttonAnchor:hover,
.buttonsRight a.buttonAnchor:hover,
#Pos_Description_pageView #posdesc_pageBlock a.right:hover,
button.buttonAnchor:hover,
input.buttonSubmit:hover,
a.buttonAnchor:hover,
.linkContainer a:hover {
	background-color: var(--btn-secondary-color);
	color: var(--btn-primary-color);
	border: var(--btn-border-width, 2px) solid var(--btn-border-color);
}

.Pos_Find_Results_Map .alternateViewsCurrent a:focus:not(:disabled),
.Pos_Find_Results .alternateViewsCurrent a:focus:not(:disabled),
a.slider-button:focus:not(:disabled),
input.freesearchbtn:focus:not(:disabled),
a.searchjobstextbtn:focus:not(:disabled),
a.diversitybtn:focus:not(:disabled),
a.buttonAnchorJobAlert:focus:not(:disabled),
.Pos_Description #eaContainer a.buttonAnchorApply:focus:not(:disabled),
input.buttonActionId_change:focus:not(:disabled),
a.landinglinkbtn:focus:not(:disabled),
.textpage_role_details a.nojobs_anchor:focus:not(:disabled),
.buttonsLeft button.buttonAnchor:focus:not(:disabled),
.buttonsRight button.buttonAnchor:focus:not(:disabled),
.buttonsLeft input.buttonSubmit:focus:not(:disabled),
.buttonsRight input.buttonSubmit:focus:not(:disabled),
.buttonsLeft a.buttonAnchor:focus:not(:disabled),
.buttonsRight a.buttonAnchor:focus:not(:disabled),
#Pos_Description_pageView #posdesc_pageBlock a.right:focus:not(:disabled),
button.buttonAnchor:focus:not(:disabled),
input.buttonSubmit:focus:not(:disabled),
a.buttonAnchor:focus:not(:disabled),
.linkContainer a:focus:not(:disabled) {
	background-color: var(--btn-primary-color);
	color: var(--btn-secondary-color);
	border: var(--btn-focus-border-width, 2px) solid var(--btn-border-color);
	outline: var(--btn-focus-outline);
}

input.freesearchbtn {
	/*padding: 13px 10px;*/
}


#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a.buttonAnchorApply {
	margin-top: 4px;
	float: none;
	width: auto;
	margin-bottom: 3px;
}

a.searchjobstextbtn {
	max-width: 200px;
}

a.buttonAnchorJobAlert {
	width: auto;
}

.verifContainer .buttonsLeft a {
	margin-top: 4px;
}

input.buttonActionId_change {
	margin-left: 10px !important;
}

a.landinglinkbtn {
	margin-top: 20px;
	width: auto;
}

.buttonsRight li a.buttonAnchor,
.buttonsRight li input,
.buttonsRight li input.buttonSubmit {
	margin: 0 !important;
}

li a.buttonAnchor.buttonActionId_saveSkill {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 4px !important;
	/*override above*/
}

#Pos_Description_pageView #posdesc_pageBlock a.right {
	margin-right: 0;
}

.textpage_role_details a.nojobs_anchor {
	max-width: 262px;
}

.buttonsRight li:nth-child(n+2) {
	margin-left: 5px !important;
}


.tooltip2_Surround,
.tooltip2_SurroundClosing {
	display: none !important;
}

.pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer {
	background: #fff;
}


.pageBlockInner_FormBlock hr {
	padding-top: 0;
	margin: 15px 0 10px;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer {
	max-width: 500px;
	margin: 0 auto;
	display: block;
	float: none;
	text-align: center;
	width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer {
	margin-bottom: 10px;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li {
	width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton {
	margin: 0 auto 10px;
	display: block;
	float: none;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
	margin: 0;
	border: none;
	background-color: white;
}

div#confirmdialogDialogContainer {
	z-index: 501 !important;
	/*override inline*/
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile {
	position: relative;
	z-index: 500;
}

.charCounterValue {
	float: left;
}

#pageMessages {
	margin: 0;
}

#pageMessages .actionMessageContainer {
	padding: 0;
	color: #fff;
}

#pageMessages .actionMessageContainer .actionMessage {
	padding-left: 25px;
}

/*            #pageMessages .actionMessageContainer .actionMessage:before {
				content: "\f00d";
				font-family: "Font Awesome 5";
				padding-right: 10px;
			}

			#pageMessages .actionMessageContainer .actionMessage.actionMessageOk:before {
				content: '\f00c';
			}*/

.linkContainer a {
	max-width: 12em;
	margin-top: 30px;
}

/*nojobs*/
div#noPositions_pageBlock {
	color: var(--darkgrey);
}

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer {
	overflow: auto;
	margin: 10px 4px 10px 4px;
}

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
	max-width: 90%;
}

/**roles*/

.slides li span a h3 {
	text-decoration: underline;
	color: #971B2F;
	font-size: 1.3rem;
	text-decoration: none;
	background-image: linear-gradient(#971B2F, #971B2F);
	background-size: 0% 0.1em;
	background-position-y: 100%;
	background-position-x: 0%;
	background-repeat: no-repeat;
	transition: background-size 0.25s ease-out;
	max-width: fit-content;
}

.slides li span a h3:hover {
	color: #971B2F;
	background-size: 100% 0.1em;
	text-decoration: none;
}

.slides li span p {
	margin-bottom: 10px;
}

.section-left div#latest-jobs .resultsBlock,
.section-left .category-description-text {
	padding-bottom: 40px;
}

/*#endregion */


/*#region Home Page Styling*/
.search-hero,
/*move this*/
.templatemain-hero,
/*move this*/
.roles-hero,
/*move this*/
.homehero {
	background-image: url(../images/custom/envision-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	min-height: 420px;
}


.roles-hero .row,
/*move this*/
.search-hero .row,
/*move this*/
.templatemain-hero .row,
/*move this*/
.homehero .row {
	min-height: 420px;
}

.roles-hero h1,
/*move this*/
.search-hero h1,
/*move this*/
.templatemain-hero h1,
/*move this*/
.homehero h1 {
	color: white;
}

.homehero p {
	color: white;
}


/*who we are CHANGES - move this*/
.brand-cards {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.brand-card {
	flex: 0 0 270px;
}

.bc-top {
	min-height: 115px;
	display: grid;
	place-items: center;
	padding: 10px;
}

.bc-bottom {
	min-height: 250px;
	padding: 10px;
	background-color: white;
}

.bc-link {
	min-height: 30px;
	padding: 10px;
	background-color: white;
}


.il00 {
	background-color: var(--othergrey);
}

.il01 {
	background-color: var(--dodoc);
}

.il02 {
	background-color: var(--ninetyten);
}

.il03 {
	background-color: var(--twolabs);
}

.il04 {
	background-color: var(--riparian);
}

.il04 img {
	max-width: 258px;
}


/*end*/
.imgresp {
	width: 100%;
	height: auto;
}

.Home .section {
	border-bottom: 1px solid #d9d9d6;
	padding-bottom: 23px;
}

.mt10 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.Home #intro_content_formRow {
	padding-bottom: 40px;
}


.Home .CodeListCountsSummary.pageBlockContainer {
	padding: 0;
	background: none;
}

.Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent {
	padding: 0;
}

.Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 {
	margin-left: 0;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
	border: none;
	height: 239px;
	margin: 4px 12px 30px 12px;
	width: calc(33% - 22px);
	transition: all 0.25s ease-out;
	border-radius: 11px;
	box-shadow: 1px 8px 10px 0 hsl(0deg 0% 41% / 18%), 1px -4px 10px -3px hsl(0deg 0% 41% / 18%);
}


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover {
	/*home box hover*/
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value1,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value2,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value3,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value4,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value5,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value6,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value7,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value8,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value9,
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
	/*background: url(../images/custom/catimage.jpg) no-repeat;*/
}


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
	height: 159px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top -10px center;
}


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
	height: 101px;
	background-color: var(--lightgrey);
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemTitle a {
	color: #303030;
	font-size: 1.6rem;
	font-weight: 500;
	text-decoration: none;
}


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemCountContainer {
	font-size: 16px;
	color: var(--darkgrey);
	line-height: 22px;
	text-align: left;
	margin-left: 5px;
}


/***home - latest jobs panel***/
.grid-item {
	margin-bottom: 30px;
}

/*#endregion */

/*#region TextPage and General styling */
/*generic page content*/


/**end**/

/*#endregion */

/*#region Application Review Styling */
.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
	overflow: hidden;
}

.questionsAnswerBlock div.appSummaryGridColumn {
	padding-bottom: 10px;
}

div#SubmitForm_checkboxlegal_formRow {
	padding-top: 20px;
}

div#SubmitForm_contactconsent_formRow .labelContainer label,
div#SubmitForm_checkboxlegal_formRow .labelContainer label {
	font-weight: 700;
}

/*#endregion */

/* Campaign Detail Page Styling */
.Campaign_Detail:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all .2s ease;
}

.Campaign_Detail.quoteActive {
	overflow: hidden !important;
}

.Campaign_Detail.quoteActive:before {
	opacity: 1;
	z-index: 1042;
}

.Campaign_Detail .bannerContainer {
	width: 100%;
	margin-bottom: 20px;
}

.Campaign_Detail .bannerContainer img,
.Campaign_Detail .videoContainer video {
	max-width: 100%;
}

.Campaign_Detail .videoContainer {
	margin-bottom: 30px;
	width: 100%;
}

.Campaign_Detail .storiesContainer {
	margin-top: 30px;
}

.Campaign_Detail .storiesContainer .flexslider {
	border: none;
	border-radius: 0;
	background: none;
}

.Campaign_Detail .storiesContainer .flexslider .storyBlock {
	position: relative;
	cursor: pointer;
}

.Campaign_Detail .storiesContainer .flexslider .storyBlock .blockText {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(213, 4, 95, 0.7);
	opacity: 0;
	transition: all .2s ease;
}

.Campaign_Detail .storiesContainer .flexslider .storyBlock .blockText h3 {
	color: inherit;
	margin: 0;
}

.Campaign_Detail .storiesContainer .flexslider .storyBlock:hover .blockText {
	opacity: 1;
}

.Campaign_Detail .storiesContainer .quotesContainer .quoteBlock {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1042;
	max-width: 75%;
	width: 100%;
	background: #fff;
	padding: 40px 20px 20px;
	border-radius: 10px;
	display: none;
}

.Campaign_Detail .storiesContainer .quotesContainer .quoteBlock .close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.Campaign_Detail .storiesContainer .quotesContainer .quoteBlock .quoteText .desc {
	max-height: 400px;
	overflow: auto;
}

.Campaign_Detail .storiesContainer .quotesContainer .quoteBlock .quoteText .desc p:last-child {
	margin-bottom: 0;
}

.Campaign_Detail .eArcuInfoHeader {
	display: none;
}

.Campaign_Detail .ui-accordion .ui-accordion-header.ui-state-active {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.Campaign_Detail .ui-accordion .accordionText p:last-child {
	margin-bottom: 0;
}

.Campaign_Detail .infoContainer .imageContainer {
	display: none;
}

.Campaign_Detail .campaignImage {
	max-width: 900px;
	width: 100%;
}

#Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer,
#Campaign_Detail_pageView #campaign_pageBlock .descContainer {
	text-align: left;
}

/* Campaign Detail Page Styling Ends */
/*#region Results Page Styling */
.show {
	display: block !important;
}

.FilterContainer .ValueContainer,
.FilterContainer.show .ValueContainer {
	display: block;
	transition: all 0.25s ease-out;
}

/* {
	display: none;
	transition: all 0.25s ease-out;
}*/

/*.FilterContainer .HeaderLabel.active:after {*/
/*font-family: 'Font Awesome\ 5 Pro';*/
/*content: url(../images/sprites/arrow-up-white.png);*/
/* content: "\2796"; */
/*color: #fff;
}

.FilterContainer .HeaderLabel:after {
	content: url(../images/sprites/arrow-down-white.png);
	font-size: 16px;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	color: #fff;
	font-weight: lighter;
}*/

/*smaller button*/
/*.buttonsRight a.buttonAnchor, #Pos_Description_pageView #posdesc_pageBlock a.right,
#Buttons_pageBlock .pageBlockInner .buttonHolder ul li a,
.Home .buttonsLeft a.buttonAnchor {
	padding: 10px 21px 8px 21px;
	display: block;
	text-align: center;
}*/

.Home #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
	width: 98%;
	margin-left: 0;
	margin-top: 5px;
	display: block;
	float: left;
}

.textpage_role_details .pageBlockInner_FormBlock div.formRow.formRowButtonRow,
.Home .pageBlockInner_FormBlock div.formRow.formRowButtonRow {
	padding-top: 8px;
}

.Pos_Find_Results_Map_pageView,
.Pos_Find_Results_pageView {
	padding-top: 20px;
}

div#posBrowser_Filter_pageBlockContainer {
	float: none;
	width: 100%;
	margin: -10px 10px 0 0;
	height: auto;
	overflow: hidden;
}

.Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
	margin: -10px 0 18px 0;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
	padding: 0 2.5%;
	overflow: hidden;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
	height: auto;
	width: 100%;
}

.Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
	padding: 0 2px;
	overflow: hidden;
}

.Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock,
.Pos_Find_Results_Map #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
	padding-bottom: 30px;
}

#posBrowser_Filter_pageBlock .FilterContainer_Text .ValueText {
	font-size: 16px;
	color: white;
}

#posBrowser_Filter_pageBlock .FilterContainer_Text .ClearText a {
	text-decoration: none;
	font-size: 14px;
	color: white;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer {
	border: none;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow {
	width: 100%;
	border-bottom: none;
	font-size: 1.15rem;
	padding: 5px 0 5px;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer {
	background-color: var(--primary-color);
	border-bottom: 1px solid white;
	border-top: none;
	border-radius: 0.25rem;
}


#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel {
	color: white;
	padding: 7px 6px 7px 6px;
	font-weight: 400;
	font-size: 1rem;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList {
	padding: 0;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li {
	padding: 0 0 0 21px;
	background: url(../images/sprites/search-unticked.png) no-repeat;
	background-position: top 9px left;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
	background: url(../images/sprites/search-ticked.png) no-repeat;
	background-position: top 9px left;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a {
	display: inline-block;
	color: black;
	padding: 4px 0 0 0px;
	text-decoration: none;
	transition: all 0.25s ease-out;
	background-size: 0 !important;
	font-size: 1rem;
	font-weight: 400;
}


#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a:hover {
	text-decoration: none;
}


#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
	float: none;
	cursor: pointer
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li,
#posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: none;
	display: inline-block;
}


.Home #intro_content_formRow {
	display: none;
}

.FilterContainer .ValueContainer,
.FilterContainer.show .ValueContainer {
	display: block;
	/*block  -- to show filters always*/
}

.Pos_Find_Results_Map .alternateViewsText,
.Pos_Find_Results .alternateViewsText {
	display: none;
}

.Pos_Find_Results .sortingText {
	display: none;
	/*font-size: 1rem;
	color: white;
	line-height: 17px;
	font-weight: 400;
	margin-top: 5px;*/
}

.filtersSummaryTextContainer {
	padding-bottom: 10px;
}

.Pos_Find_Results_Map .filtersExpander a,
.Pos_Find_Results .filtersExpander a

/*.Pos_Find_Results .alternateViewsCurrent a,
.Pos_Find_Results_Map .alternateViewsCurrent a*/
	{
	padding: 1px 4px 14px 4px;
	margin-left: 5px;
	color: var(--darkgrey);
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 0;
	text-decoration: none;
	background-size: 0 !important;
}

.Pos_Find_Results .filtersExpander a.filtersExpanderButton_Expanded,
.Pos_Find_Results .filtersExpander a:hover,
.Pos_Find_Results_Map .filtersExpander a.filtersExpanderButton_Expanded,
.Pos_Find_Results_Map .filtersExpander a:hover

/*,
	.Pos_Find_Results .alternateViewsCurrent a:hover,
	.Pos_Find_Results_Map .alternateViewsCurrent a:hover*/
	{
	background-color: white;
	color: var(--darkgrey);
	text-decoration: none !important;
}

.Pos_Find_Results_Map .noResults .noRecordsContainer,
.Pos_Find_Results .noResults .noRecordsContainer {
	background-color: var(--primary-color);
	padding: 10px;
	color: white;
	margin-top: 20px;
	font-weight: 400;
	border-radius: 0.25rem;
}

.pageBlockInner_GridBlock .pagingControls_Tiles .pagingText {
	float: left;
	margin-right: 10px;
	padding-top: 4px;
	font-weight: 400;
	color: black;
}

/*end*/


/**fix sorting button**/
div.sortingCurrent a.normalanchor {
	background-image: url(../images/sprites/arrow-down.png);
	background-position: top 13px right 1px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	margin-left: 5px;
	text-decoration: none;
	border: 1px solid #e2e5e8;
	color: #495057;
	padding: 13px 18px 10px 10px;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;
	min-width: 1px;
	font-weight: 400;
	border-radius: 0.25rem;
}

div.sortingCurrent a.normalanchor:hover {
	/*background-image: url(../images/sprites/arrow-down.png);
		background-color: white;
		color: var(--darkgrey);*/
	text-decoration: none !important;
}

.pageBlockInner_GridBlock .TilesGridSortingPopup ul {
	/*    margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
*/
	position: relative;
	z-index: 2;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 0.45rem;
}

.pageBlockInner_GridBlock .TilesGridSortingPopup {
	border: none;
}

li.sorter a {
	text-decoration: none;
	color: #333333
}

li.sorter:hover {
	background-color: var(--primary-color)
}


li.sorter:hover a,
li.sorter a:hover {
	text-decoration: none;
	color: white;
}

#posBrowser_ResultsGrid_pageBlockContainer {
	margin: 0;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle {}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock {
	padding: 0;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock {
	overflow: hidden;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
	border: none;
	padding: 0;
	margin-bottom: 10px;
	overflow: hidden;
	min-height: 50px;
	border-radius: 0.25rem;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer {
	margin: 0;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer {
	padding: 0;
	margin: 0;
}

.pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
	float: left;
	clear: both;
	margin: 13px 0 0 1px;
	padding: 0px 10px 0px 15px;
}


#posBrowser_ResultsGrid_pageBlock .gridContent {
	margin-left: 0;
	margin-right: 0;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
	background-image: url(../images/sprites/arrow-left.png);
}

.pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
	background-image: url(../images/sprites/arrow-right.png);
}

.pageBlockInner_GridBlock .pagingControls_Tiles a>img {
	display: none;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a {
	margin: 6px 5px 1px 1px;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
	margin: 6px 5px 1px 1px;
	background-color: white;
	border: none;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer {
	padding: 0;
}

.Pos_Find_Results .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
	overflow: auto;
	padding: 2px 14px 2px 14px;
}

/*#posdesc_pageBlock .posDescriptionContainer,*/
#posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
	overflow: hidden;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .iconContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 105px;
	background: var(--primary-color);
	color: #fff;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .iconContainer {
	background-image: url(../images/search/196.png);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 35px;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist2id_6 .iconContainer:before {
	/*content: "\F00E7";*/
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
	width: 100%;
	border-radius: 0;
	display: block;
	background-color: var(--lightgrey);
	color: var(--darkgrey);
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
	position: relative;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
	width: calc(100% - 1px);
	border: none;
	margin: 0 0 0 1px !important;
	height: 144px;
	background: none;
	padding: 0;
	transition: all 0.25s ease-out;
	float: none;
	padding: 2px 10px 2px 125px;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContainer {
	color: white;
	background-color: var(--primary-color);
	border-radius: 4px;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
	text-decoration: none !important;
	color: var(--darkgrey);
	transition: all 0.25s ease-out;
	font-size: 30px;
	line-height: 1.375;
	font-weight: 300;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a:hover {
	color: white;
	transition: all 0.25s ease-out;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer,
#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer {
	padding: 4px;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
	line-height: 1.2rem;
	font-size: 0.9rem;
}

/*COMMA*/
#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma {
	/*display: none;*/
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer2_desc {
	font-size: 16px;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowHeader .rowLabel a {
	color: white;
}

.pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
	overflow: hidden;
	min-height: 30px;
	font-weight: 700;
}

.pageBlockInner_GridBlock .ListGridContainer .rowItemValue {
	font-weight: 400;
}

span.name_vacancyColumn.vacancyColumn {
	margin-left: 5px;
}

/*#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer::after {
	width: 160px;
	height: 47px;
	content: 'Find out more';
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	border-radius: 24px;
	text-align: center;
	color: var(--primary-color);
	background-color: white;
	font-weight: 700;
	font-size: 16px;
	line-height: 47px;

}*/

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContainer .rowContentContainer::after {
	background-color: var(--primary-color);
	color: white;
}


#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:last-child:after {
	display: none;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover:before {
	height: 100%;
}


/*#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter {
	height: 150px;
	padding: 0 18%;
}*/

.posListHover {
	display: none !important;
}

.posBrowserMapBlock .addressContainer .addressLabel {
	font-size: 0.95rem;
	width: 97px;
	padding-top: 3px;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton {
	float: right;
	padding: 5px 2px 5px 2px;
	background-color: var(--primary-color);
	border: none;
	transition: all 0.25s ease-out;
	text-align: center;
	color: white;
	border-radius: 0.25rem;
	width: 48px;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover {
	background-color: var(--primary-color);
}

.posBrowserMapBlock .addressContainer .addressInput {
	float: left;
	width: 125px;
	margin-right: 10px;
	border-radius: 0;
	border: 1px solid #444e55;
	height: 31px;
}

.posBrowserMapBlock .addressContainer {
	z-index: 88;
}

.posBrowserMapBlock .addressContainer {
	margin-top: 9px;
}

/*#endregion */

/*#region Job Description Styling */

/**NEW**/
.posdesc-hero {
	background-image: url(../images/custom/envision-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: grey;
	min-height: 420px;
	width: 100%;
	background-attachment: fixed;
}

.posdesc-hero .row {
	min-height: 420px;
}

.posdesc-hero .row img {
	max-height: 128px;
	height: 100%;
	object-fit: contain;
	object-position: left center;
}

.detailcol {
	background-color: rgba(34, 34, 34, 0.65);
	padding: 20px;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h1 {
	color: white;
	font-size: 2.6rem;
	margin-top: 0;
	margin-bottom: 14px;
	line-height: 4rem;
}


#posdesc_pageBlock ul.jobSum {}


#posdesc_pageBlock ul.jobSum li .jobSumValue {
	display: block;
}

#posdesc_pageBlock ul.jobSum li .jobSumLabel {}

#posdesc_pageBlock ul.jobSum li .jobSumValue a {
	text-decoration: none;
	color: inherit;
}

#posdesc_pageBlock ul.jobSum li {
	padding-bottom: 16px;
	background-image: url(../images/custom/jv02.png);
	background-position: left top;
	background-size: 46px 46px;
	background-repeat: no-repeat;
	padding-left: 61px;
}

#posdesc_pageBlock ul.jobSum li.SumItem_displaysalarydescription {
	background-image: url(../images/custom/jv04.png);
	background-position: left top;
	background-size: 46px 46px;
	background-repeat: no-repeat;
}


#posdesc_pageBlock ul.jobSum li.SumItem_codelist2value {
	background-image: url(../images/custom/jv05.png);
	background-position: left top;
	background-size: 46px 46px;
	background-repeat: no-repeat;
}


#posdesc_pageBlock ul.jobSum li.SumItem_codelist7value {
	background-image: url(../images/custom/jv02.png);
	background-position: left top;
	background-size: 46px 46px;
	background-repeat: no-repeat;
}


#posdesc_pageBlock .earcu_posdescriptionContainer {
	text-align: left;
	padding: 10px 0px 10px 0px;
}

.mapContainer .ButtonHolder .miniMapButton {
	background: #EAEAEA;
	display: block;
	padding: 16px 10px;
	min-height: 34px;
}

div#vacancyMap {
	min-height: 222px;
}

.VacancyMap {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#PosDescSharingItems .PosDescSharingItem:after {
	content: none
}

.posvideo-job {
	width: 100%;
	min-height: auto;
	padding-top: 20px;
	padding-bottom: 54px;
}

#posdesc_pageBlock .videoOuterContainer {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.moviePlayerContainer {
	max-width: 100% !important;
	/*override inline styles*/
}

.posdesc-jobalerts {
	background-image: url("../images/custom/jobdesc-jobalerts.png");
	background-repeat: no-repeat;
	background-size: cover;
	/*contain auto*/
	background-position: center center;
	width: 100%;
	min-height: 500px;
}

.posdesc-jobalerts .row {
	min-height: 500px;
}


.pdja-title {
	color: #ffffff;
	font-size: 3rem;
	font-family: var(--heading-font-family);
	margin-top: 0;
	margin-bottom: 20px;
}

.pdja-text {
	color: #c9c4be;
	font-family: "Poppins", "Arial", sans-serif;
}


.earcu_posdescriptionnote {
	font-family: "Poppins", "Arial", sans-serif;
}


/**END-NEW**/
div#JobDescriptionMap_vacancyMap_pageBlock {
	padding: 0;
	margin-top: 10px;
}

div.posDescriptionContainer317 .BigVacancyMap {
	width: auto;
	display: none;
}

.Pos_Description #eaContainer a.googleMapsButton {
	color: white;
	text-decoration: none;
	font-weight: 400;
}

#posdesc_pageBlock .posDescriptionContainer {
	overflow: hidden;
}

#posdesc_pageBlockContainer {
	margin-top: 0;
}

#posdesc_pageBlockContainer #posdesc_pageBlock,
#posdesc_pageBlock .posDescriptionContainer {
	padding: 0;
	overflow: hidden;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .stickyApply .buttonsRight a.buttonAnchor {
	font-weight: normal;
}


.Pos_Description_Review .JobTitle h2 {
	font-size: 2rem;
	line-height: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
}


/*#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer {
	overflow: inherit;
}*/


/**right side**/
#posdesc_pageBlock .posAlerts,
#posdesc_pageBlock .possharing {
	border: none;
	/* padding: 10px; */
}

#posdesc_pageBlock .posrightbox_header {
	text-align: left;
	font-weight: 400;
	margin-top: 3px;
}

#PosDescSharingItems .PosDescSharingItem {
	border-radius: 0.25rem;
	display: inline-block;
	margin: 2px 6px 2px 0;
	width: 130px;
	height: 44px;
	float: none;
	color: #fff;
	text-align: center;
	line-height: 44px;
	transition: all 0.5s ease;
}


a#linkedin_PosDescSharingItem {
	background-color: #048565;
	border-color: #048565;
}

a#linkedin_PosDescSharingItem::before {
	content: 'LinkedIn';
}

a#facebook_PosDescSharingItem {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

a#facebook_PosDescSharingItem::before {
	content: 'Facebook';
}

a#twitter_PosDescSharingItem {
	background-color: #1f86ef;
	border-color: #1f86ef;
}

a#twitter_PosDescSharingItem::before {
	content: 'Twitter';
}

a#email_PosDescSharingItem {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

a#email_PosDescSharingItem::before {
	content: 'Email';
}


#PosDescSharingItems .PosDescSharingItem:hover {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	transition: all 0.5s ease;
}


a#linkedin_PosDescSharingItem div,
a#facebook_PosDescSharingItem div,
a#twitter_PosDescSharingItem div,
a#email_PosDescSharingItem div {
	display: none;
}

#posdesc_pageBlock .posdescriptionPropertyBox {
	border: none;
	padding: 10px 10px 10px 0px;
}

div.arrowList a.filename {
	text-decoration: underline;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .section-right .ApplyNowContainer {
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
	min-height: 74px;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .section-right .ApplyNowContainer .buttonsRight ul li,
#posdesc_pageBlockContainer #posdesc_pageBlock .section-right .ApplyNowContainer .buttonsRight {
	width: 100%;
	padding-left: 2px;
	padding-right: 2px;
}

#PosDescSharingItems {
	overflow: auto;
	text-align: left;
	margin-left: 0;
	margin-right: auto;
	padding-top: 12px;
}

.posrightbox_info .buttonsRight a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlock a.right {
	min-width: 0;
}


#posdesc_pageBlockContainer #posdesc_pageBlock .descContent .RightJobBox .jobValues {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

#posdesc_pageBlock .posrightbox_info {
	padding: 20px 5px 40px 5px;
}

#posdesc_pageBlock .posDescriptionContainer317 .posdescriptionPropertyBox {
	margin-bottom: 30px;
}

div.arrowdocs {
	padding-top: 20px;
}

div.pageBlockInner_FormBlock .formRowTextLiteralRow#QuickApplyForm_submitinstructions_formRow div.textLiteral {
	max-width: 500px;
	margin: 0 auto;
	display: block;
}

/*#endregion */

/*#region Login/Register Styling */
#PasswordForm_username_view_formRow a {
	color: var(--primary-color);
}


/*.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label.formLabel,
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer {
    max-width: 100%;
}*/

#questions_pageBlockContainer div#questions_buttons_formRow,
div#UsernameForm_buttons_formRow,
div#PasswordForm_buttons_formRow,
div#RegisterForm_buttons_formRow {
	margin-top: 60px;
}


#UsernameForm_pageBlock .ssoIcon a.ssoIconLink {
	position: relative;
	background-size: 0 !important;
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink:before {
	content: '';
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-color: #ffffff;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Font Awesome 5 Brands';
	font-size: 40px;
	color: var(--primary-color);
	transition: all 0.25s ease-out;
}

#UsernameForm_pageBlock .ssoIcon.linkedin_ssoIcon a.ssoIconLink:after {
	content: "\f0e1";
}

#UsernameForm_pageBlock .ssoIcon.google_ssoIcon a.ssoIconLink:after {
	content: "\f1a0";
}

#UsernameForm_pageBlock .ssoIcon.facebook_ssoIcon a.ssoIconLink:after {
	content: "\f39e";
}

#UsernameForm_pageBlock .ssoIcon.microsoft_ssoIcon a.ssoIconLink:after {
	content: "\f3ca";
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink:hover:after {
	opacity: .5;
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink img {
	display: none;
}

/*#endregion */

/*#region Application Sections Styling */
#Application_Home_pageView .ulList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	margin-left: 0;
}

#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
#Application_Home_pageView .ulListItem {
	border: none;
	background: var(--primary-color);
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
	background-size: auto, 200% 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px center, left bottom;
	cursor: pointer;
	list-style: none;
	padding: 5px 10px 5px 10px;
	height: 60px;
	overflow: auto;
	float: none;
	display: grid;
	place-items: center left;
	width: 100%;
	margin: 0;
	border-radius: 0.25rem;
	transition: all 0.35s ease-in-out;
}

	#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations.Completed,
	#Application_Home_pageView .ulListItem.Completed {
		background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
		background-size: auto, 200% 100%;
		background-repeat: no-repeat, no-repeat;
		background-position: right 20px center, right bottom !important;
	}

#Application_Home_pageView .ulListItem div.ulListItemLabel a {
	color: white;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: 300;
}

#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations:hover,
#Application_Home_pageView .ulListItem:hover {
	border-color: none;
	background-position: right 20px center, right bottom;
	transition: all 0.35s ease-in-out;
}

#Application_Home_pageView .ulListItem:hover div.ulListItemLabel a {
	color: white;
	text-decoration: none;
	transition: all 0.25s ease-out;
}

#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations.Completed,
#Application_Home_pageView .ulListItem.Completed {
	background-color: var(--primary-color);
	/*background-image: url("../images/custom/boxbg.png");
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;*/
}

#Application_Home_pageView .ulListItem.Completed div.ulListItemLabel a {
	color: white;
}

#Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
#Application_Home_pageView .ulList div.ulListItemLabel {
	margin: 0;
	padding-top: 0px;
	text-align: left;
}


/*#endregion */

/*modal close*/
button.ui-dialog-titlebar-close:after {
	content: 'x';
	color: var(--darkgrey);
	font-weight: 700;
}

/*#region Profile Styling */

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
	background-image: none;
	/*override default*/
	border: none;
	width: calc(33% - 11px);
	font-size: 1rem;
	padding: 16px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	float: none;
	min-height: 180px;
	margin: 5px;
	border-radius: 0.25rem;
	background: var(--primary-color);
	background: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
	background-size: 201% 100%;
	background-position: left bottom;
	transition: all 0.35s ease-in-out;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover {
	border: none;
	transition: all 0.35s ease-in-out;
	background-position: right bottom;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer {
	padding: 0;
	margin: 0;
	overflow: visible;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage {
	display: none;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue {
	margin-left: 0;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel {
	transition: all 0.25s ease-out;
	margin-bottom: 0;
	display: inline-block;
	text-transform: none;
	/*uppercase*/
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel::first-letter {
	text-transform: uppercase;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel a {
	text-decoration: none;
	color: white;
	background-size: 0 !important;
	font-weight: 300;
	font-size: 1.4rem;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconDescription {
	display: none;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
	line-height: 24px;
	overflow: visible;
	transition: all 0.25s ease-out;
	float: none;
	padding-right: 5px;
	color: white;
	margin-top: 15px;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
	margin: 0;
	font-size: 0.9rem;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel {
	margin-right: 0;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after {
	content: ':';
	margin-right: 5px;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData {
	font-weight: normal;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
	content: '|';
	padding: 0 12px;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
	color: white;
	font-weight: 700;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after {
	display: none;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover:before {
	height: 100%;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel,
#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconRowValues {
	color: #fff;
}

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
	color: white;
	font-weight: 700;
}

div#WelcomeInfoBlock_Logout_formRow .iconLabel {
	display: block;
	width: 100%;
	height: 100%;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
	padding-top: 0;
	padding-left: 6px;
	margin-top: -3px;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer a {
	background-size: 0 !important;
}

[src*="Profile/checkbox.png"] {
	background: url(../images/sprites/ticked.png) no-repeat;
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding-left: 24px;
}

[src*="Profile/checkbox_unchecked.png"] {
	background: url(../images/sprites/unticked.png) no-repeat;
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding-left: 24px;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft {
	width: 100%;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary {
	display: none;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks {
	border: none;
	overflow: auto;
	padding: 0;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
	float: left;
	max-width: 100%;
	width: 100%;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) {
	float: right;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
	text-align: center;
	text-decoration: none !important;
	background-color: var(--secondary-color);
	border: 1px solid transparent;
	font-weight: 500;
	line-height: 1.5;
	padding: 0.625rem 1.25rem;
	margin-bottom: .5rem;
	font-size: 0.9375rem;
	border-radius: 0.25rem;
	--btn-primary-color: var(--secondary-color);
	--btn-secondary-color: #FFF;
	--btn-border-color: var(--secondary-color);
	background-image: none;
	background-color: var(--btn-primary-color);
	color: var(--btn-secondary-color);
	border: var(--btn-border-width, 2px) solid var(--btn-border-color);
	min-height: 48px;
	padding: 1rem 2rem;
	text-align: center;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	text-transform: none;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1rem;
	border-radius: 500px;
	display: inline-block;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width: 100%;
}

@media (min-width: 992px) {
	.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
		width: 50%;
	}
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover {
	background-color: var(--btn-secondary-color);
	color: var(--btn-primary-color);
	border: var(--btn-border-width, 2px) solid var(--btn-border-color);
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:focus:not(:disabled) {
	background-color: var(--btn-primary-color);
	color: var(--btn-secondary-color);
	border: var(--btn-focus-border-width, 2px) solid var(--btn-border-color);
	outline: var(--btn-focus-outline);
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
	width: 100%
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
	background-image: url(../images/icons/icon_avatar.png) !important;
	background-repeat: no-repeat;
}

a#newProfileImageContainer {
	display: none
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer,
#MyDetails_Username_pageView {
	background-color: white;
}

#MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
	overflow: auto;
	margin: 0 auto 10px auto;
	padding: 10px;
	border: 1px solid var(--secondaryorange);
	background-color: white;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom {
	margin-top: 20px;
}

.MyDetails a.buttonActionId_delete {
	margin-right: 2px !important;
	width: auto;
}

/*mydetails*/
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage {
	border: 1px solid #f2f2f2;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
	border: 3px solid transparent;
	padding: 10px;
}

.MyDetails #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
.MyDetails #MyDetails_pageView .pageBlockContainer_GridBlock,
.MyDetails #MyDetails_pageView #SkillsForm_pageBlockContainer,
.MyDetails #MyDetails_pageView #fileupload_pageBlockContainer {
	padding: 20px;
	border: 1px solid #f2f2f2;
	margin-right: 0;
}

.MyDetails .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
	margin: 0;
	border: 3px solid transparent;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader {
	padding: 0;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel {
	margin: 10px 0 0;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer {
	margin: 0;
	padding: 0;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer,
.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel {
	padding: 0;
}


#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
	padding: 20px;
	border: none;
	text-align: center;
	min-height: 90px;
	margin: 0;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer {
	width: 100%;
	margin-bottom: 20px;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer {
	margin-left: 0;
	float: left;
	width: 100%;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer {
	margin-bottom: 20px;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	outline: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none !important;
	max-width: 100%;
	width: 100%;
	background-color: var(--secondary-color);
	border: 1px solid transparent;
	font-weight: 500;
	line-height: 1.5;
	padding: 0.625rem 1.25rem;
	font-size: 0.9375rem;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover {
	background-color: var(--secondary-color);
}

#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
	color: #000;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
	padding: 6px;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer {
	width: 100%;
	margin: 0;
}

/*#endregion */

/*#region Application/Onboarding Styling */
/*v2 blox*/
#posSummaryBlockv2_pageBlock .MySummaryItem {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 0px;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
	margin-left: 0;
	border: 1px solid var(--primary-color);
	background-color: #ffffff;
	padding: 8px 8px 8px 8px;
	border-radius: 0.25rem;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner {
	margin-left: 0;
	margin-right: 0;
	border: 1px solid var(--primary-color);
	border-radius: 0.25rem;
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/**tick and continue**/
#Application_Section_CV_SectionCompleteBlock_completed {
	display: none
}

.pageBlockInner_FormBlock .fakecheck:hover,
.pageBlockInner_FormBlock .fakecheck {
	background-image: url(../images/sprites/unticked.png);
}

.pageBlockInner_FormBlock .fakecheck.fakechecked:hover,
.pageBlockInner_FormBlock .fakecheck.fakechecked {
	background-image: url(../images/sprites/ticked.png);
}

div#EMailSummaryGrid_pageBlockContainer {
	padding-top: 20px;
}

/**interview**/
.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar {
	text-align: left;
}

#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
	display: none;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
	border: none;
	background: var(--primary-color);
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
	background-size: auto, 200% 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px center, left bottom;
	cursor: pointer;
	list-style: none;
	padding: 5px 10px 5px 10px;
	height: 60px;
	overflow: auto;
	float: none;
	display: grid;
	place-items: center left;
	width: 100%;
	margin: 10px 0;
	border-radius: 0.25rem;
	transition: all 0.35s ease-in-out;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .Completed {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
	background-size: auto, 200% 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px center, left bottom;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit:hover,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover {
	border-color: none;
	background-position: right 20px center, right bottom;
	transition: all 0.35s ease-in-out;
}


.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
	margin: 0;
	padding-top: 0px;
	text-align: left;
}

	.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel a,
	.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel a {
		color: white;
		text-decoration: none;
		font-size: 1.4rem;
		font-weight: 300;
	}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit,
body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
	border: none;
	background: none !important;
	cursor: pointer;
	list-style: none;
	padding: 0;
	height: auto;
	overflow: auto;
	float: none;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 32%;
	flex: 30%;
	margin: 0;
	border-radius: 0.25rem;
	overflow: hidden;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
	margin: 0;
	padding-top: 0px;
	text-align: left;
	width: 100%;
	display: flex;
	flex: 1 0 auto;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel a,
body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel a {
	color: white;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: 300;
	padding: 5px 55px 5px 10px;
	display: flex;
	align-items: center;
	width: 100%;
	background: var(--primary-color);
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
	background-size: auto, 200% 100% !important;
	background-repeat: no-repeat, no-repeat !important;
	background-position: right 20px center, left bottom !important;
	transition: all 0.35s ease-in-out;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit:hover div.ulListItemLabel a,
body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel a {
	border-color: none;
	background-position: right 20px center, right bottom !important;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .Completed div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
	background-size: auto, 200% 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px center, right bottom !important;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:after {
	content: '';
	width: 100%;
	aspect-ratio: 1/1;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/custom/apprenticeImage1.jpg);
	max-height: 275px;
}

a.offerAnchor,
a.downloadLink {
	text-decoration: underline;
}


.MyWelcomePacks_OfferForm_TaxInformation label,
.MyWelcomePacks_OfferForm_Referee label,
.MyWelcomePacks_OfferForm_HealthQuestions label,
.MyWelcomePacks_OfferForm_GenericForm label {
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
}

.Offer_Accepted div#OfferDetails_video_formRow {
	padding-bottom: 40px;
}

div#RegisterForm_gdprinfo_formRow {
	padding-top: 20px;
}

div#RegisterForm_gdprinfo_formRow div.textLiteral {
	text-align: left
}

div#RegisterForm_gdprinfo_formRow .labelContainer {
	width: 100%;
	max-width: 100%;
}

label[for="Application_Login_RegisterForm_GpdrDeclaration"],
label[for="Login_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegister_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegisterWithAlerts_RegisterForm_GpdrDeclaration"] {
	max-width: 100% !important;
	width: 100% !important;
}

div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .labelContainer,
div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .controlContainer {
	max-width: 100%;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList{
	margin:0;
}
/* Animated Onboarding Styling */
body.mywelcomepacks_offerform_summary .banner-container,
body.mywelcomepacks_offerform_summary #eaContainer h1.heading-section,
body.mywelcomepacks_offerform_summary #eaContainer #intro_pageBlockContainer,
body.mywelcomepacks_offerform_summary #eaContainer #posSummaryBlockv2_pageBlockContainer {
	display: none;
}

.mywelcomepacks_offerform_summary #eaContainer {
	border: none;
	background: #F4F4F4;
	padding: 3rem 0;
}

.mywelcomepacks_offerform_summary #eaContainer .container {
	margin-bottom: 0 !important;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	max-width: 1366px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/*.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .onboarding-intro {
        flex: 100%;
    }*/

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .onboarding-intro h2 {
	color: var(--primary-color);
	font-size: 30px;
	padding: 0;
	margin: 0;
	line-height: 1;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons {
	max-width: 300px;
	width: 100%;
	display: flex;
	flex: 20%;
	flex-direction: column;
	gap: 10px;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons.mobile {
	display: none;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a {
	margin: 0;
	width: 100%;
	background: transparent;
	color: var(--primary-color);
	text-decoration: none;
	text-align: center;
	display: flex;
	position: relative;
	align-items: center;
	gap: 10px;
	overflow: visible;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:before {
	content: '';
	position: absolute;
	left: 13px;
	bottom: -20px;
	width: 5px;
	height: 100%;
	background: #000;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:last-of-type:before {
	bottom: 5px;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a .stepNo {
	width: 35px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid var(--primary-color);
	border-radius: 100%;
	position: relative;
	z-index: 2;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a span {
	background: #fff;
	border: 1px solid var(--primary-color);
	padding: 5px 10px;
	position: relative;
	z-index: 2;
	flex: 100%;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:first-child,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-complete,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-active {
	display: flex;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:hover span,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:hover .stepNo,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-complete span,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-complete .stepNo,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-complete:hover span,
.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-complete:hover .stepNo {
	background: var(--primary-color);
	color: #FFF;
}

/*.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-active:after {
	content: '';
	position: absolute;
	left: 5px;
	bottom: -20px;
	width: 20px;
	aspect-ratio: 1/1;
	transform: rotate(45deg);
	border: 5px solid #000;
	border-top: none;
	border-left: none;
}*/

.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:last-child.stage-complete:before {
	display: none;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .ani-wrapper {
	max-width: calc(100% - 300px);
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	aspect-ratio: 16/10;
	overflow: hidden;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .ani-wrapper iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: none;
	overflow: hidden;
	transition: all .2s ease;
}

.earcu_mywelcomepacks_offerform_summary #eaContainer .ani-wrapper iframe.fadeOutIframe {
	opacity: 0;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup #SectionCompleteBlock_completed_formRow .labelContainer {
	padding-top: 0;
}

.mywelcomepacks_offerform_summary .modalContent {
	min-height: 1px !important;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup #intro_pageBlockContainer {
	display: none;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup div.pageBlockContent {
	padding: 5px;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .labelContainer,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlError {
	max-width: 500px;
	width: 100% !important;
	display: block;
	float: none;
	margin: 0 auto;
	padding-left: 0;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .labelContainer *:not(.mandatoryContainer) {
	text-align: left;
	width: 100%;
	justify-content: flex-start !important;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer input,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer select,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer textarea {
	width: calc(100% - 2px);
	margin-right: 0;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer .popup {
	float: none;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowCheckBoxRow .controlContainer input {
	width: auto;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow {
	width: 100% !important
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li {
	width: 100%;
	text-align: center;
	margin-left: 0 !important;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li {
	margin-top: 5px;
}

.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li input,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li input,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li a,
.earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li a {
	display: inline-block;
	float: none;
	margin-left: 0 !important;
}
div#signatureoptions_pageBlockContainer a.buttonAnchor {
	margin-bottom: 5px !important;
}
/* Animated Onboarding Styling Ends */

#OfferInfoBlock_pageBlock .offerBlockContainer_Image.imgSmall .imageContent,
#OfferInfoBlock_pageBlock .offerBlockContainer_Video.imgSmall .movieOuterContainer {
	max-width: 300px;
	margin-left: 0;
}

#OfferInfoBlock_pageBlock .offerBlockContainer_Image.imgMed .imageContent,
#OfferInfoBlock_pageBlock .offerBlockContainer_Video.imgMed .movieOuterContainer {
	max-width: 800px;
	margin-left: 0;
}

@media all and (max-width:767px){
	#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi{
		width:100% !important;
	}
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation2 div.ulListItemLabel a {
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%, #f4a6d7 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation2:after {
	background-image: url(../images/custom/YourFIRSTDay.jpg);
	background-position: 50% 10%;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation2 div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%, #f4a6d7 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3 div.ulListItemLabel a {
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%, #41b6e6 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3:after {
	background-image: url(../images/custom/VisionandValues.jpg);
	background-position: 50% 10%;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation3 div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%, #41b6e6 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation4 div.ulListItemLabel a {
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%,#c0df16 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation4:after {
	background-image: url(../images/custom/EDI-InclusionNetworks.jpg);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation4 div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%,#c0df16 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5 div.ulListItemLabel a {
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%,#f1c500 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5:after {
	background-image: url(../images/custom/FirstforBenefits.jpg);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation5 div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%,#f1c500 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6 div.ulListItemLabel a {
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%,#c8c9c7 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6:after {
	background-image: url(../images/custom/OurBusinessStrucutre.jpg);
	background-position: 50% 10%;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation6 div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%,#c8c9c7 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation7 div.ulListItemLabel a {
	background: url(../images/sprites/search-unticked.png), linear-gradient(to right, var(--primary-color) 50%,#f4a6d7 50%);
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation7:after {
	background-image: url(../images/custom/Functions.jpg);
	background-position: 50% 0%;
}

body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation7 div.ulListItemLabel a {
	background: url(../images/sprites/search-ticked.png), linear-gradient(to right, var(--primary-color) 50%,#f4a6d7 50%);
}

#OfferInfoBlock_pageBlock .offerLayoutBox{
	display:flex;
	flex-wrap:wrap;
}

#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi,
#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder,
#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder .offerBlockContainer,
#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder .offerBlockContainer .imageContainer,
#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder .offerBlockContainer .movieOuterContainer,
#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder .offerBlockContainer .movieOuterContainer .moviePlayerContainer {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

	#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .imageContainer,
	#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .movieOuterContainer {
		padding: 5px;
	}

	#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder .offerBlockContainer .movieOuterContainer .moviePlayerContainer video{
		flex:1 0 auto;
		object-fit:cover;
		object-position:50% 50%;
	}

	@media all and (min-width:768px) {
		#OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi.offerLayoutPlaceHolder_Item_3 {
		max-width: 33% !important
	}
}
/*#endregion */
/*#region Job Alerts */
div#MyJobFeed_pageView {
	border: 1px solid #e2e5e8;
	border-radius: 0.25rem;
	padding: 10px;
}

div#MyJobFeed_pageView .pageBlockInner_FormBlock div.divajaxcontainter,
div#MyJobFeed_pageView .pageBlockInner_FormBlock div.selectmultipleContainer,
div#MyJobFeed_pageView .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist {
	min-width: 500px;
}

div#MyJobFeed_pageView .pageBlockInner_FormBlock div.selectmultipleContainer div.selectmultipleHeader {
	background: none repeat scroll 0 0 var(--primary-color);
	border-bottom: 1px solid var(--primary-color);
	padding: 4px 0 4px 7px;
	color: white;
}

div#MyJobFeed_pageView div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer_ReadOnly {
	border: 1px solid #e2e5e8;
	border-radius: 0.25rem;
	padding: 10px;
}

html body #lookupResults_gridTable {
	margin-bottom: 0;
	width: 100% !important;
	table-layout: auto;
}

.MyJobFeed th#col_lookupResults_name {
	width: 100% !important;
}

.MyJobFeed td.cell_lookupResults_name {
	font-size: 1.2rem;
	color: var(--darkgrey);
	font-weight: 400;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td,
.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
	background-color: var(--primary-color);
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a {
	color: white;
	background-size: 0 !important;
}

.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
	padding-left: 5px;
}

.pageBlockInner_GridBlock table.gridTable td a:hover {
	text-decoration: none;
}

/*.pageBlockInner_FormBlock label.formLabel {
	text-align: left;
	padding-bottom: 5px;
	font-weight: 700;
}*/

.pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel {
	/**file uploads**/
	text-align: center;
}


.pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
.pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl {
	width: 30%;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
	width: 360px;
}

#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
#eaContainer .formRowSelectMultiCodelistRow label {
	padding: 6px 7px;
}

#MyJobFeedForm_form div.formRow {
	margin-top: 1em;
}

.pageBlockInner_GridBlock table.gridTable th {
	color: var(--darkgrey);
}

.MyJobFeed .pageBlockInner_GridBlock div.gridContentWithHeader {
	border: 1px solid #d0d0d0;
	background: none;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable th {
	background: white;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
	overflow: hidden;
}

/*#endregion */
/*mydeeets - connected*/
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
	min-height: 160px;
}

/* Responsive Styling */
@media all and (max-width:1600px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {
	.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
		float: left;
		width: 100%;
	}

	li a.buttonAnchor.buttonActionId_saveSkill {
		padding-top: 11px;
		padding-bottom: 12px;
	}
}

@media screen and (max-width:991px) {
	#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
		float: none;
		display: block;
		width: 100%;
	}

	#posdesc_pageBlockContainer #posdesc_pageBlock .section-left .ApplyNowContainer {
		display: none;
	}

	.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
		border: none;
		height: 239px;
		margin: 4px 12px 30px 12px;
		width: calc(46% - 4px);
	}

	.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel a,
	.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel a,
	#Application_Home_pageView .ulListItem div.ulListItemLabel a {
		font-size: 1rem;
	}

	div#posBrowser_Filter_pageBlockContainer {
		width: 100%;
		float: none;
		margin-top: 0;
	}

	.Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
		margin: 0 0 18px 0;
	}

	#posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h1 {
		margin-bottom: 8px;
		font-size: 4.2rem;
		letter-spacing: 0.24rem;
		line-height: 4.2rem;
		color: white;
	}


	#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
		width: calc(50% - 14px);
		margin: 5px;
	}

	.jd-textapply {
		display: none;
	}

	#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
	#Application_Home_pageView .ulListItem {
		flex: 0 1 100%;
	}

	.Campaign_Detail #successStories {
		padding: 0 40px;
	}

	.Campaign_Detail .storiesContainer .quotesContainer .quoteBlock {
		max-width: calc(100% - 20px);
	}

	.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .onboarding-intro,
	.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons,
	.earcu_mywelcomepacks_offerform_summary #eaContainer .ani-wrapper {
		max-width: 100%;
		flex: 100%;
	}

	.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a {
		width: auto;
	}

	.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a:before,
	.earcu_mywelcomepacks_offerform_summary #eaContainer .stage-buttons a.stage-active:after {
		display: none;
	}

	body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit,
	body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
		flex: 45%;
		max-width: 49%;
	}
}

@media all and (max-width:767px) {
	.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listItemCountContainer {
		font-size: 0.9rem;
	}

	.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
		height: 133px;
	}

	#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
		width: 100%;
		margin: 4px 0 0 0;
	}

	.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
		height: 208px;
		margin: 12px 4px;
		width: calc(100% - 8px);
		background-size: cover;
		transition: all 0.25s ease-out;
	}

	.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
		background-color: var(--lightgrey);
		padding-right: 4px;
	}


	.buttonsLeft ul li,
	.buttonsRight ul li {
		width: 100%;
		padding-bottom: 10px;
	}

	.textpage_role_details a.nojobs_anchor {
		max-width: 100%;
	}

	.buttonsRight li:nth-child(n+2),
	#MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li {
		margin-left: 0 !important;
	}

	.buttonsLeft,
	.buttonsRight {
		width: 100%;
	}

	#posSummaryBlockv2_pageBlock .MySummaryItem {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
	}

	#posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner,
	#posSummaryBlockv2_pageBlock .MySummaryItem .MySummaryItemInner {
		margin-left: 0;
		margin-right: 0;
	}

	li a.buttonAnchor.buttonActionId_saveSkill {
		padding-top: 13px;
		padding-bottom: 13px;
		margin-bottom: -10px !important;
	}

	#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel,
	#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
		float: left;
		width: 100%;
	}

	.pageBlockInner_GridBlock .pagingControls_Tiles {
		float: right;
		width: 100%;
		margin-top: 10px;
		/* text-align: right; */
	}

	.MyJobFeed #dialogDialogContainer {
		width: 100% !important;
		/*override inline style*/
		left: 0 !important;
		/*override inline style*/
		top: 54px !important;
		/*override inline style*/
	}

	input.buttonActionId_change {
		margin-left: 0px !important;
	}

	.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
		background-position: top -48px center;
	}

	/*    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations, #Application_Home_pageView .ulListItem {
		padding: 0px 10px 0px 10px;
		height: 70px;
		display: grid;
		place-items: center left;
	}*/

	#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
		height: 238px;
	}

	#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
		width: 100%;
		min-height: 180px;
		margin: 5px 0;
	}

	input.freesearchbtn {
		margin-top: 6px;
	}

	.mto-quote {
		background-position: top 10% left 5%, bottom 10% right 5%;
		background-size: 18px, 18px;
	}

	.Pos_Find_Results_Map .filtersExpander a,
	.Pos_Find_Results .filtersExpander a {
		padding: 1px 4px 4px 4px;
	}

	div.sortingCurrent a.normalanchor {}

	.nav {
		top: 7.3rem;
		/*check remove*/
	}

	.page-title-box {
		padding-top: 152px;
	}

	/*for search*/
	#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
		font-size: 20px;
		line-height: 1.3;
	}

	body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit,
	body .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
		flex: 100%;
		max-width: 100%;
	}
}

/* Responsive Styling Ends*/

/* Talent Pools Events Styling */
.CandidateEvent_List .main {
	min-height: 400px;
}

body.TalentPool_List .pageBlockInner_GridBlock div.gridContent {
	border: none;
}

#talentpoolgrid_pageBlock .rowContainerHolder {
	float: left;
	width: 25%;
	max-width: 269px;
	overflow: auto;
}

#talentpoolgrid_pageBlock .rowContainer {
	min-height: 300px;
	border: 1px solid #dddde0;
	transition: all 0.25s ease-out;
}

#talentpoolgrid_pageBlock .rowContainer:hover {
	background-color: #00a6e2;
	transition: all 0.25s ease-out;
}

#talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
	text-align: center;
	display: grid;
}

#talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader .rowLabel a {
	color: #0079c5;
	text-decoration: none;
	transition: all 0.25s ease-out;
}

#talentpoolgrid_pageBlock .rowContainer:hover .rowHeader .rowLabel a {
	color: #ffffff;
	transition: all 0.25s ease-out;
}

#talentpoolgrid_pageBlock .rowContainer .rowItemsContainer2 img {
	filter: brightness(1.2);
	transition: all 0.25s ease-out;
}


#talentpoolgrid_pageBlock .rowContainer:hover .rowItemsContainer2 img {
	transform: scale(1.1);
	filter: brightness(1);
	transition: all 0.25s ease-out;
}

.talentPoolDescription p {
	color: var(--darkgrey);
}

@media screen and (max-width:992px) {
	#talentpoolgrid_pageBlock .rowContainerHolder {
		width: 50%;
		max-width: auto;
	}
}

@media screen and (max-width:768px) {
	#talentpoolgrid_pageBlock .rowContainerHolder {
		width: 100%;
		float: none;
		clear: both;
		margin: auto;
	}

	/*    .homehero {
		background-image: url(../images/custom/homehero992.png);
	}

	.posdesc-hero {
		background-image: url(../images/custom/posdeschero992.png);
	}*/
}

/* Talent Pools Events Styling Ends */

/*telnum 3.62 fix*/
.iti--allow-dropdown {
	width: 100%;
}

/**/


/***MOVE THIS***/


/***END***/

.xxv #pageContent {
	display: none;
}

/*roles extras*/
li.item {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

li.item span {
	display: inline-block;
	flex: 0 0 33%;
	padding: 10px;
	border: 1px solid white;
}

li.item span:hover {
	background-color: var(--darkgrey);
}

li.item span a,
li.item span a h3 {
	text-decoration: none;
	color: white;
}

li.item span p {
	font-size: 16px;
	color: white;
}


/*end*/


/*#region creative application - move this */
#posSummaryBlockv2_pageBlock .appCompleteChartBack {
	border: 1px solid var(--primary-color);
}

/*is this block required?*/
#posSummaryBlockv2_pageBlock .appCompleteChartBlockInner {
	background: #fff;
	height: 12px;
	margin: 0;
	border: none;
}

/*overwrite 2574*/
#posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner {
	background-color: #FFF;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
	background: var(--secondary-color);
}

/*end*/

/*#endregion */


/**password**/
#ProfileRegister_RegisterForm_password::after,
div.pageBlockInner_FormBlock div#RegisterForm_password_formRow .controlContainer::after {
	position: relative;
	display: block;
	height: 40px;
	width: 100%;
	text-align: left;
	color: #000;
	content: 'Password needs to contain at least 1 letter, 1 number, 1 uppercase letter and contain at least 8 characters.';
	font-weight: 400;
	font-size: 13px;
}

.Application_Home .buttonsRight {
	margin-top: 40px;
}

.Application_Home .buttonsRight a.buttonRight {
	color: var(--secondary-color);
	background-color: white;
	border: 1px solid var(--secondary-color);
}

.owl-carouselx {
	max-width: 1220px;
}

.item.row {
	--bs-gutter-x: 0;
}

.item .blog-box {
	border-left: 2px solid white;
}

.item .blog-box a {
	color: white;
	font-weight: 700;
	font-size: 20px;
}

.item .blog-box p {
	color: white;
	margin-bottom: 0;
}

.item .blog-box a.readmore {
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
	color: var(--secondary-color);
	font-weight: 900;
	font-size: 16px;
}

/*.ab {
    background-image: url(../images/custom/img-03.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 294px;
}*/

/* 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 */

/*.ab.cat3, .ab.cat4, .ab.cat196 {
        background-image: url(../images/custom/drivercat.png);
    }

    .ab.cat197, .ab.cat198, .ab.cat199 {
        background-image: url(../images/custom/img-01.png);
    }

    .ab.cat200, .ab.cat201, .ab.cat202, .ab.cat203 {
        background-image: url(../images/custom/img-02.png);
    }

    .ab.cat204, .ab.cat205, .ab.cat206 {
        background-image: url(../images/custom/img-03.png);
    }

    .ab.cat207, .ab.cat208, .ab.cat209 {
        background-image: url(../images/custom/img-04.png);
    }

    .ab.cat210, .ab.cat211, .ab.cat212 {
        background-image: url(../images/custom/img-05.png);
    }*/

/* ^updated images below */
/*div.jobDetails:nth-of-type(3n+1) .ab {
	background-image: url(../images/custom/noordad.jpg);
}

div.jobDetails:nth-of-type(3n+2) .ab {
	background-image: url(../images/custom/maggiegorowska.jpg);
}

div.jobDetails:nth-of-type(3n+3) .ab {
	background-image: url(../images/custom/denemcauley.jpg);
}*/

div.jobDetails .ab.nv1 {
	background-image: url(../images/custom/nv1.jpg);
}

div.jobDetails .ab.nv2 {
	background-image: url(../images/custom/nv2.jpg);
}

div.jobDetails .ab.driver1 {
	background-image: url(../images/custom/driver1.jpg);
}

div.jobDetails .ab.driver2 {
	background-image: url(../images/custom/driver2.jpg);
}

div.jobDetails .ab.engineer1 {
	background-image: url(../images/custom/engineer1.jpg);
}

div.jobDetails .ab.engineer2 {
	background-image: url(../images/custom/engineer2.jpg);
}

.jobDetails:nth-of-type(3n+1) .ab.company3 {
	background-image: url(../images/custom/apprenticeImage1.jpg);
}

.jobDetails:nth-of-type(3n+2) .ab.company3 {
	background-image: url(../images/custom/apprenticeImage2.jpg);
}

.jobDetails:nth-of-type(3n+3) .ab.company3 {
	background-image: url(../images/custom/apprenticeImage3.jpg);
}


@media screen and (max-width:992px) {
	.ab {
		height: 495px;
	}
}

@media screen and (max-width:768px) {
	.ab {
		height: 395px;
	}
}

.Referee #questionsSummary_refereetablefields_formRow {
	display: none
}

/**temp*/

.ui-widget-overlay {
	opacity: 0.7;
}

.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-content .modalContent {
	min-height: 1px !important;
}

@media all and (max-width:500px) {
	.ui-widget.ui-widget-content {
		width: 100% !important;
		top: 100px !important;
	}
}

.banner-container {
	position: relative;
	height: 540px;
	overflow: hidden;
	min-height: 400px;
}

.banner-container .banner-img {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

@media (max-width: 1199px) {
	.banner-container {
		height: 440px;
	}
}

@media (max-width: 767px) {
	.banner-container {
		height: 260px;
	}
}

@media (min-width: 992px) {
	.banner-container {
		min-height: 500px;
	}
}

.banner-container img {
	visibility: hidden;
}

.banner-container .col-12 {
	padding: 0 .5rem;
}

.banner-container .content {
	--padding-left: 1.5rem;
	--padding-bottom: 0rem;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1rem 1rem var(--padding-bottom) var(--padding-left);
}

@media (min-width: 768px) {
	.banner-container .content {
		--padding-left: 3.5rem;
		--padding-bottom: 2.5rem;
	}
}

@media (min-width: 992px) {
	.banner-container .content {
		--padding-left: 7rem;
		--padding-bottom: 5rem;
	}
}

@media (min-width: 1200px) {
	.banner-container .content {
		--padding-left: 10.5rem;
		--padding-bottom: 7.5rem;
	}
}

.banner-container .nav {
	position: absolute;
	top: 1rem;
	right: 1.5rem;
}

.banner-container .banner-logo {
	position: absolute;
	top: -50px;
	left: var(--padding-left);
	width: 182px;
	height: 38px;
	background-image: url("../images/logos/first-bus-logo.png?d=2024-12-06");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 182px 38px;
}

.banner-container h1 {
	color: #FFF;
}

.banner-container .nav a {
	display: inline-block;
	color: #fff;
	font-size: 1rem;
	padding: 0 0.5rem 0 0;
}

.banner-container .nav a:last-child {
	padding-right: 0;
}

/* #region Header Nav */
.header-nav .container-fluid {
	padding: 0;
}

.header-nav .row {
	margin: 0;
}

.header-nav .row>* {
	padding: 0 0.5rem;
}

.header-nav .page-block {
	display: flex;
	flex-wrap: wrap;
}

.header-nav .page-block>ul {
	--cols: 1;
	--gap: .5rem;
	--item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0px)) / var(--cols, 1)));
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	list-style: none;
	gap: var(--gap, 0);
	margin-top: var(--gap, 0);
	padding-left: 0;
	margin-left: 0;
}

@media (min-width: 768px) {
	.header-nav .page-block>ul {
		--cols: 2;
	}
}

@media (min-width: 992px) {
	.header-nav .page-block>ul {
		--cols: 3;
	}
}

@media (min-width: 1400px) {
	.header-nav .page-block>ul {
		--cols: 6;
	}
}

.header-nav .page-block>ul>li {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: stretch;
	justify-content: stretch;
	flex: 0 0 var(--item-width, 100%);
	width: var(--item-width, 100%);
	margin-bottom: 0;
}

.header-nav .page-block>ul>li>a {
	background-color: #280071;
	color: #FFF;
	display: block;
	width: 100%;
	padding: 0.5rem 2.25rem 0.5rem 1rem;
	position: relative;
	transition: border-color 0.2s, background-color 0.2s;
	white-space: normal;
}

.header-nav .page-block>ul>li>a:hover {
	background-color: #E50071;
}

.header-nav .page-block>ul>li>a:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	color: inherit;
	content: "\f0a9";
	display: inline-block;
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0.5rem;
	align-items: center;
	font-weight: 300;
	font-size: 1.5rem;
}

.header-nav .page-block .dropdown {
	width: 100%;
	display: flex;
	align-items: stretch;
}

.header-nav .page-block .dropdown button.dropdown-toggle {
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 1rem;
	line-height: 1;
	background-color: #280071;
	border-color: #280071;
	text-transform: none;
	padding: 0.5rem 1rem;
	border-radius: 0;
	transition: border-color 0.2s, background-color 0.2s;
}

.header-nav .page-block .dropdown button.dropdown-toggle.show,
.header-nav .page-block .dropdown button.dropdown-toggle:hover,
.header-nav .page-block .dropdown button.dropdown-toggle:focus {
	background-color: #E50071;
	border-color: #E50071;
}

.header-nav .page-block .dropdown button.dropdown-toggle:after {
	position: absolute;
	right: 1rem;
	border: none;
	margin-left: 0;
	vertical-align: initial;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	color: inherit;
	content: "\f0d7";
	display: inline-block;
}

.header-nav .page-block .dropdown .dropdown-menu {
	margin-top: -3px !important;
	margin-bottom: -3px !important;
	border: none;
	border-radius: 0;
	padding: 0;
	width: 100%;
}

.header-nav .page-block .dropdown .dropdown-menu>li {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: stretch;
	justify-content: stretch;
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 0;
}

.header-nav .page-block .dropdown .dropdown-menu>li>a {
	background-color: #280071;
	color: #FFF;
	display: block;
	width: 100%;
	padding: 0.5rem 2.25rem 0.5rem 1rem;
	position: relative;
	transition: border-color 0.2s, background-color 0.2s;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	font-size: 1rem;
}

.header-nav .page-block .dropdown .dropdown-menu>li>a:hover {
	background-color: #E50071;
	color: #FFF;
}

.header-nav .page-block .dropdown .dropdown-menu>li>a:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	color: inherit;
	content: "\f0a9";
	display: inline-block;
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0.5rem;
	align-items: center;
	font-weight: 300;
	font-size: 1.5rem;
}

/* #endregion */


.apzo-footer-wrapper,
.apzo-copyright-wrapper {
	background-color: #280071;
}

.apzo-footer-wrapper ul,
.apzo-footer-wrapper ol {
	padding-left: 0;
	margin-left: 35px;
	margin-bottom: 20px;
}

.apzo-footer-wrapper a {
	color: #FFF;
	font-size: 1rem;
}

.apzo-footer-wrapper p {
	font-size: 1rem;
}

p.alert-warning a {
	color: inherit;
}

p.alert-warning:before {
	font-family: "Font Awesome 6 Pro";
	content: "";
}

#eaContainer div.pageBlockInner_FormBlock div.formRow {
	width: 100%;
	margin:5px 0;
}

#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)) {
	max-width: 100%;
}

#eaContainer .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 {
	order: 2;
	justify-content: start;
	flex: 0 0 auto;
	width: 100%;
	max-width: calc(100% - 40px);
	line-height: 1;
	display: flex;
}

#eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer label {
	margin-left: 0;
	padding-right: 0;
	width: 100%;
	max-width: 100%;
	justify-content: center;
}

#eaContainer .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 {
	order: 3;
	width: 100%;
	padding-top: 0;
	display: flex;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: start;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
	display: none !important;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) {
	order: 1;
	flex: 0 1 auto;
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	line-height: 1;
	color: var(--primary-color);
	content: "\f0c8";
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5rem;
	padding: 0;
	font-size: 1.5rem;
	display: inline-block;
}

.pageBlockInner_FormBlock .inputContainer .inputText,
.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter,
.pageBlockInner_TextTagReplacementBlock input.inputText {
	float: none !important;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	color: var(--primary-color);
	content: "\f14a";
	display: inline-block;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError {
	order: 2;
	flex: 0 0 100%;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer:has(.popup) {
	float: none;
	position: relative;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup {
	position: absolute;
	right: 0.6rem;
	bottom: 0.6rem;
	width: auto;
	height: auto;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	color: inherit;
	content: "\f073";
	display: inline-block;
	line-height: 1;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img {
	display: none;
}

#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 {
	--btn-primary-color: #dc3545;
}

#ResetPasswordMessage_pageBlock .container {
	position: relative;
	top: initial;
	transform: none;
}

#menu-social-media-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#menu-social-media-footer li {
	margin-bottom: 0;
}

#menu-social-media-footer li a {
	display: block;
}

.dropdown-toggle:after {
	margin-left: .255rem;
}

/* DESKTOP NAVBAR - DISPLAY WHEN VIEWPORT > 992PX */
.firstbus-desktop-nav {
	display: none !important;
}

@media (min-width: 992px) {
	.firstbus-desktop-nav {
		display: block !important;
		background-color: #ffffff !important
	}
}

.firstbus-desktop-nav .navbar-nav {
	justify-content: space-evenly;
}

@media (min-width: 992px) {
	.firstbus-desktop-nav .navbar-nav {
		width: 95vw;
	}
}

@media (min-width: 1200px) {
	.firstbus-desktop-nav .navbar-nav {
		width: 80vw;
	}
}

@media (min-width: 1400px) {
	.firstbus-desktop-nav .navbar-nav {
		width: 70vw;
	}
}

.firstbus-desktop-nav .navbar-nav .nav-item {
	margin-bottom: 0;
}

.firstbus-desktop-nav .navbar-nav .nav-link {
	background-color: #fff;
	color: #280071;
	display: block;
	width: 100%;
	position: relative;
	font-weight: 500;
	transition: color .2s;
	white-space: normal;
}

.firstbus-desktop-nav .navbar-nav .nav-link:hover {
	text-decoration: none;
}

.firstbus-desktop-nav .navbar-nav .dropdown-toggle:after {
	border: none;
	vertical-align: initial;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	position: relative;
	color: inherit;
	content: "\f078";
	display: inline-block;
	left: 0.25rem;
}

.firstbus-desktop-nav .navbar-nav .dropdown-toggle.show:after{
	transform:rotate(180deg);
}

.firstbus-desktop-nav .navbar-nav .dropdown-menu {
	border: none;
	border-radius: 8px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	padding: .5rem 0;
	li {
		margin-bottom: .5rem;
		padding: 0;

		.dropdown-item:hover {
			padding-left: 1.5rem;
			padding-right: 1.5rem;
		}

	}
}

.firstbus-desktop-nav .navbar-nav .dropdown-item {
	background-color: #FFF;
	color: #280071;
	display: block;
	width: 100%;
	position: relative;
	padding: 0.25rem 1.5rem;
	transition: color .2s;
	white-space: nowrap;
	font-weight: 500;
	text-transform: none;
	font-size: 1rem;
}

.firstbus-desktop-nav .navbar-nav .dropdown-item:hover {
	background-color: #FFF;
	color: #E50071;
	text-decoration: underline;
}

@media (min-width: 992px) {
	.firstbus-desktop-nav .dropdown-menu {
		animation: none;
	}

	.dropdown-menu li {
		position: relative;
	}

	.dropdown-menu .dropdown-submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	.dropdown-menu .dropdown-submenu-left {
		right: 100%;
		left: auto;
	}

	.dropdown-menu > li:hover > .dropdown-submenu {
		display: block;
	}
}

/* ==== MOBILE NAVBAR - DISPLAY WHEN VIEWPORT < 992PX ============ */
header.firstbus-mobile-nav {
	--transition-time: .2s;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
	.bg-light {
		background-color: #fff!important;
	}

	.container-fluid {
		padding: 0 0.5rem;
	}

	.navbar {
		width: 100%;
	}

	.navbar-toggler {
		margin-left: auto;
		z-index: 8;
		+ .menu-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			/*display: none;*/
			opacity: 0;
			background-color: #000C;
			transition: opacity var(--transition-time);
			transition-delay: none;
			visibility: hidden;
		}

		&:has(+ .menu-overlay + .collapsing),
		&:not(.collapsed) {
			+ .menu-overlay {
				/*display: block;*/
				visibility: visible;
				opacity: 1;
				transition-delay: var(--transition-time);
			}
		}
	}

	.navbar-collapse {
		position: fixed;
		opacity: 0;
		right: calc(-100% - 16px);
		top: 0;
		padding-top: .5rem;
		align-items: start;
		justify-content: end;
		padding-top: 0;

		width: 100vw;
		height: 100vh;
		max-height: 100vh;
		overflow-y: auto;
		z-index: 6;

		background-color: #FFF;

		transition: right var(--transition-time);
		@media (min-width: 768px) {
			width: 50vw;
			height: auto;
		}

		@media (min-width: 1200px) {
			width: 25vw;
		}

		/*&:before {
			position: fixed;
			opacity: 0;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			pointer-events: none;
			content: "";
			display: none;
			z-index: -1;
		}*/

		&::-webkit-scrollbar {
			width: .5rem;
		}

		&::-webkit-scrollbar-track {
			box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		}

		&::-webkit-scrollbar-thumb {
			background-color: darkgrey;
			outline: 1px solid slategrey;
		}

		&.collapsing {
			opacity: 1;
			transition: right var(--transition-time);
		}

		&.show {
			/*opacity: .9;*/
			display: flex;
			opacity: 1;
			right: 0;
			@media (min-width: 768px) {
				/*&:before {
					display: block;
					pointer-events: all;
					background-color: #000C;
					opacity: 1;
				}*/
			}
		}
	}

	.page-block {
		display: flex;
		flex-wrap: wrap;
		.navbar-light {
			.navbar-toggler {
				display: flex;
				align-items: stretch;
				justify-content: space-around;
				padding-left: .5rem;
				border: none;
				height: auto;
				&:focus,
				&:active,
				&:hover {
					box-shadow: none;
				}

				.icon {
					display: flex;
					width: 1.25rem;
					height: 1.25rem;
					margin-right: .5rem;
					justify-content: space-around;
					flex-direction: column;
					.line {
						display: inline-block;
						/*background-color: #280071;*/
						background-color: #280071;
						height: .125rem;
						width: 100%;
						transition: transform .2s, background-color .2s;
					}
				}

				.text {
					/*color: #280071;*/
					color: #280071;
					font-family: "FirstMove", "Poppins", "Arial Black", sans-serif;
					font-size: 1.125rem;
					transition: color .2s;
					display: flex;
					line-height: 1.125rem;
					margin: 0;
					padding: 0;
					align-items: center;
				}

				&:not(.collapsed) {
					.icon {
						.line {
							background-color: #E50071;
							&:first-child {
								transform: rotate(45deg) translate(5px, 5px);
							}

							&:nth-child(2) {
								opacity: 0;
							}

							&:last-child {
								transform: rotate(-45deg) translate(5px, -5px);
							}
						}
					}

					.text {
						color: #E50071;
					}
				}
			}

			ul.navbar-nav {
				display: flex;
				flex-wrap: wrap;
				list-style: none;
				gap: .5rem;
				margin-top: 0;
				margin-left: 0;
				background-color: #FFF;
				padding: 3rem 2rem 2rem;
				width: 100%;
				opacity: 0;
				transition: opacity .4s;
				transition-delay: .2s;
				position: relative;
				z-index: 7;
				> li {
					display: flex;
					flex-wrap: wrap;
					position: relative;
					align-items: stretch;
					justify-content: stretch;
					flex: 0 0 100%;
					width: 100%;
					margin-bottom: 0;

					> a {
						background-color: #FFF;
						color: #280071;
						display: block;
						width: 100%;
						padding: 0.5rem 2.25rem 0.5rem 1rem;
						position: relative;
						transition: color .2s;
						white-space: normal;
						&:hover {
							background-color: #FFF;
							color: #E50071;
						}
					}
				}
			}

			.dropdown {
				width: 100%;
				display: flex;
				align-items: stretch;
				flex-wrap: wrap;
				align-items: start;
				button.dropdown-toggle {
					position: relative;
					width: 100%;
					text-align: left;
					font-size: 1rem;
					line-height: 1;
					color: #280071;
					text-transform: none;
					padding: 0.5rem 1rem;
					border-radius: 0;
					transition: color .2s;
					background-color: transparent;
					border: none;
					line-height: 1.5rem;
					&.show,
					&:hover,
					&:focus {
						color: #E50071;
						background-color: transparent;
						box-shadow: none;
					}

					&:after {
						position: absolute;
						right: 1rem;
						border: none;
						margin-left: 0;
						vertical-align: initial;
						font-family: "Font Awesome 6 Pro";
						font-weight: 900;
						line-height: 1;
						color: inherit;
						content: "\f078"; /*"\f054";*/
						display: inline-block;
						transition: transform .2s;
					}

					&.show {
						/*+ .dropdown-menu {
							transform: scaleY(1);
							height: auto;
						}*/

						/*+ .dropdown-menu {
							max-height: 100%;
						}*/

						&:after {
							transform: rotate(180deg);
						}
					}
				}

				.dropdown-menu {
					margin-top: -3px !important;
					margin-bottom: -3px !important;
					border: none;
					border-radius: 0;
					padding: 0;
					width: 100%;
					overflow: hidden;
					/*display: block;
					max-height: 0;
					transition: max-height .2s;*/
					/*height: 0;
					transform: scaleY(0);
					transform-origin: top left;
					transition: transform .2s, height .2s;
					display: block;*/
					> li {
						display: flex;
						flex-wrap: wrap;
						position: relative;
						align-items: stretch;
						justify-content: stretch;
						flex: 0 0 100%;
						width: 100%;
						margin-bottom: 0;
						> a {
							color: #280071;
							display: block;
							width: 100%;
							padding: 0.5rem 2.25rem 0.5rem 3rem;
							position: relative;
							transition: color .2s;
							white-space: normal;
							text-transform: none;
							font-weight: normal;
							font-size: 1rem;
							background-color: transparent;
							&:hover,
							&:focus {
								color: #E50071;
								background-color: transparent;
								box-shadow: none;
							}
						}
					}
				}
			}

			.navbar-collapse.show {
				ul.navbar-nav {
					opacity: 1;
					transition-delay: none;
				}
			}
		}
	}
}

.firstbus-mobile-nav {
	display: block !important;
}

@media (min-width: 992px) {
	.firstbus-mobile-nav {
		display: none !important;
	}
}

.navbar {
	padding: 15px 0;
}

li.nav-item.dropdown {
	margin-bottom: 0;
}

li.nav-item {
	margin-bottom: 0;
}

header.firstbus-mobile-nav {
	background: #fff;
}

.navbar-nav .nav-link.show {
	border-bottom: 3px solid #ff00ff;
}

.navbar-nav .nav-link {
	border-bottom: 3px solid #fff;
}

.nav-link,
.nav-link.active,
.nav-link a,
.nav-link:visited,
.nav-link:hover {
	font-weight: 500;
	color: #280071;
	padding: 20px 0 15px 0;
}

a.button,
.btn {
	font-size: 14px;
	text-transform: none;
	font-weight: 500;
	border-radius: 8px;
}

/*.show-new-nav {*/
/*padding-top: 2.75rem;*/
&::-webkit-scrollbar {
	width: .5rem;
}

&::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

&::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

&:has(.navbar-collapse.show),
&:has(.navbar-collapse.collapsing) {
	overflow: hidden;
}

header {
	display: block;
}

.page-row.header .container-fluid {
	padding: 0;
}

.page-row.header-nav {
	display: none;
}

.page-row.header .nav {
	display: none;
}

.container-fluid.banner-container {
	padding: 0;

	.row {
		margin: 0;

		.col-12 {
			padding: 0;
		}

	}
}

.survey #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow {
	margin-bottom:10px;
}

/* } */