/*

Skin: Softcat_02
Version: 20170630

Contents

1. CLIENT SPECIFIC
	1.1 Fonts
    1.2 Menu
    1.3 Logo
    1.4 Avatar
    1.5 Borders
    1.6 Text Pages
    
2. GLOBAL
	2.1 Colours
	2.2 General
    2.3 Buttons
    2.4 Errors
    2.5 Dialogues
    2.6 Tooltips
    2.7 Hidden
    2.8 Modals

3. PRE APPLICATION
	3.1 Home
	3.2 Job search
    3.3 No vacancies
    3.4 Categories
    3.5 Search results
    3.6 Job description
	3.7 Job alerts
	3.8 Questions
    3.9 Login
    3.10 Register
    3.11 Tabs

4. CANDIDATE PORTAL
	4.1 My home
	4.2 My profile
    4.3 My applications

5. APPLICATION SECTIONS
	5.1 Progress bar
	5.2 Application summary
    5.3 Global sections
    5.4 CV upload
    5.5 Equal Opportunities
    5.6 Interviews

6. MEDIA QUERIES
	6.1 Laptop
	6.2 Tablet
    6.3 Phablet
    6.4 Phone

*/

/* --------------------------------------
=========================================
   1. CLIENT SPECIFIC
=========================================
-----------------------------------------*/

/*--------------------------------------- 1.1 Fonts -----------------------------------------*/
h1 {
  font-size: 36px;
}
h1.strapline {
  font-size: 42px;
  color: #472566;
  padding-bottom: 0;
  margin-top: 30px;
  margin-bottom: 30px;
font-family: avenir-next-lt-pro, sans-serif;
font-weight: 700;
font-style: normal;
}
p.heading--p {
  font-size: 20px;
}
/*--------------------------------------- 1.2 Menu -----------------------------------------*/
body .page {
  max-width: 1600px;
  margin: 0 auto;
}
.navbar-toggle {
  padding: 7px 10px;
}
.sticky-navigation {
  min-height: 50px;
  background-color: #915ea3;
}
.sticky-navigation .main-navigation li a {
  padding: 5px 30px;
  color: #fff;
}
.main-navigation .menu-item-has-children > a:after {
  top: 12px;
}
/* Active Link Styling */
.sticky-navigation .main-navigation li.active a,
.sticky-navigation .main-navigation li.active a.sub-menu-link.active {
  font-weight: bold;
}
.main-navigation ul ul.sub-menu {
  background-color: #915ea3;
}
.sticky-navigation .main-navigation li.active a.sub-menu-link {
  font-weight: normal;
}
.menu-control {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
}
.menu-control:hover {
  cursor: pointer;
}
#nav-mobile,
.menu-control {
  display: none;
}
/* for 1048px or less */
@media screen and (max-width: 1048px) {
  #nav-mobile,
  .menu-control {
    display: block;
  }
  html body ul.closed,
  #topnav {
    display: none;
  }
}
/*--------------------------------------- 1.3 Logo -----------------------------------------*/
#logo {
  padding-top: 1em;
}
.logo-tag {
  margin-left: 10px;
  font-weight: bold;
  position: relative;
  bottom: 0;
  top: 10px;
}
/*--------------------------------------- 1.4 Avatar -----------------------------------------*/
#ProfileIcon img {
  width: 50px;
  transition: all 0.2s ease-in-out;
}
#ProfileIcon img:hover {
  transform: scale(1.2);
}
#ProfileIcon strong {
  position: relative;
  bottom: 20px;
  right: 10px;
}
#links-top .avatar-submenu li {
  width: 100%;
  display: block;
}
/*--------------------------------------- 1.5 Borders -----------------------------------------*/
#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
  border-radius: 0;
}
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li,
#eaContainer .fileContainer,
#eaContainer .uploadedFilesContainer,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .pageBlockInner_GridBlock div.gridContent,
#eaContainer
  #MyDetails_Username_pageView
  #Summary_emailList_formRow
  .emailPrimaryAlreadyContainer,
#eaContainer
  #MyDetails_pageView
  #MyDetailsStauts_pageBlock
  #eArcuProfileSummary,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage,
#eaContainer
  #MyDetails_ConnectedServices_pageView
  #ConnectedServicesForm_pageBlock
  .serviceContainer2,
#eaContainer .ulListItemLabel,
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
#eaContainer .rowContainer,
body
  #eaContainer
  #MyDetailsStauts_pageBlockContainer
  .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts,
#eaContainer .posBrowserMapBlock .addressContainer,
html body .tooltip2_Outer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer,
html body .posListHover .contentContainer,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .sysadminblock,
#eaContainer button.addressButton,
#eaContainer .posBrowserMapBlock .addressContainer .addressInput,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup,
#eaContainer
  #Pos_Category_Description_pageView
  #categorydesc_pageBlock
  .imageContainer,
#eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
#eaContainer
  #Home_pageView
  #CodeListCounts_pageBlockContainer
  .availableListsContainer,
.listItemAnchorContainer,
#eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
#eaContainer #Application_Home_pageView .ulListItem,
#eaContainer
  #Home_pageView
  #CodeListCounts_pageBlockContainer
  .availableListsContainer,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content,
#quicksearch_pageBlockContainer input.buttonSubmit,
body button.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close,
body .ui-dialog,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer
  #Home_pageView
  #noPositions_pageBlockContainer
  .bottomContainer
  .buttonContainer
  a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer a,
#eaContainer .pageBlockInner_GridBlock .gridTop {
  border: 0;
}
/* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/
/*--------------------------------------- 2.1 Colours -----------------------------------------*/
/* Primary colour */
.hero-bg,
.srt-menu li li:hover > a,
#topnav,
#nav-mobile,
a.buttonlink,
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
div.FilterRowsContainer .AvailableContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer
  #Home_pageView
  #CodeListCounts_pageBlockContainer
  .availableListsContainer,
.listItemAnchorContainer,
.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer
  #Home_pageView
  #noPositions_pageBlockContainer
  .bottomContainer
  .buttonContainer
  a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#FindJobHeroBlock,
#login-register-block .buttonAnchor:hover,
#eaContainer .TilesGridSortingPopup,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
  background: #80296f;
}
#SignInTitleBlock_pageBlock .pageBlockInner h1,
#eaContainer h1.eArcuInfoHeader,
#eaContainer a,
#links-top li.current a,
.srt-menu li:hover > a,
.srt-menu li.current a,
body .ui-widget-content a,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber,
body .pageBlockInner_FormBlock div.curFocus label.formLabel,
#eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel,
#eaContainer div.pageBlockTitle,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
#eaContainer a,
body .ui-widget-content a,
#eaContainer .TilesGridSortingPopup a:hover,
body #FindJobHeroBlock input.buttonSubmit,
#Welcome_pageView .iconLabel a,
#eaContainer
  #ApplicationsGrid_pageBlock
  .pageBlockInner_GridBlock
  div.gridContent
  .rowContainer
  a.rcMenu,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted {
  color: #653466;
}
#FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover {
  border: 1px solid #492d7f;
}
/* Secondary colour */
#eaContainer
  #MyDetails_Username_pageView
  #Summary_emailList_formRow
  .emailPrimaryAlreadyContainer,
.listItemContainer:hover .listItemAnchorContainer,
.listItemAnchorContainer:hover,
body
  #eaContainer
  #Home_pageView
  #CodeListCounts_pageBlockContainer
  .availableListsContainer,
#quicksearch_pageBlockContainer div.pageBlockTitle,
.tabs-style-shape nav li a:hover span,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
  background-color: #472566;
}
.tabs-style-shape nav li a:hover svg {
  fill: #472566;
}
#eaContainer a:hover,
.hero-content h2 span,
body #eaContainer .alternateViews .alternateViewsButton:hover,
#Welcome_pageView .iconLabel a:hover,
#eaContainer
  #Application_Section_PersonalDetails_pageView
  .editblocklink
  a:hover,
#eaContainer .actionMessageContainer div.actionMessageOk,
#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer,
.logo-tag,
#eaContainer
  #ApplicationsGrid_pageBlock
  .pageBlockInner_GridBlock
  div.gridContent
  .rowContainer
  a.rcMenu:hover,
.Pos_Description_Review #eaContainer .reviewposlink a,
.Application_Home #eaContainer .myapplink a,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
a#JobsNearMe:hover {
  color: #472566;
}
#ProfileIcon:hover a,
#eaContainer
  .pageBlockInner_FormBlock
  .formRowIconRow
  .iconRowValues
  .iconRowValueHighLight,
.menu-control:hover,
#breadcrumb a:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover,
body
  .pageBlockInner_GridBlock
  div.pagingControls
  input.pagenumber_current:hover,
footer #footer .copy-right p a:hover,
#eaContainer .footer a:hover,
#eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover {
  color: #472566 !important;
}
/* Buttons */
body button.buttonAnchor:hover,
body input.buttonSubmit:hover,
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer
  #Home_pageView
  #noPositions_pageBlockContainer
  .bottomContainer
  .buttonContainer
  a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover,
#eaContainer .buttonsRight button.buttonAnchor:hover,
#eaContainer .buttonsLeft input.buttonSubmit:hover,
#eaContainer .buttonsRight input.buttonSubmit:hover,
#eaContainer .buttonsLeft a.buttonAnchor:hover,
#eaContainer .buttonsRight a.buttonAnchor:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
span.fake-button:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#quicksearch_pageBlockContainer input.buttonSubmit:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
.Pos_Description_Review #eaContainer .reviewposlink a:hover,
.Application_Withdraw #eaContainer .withdrawapp a:hover,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
.gridContainer .rowlink a:hover,
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .bottomControlContainer
  li:hover
  .filenameInner,
#eaContainer a.buttonAnchor:hover {
  background: #472566;
  border-color: #472566;
  color: #ffffff;
}
/* Whites */
.srt-menu li:hover > a,
.srt-menu li.current a,
.content-wrap section,
body .ui-dialog .ui-dialog-content,
.tabs-style-shape .content-wrap,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
  background: #fff;
}
.hero-bg h2,
.hero-bg p,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a,
.srt-menu li li:hover > a,
#eaContainer
  #MyDetails_Username_pageView
  #Summary_emailList_formRow
  .emailPrimaryAlreadyContainer,
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .filenameInner:hover,
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .rcFileMenu:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a,
#eaContainer #Application_Home_pageView .ulListItem:hover a,
#eaContainer #Application_Home_pageView .Completed:hover a,
html body .tooltip2_FormError,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a,
#eaContainer
  #Home_pageView
  #CodeListCounts_pageBlockContainer
  .availableListsContainer
  a,
