/* Skin: DnataUK_01 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 5.7 Talent Pools 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* No border */ #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 .gridContent,*/ #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, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, .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 #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; } /* Rounded corners */ #Grid_PERSONALDETAILS_pageBlock .rowlink a, 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, .gridContainer .rowlink a, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: var(--border-radius); } h1.gdprcookie-introheader { font-size: 22px; } /* -------------------------------------- ========================================= 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, .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, .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, .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, #slider-latest-jobs ol li a.flex-active, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: var(--primary-color); } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:active, 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, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { color: var(--secondary-color); } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .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, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active { background-color: var(--primary-color); } .tabs-style-shape nav li a:hover svg { fill: var(--primary-color); } #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 #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, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after { color: var(--primary-color); } /* 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 { background: var(--secondary-color); border-color: var(--secondary-color); 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, .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a, #eaContainer #Application_Home_pageView .ulListItem:hover a, #eaContainer #Application_Home_pageView .Completed:hover a, #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, #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, /*#Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text,*/ #quicksearch_pageBlockContainer div.pageBlockTitle h1, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #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, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active { color: #fff; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover, #eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover, body.Home #eaContainer .listItemContainer a, body.Home #eaContainer .listItemContainer 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"); } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /*#eaContainer .ulListItemLabel,*/ /* #eaContainer .gridContent,*/ #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; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a { display: flex; justify-content: space-between; } 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 -----------------------------------------*/ #footer, .dropdown-toggle, .hero-bg, .srt-menu li li:hover > a, #topnav, #nav-mobile, a.buttonlink, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, div .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, div .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/ /*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/ #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, div.FilterRowsContainer .AvailableContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, .ui-dialog-titlebar-close, .dialog_noTitle div.ui-dialog-titlebar, button.buttonAnchor, input.buttonSubmit, 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, #eaContainer .buttonsRight a.buttonActionId_forgotten, #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, #eaContainer .buttonsRight a.buttonActionId_cancel, #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, #slider-latest-jobs ol li a.flex-active, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar, #eaContainer .actionMessageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed, #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { /*background: var(--secondary-color);*/ /*var(--primary-color)*/ background: var(--primary-color); } h1, h2, .yellow-text, #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:active, .ui-widget-content a, .pageBlockInner_GridBlock div.pagingControls input.pagenumber, .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, .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted, .no-of p, .hero-text .section-content .blockquote { /*color: var(--secondary-color);*/ color: var(--primary-color); } /* Secondary Colour */ #footer a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li.not-active, .red-text, .sticky-navigation .main-navigation li a, .sticky-navigation .main-navigation li.current > a, .this-open > a, h1.strapline, #eaContainer a:hover, .hero-content h2 span, #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel 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 #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, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, a#JobsNearMe:hover, #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, footer #footer .copy-right p a:hover, #eaContainer .footer a:hover, #eaContainer #latest-jobs a:hover h3, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover, .count-block .fa, .count-block .counter, .count-block .counter-icon, span.fasymbol { /*color: var(--primary-color);*/ color: var(--secondary-color); } #eaContainer .pageBlockInner_GridBlock .gridTop a:hover { color: #fff; background-color: transparent; } #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover { color: #fff; } .dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle.toggled-on, .dropdown-toggle.toggled-on:hover, .dropdown-toggle.toggled-on:focus, .navbar-inverse .navbar-toggle .icon-bar, .sticky-navigation .main-navigation ul .this-open > .dropdownmenu, .this-open > .dropdownmenu, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active button.buttonAnchor:hover, input.buttonSubmit:hover, 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, .ui-widget-content input.buttonSubmit:hover, .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, .ui-widget-content input.buttonSubmit:hover, .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, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower, #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-color: var(--secondary-color); } .tabs-style-shape nav li a:hover svg { fill: var(--secondary-color); } /* Buttons */ button.buttonAnchor:hover, input.buttonSubmit:hover, 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, .ui-widget-content input.buttonSubmit:hover, .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, .ui-widget-content input.buttonSubmit:hover, .ui-widget-content button.buttonAnchor: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 { /*border-color: var(--primary-color);*/ border-color: var(--secondary-color); } /* Parallax */ .parallax-window { min-height: 330px; background: transparent; margin-top: 70px; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 480px; } #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 { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #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: var(--font-regular), Helvetica Neue, Sans-serif;*/ } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a, #eaContainer .alternateViews a, #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb, #breadcrumb a, #breadcrumb a:hover { font-weight: 500; font-size: 18px; color: #fff; text-transform: capitalize; } 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; } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ #Grid_PERSONALDETAILS_pageBlock .rowlink a, 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, .gridContainer .rowlink a { font-size: 16px; z-index: 1; cursor: pointer; font-weight: 700; transition: 0.5s; position: relative; text-align: center; padding: 15px 30px; border-radius: var(--border-radius); align-items: center; display: inline-flex; justify-content: center; text-decoration: none; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } .buttonsLeft button.buttonAnchor, .buttonsRight button.buttonAnchor, .buttonsLeft input.buttonSubmit, .buttonsRight input.buttonSubmit, .buttonsLeft a.buttonAnchor, .buttonsRight a.buttonAnchor { display: block; float: left; color: #fff; margin-left: 0 !important; } 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: var(--secondary-color); } body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { float: right; } .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; } div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background-image: url(../images/sprites/white-cross.png); background-repeat: no-repeat; background-color: transparent; border: none; margin: 0; width: 30px; height: 30px; background-position: center; } body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit { margin-top: 0; } body button.ui-dialog-titlebar-close { outline: 0; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ .tooltip2_Outer { border: 1px solid var(--primary-color); background: #f5f9ff; padding: 5px; width: 200px; color: var(--primary-color); } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ #FindJobContainer { width: 600px; max-width: 100%; } #FindJobHeroBlock { border-radius: var(--border-radius); padding: 5px 5px 5px 30px; border: 1px solid #fff; background-color: transparent; position: relative; } #FindJobContainer input { height: 50px; } #FindJobHeroBlock div.pageBlockContent { padding: 0; overflow: hidden; } #FindJobHeroBlock div.pageBlockContainer { margin: 0; } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer, #FindJobHeroBlock .formRowTextInputRow#quicksearch_filter_locationradius_formRow { display: none; } input#Home_quicksearch_filter_locationradius { display: none; } #FindJobHeroBlock #quicksearch_pageBlockContainer input.buttonSubmit { font-weight: bold; background: var(--tertiary-color); } #FindJobHeroBlock #quicksearch_pageBlockContainer input.buttonSubmit:hover { background: var(--secondary-color); } #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; background: transparent; border: none; } #FindJobHeroBlock .formRowTextInputRow { width: 70%; padding: 0; } div#quicksearch_filter_text_formRow .controlContainer { float: left; margin-right: 5px; width: 100%; } #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: right; clear: none; width: auto; padding: 0; right: 8px; position: absolute; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } a#JobsNearMe, a#JobsNearMe:hover { background: none; color: #fff; padding: 10px 0; } a#JobsNearMe:before { font-family: "Font Awesome 6 Pro"; content: "\f124"; padding-right: 10px; } body.Home .tooltip2_Surround, body.Home .tooltip2_SurroundClosing { display: none !important; } .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: var(--primary-color); } .count-block .counter, .count-block .counter-icon { color: var(--primary-color); font-size: 32px; } .count-block .counter-icon { margin-left: 0; } .no-of p { text-transform: uppercase; color: var(--secondary-color); } .count-block * { margin: 10px; text-align: center; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 30%; display: inline-block; } .Home #eaContainer { margin-bottom: 0; } .bottom-parallax { margin: 0; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: url("../images/headers/1b-home-quote.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 20%; padding-right: 20%; opacity: 0.85; } .hero-text .section-content .blockquote { color: var(--secondary-color); font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: var(--secondary-color); font-size: 34px; } .blockquote-author { font-size: 20px; } .Home #eaContainer .container, .Home .template-home .container { max-width: 100%; padding: 0; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 60%; margin-right: 5%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 34%; background: #F1F1F1; border-top-right-radius: 15px; padding: 2em; } #eaContainer .col-right p { margin: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } /*--------------------------------------- 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; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ /* Blocks */ .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer { margin-left: 0; overflow: hidden; justify-content: center; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 25%; position: relative; border-radius: var(--border-radius); margin: 1%; height: 275px; background-color: #222b40; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(3n+1) { width: 52%; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(2n+2) { width: 30%; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; 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: cover; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.7); height: 45px; text-align: center; transition: all .2s ease; padding: 0 20px; overflow: hidden; } #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: #fff; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 17px; font-weight: 400; text-align: center; opacity: 0; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { height: 80px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: var(--secondary-color); margin: 10px; border-radius: var(--border-radius); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: var(--primary-color); } /*--------------------------------------- 3.5 Search results -----------------------------------------*/ body.Pos_Find_Results div#FindJobHeroBlock, body.Pos_Find_Results_Map div#FindJobHeroBlock { background-color: #fffbfb; } body.Pos_Find_Results #FindJobContainer, body.Pos_Find_Results_Map #FindJobContainer { width: 100%; max-width: 100%; } #posBrowser_Filter_pageBlockContainer { /* float: left; width: 30%;*/ } .FilterRow { width: 25%; overflow: hidden; } .FilterRowsContainer { display: flex; justify-content: space-between; flex-wrap: nowrap; gap: 10px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances ul.ValueList li.possibleDistancesLabel { display: none; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { float: none; } #eaContainer .FilterContainer .HeaderLabel:hover { cursor: pointer; } .FilterContainer .HeaderLabel:after { font-family: "Font Awesome 6 Pro"; content: '\2b'; font-size: 16px; float: right; margin-right: 10px; margin-top: 2px; color: #fff; font-weight: lighter; } .FilterContainer .HeaderLabel.active:after { font-family: "Font Awesome 6 Pro"; content: '\f068'; color: #fff; } .FilterContainer .ValueContainer { display: none; } .FilterContainer.show .ValueContainer { display: block; } .pagingControls_Tiles .pagingButtons img { display: none; } .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; background-size: 20px; padding-left: 30px; width: -webkit-fill-available; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; background-size: 20px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; background-size: 20px; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 3px 4px 0 0; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; margin-top: 10px; min-height: auto; height: auto; width: 98%; padding: 10px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: inherit; } #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; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances ul.ValueList li { padding-left: 25px; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ body.Pos_Description { overflow: hidden; } #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 2em; } #posdesc_pageBlock ul.jobSum { display: flex; flex-wrap: wrap; justify-content: space-around; } li.jobSumItem:before { color: var(--primary-color); font-family: "Font Awesome 6 Pro"; content: "\f200"; font-size: 18px; padding: 0 5px; } li.jobSumItem.SumItem_displaysalarydescription:before, li.jobSumItem.SumItem_codelist12value:before, li.jobSumItem.SumItem_salaryfrom:before { content: "\f0d6"; } li.jobSumItem.SumItem_payratevalue:before { content: "\f0d6"; } li.jobSumItem.SumItem_codelist4value:before, li.jobSumItem.SumItem_codelist5value:before { content: "\f041"; } li.jobSumItem.SumItem_codelist2value:before { content: "\f200"; } li.jobSumItem.SumItem_text10:before { content: "\f017"; } li.jobSumItem.SumItem_postcode:before { content: "\f124"; } li.jobSumItem.SumItem_codelist11value:before { content: "\f0b1"; } li.jobSumItem.SumItem_pospublishenddate:before { content: "\f273"; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { margin-right: 0; } .earcu_posdescription * { font-size: inherit !important; font-family: var(--font-body), Arial; font-size: 14px; color: var(--base-color); } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #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; } .PosMyAppSummaryValues dd { margin: 0 } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: right; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 20px; } #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: #f1f0f0 none repeat scroll 0 0; border-radius: var(--border-radius); padding: 2em; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; } #eaContainer #PosDescSharingItems a.PosDescSharingItem { float: none; display: inline-block; } #eaContainer .RightJobBox .posAlerts { text-align: center; } div#sticky-apply { position: fixed; right: -46px; top: 50%; transform: rotate(-90deg); z-index: 3; } #quickapplydialogDialogContainer { top: 70px !important; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock label.formLabel { text-align: left; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowTextInputRow .labelContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowTextInputRow .controlContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowSelectInputRow_Common .labelContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowSelectInputRow_Common .controlContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowCheckBoxRow .labelContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowCheckBoxRow .controlContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowPhoneInputRow .labelContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowPhoneInputRow .controlContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowMoneyInputRow .labelContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowMoneyInputRow .controlContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowTextAreaRow .labelContainer, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowTextAreaRow .controlContainer { max-width: 500px; margin: 0 auto; display: block; width: 100%; float: none; text-align: left; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowPhoneInputRow .controlContainer .iti { width: 100%; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowTextInputRow .controlContainer input, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowSelectInputRow_Common .controlContainer select, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowPhoneInputRow .controlContainer input, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowMoneyInputRow .controlContainer input, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock .formRowTextAreaRow .controlContainer textarea { width: 100%; padding: 3px; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow { width: 99% !important; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul li { width: 100%; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul li { text-align: center; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul li input { float: none; display: inline-block; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_gdprinfo_formRow .textLiteral { text-align: left; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ #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: left; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #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; } /*--------------------------------------- 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 #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { /* width: 49%; display: inline-block; */ /* display: inline-block; margin-left: 5%; width: 44%; */ } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } /* #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer { border-bottom: 0; } */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } #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: var(--font-bold), Helvetica Neue, Sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { background-image: url(../images/icons/icon_avatar.png); background-size: cover; background-color: var(--primary-color); border-radius: 100%; float: none; position: relative; margin: 0 auto; } #newProfileImageContainer img { display: none; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #eaContainer .pageBlockInner_FormBlock #UsernameForm_UseSSO1_formRow div.textLiteral, #eaContainer .pageBlockInner_FormBlock #UsernameForm_sso_or_formRow div.textLiteral, #eaContainer .pageBlockInner_FormBlock form#RegisterForm_form div.textLiteral { text-align: center; } #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 #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; padding-left: 0; text-decoration: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 3px 3px 3px 10px; } .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, .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 .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { border-bottom: 0; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #posSummaryBlockv2_pageBlock .MySummaryItem { display: block; width: 100%; height: 100%; } #dialogDialogContainer { margin-top: 6em; max-width: 100%; } #posSummaryBlockv2_pageBlock .MySummaryItemInner { margin-left: 0; margin-right: 0; background: transparent; border: none; } #posSummaryBlockv2_pageBlock .MySummaryItemTitle { display: none; } .modalContent { min-height: fit-content !important; } span.fasymbol { font-size: 32px; margin-right: -10px !important; } #content-main #eaContainer .actionMessageContainer div.actionMessage { color: #FFF; } body #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { width: auto; } body .buttonsRight a.buttonAnchor { color: #FFF; } body #eaContainer div.pageBlockInner_FormBlock .formRowFileUploadRow { width: 100%; margin: 0 auto; display: block; text-align: center; } body #eaContainer .nofilesmessage { text-align: center; padding-right: 0; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow li.fileOuterContainer { float: none; display: inline-block; } body.Application_Section_SupportingFile #eaContainer .nofilesmessage { padding-right: 0; width: 100%; text-align: center; } .ApplyNowContainer .buttonsRight, .ApplyNowContainer .buttonsRight li { float: none; width: 100%; } .ApplyNowContainer .buttonsRight a { width: 100%; } body #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer { min-height: 120px !important; } /*a.buttonActionId_continue_to_welcome { display: none !important; }*/ /* body #Edit_PERSONALDETAILS_pageBlockContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } */ body #posdesc_pageBlock .videoOuterContainer { margin-bottom: 10px; } /* #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; } html .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer, html .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .mandatoryIndicator { height: auto !important; } .buttonsRight ul { float: right; float: none; display: flex; align-items: center; justify-content: space-around; flex-direction: row-reverse; gap: 2px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-right: 25px; margin-left: 0; height: 90px !important; width: 90px !important; background: var(--primary-color); padding: 15px; border-radius: 100%; } .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 div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { /* display: none !important; */ } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 1em 0; } */ /* #eaContainer .PosMyAppSummaryLinks { margin-left: 2%; } */ #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } /* #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover { background-color: #ffc407; } */ #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, #Application_Home_pageView #sectionslist_pageBlock .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, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: var(--secondary-color); background-repeat: no-repeat; background-position: 99% 50%; } #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: var(--primary-color); background-repeat: no-repeat; background-position: 99% 50%; } #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: var(--secondary-color); background-repeat: no-repeat; background-position: 99% 50%; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*Offer info pages*/ #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder { padding: 20px; height: 100%; display: flex; flex-wrap: wrap; align-content: center; } #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .imageContent { max-width: 100%; } /*Offer info pages end*/ .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="tel"], .intl-tel-input.separate-dial-code input[type="text"] { padding-right: 6px; padding-left: 52px !important; margin-left: 0; } .iti { position: relative; display: inline-block; width: 100%; } html body .intl-tel-input { width: 100%; } /*--------------------------------------- 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: var(--border-radius); } #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; } #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; background-size: 20px; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; background-size: 20px; } #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; background-size: 20px; } #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 .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; } /*--------------------------------------- 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 .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); } */ #eaContainer .fileContainer { background-image: none !important; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock .formRowFileUploadRow label.formLabel { margin: 10px; text-align: right; } #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 .formRowFileUploadRow .controlContainer { float: none; display: inline-block; margin-bottom: 10px; } #eaContainer .formRowFileUploadRow .controlContainer .fileuploadrow { min-width: 1px; } #eaContainer .formRowFileUploadRow .labelContainer { text-align: inherit; width: 100%; margin-bottom: 10px; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; color: #313131; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } .Application_Section_SupportingFile #supportingfileupload_supportingfiles_formRow .controlContainer { width: 100%; display: grid; place-items: center; } .Application_Section_SupportingFile .fileuploadcontainer { margin-left: auto; margin-right: auto; width: 120px; /*this width if button alignment gets seems off*/ } @media all and (max-width: 980px) { html #eaContainer .pageBlockInner_FormBlock .formRowFileUploadRow label.formLabel { margin: 0; text-align: left; } #eaContainer .nofilesmessage, #eaContainer .formRowFileUploadRow .labelContainer { text-align: left; } } /*--------------------------------------- 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%; } /*--------------------------------------- 5.7 Talent Pools -----------------------------------------*/ .TalentPool_List #form_talentpoolgrid a.rcMenu { display: block; text-align: center } .charCounterValue { float: left; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media all and (max-width: 1224px) { /* 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; } #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%; } /* Search */ #FindJobHeroBlock, #FindJobContainer { width: 100%; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media all and (max-width:991px) { .FilterRowsContainer { display: block; } .FilterRow { width: 100%; overflow: hidden; } #quickapplydialogDialogContainer { width: 100% !important; left: 0 !important; } #talentpoolgrid_pageBlock .rowContainerHolder { float: left; width: 50%; overflow: auto; } } @media all and (max-width: 980px) { /* Set label and input widths to 100% */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, 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 #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; } 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; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } /* 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; } .tooltip2_Outer, .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 48%; /* height: auto; */ } .col-third { display: block; width: 100%; } .cat-container, .count-block .no-of { display: inline-block; width: 49.5%; } .count-block .no-of { display: block; width: 100%; } /* 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%; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 48%; } #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; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow li.fileOuterContainer { float: none; display: block; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #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; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances ul.ValueList li { padding-left: 40px; } } @media all and (max-width: 600px) { #talentpoolgrid_pageBlock .rowContainerHolder { width: 100%; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media all 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 .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 { float: none; margin: 0; } /* Align labels left */ #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } /* Job search */ #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } .hero-text .section-content .blockquote { font-size: 28px; } /* 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%; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 100%; } /* Job Description */ #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media all and (max-width: 480px) { /* Search */ #FindJobHeroBlock { border: none; padding: 0; } #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; border-radius: var(--border-radius); padding: 5px 5px 5px 30px; border: 1px solid var(--primary-color); } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { position: relative; margin: 10px auto; right: auto; left: auto; float: left; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } .buttonAnchor.buttonLeft.buttonActionId_DeleteConfirm { color: white !important; } #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem { width: 100%; background: gray !important; height: auto; margin: 0 !important; margin-bottom: 0px; margin-bottom: 10px !important; } /**talent pools and onboarding**/