#eaContainer div.listItemTitle a,
#eaContainer
  #Home_pageView
  #CodeListCounts_pageBlock
  .listItemContainer_NoContent
  .listItemAnchorContainer,
.listItemAnchorContainer *,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer
  #Home_pageView
  #noPositions_pageBlockContainer
  .bottomContainer
  .buttonContainer
  a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.menu-control,
#eaContainer .pageBlockInner_GridBlock .gridTop a,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
#quicksearch_pageBlockContainer div.pageBlockTitle h1,
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .bottomControlContainer
  .filename,
#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a,
#eaContainer div.FilterRowsContainer .AvailableContainer a,
#eaContainer .posBrowserMapBlock .alternateViewsCurrent a,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
body .dialog_noTitle div.ui-dialog-titlebar,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer a.buttonAnchor,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover,
#eaContainer .pageBlockContainer .rowHeader .rowlink a,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
  color: #fff;
}
#eaContainer
  #MyWelcomePacks_OfferForm_Summary_pageView
  .ulList
  li
  div.ulListItemLabel
  a:hover,
#eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover,
html
  #Home_pageView
  #CodeListCounts_pageBlockContainer
  .availableListsContainer
  li
  a:hover,
.tabs-style-shape nav .tab-current a,
.tabs-style-shape nav li a:hover {
  color: #fff !important;
}
#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
  border-color: #fff;
}
#eaContainer .actionMessageContainer div.actionMessageWarning {
  background-image: url("../images/sprites/red-cross.png");
}
#eaContainer .actionMessageContainer div.actionMessageOk {
  background-image: url("../images/sprites/green-tick.png");
}
#eaContainer
  .pageBlockInner_GridBlock
  .pagingControls_Tiles
  a.scroller_movenext {
  background-image: url("../images/sprites/white-arrow-right.png");
}
#eaContainer
  .pageBlockInner_GridBlock
  .pagingControls_Tiles
  a.scroller_moveprev {
  background-image: url("../images/sprites/white-arrow-left.png");
}
.charCounterValue {
  float: left;
}
/* Greys */
#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer
  #MyDetails_ConnectedServices_pageView
  #ConnectedServicesForm_pageBlock
  .serviceContainer2,
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
body
  #eaContainer
  #MyDetailsStauts_pageBlockContainer
  .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content,
.PosMyAppSummaryValues,
.tabs-style-shape nav li a span,
#eaContainer .posBrowserMapBlock .addressContainer,
#eaContainer
  #SearchForm_pageBlockContainer
  div.pageBlockInner_FormBlock
  div.formRow
  .controlContainer
  .inputText,
body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
  background: #f1f0f0;
}
.tabs-style-shape nav li a svg {
  fill: #f1f0f0;
}
.tabs-style-shape nav li a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a,
#eaContainer .posBrowserMapBlock .addressContainer .addressLabel,
body #modalcodelistlookup_pageBlock .labelContainer,
body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
#eaContainer .label {
  color: #313131;
}
body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
  color: #848484 !important;
}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
#eaContainer
  .pageBlockInner_FormBlock
  div.curFocus
  div.controlContainer
  .inputText,
#eaContainer
  .pageBlockInner_FormBlock
  div.curFocus
  div.controlContainer
  .inputSelect {
  border: 1px solid #9b9c9e;
}
/*--------------------------------------- 2.2 General -----------------------------------------*/
/* Parallax */
.mobile-banner {
  display: none;
}
.eArcuInfoHeader {
  display: none;
}
.outerContentContainer {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fff;
}
#content-main {
  min-height: 480px;
  margin-top: 2em;
}
#content {
  min-height: 430px;
}
.Pos_Find_Results #content {
  min-height: 0;
}
button {
  cursor: pointer;
}
#eaContainer div.pageBlockTitle {
  font-size: 19.6px;
  font-weight: normal;
}
#eaContainer .label {
  font-weight: normal;
}
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer .posBrowserMapBlock .gridTop {
  font-weight: 100;
  background: #fff;
  color: #767676;
}
#eaContainer .pageBlockInner_GridBlock .gridTop a,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
rowContainer a {
  font-weight: 100;
  color: #000000;
}
#eaContainer a,
body .ui-widget-content a {
  font-weight: normal;
  outline: 0;
}
#eaContainer a.filename,
#eaContainer .rowlink a,
body #eaContainer .buttonAnchor,
#posBrowser_Filter_pageBlock .FilterRowsContainer a,
#eaContainer .alternateViews a {
  text-decoration: none;
  /*font-family: 'opensansregular', Helvetica Neue, Sans-serif;
    */
}
#eaContainer .iconLabel a,
#eaContainer .ulListItemLabel a,
#eaContainer .TilesGridSortingContainer a,
#eaContainer .TilesGridSortingPopup a,
#eaContainer .alternateViews a {
  text-decoration: none;
}
#eaContainer div.pageBlockContainer {
  margin: 0;
}
#eaContainer div.pageBlockContent {
  overflow: hidden;
}
#breadcrumb {
  margin-top: 2em;
  text-align: left;
  color: #9a9b9c;
}
h1#EarcuIntroTextBlockTitle,
h1#EarcuHeadingTextBlockTitle,
.pageBlockTitle {
  display: none;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
#eaContainer .pageBlockInner_GridBlock .ListGridContainer {
  margin: 0;
}
.content-warp.no-banner {
  margin-top: 6em;
}
.banner-main {
  margin-top: 70px;
  width: 100%;
}
#eaContainer {
  margin-bottom: 2em;
}
.christmasBanner {
  position: relative;
  width: 100%;
  z-index: 2;
  text-align: center;
  padding: 20px;
  background: #80296f;
  color: #fff;
}
#networks {
  background: none;
  border-radius: 0;
  border: none;
}
#networks ul.slides {
  display: flex;
}
#networks ul.slides .card {
  margin: 10px 10px 0;
}
#networks .flex-control-nav {
  position: relative;
  bottom: initial;
  margin-top: 30px;
}
#networks .flex-control-nav li {
  margin: 0 5px;
}
#networks .flex-control-nav li a {
  border: none;
  color: #4e485b;
  cursor: pointer;
  font-family: "proxima-nova";
  font-size: 18px;
  padding: 0;
  background: #80296f;
  border-radius: 50%;
  height: 10px;
  transition: background 0.3s, width 0.3s;
  width: 10px;
  will-change: contents;
}
#networks .flex-control-nav li a:hover {
  background: rgba(145, 93, 163, 0.5);
  outline: none;
}
#networks .flex-control-nav li a.flex-active {
  border-radius: 5px;
  cursor: default;
  pointer-events: none;
  width: 30px;
  background: #00aca2;
}
#networks .flex-direction-nav li a {
  border: none;
  color: #4e485b;
  cursor: pointer;
  font-family: "proxima-nova";
  font-size: 18px;
  margin: 0;
  padding: 0;
  align-items: center;
  background: #80296f;
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  transition: all 0.3s;
  width: 60px;
  color: #fff;
}
#networks .flex-direction-nav li a:before {
  color: inherit;
  text-shadow: none;
}
#networks .flex-direction-nav li a.flex-prev {
  left: -70px;
}
#networks .flex-direction-nav li a.flex-next {
  right: -70px;
}
.buttonContainer {
  text-align: center;
  margin-top: 20px;
}
.buttonContainer a {
  display: inline-block;
  margin: 5px;
}
body.navOpen {
  overflow: hidden;
}

header .header__main .container > .u-df-align-center {
    justify-content: flex-start;
    gap: 60px;
}

    header .header__main .container > .u-df-align-center > div.u-df {
        margin-left:auto;
    }
/*--------------------------------------- 2.3 Buttons -----------------------------------------*/
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer
  #Home_pageView
  #noPositions_pageBlockContainer
  .bottomContainer
  .buttonContainer
  a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.gridContainer .rowlink a {
  padding: 7px 15px;
  text-align: center;
  font-size: inherit;
  font-family: inherit;
  font-weight: normal;
  min-width: 120px;
  border-radius: 30px;
}
body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
  text-shadow: none;
}
#eaContainer .addressButton {
  padding: 0;
  border-radius: 30px;
}
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit {
  padding: 7px 25px;
}
html body th input.buttonSubmit {
  box-shadow: none;
}
#eaContainer input.buttonSubmit {
  padding: 7px 25px;
}
/*--------------------------------------- 2.4 Errors -----------------------------------------*/
#eaContainer .actionMessageContainer {
  padding: 1em 0;
  margin-bottom: 1em;
  background-color: #492d7f;
}
.pageBlockInner_FormBlock div.controlError {
  padding-top: 5px;
}
/*--------------------------------------- 2.5 Dialogues -----------------------------------------*/
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber {
  text-shadow: none;
}
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current {
  color: #000000;
}
.ui-dialog-titlebar-close {
  background-image: url("../images/sprites/white-cross.png");
  background-repeat: no-repeat;
}
body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit {
  margin-top: 0;
}
body button.ui-dialog-titlebar-close {
  outline: 0;
}
/*--------------------------------------- 2.6 Tooltips -----------------------------------------*/
body .tooltip2_Outer {
  padding-left: 1em;
}
.tooltip2_Surround,
.tooltip2_SurroundClosing {
  display: none !important;
}
/*--------------------------------------- 2.7 Hidden -----------------------------------------*/
.hidden {
  display: none;
}
/*--------------------------------------- 2.8 Modals -----------------------------------------*/
body .ui-dialog div.gridRemove .pageBlockContent {
  background: none;
}
.modalContent .formRow.formRowButtonRow {
  margin-top: 1em;
  width: 76.5% !important;
}
.modalContent .totalRows {
  margin-top: 1em;
}
.modalContent .gridFooter {
  overflow: hidden !important;
}
.modalContent {
  min-height: auto !important;
}
body .pageBlockInner_GridBlock table.gridTable th {
  background: #ffffff;
}
/* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/
/*--------------------------------------- 3.1 Home -----------------------------------------*/
#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer div.actionMessageOk {
  color: #fff;
  margin-left: 10px;
}
.blockquote-author {
  font-size: 20px;
}
.category-description-text,
.nojobs_jobBlock {
  margin-bottom: 1em;
  margin-top: 1em;
}
.category-description-text p {
  font-size: 20px;
}
.jobBlock.nojobs_jobBlock p {
  z-index: 1;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.jobBlock.nojobs_jobBlock div#anchorCon {
  z-index: 1;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.jobBlock.nojobs_jobBlock div#anchorCon a {
  background: #80296f;
  border: 0;
  border-radius: 25px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  line-height: 1.5;
  min-width: 200px;
  padding: 12px 40px 14px;
  text-decoration: none;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
  vertical-align: middle;
  margin: 2em auto 0;
}
.jobBlock.nojobs_jobBlock div#anchorCon a:hover,
.jobBlock.nojobs_jobBlock div#anchorCon a:focus,
.jobBlock.nojobs_jobBlock div#anchorCon a:active {
  color: #fff;
  background: #653466;
}
#search-bar .grid__item {
  margin-right: 20px;
  width: auto;
  background: #472566;
  padding: 20px 40px;
  border-radius: 0;
  max-width: 100%;
  width: 98%;
}
#search-bar div#quicksearch_filter_locationradius_formRow {
  display: none;
}
/*--------------------------------------- 3.2 Job search -----------------------------------------*/
#eaContainer .u-full-height {
  height: auto;
  margin-left: 10%;
}
#eaContainer .grid__item {
  background-color: rgba(50, 30, 91, 0.2);
}
#eaContainer .banner__heading {
  font-size: 60px;
}
#eaContainer .banner__content {
  font-size: 22px;
  font-weight: 500;
}
#eaContainer .banner__grid {
  /*border-right: 5px solid #fbbd56;
    */
  margin-right: 0px;
}
#FindJobContainer {
  position: relative;
}
#FindJobContainer a#JobsNearMe {
  margin-left: 28px;
}
#FindJobHeroBlock {
  background: transparent;
}
#FindJobHeroBlock h1 {
  color: #fff;
  margin-bottom: 15px;
}
#FindJobHeroBlock .pageBlockHeader,
#quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer {
  display: none;
}
#FindJobHeroBlock .buttonAnchor,
#FindJobHeroBlock .pageBlockInner .buttonsRight li,
#FindJobHeroBlock input.buttonSubmit,
#FindJobHeroBlock .buttonsRight,
#FindJobHeroBlock .formRowTextInputRow .controlContainer {
  float: none;
}
body #FindJobHeroBlock input.buttonSubmit {
  background: #80296f;
  font-weight: normal;
  text-shadow: 0 !important;
  border: 1px solid #80296f;
  color: #fff;
  border-radius: 30px;
}
body #FindJobHeroBlock input.buttonSubmit:hover {
  background: #653466;
}
body #FindJobHeroBlock input.inputText {
  width: 100%;
  padding-top: 4px;
  border-radius: 30px;
  padding-left: 15px;
  color: #999;
}
body #FindJobHeroBlock .formRowTextInputRow {
  width: 50%;
  display: inline-block;
  float: none;
}
body #FindJobHeroBlock .blockSummaryText {
  padding-left: 0;
}
#FindJobHeroBlock div.pageBlockContent {
  padding: 0;
}
#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
  float: none;
  display: inline-block;
  width: auto;
}
#FindJobHeroBlock .buttonSubmit {
  display: inline-block;
  padding: 2.9px 25px;
}
body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor {
  /* text-decoration: underline !important;
     */
  background: none;
}
a#JobsNearMe {
  background: none;
  padding-left: 25px;
}
a#JobsNearMe:before {
  font-family: FontAwesome;
  content: "\f124";
  padding-right: 1em;
}
#FindJobHeroBlock h1 {
  margin-top: 0;
  font-family: "proxima-nova-condensed", Arial, serif;
  text-transform: none;
}
/*--------------------------------------- 3.3 No vacancies -----------------------------------------*/
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent {
  width: 100%;
}
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content {
  padding: 10px;
}
#Home_pageView
  #noPositions_pageBlockContainer
  .bottomContainer
  .buttonContainer
  a {
  border: 2px solid #80296f;
  border-radius: 25px;
  color: #80296f;
}
#Home_pageView #noPositions_pageBlockContainer .content {
  border-radius: 0 0 80px 0;
  padding: 20px;
}
#Home_pageView #noPositions_pageBlockContainer .topContent {
  border: none;
  margin: 0 auto 10px auto;
  width: 100%;
  background: transparent;
  border-radius: 0 0 80px 0;
  padding: 20px;
  color: #fff;
}
#Home_pageView #noPositions_pageBlockContainer .topContent .title {
  color: #fff;
}
#Home_pageView #noPositions_pageBlockContainer .title {
  border-bottom: none;
  background: transparent;
  padding: 5px;
  font-weight: normal;
  text-align: center;
  font-size: 22px;
  color: #472566;
}
/*--------------------------------------- 3.4 Categories -----------------------------------------*/
/* Blocks */
.category-container {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
  background: #000000;
}
.category-container {
  cursor: pointer;
}
.category-container img {
  opacity: 0.8;
}
.category-container:hover {
  background: #ffffff;
}
.category-info {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.category-info h1 {
  color: #ffffff;
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7);
}
span.fake-button {
  color: #fff;
  float: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  padding: 8px 15px;
  text-align: center;
  text-transform: uppercase;
  background: #9b9c9e;
}
.category-container:hover img,
.category-container:hover .category-extras {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.category-container:hover img {
  opacity: 0.1;
}
.category-extras {
  display: none;
}
.category-container:hover .category-extras {
  display: block;
}
.category-container:hover .category-info h1 {
  color: rgb(85, 55, 155);
  text-shadow: none;
}
.category-info h1 {
  margin-top: 0;
}
.category-info p {
  margin: 0 auto;
  width: 85%;
  max-height: 80px;
  margin-bottom: 20px;
  overflow: hidden;
}
.col-third {
  width: 33.1%;
  display: inline-block;
}
/* Image zoom on hover + Overlay colour */
.cat-container {
  width: 101%;
  height: 300px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-top: -10px;
}
.cat-content {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/* Several different images */
.bg-one {
  background-image: url("../images/categories/category-6.jpg");
}
.bg-two {
  background-image: url("../images/categories/category-2.jpg");
}
.bg-three {
  background-image: url("../images/categories/category-3.jpg");
}
.bg-four {
  background-image: url("../images/categories/category-4.jpg");
}
.bg-five {
  background-image: url("../images/categories/category-5.jpg");
}
.bg-six {
  background-image: url("../images/categories/category-1.jpg");
}
.cat-inner {
  display: none;
}
.cat-container:hover .cat-inner,
.cat-container:focus .cat-inner {
  display: block;
}
.categories .cat-inner {
  font-size: 28px;
  color: #ffffff !important;
  font-family: sans-serif;
  text-align: center;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 110px;
  cursor: pointer;
  /*text-decoration: none;
    */
}
.cat-container:hover .cat-content,
.cat-container:focus .cat-content {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.cat-container:hover .cat-content:before,
.cat-container:focus .cat-content:before {
  display: block;
}
.cat-container:hover a,
.cat-container:focus a {
  display: block;
}
.cat-content:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
/*Roles Page Styling*/
#eaContainer
  .CodeListCountsSummary.pageBlockContainer
  .pageBlockContent
  .listContainer,
#eaContainer
  #Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer,
#eaContainer #CodeListCounts_pageBlock {
  padding: 0;
  margin: 0;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer {
  width: 31%;
  position: relative;
  margin: 10px;
  height: 275px;
  background: transparent;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder,
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .listItemImageContainer {
  height: 265px;
  position: relative;
  margin: 10px 0 0 10px;
  background: #fff;
  border-radius: 0 0 80px 0;
  overflow: hidden;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .listItemImageContainer {
  z-index: 1;
  background-size: 140px;
  background-position: 50% 15%;
  background-repeat: no-repeat;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .listItemImageContainer,
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer:hover
  .listItemContainerBorder
  .listItemImageContainer {
  background-size: 90px;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  transition: all 0.2s ease;
  height: 140px;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .card__shape {
  transform: translate(10px, 10px);
  background: #80296f;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer:hover
  .card__shape {
  transform: translate(0, 0);
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower
  .listItemTitle {
  padding: 4px 0 2px 0;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower
  .listItemTitle
  a {
  font-size: 20px;
  font-weight: 400;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower
  .listItemTitle
  a,
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower
  .listItemCountContainer {
  color: #472566;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower
  .listItemCountContainer {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  transition: all 0.2s ease;
  margin-bottom: 15px;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer
  .listItemContainerBorder
  .codeListBlockLower {
  background: #fff;
}
#Home_pageView
  #CodeListCounts_pageBlock
  .listContainer_Option2
  .listItemContainer:hover
  .listItemContainerBorder
  .codeListBlockLower {
  background: #fff;
}
.buttonsCenter {
  position: relative;
}
.buttonsCenter a {
  margin: 0 auto;
}
#rewards .quote-hero__gradient {
  background: linear-gradient(180deg, rgba(0, 24, 70, 0), #00aba2);
}
/*Roles Page Styling End*/
/*--------------------------------------- 3.5 Search results -----------------------------------------*/
html body .posListHover {
  display: none !important;
}
#eaContainer {
  min-height: 400px;
}
body.Pos_Find_Results #eaContainer {
  min-height: 500px;
}
.hero-bg {
  margin: 0;
  text-align: center;
}
.hero-bg {
  width: 100%;
  clear: both;
  background: url(../images/custom/alerts-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 300px;
}
.hero-content {
  padding: 60px 15px;
}
.hero-bg h2 {
  font-size: 3em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  margin: 0 0 20px;
}
.hero-bg a.buttonAnchor {
  float: none;
  padding: 15px 27px;
}
.addressContainer input,
.addressContainer button {
  line-height: 28.8px;
}
div#posBrowser_Filter_pageBlockContainer {
  width: 30%;
  float: left;
}
#eaContainer .pagingButtons {
  padding-top: 2px;
}
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup {
  background: #653466;
}
#eaContainer .pageBlockInner_GridBlock .gridTop a:hover {
  color: #767676;
}
#eaContainer .posBrowserMapBlock .addressContainer {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 375px;
  left: 21vw !important;
}
#eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
  width: 150px;
  font-family: "proxima-nova", Arial, serif;
}
#eaContainer .addressContainer .addressButton {
  margin-top: 1px;
}
div.alternateViews a.alternateViewsButton_List {
  margin-right: 1em;
}
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
  margin-bottom: 5px;
  background: #fff;
}
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
  background: #e5dae6;
  color: #653466;
}
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
  color: #767676;
  font-weight: 100;
  font-size: 20px;
}
#eaContainer .posBrowserMapBlock .alternateViewsCurrent a {
  font-weight: 100;
  color: #000;
}
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
  background-color: #653466;
  background-image: url(../images/sprites/unticked.jpg);
  background-repeat: no-repeat;
  background-position: 6px center;
  padding: 4px;
  padding-left: 35px;
  width: 100%;
  margin: 4px 0;
}
li.ValueItem_empty {
  display: none;
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterRow.poscodelist10
  .FilterContainer.FilterContainer_CodeList
  .ValueList
  li.CodeListEntryId_912 {
  background-color: #2d7f94;
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterRow.poscodelist10
  .FilterContainer.FilterContainer_CodeList
  .ValueList
  li.CodeListEntryId_913 {
  background-color: #b8218e;
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterRow.poscodelist10
  .FilterContainer.FilterContainer_CodeList
  .ValueList
  li.CodeListEntryId_914 {
  background-color: #94c93d;
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterRow.poscodelist10
  .FilterContainer.FilterContainer_CodeList
  .ValueList
  li.CodeListEntryId_915 {
  background-color: #653466;
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterRow.poscodelist10
  .FilterContainer.FilterContainer_CodeList
  .ValueList
  li.CodeListEntryId_920 {
  background-color: #492d7f;
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterRow.poscodelist10
  .FilterContainer.FilterContainer_CodeList
  .ValueList
  li.CodeListEntryId_916 {
  background-color: #2c7f93;
}
/*apprentices*/
#eaContainer
  #posBrowser_ResultsGrid_pageBlock
  .rowContainerHolder
  .rowContainer.rowContainerCol_codelist10id_912 {
  border: 4px solid #2d7f94;
  border-bottom: 20px solid #2d7f94;
}
/*business*/
#eaContainer
  #posBrowser_ResultsGrid_pageBlock
  .rowContainerHolder
  .rowContainer.rowContainerCol_codelist10id_913 {
  border: 4px solid #b8218e;
  border-bottom: 20px solid #b8218e;
}
/*internship*/
#eaContainer
  #posBrowser_ResultsGrid_pageBlock
  .rowContainerHolder
  .rowContainer.rowContainerCol_codelist10id_914 {
  border: 4px solid #94c93d;
  border-bottom: 20px solid #94c93d;
}
/*sales*/
#eaContainer
  #posBrowser_ResultsGrid_pageBlock
  .rowContainerHolder
  .rowContainer.rowContainerCol_codelist10id_915 {
  border: 4px solid #653466;
  border-bottom: 20px solid #653466;
}
/*salesop*/
#eaContainer
  #posBrowser_ResultsGrid_pageBlock
  .rowContainerHolder
  .rowContainer.rowContainerCol_codelist10id_920 {
  border: 4px solid #492d7f;
  border-bottom: 20px solid #492d7f;
}
/*tech*/
#eaContainer
  #posBrowser_ResultsGrid_pageBlock
  .rowContainerHolder
  .rowContainer.rowContainerCol_codelist10id_916 {
  border: 4px solid #2c7f93;
  border-bottom: 20px solid #2c7f93;
}
.rowContainerCol_codelist10id_912
  span.codelist7value_vacancyColumn.vacancyColumn {
  color: #2d7f94;
}
.rowContainerCol_codelist10id_913
  span.codelist7value_vacancyColumn.vacancyColumn {
  color: #b8218e;
}
.rowContainerCol_codelist10id_914
  span.codelist7value_vacancyColumn.vacancyColumn {
  color: #94c93d;
}
.rowContainerCol_codelist10id_915
  span.codelist7value_vacancyColumn.vacancyColumn {
  color: #653466;
}
.rowContainerCol_codelist10id_920
  span.codelist7value_vacancyColumn.vacancyColumn {
  color: #492d7f;
}
.rowContainerCol_codelist10id_916
  span.codelist7value_vacancyColumn.vacancyColumn {
  color: #2c7f93;
}
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover {
  background-color: #956c9c;
  background-image: url(../images/sprites/unticked.jpg);
  background-repeat: no-repeat;
  background-position: 6px center;
  /* padding-left: 25px;
     */
}
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterContainer
  .ValueList
  li.ValueItem_selected {
  background-color: #653466;
  background-image: url(../images/sprites/ticked.jpg);
  background-repeat: no-repeat;
  background-position: 6px center;
}
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count,
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterContainer
  .ValueItem_selected
  a
  span {
  color: #fff;
}
#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a {
  margin: 6px 5px 1px 1px;
}
html body .posListHover {
  /* display: none;
     */
  background: #f1f0f0;
  border: 0px;
  max-height: 50%;
}
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
  margin-left: 1% !important;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 100%;
  height: auto;
  width: 100%;
  padding: 10px;
  border: 4px solid #653466;
  border-bottom: 20px solid #653466;
  background: #fff;
}
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a {
  text-decoration: none;
  color: #653466;
}
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a {
  font-weight: bold;
  font-size: 20px;
  line-height: 18px;
}
div#posBrowser_ResultsGrid_pageBlock
  .rowItemsInnerContainer2
  span.vacancyColumn {
  width: 100%;
  font-size: 19px;
}
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
  color: #fff;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica Neue, Sans-serif;
}
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count,
#eaContainer
  #posBrowser_Filter_pageBlock
  .FilterContainer
  .ValueItem_selected
  a
  span {
  text-decoration: none;
}
/*--------------------------------------- 3.6 Job description -----------------------------------------*/
div.posDescriptionContainer317 .LeftJobBox {
  float: right;
}
#eaContainer .earcu_posdescriptiontitle {
  font-weight: bold;
  line-height: 1.5em;
  margin: 0.45em 0;
  padding: 0;
}
.PosDescriptionText {
  * {
    font-family: inherit !important;
  }
  h2 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    &:first-child {
      margin-top: 0;
    }
  }
}
.PosDescriptionText .earcu_posdescriptionnote ul {
  list-style-type: none;
  list-style-position: inside;
}
.PosDescriptionText .earcu_posdescriptionnote li {
  position: relative;
  padding-left: 25px;
}
.PosDescriptionText .earcu_posdescriptionnote ul li:before {
  background-image: url(../images/sprites/icon_tick_circle.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
  top: 3px;
}
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
  padding: 2em;
}
.posAlerts_info.posrightbox_info {
  margin: 1em 0 0;
}
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
  margin-right: 0;
  margin-bottom: 10px;
  min-width: 180px;
  border-radius: 30px;
}
.posAlerts .posAlerts_info {
  margin-bottom: 1em;
}
.PosMyAppSummaryValues dd {
  margin: 0;
}
#eaContainer .PosMyAppSummaryValues div.appCompleteChartBack,
#eaContainer .PosMyAppSummaryValues div.appCompleteChartBar {
  padding: 0;
  margin: 0;
}
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer {
  margin: auto;
  display: table;
}
#eaContainer div.posDescriptionContainer317 .BigVacancyMap {
  width: 100%;
}
#eaContainer div.posDescriptionContainer317 .RightJobBox {
  margin-right: 20px;
  margin-left: 0;
}
#eaContainer span.miniMapButton {
  margin-bottom: 10px;
}
#eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue {
  margin-right: 0px;
}
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
  background: #f2f3f6 none repeat scroll 0 0;
  border: 0 none;
  padding: 2em;
  margin: 1em 0;
  border-radius: 0;
  box-shadow: 0 4px 10px 0 hsl(0deg 0% 56% / 20%);
}
#posdesc_pageBlock ul.jobSum li {
  list-style: none;
  background: #80296f;
  color: #fff;
  padding: 5px;
  margin: 5px;
  width: auto;
  display: inline-block;
  line-height: normal;
}
#posdesc_pageBlock ul.jobSum {
  display: list-item;
}
.Pos_Description .heading-section {
  display: none;
}
#JobDescriptionMap_vacancyMap_pageBlock {
  padding: 0;
}
.mapContainer .ButtonHolder .miniMapButton {
  background: #f2f3f6;
  display: block;
  padding: 5px 10px;
}
#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
  width: 100%;
  height: 170px;
}
h2.recruiter-title {
  font-size: 30px;
  margin: 20px 0 0;
}
.rec-img {
  position: relative;
  max-width: 360px;
  margin: auto;
}
.rec-img .media-content__accent {
  height: 50%;
  left: -20px;
  position: absolute;
  top: -15px;
  width: 50%;
  background-color: #fbbd56;
  z-index: 0;
}
.rec-img img {
  border-radius: 0;
  box-shadow: 0 4px 10px 0 hsl(0deg 0% 56% / 20%);
  width: 100%;
  object-fit: cover;
  z-index: 1;
  position: relative;
  margin-top: 15px;
}
#eaContainer #PosDescSharingItems {
  text-align: center;
  margin: 0 auto;
  width: auto;
  display: table;
}
#eaContainer #PosDescSharingItems a.PosDescSharingItem {
  width: 35px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.2s ease;
  position: relative;
  border-radius: 0;
}
#eaContainer #PosDescSharingItems a.PosDescSharingItem:hover {
  background-color: #e0e0e0;
}
#eaContainer
  #PosDescSharingItems
  a.PosDescSharingItem#linkedin_PosDescSharingItem {
  background-image: url(../images/icons/linkedin.png);
}
#eaContainer
  #PosDescSharingItems
  a.PosDescSharingItem#facebook_PosDescSharingItem {
  background-image: url(../images/icons/facebook.png);
}
#eaContainer
  #PosDescSharingItems
  a.PosDescSharingItem#google_plusone_share_PosDescSharingItem {
  background-image: url(../images/icons/email.png);
}
#eaContainer
  #PosDescSharingItems
  a.PosDescSharingItem#email_PosDescSharingItem {
  background-image: url(../images/icons/email.png);
}
#eaContainer #PosDescSharingItems a#twitter_PosDescSharingItem {
  background-image: url(../images/icons/twitter.png);
}
#eaContainer #PosDescSharingItems a.PosDescSharingItem img {
  display: none;
}
#eaContainer #PosDescSharingItems a.PosDescSharingItem:hover {
  background-color: transparent;
}
#eaContainer .RightJobBox .posAlerts {
  text-align: center;
}
#benefits .glide__arrows {
  z-index: -1;
}

#Pos_Description_pageView #posdesc_pageBlockContainer div.posDescriptionContainer317 .LeftJobBox .ApplyNowContainer .buttonsLeft {
    display: flex;
    flex-direction:column;
    gap:20px;
}
/*--------------------------------------- 3.7 Job alerts -----------------------------------------*/
html body #lookupResults_gridTable {
  margin-bottom: 0;
  width: 100% !important;
}
#eaContainer
  .pageBlockInner_FormBlock
  div.controlContainer_ReadOnly
  div.selectmultipleContainer
  ul.selectmultiplelist
  li {
  padding-left: 5px;
}
#eaContainer .pageBlockInner_FormBlock label.formLabel {
  text-align: right;
}
#eaContainer #posdesc_pageBlock .posDescriptionContainer {
  overflow: hidden;
}
#eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
  overflow: hidden;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  grid-gap: 10px;
}
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowTextAreaRow
  div.controlContainer_ReadOnly,
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowTextAreaRow
  div.controlContainer_ReadOnlyWithControl {
  width: 30%;
}
#eaContainer
  .interviewdetailform
  .pageBlockInner_FormBlock
  .mapRow
  .mapInnerContainer_Small {
  width: 360px;
}
#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
#eaContainer .formRowSelectMultiCodelistRow label {
  padding: 6px 7px;
}
#eaContainer #MyJobFeedForm_form div.formRow {
  margin-top: 1em;
}
/*--------------------------------------- 3.8 Questions -----------------------------------------*/
#eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy {
  margin-bottom: 2em;
}
#eaContainer div.pageBlockInner_FormBlock div.formRow {
  /* width: 98%;
     */
  width: 100%;
}
#eaContainer #questions_form .controlContainer {
  margin-top: 1em;
}
.pageBlockInner_FormBlock div.radioOption input {
  margin-top: 3px;
}
/*--------------------------------------- 3.9 Login -----------------------------------------*/
#login_SaveButtonRow_formRow input,
#login_buttons2_formRow a {
  min-width: 285px;
}
/* Center apply social icons */
#eaContainer #login_pageBlock .ssoIcon,
#eaContainer #newregister_pageBlock .ssoIcon {
  display: inline-block;
  float: none;
}
#eaContainer #login_pageBlock .ssoIconsInnerContainer,
#eaContainer #newregister_pageBlock .ssoIconsInnerContainer {
  text-align: center;
}
.Login #eaContainer .pageBlockInner_FormBlock div.textLiteral {
  text-align: center;
}
/*--------------------------------------- 3.10 Register -----------------------------------------*/
#eaContainer .pageBlockInner_FormBlock input.inputText {
  padding: 5px;
}
#eaContainer
  #LinkedInStart_pageView
  .pageBlockInner_FormBlock
  .iconListStyle
  .iconContainer {
  border: 0;
  background: #f1f1f1;
}
.LinkedInInstructions
  #eaContainer
  .mainearcublock
  .buttonsRight
  input.buttonSubmit {
  background: #0078b5;
  color: #ffffff;
}
.LinkedInInstructions
  #eaContainer
  .mainearcublock
  .buttonsRight
  input.buttonSubmit:hover {
  background: #9b9c9e;
}
/* Tabs */
body
  #Application_Login_pageView
  #PageTitleBlock_pageBlock
  #pageTitleSignInHeaderContainer,
body
  #Application_Login_pageView
  #PageTitleBlock_pageBlock
  #pageTitleRegisterHeaderContainer {
  border: 0;
  margin-left: 0;
}
#pageTitleSignInHeaderContainer h2,
#pageTitleRegisterHeaderContainer h2 {
  background: #f1f1f1;
  color: #9a9b9c;
  padding: 10px;
}
/* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/
/*--------------------------------------- 4.1 My home -----------------------------------------*/
/* Summary icons */
#eaContainer
  #MyDetails_pageView
  #MyDetailsStauts_pageBlock
  #eArcuProfileImage
  .messageContainer {
  margin-right: 0;
}
#eaContainer
  #MyDetails_pageView
  #MyDetailsStauts_pageBlock
  #eArcuProfileImage
  .imageContainer {
  float: none;
  position: relative;
  margin: 0 auto;
}
#eArcuProfileImage {
  text-align: center;
}
#Welcome_pageView .iconLabel a {
  overflow-wrap: break-word;
}
#eaContainer
  #WelcomeInfoBlock_pageBlock
  div.pageBlockInner_FormBlock
  div.formRow {
  float: none;
}
#eaContainer .rowItemsInnerContainer2 {
  overflow: hidden;
}
div#posBrowser_ResultsGrid_pageBlock .rowItemsInnerContainer2 {
  display: flex;
  flex-wrap: wrap;
}
span.codelist7value_vacancyColumn.vacancyColumn {
  font-weight: bold;
  width: 100%;
}
span.comma {
  display: none;
}
#eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow {
  display: block;
}
#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
  padding: 2em;
}
#eaContainer
  .pageBlockInner_FormBlock
  .formRowIconRow
  .iconRowValues
  .iconRowValueHighLight:hover {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
  background-position: 30px 15px;
}
#Welcome_pageView .iconLabel a {
  font-family: "proxima-nova", Helvetica Neue, Sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-transform: uppercase;
}
/*--------------------------------------- 4.2 My profile -----------------------------------------*/
#eaContainer
  #MyDetailsStauts_pageBlockContainer
  .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
  border: 1px solid #d0d0d0;
}
#eaContainer #ShowCurrentAppLink_buttons_formRow {
  margin-top: 0.75em;
  margin-bottom: 1em;
}
#eaContainer .pageBlockInner_FormBlock div.textLiteral {
  text-align: left;
}
#Grid_PERSONALDETAILS_pageBlock .rowlink {
  padding-left: 20px;
}
#eaContainer
  .pageBlockContainer
  #Grid_PERSONALDETAILS_pageBlock
  .rowHeader
  .rowlink
  a {
  margin-left: 1em;
}
/* Add Email */
#EmailForm_pageBlock
  .pageBlockInner_FormBlock
  .formRowSelectInputRow_Common
  select {
  width: 251px;
}
#eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
  width: 100%;
}
#eaContainer
  #MyDetails_Username_pageView
  #Summary_emailList_formRow
  .emailContainer {
  padding: 15px 10px 10px;
}
/* Connected */
#eaContainer .connectedContainer {
  width: 50%;
  float: left;
}
#eaContainer .buttonContainer {
  display: none;
}
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, 
/* #eaContainer .gridContent,*/
 #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
  padding: 1em;
  /*margin-bottom: 1em;
    */
}
#eaContainer
  #MyDetails_ConnectedServices_pageView
  #ConnectedServicesForm_pageBlock
  .serviceContainer2 {
  margin-left: 0;
}
#eaContainer #MyDetails_ConnectedServices_pageView a.connect,
#eaContainer #MyDetails_ConnectedServices_pageView a.disconnect {
  background: none;
  color: #000000;
  font-family: "proxima-nova", Helvetica Neue, Sans-serif;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  width: auto;
  float: right;
}
#MyDetails_ConnectedServices_pageView
  #ConnectedServicesForm_pageBlock
  .serviceContainer {
  float: none;
  width: 100%;
}
/*--------------------------------------- 4.3 My applications -----------------------------------------*/
.iti--allow-dropdown {
  width: 100%;
}
#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
  padding: 3px 3px 3px 10px;
}
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a {
  text-decoration: none;
}
#eaContainer
  #ApplicationsGrid_pageBlock
  .pageBlockInner_GridBlock
  div.gridContent {
  padding: 10px 0;
}
#eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle,
#eaContainer
  #ApplicationsGrid_pageBlock
  .pageBlockInner_GridBlock
  div.gridContent
  .rowContainer {
  background: #f0f0f0;
  padding: 1em;
  /* border-bottom: 1px solid #d0d0d0;
     */
  margin-bottom: 1em;
}
#eaContainer
  #ApplicationsGrid_pageBlock
  .pageBlockInner_GridBlock
  div.gridContent
  .rowContainer
  a.rcMenu {
  font-size: 24px;
  font-family: "proxima-nova", Helvetica Neue, Sans-serif;
  text-decoration: none;
}
#eaContainer #ApplicationsGrid_pageBlock,
#eaContainer #Application_List_pageView #intro_pageBlock {
  padding-left: 0;
}
/* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/
/*--------------------------------------- 5.1 Progress bar -----------------------------------------*/
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
  height: 30px;
}
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
  height: 30px;
  width: 100%;
}
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
  margin-top: 1em;
  text-align: right;
  font-weight: bold;
}
#posSummaryBlockv2_pageBlock .MySummaryItem {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
}
#posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner {
  margin-left: 0;
  margin-right: 0;
  background: transparent;
  border: none;
}
#posSummaryBlockv2_pageBlock .MySummaryItemInner {
  margin-left: 0;
  border: none;
  background: transparent;
  text-align: center;
  height: 100%;
}
#posSummaryBlockv2_pageBlock .MySummaryItemTitle {
  margin: 5px;
  font-weight: bold;
  display: none;
}
#posSummaryBlockv2_pageBlock .MySummaryItemContent {
  margin: 5px;
  color: #472566;
  font-size: 30px;
  line-height: 66px;
}
#posSummaryBlockv2_pageBlock
  .appCompleteChartBlock.done
  .appCompleteChartBlockInner {
  background: #472566;
  border-color: #472566;
}
#posSummaryBlockv2_pageBlock .appCompleteChartBlockInner {
  background: #fff;
  height: 20px;
  margin: 0 1px 0 1px;
  border: 1px solid #d0d0d0;
}
/* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl {
     margin: 1em 0 3px;
}
 */
#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
  float: none;
  font-weight: bold;
  width: 120px;
}
#eaContainer #posSummaryBlock_pageBlock div.greenbox dt,
#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
  display: inline-block;
}
#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
  width: 10%;
}
#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
  width: 80%;
  margin-left: 0;
  margin-top: 10px;
}
/*--------------------------------------- 5.2 Application summary -----------------------------------------*/
.Welcome #pageMessages {
  display: none;
}
body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage {
  margin-top: 5px;
  height: 50px !important;
  width: 50px !important;
}
.iconContainer .iconImage img {
  height: 100% !important;
  width: 100% !important;
}
body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
  background: #f0f0f0;
}
body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar {
  background: none;
}
#eaContainer #posSummaryBlock_pageBlock div.greenbox {
  padding-left: 0;
  padding-right: 0;
}
#eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulList,
#eaContainer #Application_Home_pageView .ulList {
  margin: 0;
}
body
  #eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  li.Section_OfferSubmit,
#eaContainer
  #Application_Home_pageView
  .ulList
  li.Section_SubmitAndDeclarations {
  height: auto;
  padding: 0;
  min-height: 0;
  width: 100%;
  margin: 0;
}
#eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulList
  div.ulListItemLabel,
#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel {
  margin: 0;
  padding: 5px 10px;
  text-align: left;
}
.PosMyAppSummaryValues {
  padding: 1em;
}
#eaContainer
  #Application_Section_Submit_pageView
  #SubmitForm_checkboxlegal_formRow
  .labelContainer {
  width: auto;
}
#eaContainer
  .OfferSectionsSummaryBlockContainer
  .ulList
  .Completed
  div.ulListItemLabel
  a,
#eaContainer
  #Application_Home_pageView
  .ulList
  .Completed
  div.ulListItemLabel
  a,
#eaContainer
  .OfferSectionsSummaryBlockContainer
  .ulList
  div.ulListItemLabel:hover
  a {
  color: #ffffff;
}
#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
#eaContainer .pageView .pageBlockContent .ulListItem {
  background-color: #9b9c9e;
  background-image: url("../images/sprites/unselected-progress-hover.png");
  background-position: 99% 50%;
  border-color: #e3e3e3;
  float: none;
  height: auto;
  margin: 0 0 15px;
  padding: 0;
  width: auto;
  font-weight: normal;
}
#eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulListItem.Completed,
#eaContainer .pageView .pageBlockContent .ulListItem.Completed {
  background-image: url("../images/sprites/selected-progress-hover.png");
  background-color: #492d7f;
}
#eaContainer
  #MyWelcomePacks_OfferForm_Summary_pageView
  .ulList
  li.ulListItem:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover {
  background-image: url("../images/sprites/unselected-progress-hover.png");
  background-color: #472566;
}
#eaContainer
  #MyWelcomePacks_OfferForm_Summary_pageView
  .ulList
  li.ulListItem.Completed:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover {
  background-image: url("../images/sprites/selected-progress-hover.png");
  background-color: #492d7f;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock,
#eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock,
.Application_Home #sectionslist_pageBlock,
.Application_Home #BackBlock_pageBlock {
  padding: 0;
  margin-top: 15px;
}
/*--------------------------------------- 5.3 Global sections -----------------------------------------*/
/* Login / Register block */
.banner-main-container {
  position: relative;
}
#login-register-block {
  background: #9b9c9e;
  display: block;
  width: 300px;
  position: absolute;
  text-align: center;
  bottom: 50px;
  margin-left: 50px;
  padding: 1em;
  border-radius: 5px;
}
#login-register-block .buttonAnchor {
  background: #f1f1f1;
  color: #313131;
  margin-right: 1em;
}
.block-right {
  float: right;
}
#login-register-block .buttonAnchor.no-margin {
  margin: 0;
}
#eaContainer
  .pageBlockInner_GridBlock
  .ListGridContainer
  .rowContainer_WithIcons
  .rowItemsInnerContainer {
  margin-left: 0;
}
#Grid_REFEREES_pageBlock .gridContent * {
  float: none !important;
}
#eaContainer .PosMyAppSummaryLinks {
  margin-bottom: 1em;
  /*margin-top: 1em;
    */
}
#eaContainer .PosMyAppSummaryLinks a {
  /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;
    */
  padding-left: 20px;
}
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover {
  border-color: #a0a0a0;
  background-color: #492d7f;
}
body.MyWelcomePacks_OfferInformation_Summary
  #eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulListItem {
  width: 23%;
  margin: 10px;
  float: left;
}
body.MyWelcomePacks_OfferInformation_Summary
  #eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulList
  div.ulListItemLabel {
  text-align: center;
}
li.ulListItem.Section_OfferInformation6 .ulListItemLabel {
  background: url(../images/custom/offerinfo6.jpg);
  background-size: contain;
  background-position: 0 -15px;
  background-repeat: no-repeat;
}
li.ulListItem.Section_OfferInformation3 .ulListItemLabel {
  background: url(../images/custom/offerinfo3.jpg);
  background-size: auto 190px;
  background-repeat: no-repeat;
  background-position: top;
}
li.ulListItem.Section_OfferInformation4 .ulListItemLabel {
  background: url(../images/custom/offerinfo3.jpg);
  background-size: contain;
  background-position: 0 -15px;
  background-repeat: no-repeat;
}
li.ulListItem.Section_OfferInformation5 .ulListItemLabel {
  background: url(../images/custom/offerinfo5.jpg);
  background-size: auto 190px;
  background-repeat: no-repeat;
  background-position: top;
}
li.ulListItem.Section_OfferInformation1 .ulListItemLabel {
  background: url(../images/custom/offerinfo1.jpg);
  background-size: auto 190px;
  background-repeat: no-repeat;
  background-position: top;
}
li.ulListItem.Section_OfferInformation7 .ulListItemLabel {
  background: url(../images/custom/offerinfo7.jpg);
  background-size: auto 190px;
  background-repeat: no-repeat;
  background-position: top;
}
li.ulListItem.Section_OfferInformation10 .ulListItemLabel {
  background: url(../images/custom/offerinfo10.jpg);
  background-size: auto 190px;
  background-repeat: no-repeat;
  background-position: top;
}
li.ulListItem.Section_OfferInformation11 .ulListItemLabel {
  background: url(../images/custom/offerinfo11.jpg);
  background-size: auto 190px;
  background-repeat: no-repeat;
  background-position: top;
}
body.MyWelcomePacks_OfferInformation_Summary
  #eaContainer
  .OfferSectionsSummaryBlockContainer
  #sectionslist_pageBlock
  .ulListItem {
  background-position: 95% 94%;
}
body.MyWelcomePacks_OfferInformation_Summary
  #eaContainer
  .OfferSectionsSummaryBlockContainer
  .ulList
  div.ulListItemLabel
  a {
  height: 100%;
  display: grid;
  min-height: 220px;
  align-items: end;
}
@media (max-width: 1060px) {
  body.MyWelcomePacks_OfferInformation_Summary
    #eaContainer
    .OfferSectionsSummaryBlockContainer
    #sectionslist_pageBlock
    .ulListItem {
    width: 31%;
  }
}
@media (max-width: 900px) {
  body.MyWelcomePacks_OfferInformation_Summary
    #eaContainer
    .OfferSectionsSummaryBlockContainer
    #sectionslist_pageBlock
    .ulListItem {
    width: 47%;
  }
}
@media (max-width: 724px) {
  body.MyWelcomePacks_OfferInformation_Summary
    #eaContainer
    .OfferSectionsSummaryBlockContainer
    #sectionslist_pageBlock
    .ulListItem {
    width: 97%;
  }
}
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue {
  padding-left: 1em;
}
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader {
  font-weight: bold;
}
#eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer {
  padding-top: 0px;
}
#eaContainer .pageBlockInner_FormBlock .fakecheck {
  background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat
    scroll left center;
}
#eaContainer .pageBlockInner_FormBlock .fakecheck:hover {
  background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png")
    no-repeat scroll left center;
}
#eaContainer .pageBlockInner_FormBlock .fakechecked:hover,
#eaContainer .pageBlockInner_FormBlock .fakechecked {
  background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat
    scroll left center;
}
#eaContainer div.blockSummaryText {
  padding-left: 3px;
  margin-bottom: 1em;
}
#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
  border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
  border-style: solid;
  border-width: 1px;
  padding: 3px;
  width: 251px;
}
body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea {
  width: 100%;
}
#eaContainer .pageBlockInner_FormBlock label.formLabel {
  padding-right: 5px;
  font-weight: bold;
}
#eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
  width: auto;
}
#eaContainer .pageBlockContainerMiddle .buttonsContainer {
  margin-top: 1em;
}
#eaContainer .PosMyWelcomePackSummaryLinks {
  display: inline-block;
}
#Add_REFEREES_Description_formRow .labelContainer {
  text-align: left;
}
#eaContainer .mainearcublock .rowContainer {
  background: #f1f1f1;
}
.Application_List #eaContainer .mainearcublock .rowContainer {
  background: none;
}
#eaContainer .PosMyAppSummaryValues {
  background: #f1f1f1;
  margin-top: 13px;
}
#eaContainer .PosMyAppSummaryLinks {
  margin-bottom: 1em;
  margin-top: 2em;
}
.Pos_Description_Review #eaContainer .PosMyAppSummaryLinks {
  margin-left: 0;
}
#eaContainer .PosMyAppSummaryLinks a {
  background: transparent url("../images/sprites/arrow-right.png") no-repeat
    scroll 0 3px;
  padding-left: 20px;
}
.earcujobref {
  display: inline;
}
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
  font-family: "proxima-nova", Helvetica Neue, Sans-serif;
}
#eaContainer
  .Application_earcuBody
  #posSummaryBlock_pageBlock
  .PosMyAppSummaryValues {
  margin: 2px 0 3px;
}
#eaContainer #posSummaryBlock_pageBlock div.greenbox dt,
#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
  display: inline-block;
}
#eaContainer .pageBlockContainer .rowHeader .rowlink {
  padding-left: 0;
}
#eaContainer .pageBlockInner_FormBlock div.labelContainer {
  text-align: right;
}
/*--------------------------------------- 5.4 CV upload -----------------------------------------*/
.fileContainer .deletefile img {
  opacity: 0;
}
.fileContainer .deletefile {
  background: url("../images/sprites/black-cross.png") no-repeat right;
}
.fileContainer .deletefile:hover {
  background: url("../images/sprites/red-cross.png") no-repeat right;
}
.filename.rcFileMenu {
  height: 65px;
  overflow: auto;
  position: absolute;
}
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
  background-image: url("../images/sprites/white-upload.png");
  padding: 8px 25px 8px 50px;
  background-position: 10% center;
  background-repeat: no-repeat;
}
#eaContainer .fileContainer {
  background-image: none !important;
  text-transform: uppercase;
}
#eaContainer
  .pageBlockInner_FormBlock
  #fileupload_Files_formRow
  label.formLabel {
  margin: 10px;
}
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .uploadedFilesHeader {
  padding: 5px 5px 5px 20px;
}
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .bottomControlContainer
  .uploadedFilesContainer {
  margin: 0 4px 10px;
}
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .bottomControlContainer
  .filenameInner {
  text-align: center;
}
#eaContainer #fileupload_Files_formRow .controlContainer {
  float: none;
  margin: 0 auto;
  display: table;
}
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow {
  min-width: auto;
  margin: 0 auto;
}
#eaContainer #fileupload_Files_formRow .labelContainer {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}
#eaContainer
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  li.fileOuterContainer {
  float: none;
  margin: 0 auto;
}
#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
  background: #f1f1f1;
  border: 0;
  font-family: "proxima-nova", Helvetica Neue, Sans-serif;
  color: #313131;
}
body
  .pageBlockInner_FormBlock
  div.formRowFileUploadRow
  .bottomControlContainer
  .filename {
  background: #9b9c9e;
}
/*--------------------------------------- 5.5 Equal opportunities -----------------------------------------*/
body
  #eaContainer
  #Edit_WORKEXPERIENCE_pageBlock
  .formRowTextAreaRow
  div.labelContainer,
body
  #eaContainer
  #Add_WORKEXPERIENCE_pageBlock
  .formRowTextAreaRow
  div.labelContainer,
body
  #eaContainer
  #Edit_WORKEXPERIENCE_pageBlock
  .formRowTextAreaRow
  label.formLabel,
body
  #eaContainer
  #Add_WORKEXPERIENCE_pageBlock
  .formRowTextAreaRow
  label.formLabel,
#Edit_EQUALOPS_form .textLiteral {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: left;
}
/*--------------------------------------- 5.6 Interviews -----------------------------------------*/
#eaContainer
  .interviewdetailform
  .pageBlockInner_FormBlock
  .mapRow
  .mapInnerContainer_Small {
  margin-left: 0;
  width: auto;
}
#eaContainer
  .interviewdetailform
  .pageBlockInner_FormBlock
  .mapRow
  .mapContainer_Small {
  width: 30%;
}
/*--------------------------------------- Submit and Declarations -----------------------------------------*/
#Application_Section_Submit_pageView
  #SubmitForm_checkboxlegal_formRow
  .labelContainer,
#Application_Section_Submit_pageView
  #SubmitForm_contactconsent_formRow
  .labelContainer {
  width: auto;
}
.iframe-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/
/*--------------------------------------- 6.1 Laptop -----------------------------------------*/
@media only screen and (max-width: 1224px) {
  .banner__heading {
    width: auto;
  }
  /* Summary box */
  .Pos_Description_Review
    #eaContainer
    div.pageBlockContainer.pageBlockContainer_FormBlock,
  .Pos_Description_Review
    #eaContainer
    div.pageBlockContainer.pageBlockContainer_GridBlock,
  #eaContainer
    .Application_earcuBody
    div.pageBlockContainer.pageBlockContainer_FormBlock,
  #eaContainer
    .Application_earcuBody
    div.pageBlockContainer.pageBlockContainer_GridBlock,
  .MyEmailsByApplication
    #eaContainer
    div.pageBlockContainer.pageBlockContainer_GridBlock,
  .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  /* Search */
  #FindJobHeroBlock,
  #FindJobContainer {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
  #FindJobHeroBlock {
    padding-bottom: 15px;
  }
  body #FindJobHeroBlock input {
    margin-left: 0 !important;
  }
  /* Job Description */
  #eaContainer .PosDescriptionText .ApplyNowContainer {
    display: none;
  }
  #eaContainer #FindJobContainer .buttonsRight input.buttonSubmit {
    margin: 0em !important;
  }
}
@media screen and (max-width: 1076px) {
  #Home_pageView
    #CodeListCounts_pageBlock
    .listContainer_Option2
    .listItemContainer {
    width: 31%;
  }
}
@media screen and (max-width: 1066px) {
  #eaContainer div.posDescriptionContainer317 .RightJobBox {
    width: 28%;
  }
}
/*--------------------------------------- 6.2 Tablet -----------------------------------------*/
@media screen and (max-width: 980px) {
  /* Set label and input widths to 100% */
  #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
  #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
  body button.buttonAnchor,
  body input.buttonSubmit,
  body a.buttonAnchor,
  #eaContainer a.button,
  body
    #eaContainer
    #SearchForm_pageBlockContainer
    div.pageBlockInner_FormBlock
    div.formRow
    .controlContainer,
  body #modalcodelistlookup_pageBlock .labelContainer,
  body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
  .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer,
  #EmailForm_pageBlock
    .pageBlockInner_FormBlock
    .formRowSelectInputRow_Common
    input,
  #EmailForm_pageBlock
    .pageBlockInner_FormBlock
    .formRowSelectInputRow_Common
    select,
  body .pageBlockInner_FormBlock label.formLabel,
  body .pageBlockInner_FormBlock input.inputText,
  #eaContainer html body #lookupResults_gridTable,
  #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter,
  #eaContainer
    .interviewdetailform
    .pageBlockInner_FormBlock
    .mapRow
    .mapContainer_Small,
  #eaContainer
    .interviewdetailform
    .pageBlockInner_FormBlock
    .mapRow
    .mapInnerContainer_Small,
  #eaContainer
    .pageBlockInner_FormBlock
    div.formRowTextAreaRow
    div.controlContainer_ReadOnly,
  #eaContainer
    .pageBlockInner_FormBlock
    div.formRowTextAreaRow
    div.controlContainer_ReadOnlyWithControl,
  #eaContainer
    #MyDetails_Username_pageView
    #Summary_emailList_formRow
    .emailButtonsContainer,
  #eaContainer
    #MyDetails_Username_pageView
    #Summary_emailList_formRow
    .emailPrimaryAlreadyContainer,
  #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow,
  #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow,
  #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow,
  #eaContainer
    #SearchForm_pageBlockContainer
    div.pageBlockInner_FormBlock
    div.formRow
    .labelContainer,
  #eaContainer
    #SearchForm_pageBlockContainer
    div.pageBlockInner_FormBlock
    div.formRow
    .controlContainer,
  #eaContainer
    #SearchForm_pageBlockContainer
    div.pageBlockInner_FormBlock
    div.formRow
    .controlContainer
    .inputText,
  #eaContainer .pageBlockInner_FormBlock input.inputText,
  #eaContainer .pageBlockInner_FormBlock label.formLabel,
  #eaContainer .pageBlockInner_FormBlock div.labelContainer,
  #eaContainer .pageBlockInner_FormBlock div.controlContainer,
  #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
  #eaContainer
    #MyDetails_Username_pageView
    #Summary_emailList_formRow
    .emailValuesContainer {
    width: 100%;
    text-align: left;
  }
  /* Set button widths to 100% */
  #eaContainer a.button,
  html body .buttonsRight,
  #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
  #eaContainer .buttonsLeft button.buttonAnchor,
  #eaContainer .buttonsRight button.buttonAnchor,
  #eaContainer .buttonsLeft input.buttonSubmit,
  #eaContainer .buttonsRight input.buttonSubmit,
  #eaContainer .buttonsLeft a.buttonAnchor,
  #eaContainer .buttonsRight a.buttonAnchor,
  #Grid_PERSONALDETAILS_pageBlock .rowlink a {
    width: 100%;
    float: none;
    margin: 1em 0em 1em 0em !important;
  }
  #eaContainer #FindJobContainer .buttonsRight input.buttonSubmit {
    margin: 0em !important;
  }
  #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
  #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
  .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer,
  #eaContainer .pageBlockInner .buttonsLeft,
  #eaContainer .pageBlockInner .buttonsRight,
  #eaContainer .pageBlockInner .buttonsLeft li,
  #eaContainer .pageBlockInner .buttonsRight li {
    float: none;
  }
  body div.ui-dialog .pageBlockInner_GridBlock input.scroller {
    margin: 1em 0em;
  }
  /* Align search labels left */
  body .pageBlockInner_FormBlock div.labelContainer,
  #eaContainer .pageBlockInner_FormBlock div.labelContainer,
  #eaContainer
    #SearchForm_pageBlock
    .pageBlockInner_FormBlock
    div.labelContainer {
    text-align: left;
  }
  /* No vacancies */
  #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer,
  #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer {
    width: 100%;
    float: none;
  }
  #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login {
    margin-left: 0;
  }
  #eaContainer
    #Home_pageView
    #noPositions_pageBlockContainer
    .content_register {
    margin-right: 0;
  }
  html body .tooltip2_Outer,
  html body .posListHover {
    display: none;
  }
  /* Category & AP section blocks */
  #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
    width: 50%;
    /* height: auto;
         */
  }
  /* Category pages */
  #eaContainer
    #Pos_Category_Description_pageView
    #categorydesc_pageBlock
    .imageContainer,
  #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
  #eaContainer
    #Pos_Category_Description_pageView
    #categorydesc_pageBlock
    .descContainer,
  #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer {
    display: block;
    width: 100%;
  }
  #eaContainer .category-blocks .category-block {
    margin-left: 1% !important;
    width: 48%;
  }
  #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #eaContainer .category-blocks .category-block {
    min-height: 210px;
  }
  /* Alerts */
  #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
  #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    overflow: visible;
  }
  #MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
    display: none;
  }
  #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText,
  #eaContainer
    .pageBlockInner_FormBlock
    div.SelectMultiRow
    .selectmultiplerow
    .divajaxcontainter {
    float: none !important;
  }
  /* Summary icons */
  #eaContainer
    #WelcomeInfoBlock_pageBlock
    div.pageBlockInner_FormBlock
    div.formRow {
    width: 100%;
    display: inline-block;
  }
  /* Email address */
  #eaContainer
    #MyDetails_Username_pageView
    #Summary_emailList_formRow
    .emailPrimaryAlreadyContainer {
    float: none;
    margin-top: 1em;
  }
  /* Questions and answers */
  #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
    width: 100%;
  }
  #eaContainer
    .questionsAnswerBlock
    div.appSummaryQuestionGridRow
    div.appSummaryGridValue {
    margin-left: 0;
    width: 100%;
  }
  /* File upload */
  #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
    background-position: 5% center;
    background-repeat: no-repeat;
  }
  /* Interview map */
  #eaContainer
    .interviewdetailform
    .pageBlockInner_FormBlock
    .mapRow
    .mapContainer_Small {
    margin-left: 0;
  }
  #FindJobBlock #quicksearch_filter_text_formRow,
  #FindJobBlock #quicksearch_filter_locationradius_formRow {
    width: 100%;
    display: block;
  }
  #FindJobBlock #quicksearch_form {
    width: 50%;
    margin-left: 25%;
    padding-left: 0;
  }
  /* Job Description */
  #eaContainer div.posDescriptionContainer317 .LeftJobBox,
  #eaContainer div.posDescriptionContainer317 .RightJobBox,
  .RightBackBox {
    width: 100%;
    display: block;
  }
  .RightBackBox,
  #eaContainer div.posDescriptionContainer317 .RightJobBox {
    margin-left: 0;
    margin-top: 1em;
  }
  /* Main Banner */
  #login-register-block {
    background: #9b9c9e;
    display: block;
    width: 100%;
    bottom: 0;
    margin-left: 0;
    position: relative;
    min-height: 75px;
  }
  #login-register-block .buttonAnchor {
    margin-bottom: 16px;
    width: auto;
  }
  .block-right {
    float: right;
  }
  #Pos_Description_pageView
    #posdesc_pageBlockContainer
    .RightJobBox
    .ApplyNowContainer,
  #Pos_Description_pageView
    #posdesc_pageBlockContainer
    .RightJobBox
    .ApplyViaEmailContainer {
    display: none;
  }
}
@media screen and (max-width: 933px) {
  #Home_pageView
    #CodeListCounts_pageBlock
    .listContainer_Option2
    .listItemContainer {
    width: 47%;
  }
}
@media screen and (max-width: 900px) {
  #facts .quote-hero__content {
    width: 92%;
    height: 100%;
    left: 20px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    background: transparent;
  }
  #facts .quote-hero__author {
    display: none;
  }
  #facts .quote-hero__content blockquote.heading--3 {
    font-size: 16px;
  }
  #facts .quote-hero__content p.heading--2 {
    font-size: 24px;
    max-width: 80%;
  }
}
/*--------------------------------------- 6.3 Phablet -----------------------------------------*/
@media screen and (max-width: 768px) {
  .banner__images {
    display: none;
  }
  /* Search results */
  div#posBrowser_Filter_pageBlockContainer {
    width: 100%;
    float: none;
  }
  /* Search Results */
  #posBrowser_ResultsGrid_pageBlockContainer,
  #posBrowser_Filter_pageBlockContainer {
    width: 100%;
    display: block;
  }
  section#rewards .quote-hero__content {
    background: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  section#learn .quote-hero__content {
    height: 100%;
    left: 1%;
    position: relative;
    top: 0;
    width: 100%;
    background: #2c7f93;
  }
  #facts .quote-hero__image-container {
    display: block;
  }
  #eaContainer .banner__heading {
    font-size: 40px;
  }
}
@media screen and (max-width: 744px) {
  #Home_pageView
    #CodeListCounts_pageBlock
    .listContainer_Option2
    .listItemContainer {
    width: 95%;
  }
}
@media screen and (max-width: 600px) {
  /* Main headings */
  #eaContainer h1 {
    font-size: 35px;
    word-wrap: break-word;
  }
  /* Align buttons */
  #eaContainer a.button,
  #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
  #eaContainer .buttonsLeft button.buttonAnchor,
  #eaContainer .buttonsRight button.buttonAnchor,
  #eaContainer .buttonsLeft input.buttonSubmit,
  #eaContainer .buttonsRight input.buttonSubmit,
  #eaContainer .buttonsLeft a.buttonAnchor,
  #eaContainer .buttonsRight a.buttonAnchor {
    float: none;
    margin: 0;
  }
  /* Align labels left */
  #eaContainer .pageBlockInner_FormBlock div.labelContainer {
    text-align: left;
  }
  #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    float: none;
  }
  body #FindJobHeroBlock .formRowTextInputRow {
    display: block;
    width: 100%;
  }
  /* Job search */
  #quicksearch_pageBlockContainer .buttonsRight li,
  #quicksearch_pageBlockContainer .buttonsRight input,
  #quicksearch_pageBlockContainer .buttonsRight {
    float: none;
    width: 98%;
  }
  #Home_pageView
    #CodeListCounts_pageBlockContainer
    .availableListsContainer
    li {
    width: 100%;
  }
  /* Category & AP section blocks */
  #eaContainer
    #MyDetails_ConnectedServices_pageView
    #ConnectedServicesForm_pageBlock
    .serviceContainer,
  #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
    width: 100%;
  }
  .col-third,
  .cat-container {
    display: block;
    width: 100%;
  }
  #eaContainer .category-blocks .category-block {
    min-height: 0;
  }
  /* Search result blocks */
  #eaContainer .category-blocks .category-block,
  #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin-left: 1% !important;
    width: 98%;
    min-height: auto;
  }
  #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  /* Candidate portal */
  #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    display: block;
    width: 100%;
  }
  #eaContainer #posSummaryBlock_pageBlock dd {
    margin-left: 0;
  }
  /* Search results */
  /* Job Description */
  #eaContainer div.posDescriptionContainer317 .LeftJobBox,
  #eaContainer div.posDescriptionContainer317 .RightJobBox {
    width: 95%;
    float: none;
    display: block;
    margin: 0;
  }
  .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer,
  .Application_earcuBody #posSummaryBlock_pageBlockContainer,
  .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer,
  .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
    float: none;
    width: 100%;
  }
  #eaContainer #posdesc_pageBlock ul.jobSum li {
    display: block;
  }
  #eaContainer #posdesc_pageBlock ul.jobSum li:after {
    content: none;
  }
  #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
  #eaContainer .pageView .pageBlockContent .ulListItem {
    background-position: 97% 50%;
  }
}
@media screen and (max-width: 567px) {
  #eaContainer .banner__grid {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
/*--------------------------------------- 6.4 Phone -----------------------------------------*/
@media screen and (max-width: 480px) {
  /* Search */
  #FindJobBlock #quicksearch_form {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
  div.alternateViews a.alternateViewsButton_Map:before {
    content: none;
  }
  #Grid_PERSONALDETAILS_pageBlock .rowlink a {
    display: block;
  }
  .pageBlockInner_FormBlock .iconListStyle .iconImage {
    float: none;
    margin: auto;
  }
  .pageBlockInner_FormBlock .iconListStyle .iconValue {
    margin-left: 0;
    margin-top: 20px;
    text-align: center;
  }
  .pageBlockInner_FormBlock .iconListStyle .iconContainer .iconLabel {
    text-align: center;
  }
}
/*-----------------*/
@media screen and (max-width: 1065px) {
  #FullWidth {
    width: 77% !important;
  }
}
@media screen and (max-width: 938px) {
  .quote-hero__author {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  #FullWidth,
  #FirstSlide {
    width: 100% !important;
  }
}
@media screen and (max-width: 381px) {
  #FirstSlide .heading--3.heading--white {
    padding-top: 0 !important;
  }
}
/*--*/
@media screen and (max-width: 695px) {
  #FullWidth .heading--3.heading--white {
    padding-top: 0;
  }
  #SecondSlide {
    height: 375px !important;
    background: #00aba2 !important;
  }
}
@media screen and (max-width: 586px) {
  #SecondSlide {
    height: 405px !important;
  }
}
@media screen and (max-width: 586px) {
  #SecondSlide {
    height: 425px !important;
  }
}
@media screen and (max-width: 509px) {
  #SecondSlide {
    height: 450px !important;
  }
}
@media screen and (max-width: 386px) {
  #SecondSlide {
    height: 500px !important;
  }
}
@media screen and (max-width: 358px) {
  #SecondSlide {
    height: 560px !important;
  }
}
@media screen and (max-width: 349px) {
  #SecondSlide {
    height: 600px !important;
  }
}
@media screen and (max-width: 331px) {
  #SecondSlide {
    height: 660px !important;
  }
}
.tabs__link {
  line-height: normal !important;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .tabs--col\@medium {
    height: auto !important;
  }
  .button.u-hidden\@min-medium.u-m0-auto {
    display: none;
  }
  .u-hidden\@medium {
    display: block !important;
  }
}
.heading--3.heading--white.u-mb a {
  text-decoration: underline !important;
  color: white !important;
}
.heading--3.heading--white.u-mb a:hover {
  text-decoration: none !important;
}
/*-------*/
.background-image-container {
  position: relative;
}
.background-image-container .background-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 600px;
  position: relative;
}
.background-image-container#apprenticeships-background .background-image {
  background-image: url(../images/custom/group.jpg) !important;
}
.background-image-container#internships-background .background-image {
  background-image: url(../images/custom/internships.jpg) !important;
}
.image-block-content {
  padding-top: 20px;
  background: white;
}
@media (min-width: 768px) {
  .image-block-content {
    position: relative;
    width: 100%;
    width: 40%;
    min-width: 475px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 20px !important;
    border-radius: 0 0 75px 0;
  }
  .yellow-border {
    width: 150px !important;
    background: #fbbd56;
    position: absolute;
    top: 0;
    left: 0;
    height: 150px !important;
    overflow: hidden;
    margin-bottom: -125px;
  }
  .yellow-border-box {
    position: absolute;
    top: 15%;
    left: 8%;
    width: auto;
    min-width: 475px;
    border-radius: 0 0 75px 0;
    overflow: hidden;
    display: inline-block;
  }
  .text-bottom .yellow-border-box {
    top: auto;
    bottom: 15%;
  }
}
@media (min-width: 992px) {
  .image-block-content {
    width: 40%;
  }
}
#learn {
  background-color: white;
}
.section__curve--top-left.new {
  left: -555px;
  top: 0;
  fill: #80296f;
}
#orangelayer {
  background-color: #fbbd56 !important;
}
#orangelayer_inside {
  background: #01aca3;
  width: 100%;
  border-radius: 0 0 500px 0;
  padding: 40px 40px 40px 50px;
  color: white;
}
@media (min-width: 992px) {
  #orangelayer_inside {
    width: 80%;
  }
}
#apprentice p,
#learn p,
#learn li {
  font-size: 20px !important;
}
.section__curve,
.section__swoosh {
  pointer-events: none;
  display: none;
}
.section__swoosh--bottom-right.bes {
  display: none;
}
@media (min-width: 992px) {
  .section__curve,
  .section__swoosh {
    display: block;
  }
  .section__swoosh--bottom-right.bes {
    z-index: 1 !important;
    bottom: -138px;
    right: -100px;
    display: block;
  }
}
.col-sm-10 a {
  color: #80296f !important;
  text-decoration: underline !important;
}
.col-sm-10 a:hover {
  text-decoration: none !important;
}
#eaContainer .card__container {
  border-radius: 0;
  box-shadow: none;
}
.glide__slide .card {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.card__link:active .card__shape,
.card__link:focus .card__shape,
.card__link:hover .card__shape {
  transform: translate(-10px, -10px);
}
.glide .card__container {
  margin-left: 10px;
}
.section {
  .card:not(.card--auto-height) {
    height: 100%;
  }
  .glide .card__link {
    height: 100%;
  }
}
.glide__track {
  padding-left: 10px;
}
.glide .card--bg .card__link,
.glide .card--hot-topic .card__link,
.glide .card--with-icon .card__link {
  max-width: calc(100% - 20px);
}
.glide__bullet {
  transition: background-color 0.3s, width 0.3s;
}
header .nav {
  display: block;
}
@media screen and (max-width: 1023px) {
  .anchor-nav__link--active {
    &:hover,
    &:active,
    &:focus {
      color: #fff;
    }
  }
}
.button--secondary-ghost:active,
.button--secondary-ghost:focus,
.button--secondary-ghost:hover {
  color: #fff;
}
@media (min-width: 568px) {
  #benefits.section--large {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1024px) {
  .anchor-nav__container {
    padding: 20px;
  }
}
body:has(.anchor-nav.sticky-active) main {
  margin-top: 64px;
  @media (min-width: 1024px) {
    margin-top: 90px;
  }
}