/* Skin: CVS_05 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 Quick Apply 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Mulish:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic&subset=latin,latin-ext'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic&subset=latin,latin-ext'); :root { --primary-color-1: #024384; --primary-color-2: #5C94C9; --primary-color-3: #85B0D6; --primary-color-3-tint-20: #E7EFF7; --primary-color-4: #3368BD; --secondary-color-1: #00283E; --secondary-color-2: #E1A500; --secondary-color-3: #FFF; --secondary-color-4: #55A591; --body-font: "Mulish", Helvetica, Arial, sans-serif; --heading-font: "Playfair Display", Helvetica, Arial, sans-serif; overflow-x: hidden; --nav-font-size: 1.125rem; } html body { font-family: var(--body-font); line-height: 1.5; font-size: 1rem; font-weight: 300; color: #424242; -webkit-font-smoothing: antialiased; } h1 { font-size: 24px; } h1.strapline { font-size: 42px; color: #8bc2f7; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: var(--heading-font); } a { text-decoration: none; &:hover { text-decoration: none; } } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* No radius */ #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /* 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 .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, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Application_Home_pageView .ulListItem, #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 #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 #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: 3px; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ 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, .listItemAnchorContainer, .ui-dialog-titlebar-close, body .dialog_noTitle div.ui-dialog-titlebar, #eaContainer .pageBlockInner_GridBlock .gridTop, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: #024384; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, a, a:visited, 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: #002B5E; } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, #quicksearch_pageBlockContainer div.pageBlockTitle, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, html body .tooltip2_Outer { background-color: #024384; } #ProfileIcon:hover a, #breadcrumb a:hover, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover { color: #024384 !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, 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: #018134; border-color: #018134; color: #ffffff; } /* Whites */ .content-wrap section, body .ui-dialog .ui-dialog-content, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #fff; } #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, #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, #eaContainer .pageBlockInner_GridBlock .gridTop a, #eaContainer .availableListsContainer a, #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, 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 .pageBlockContainer .rowHeader .rowlink a, #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 { 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"); img { display: none; } } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/white-arrow-left.png"); img { display: none; } } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #Grid_OFFERPERSONALDETAILS_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, #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; } #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 #0094D0; } /*--------------------------------------- 2.2 General -----------------------------------------*/ /* Hide tickbox for specific job */ body.jobid-13269 #QuickApplyForm_contactconsent_formRow { display: none; } /* Slider Banners */ body.MyJobFeed .content-warp.no-banner, body.ProfileRegisterWithAlerts .content-warp.no-banner, body.Pos_AlertCriteria .content-warp.no-banner, body.Login .content-warp.no-banner, body.ProfileRegister .content-warp.no-banner, body.PasswordReset_Request .content-warp.no-banner, body.Pos_Description .content-warp.no-banner, body.Welcome .content-warp.no-banner, body.Pos_Find_Results .content-warp.no-banner, body.Pos_Find_Results_Map .content-warp.no-banner { margin-top: 0; } /* Parallax */ .parallax-window { min-height: 330px; background: transparent; margin-top: 70px; width: 100%; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 480px; } .Home #content-main { min-height: 0; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } .Pos_Find_Results .noResults .createAlertsContainer { display: none; } 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; background: linear-gradient(147.6689deg, rgba(2,67,132,1) 0%, rgba(51,104,189,1) 100%); padding: .65rem; } #eaContainer .pageBlockInner_GridBlock .gridTop a, #eaContainer .availableListsContainer a, .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: 'blissproregular', 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 { 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; } div.pageBlockInner_FormBlock div.formRow { margin-top: 10px; width: 100%; overflow: visible; } div.pageBlockInner_FormBlock div.formRow .controlError, div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer, #SectionCompleteBlock_completed_formRow .labelContainer, .quickSearchContainer .formRowTextInputRow .controlContainer, .textpage_filters .selectContainer, #Edit_OFFERPERSONALDETAILS_TextLiteralRow_MedicalInformationClarification_formRow { max-width: 500px; margin: 5px auto; display: block; float: none; text-align: left; width: 100%; font-weight: normal; height: auto; } div.pageBlockInner_FormBlock div.formRow.formRowTextLiteralRow, #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow .textLiteralAlignment_Left, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer, #SectionCompleteBlock_completed_formRow .labelContainer { text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer label.formLabel { text-align: inherit !important; } div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption .radioOptionLabel { display: inline-block; vertical-align: middle; float: none; max-width: calc(100% - 57px); } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow { float: none; margin: 0 auto; max-width: 100%; display: block; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_checkboxlegal_formRow, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_contactconsent_formRow { max-width: 100%; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { float: none; display: inline-block; width: 100% !important; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label { text-align: inherit !important; margin:0; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { margin-right: 0; margin-top: 0 !important; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer { width: 100%; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer input { width: auto; overflow: auto; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .fakecheck { display: inline-block; float: none; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer { display: flex; align-items: flex-start; } /*div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup { margin-top: 5px; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup img { margin-top: 0; }*/ .pageBlockInner_FormBlock div.formRowFileUploadRow .controlContainer .buttonsLeft, .pageBlockInner_FormBlock div.formRowFileUploadRow .controlContainer .buttonsLeft ul li, .pageBlockInner_FormBlock div.formRowFileUploadRow .controlContainer .buttonsLeft ul li a.buttonAnchor{ float: none; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton { max-width: 100%; } .iti { width: 100%; } .pageBlockInner_FormBlock label.formLabel { text-align: left; font-weight: bold; margin-bottom: 15px; display: block; } .pageBlockInner_FormBlock label.formLabel a { text-decoration: underline; } div.pageBlockInner_FormBlock div.formRow .controlError { color: red; padding-left: 0; line-height: 1.5; } textarea { min-height: 100px; } .offerfilesection .downloadcontainer { width: 100%; margin-left: 0; border: none; display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; } .offerfilesection .downloadcontainer .downloaddesc{ width:100%; text-align:inherit } .offerfilesection .downloadcontainer a{ display:inline-block; } .offerfilesection .downloadcontainer a .downloadimage { margin-left: 0; width:70px; } /*--------------------------------------- 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 { background: rgb(2, 67, 132); background: linear-gradient(147.6689deg, rgba(2, 67, 132, 1) 0%, rgba(51, 104, 189, 1) 50%, rgba(2, 67, 132, 1) 100%); background-size: 200% 200%; background-position: 0 0; transition: background-position .5s; border: none; color: #FFF; padding: 1rem 5rem; text-align: center; &:hover { background: rgba(51, 104, 189, 1); background: linear-gradient(147.6689deg, rgba(2, 67, 132, 1) 0%, rgba(51, 104, 189, 1) 50%, rgba(2, 67, 132, 1) 100%); background-size: 200% 200%; background-position: 100% 100%; border: none; color: #FFF; transition: background-position .5s; text-decoration: none; } } body a.buttonAnchor.buttonActionId_add_subscription { display: none; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton { max-width: none; width: fit-content; display: block; margin: 0 auto; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } html body th input.buttonSubmit { box-shadow: none; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #002B5E; } .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; } /*--------------------------------------- 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; } 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; } .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.5 Search results -----------------------------------------*/ html body .posBrowserMapBlock .addressContainer .addressLabel { padding-top: 0; } html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } .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; } #eaContainer .pagingButtons { padding-top: 9px; } #eaContainer .TilesGridSortingPopup { /*margin-left: 0 !important;*/ } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; font-family: var(--body-font); } #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: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: none; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 0 .25rem; } .pageBlockInner_GridBlock a.buttonDisabled, .pageBlockInner_GridBlock a.buttonDisabled:hover { background: none; } html body .posListHover { background: #F1F0F0; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+1) { clear: left; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { height: auto; min-height: 230px; } #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; font-family: var(--body-font); } #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_ResultsGrid_pageBlock .gridContainer .rowContainerHolder .rowContainer { background-image: none; background-color: transparent; box-shadow: 0px 4px 5px 0px #00000033; border-radius: .5rem; } #eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer .rowContainerHolder .rowContainer .rowLabel a, #eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer .rowContainerHolder .rowContainer .rowContentContainer span { color: #000; } #eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer .rowContainerHolder .rowContainer .rowLabel a { font-size: clamp(1.25rem, 1rem + 1vw, 2rem); letter-spacing: 0; line-height: 1.2; font-weight: 400; font-family: "Playfair Display", Helvetica, Arial, sans-serif; } #eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer .rowContainerHolder .rowContainer:hover .rowLabel a { text-decoration: underline; } .FilterContainer .HeaderContainer { cursor: pointer; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ .LeftJobBox .PosDescriptionText * { font-family: inherit !important; font-size: inherit !important; } #eaContainer .RightJobBox .buttonsRight li { float: none; } #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #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; width: 100%; } .ApplyNowContainer .buttonsRight { float: none; } .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 .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 { position: relative; display: block; overflow: auto; } #eaContainer #posdesc_pageBlock ul.jobSum li { font-size: 90%; margin-bottom: .5em; display: flex; &:before { content: ''; padding-right: 0; font-family: "Font Awesome 6 Pro"; display: inline-block; float: none; width: 1.75rem; text-align: left; font-weight: 700; } &.SumItem_workplacetypevalue { &:before { content: "\e066"; } } &.SumItem_codelist5value { &:before { content: "\f1ad"; } } &.SumItem_salarydescription { &:before { content: "\f154"; } } &.SumItem_city { &:before { content: "\f124"; } } &.SumItem_codelist2value { &:before { content: "\f500"; } } &.SumItem_codelist7value { &:before { content: "\f017"; } } } /*#eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_salarydescription:before, #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_displaysalarydescription:before { content: "\f154"; } #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_city:before { content: "\f041"; } #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_codelist10value:before { content: "\f015"; } #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_codelist6value:before { content: "\f0c0"; } #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_codelist7value:before { content: "\f017"; } #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate:before { content: "\f273"; }*/ #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumLabel { display: none; } #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, #eaContainer #posdesc_pageBlock .benefitBlocksContainer { color: #000; border: 0 none; border-radius: 0; padding: 1em; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox { padding: 1rem 0; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer { margin-bottom: 10px; background: #0094D0; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer h2 { color: #fff; margin: 0; text-align: center; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock { position: relative; overflow: auto; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock:before { content: ''; font-family: "Font Awesome 6 Pro"; display: block; float: left; padding-right: 5px; width: 33px; text-align: center; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.holiday:before { content: "\f185"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.share:before { content: "\f07a"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.pension:before { content: "\f19c"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.CPD:before { content: "\f19d"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.petHealth:before { content: "\f1b0"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.perkbox:before { content: "\f154"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.employeeAssistance:before { content: "\f0c0"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.service:before { content: "\f091"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.flex:before { content: "\f135"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.bonus:before { content: "\f154"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.refer:before { content: "\f0a6"; } #eaContainer #posdesc_pageBlock .benefitBlocksContainer .benefitBlock.membership:before { content: "\f0d6"; } #eaContainer #posdesc_pageBlock .benefitsImageContainer { margin-bottom: 10px; } #eaContainer #posdesc_pageBlock .benefitsImageContainer .benefitsHeader { text-align: center; color: #002B5E; } #eaContainer #posdesc_pageBlock .benefitsImageContainer img { max-height: 550px; margin: 0 auto; display: block; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 190px; } #eaContainer .RightJobBox .posAlerts { text-align: center; } #eaContainer #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate .jobSumValue, #eaContainer #posBrowser_ResultsGrid_pageBlock .ListGridContainer .pospublishenddate_vacancyColumn { display: block; } .partTimeBlock { width: 100%; float: left; display: none; } .partTimeBlock img { width: 100%; max-width: 330px; margin: 0 auto; display: block; } .showJDLogo .partTimeBlock { display: block; } li.SumItem_codelist10value, .codeListDescContainer_5 .codeListDescMenuContainer, .codeListDescContainer_5 .descContainer { display: none !important; } /*--------------------------------------- 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: left; } #Add_REFEREES_pageBlock .pageBlockInner_FormBlock label.formLabel { text-align: right; } #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;*/ margin-top: 8px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ #eaContainer #Application_Login_pageView #PageTitleBlock_pageBlock .pageTitleHeaderContainer { border: 0; } #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 -----------------------------------------*/ html .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock input.inputText, .pageBlockInner_FormBlock input.inputText { padding: 5px; border: 1px solid #002B5E; border-radius: 3px; width:100%; } #eaContainer .pageBlockInner_FormBlock input.inputText:focus { border: 1px solid #0094D0 !important; } #eaContainer .pageBlockInner_FormBlock input.inputText:focus { outline-offset: 0px !important; outline: none !important; } #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; } .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer .divajaxcontainter { width: calc(100% - 26px) !important; } /* 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 -----------------------------------------*/ #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; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { display: block; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { padding: 2em; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background-position: 30px 15px; } #Welcome_pageView .iconLabel a { font-family: var(--body-font); font-weight: normal; font-size: 24px; text-transform: uppercase; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important; img { display: none; } } #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 #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: var(--body-font); padding-left: 0; text-decoration: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #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: transparent; padding: 1rem 1rem 0; margin-bottom: 0; margin-top: 0; &:after { width: 100%; margin: 2rem 0 1rem; border-top: 1px dashed #024384; content: ""; display: block;; } &:last-child:after { display: none; } } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { margin: 0; padding: 0; } #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; font-family: var(--body-font); text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { width: auto; text-align: left; } .pageBlockInner_FormBlock #SubmitForm_checkboxlegal_formRow span.mandatoryContainer { display: none; } /* -------------------------------------- ========================================= 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; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer { display: block; height: auto; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem { display: block; width: 100%; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner { margin: 0; border: none; background: none; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle { display: none; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent { margin: 0; font-weight: 700; color: #024384; margin-bottom: 28px; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent a, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent a { color: #024384; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent { color: inherit; font-weight: normal; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack { margin-bottom: 15px; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: #024384; border-color: #024384; } /*--------------------------------------- 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; min-height: 0; width: 100%; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: left; } .fa-icon { font-size: 70px; color: #078136; } button.accordion-button.active:after { color: #ffffff; font-size: 24px; } .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 #sectionslist_pageBlock .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-image: none; border: none; float: none; height: auto; margin: 0; padding: 1rem 0; width: auto; font-weight: normal; border-bottom: 1px dashed #024384; background-color: transparent; cursor: default; &:hover { background-color: transparent; } &.Completed { background-color: transparent; &:hover { background-color: transparent; } } .ulListItemLabel { --background-color: #85b0d6; --color: #FFF; --content: ""; cursor: pointer; &:hover { --background-color: #5c94c9; --color: #FFF; --content: ""; } } &.Completed .ulListItemLabel { --background-color: #024384; --color: #FFF; --content: "\f00c"; &:hover { --background-color: #024384; --color: #FFF; --content: "\f00c"; } } .ulListItemLabel { display: flex; background-color: var(--background-color); color: var(--color); transition: background-color .25s, color .25s; &:after { font-family: "Font Awesome 6 Pro"; content: var(--content); color: var(--color); transition: background-color .25s, color .25s; margin-left: auto; } } &:last-child { border-bottom: none; padding-bottom: 0; } } .MyWelcomePacks_OfferForm_Summary #sectionslist_pageBlock, .MyWelcomePacks_OfferForm_Summary #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; } #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, html .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border: 1px solid #002B5E; padding: 3px; width: 100%; border-radius: 3px; } #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, html .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { padding-top: 9px; padding-bottom: 9px; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock label.formLabel { 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; } .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: var(--body-font); } #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 -----------------------------------------*/ #eaContainer .fileContainer { height: auto; } #eaContainer .fileContainer a { overflow: hidden; position: relative; } .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 #fileupload_Files_formRow label.formLabel { margin: 10px; margin-bottom: 0; text-align: center; padding-right: 0; } #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; font-size: 1.2rem; } #eaContainer #fileupload_Files_formRow .controlContainer { float: left; width: 100%; margin: 0; } #eaContainer #fileupload_Files_formRow .controlContainer .buttonsContainer { margin-top: 5px; } #eaContainer #fileupload_Files_formRow .controlContainer .buttonsContainer .buttonsLeft, #eaContainer #fileupload_Files_formRow .controlContainer .buttonsContainer .buttonsLeft li { width: 100%; } #eaContainer #fileupload_Files_formRow .controlContainer .buttonsContainer .buttonsLeft li a.buttonAnchor { float: none; margin: 0 auto; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; width: 100%; margin-bottom: 0; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: var(--heading-font); 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%; } /*--------------------------------------- 5.7 Quick Apply -----------------------------------------*/ #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRow { max-width: 700px; margin: 0 auto; float: none; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock #QuickApplyForm_TitleBlock_formRow { margin: 25px auto 5px; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer { width: 250px; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select { width: 100%; } #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow { margin: 20px auto; padding: 10px 0px; border-top: 1px solid #0094D0; border-bottom: 1px solid #0094D0; } #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow p { width: auto; font-size: 1em; padding: 10px 0px; text-align: left; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowCheckBoxRow div.labelContainer { width: auto; text-align: left; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowButtonRow { width: 99%; max-width: 700px; float: none; margin: 50px 40px; overflow: auto; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowButtonRow .buttonsRight { float: none; width: auto; margin: 0 auto; overflow: auto; } #QuickApplyForm_gdprinfo_formRow .textLiteral { text-align: left; } #QuickApplyForm_form .formRowTextInputRow .labelContainer, #QuickApplyForm_form .formRowPhoneInputRow .labelContainer, #QuickApplyForm_form .formRowSelectInputRow_Common .labelContainer { width: 50%; } /* cookies */ /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media only screen 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%; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } /* Media queries */ /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 980px) { html body .buttonsRight button.buttonAnchor, html body .buttonsRight input.buttonSubmit, html body .buttonsRight a.buttonAnchor { margin-left: 0 !important; text-align: center; } /* 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; } /* Search Form */ #FindJobHeroBlock2 { width: 50%; } /* Set button widths to 100% */ #eaContainer a.button, html body .buttonsRight, #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, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; margin: 1em 0em 1em 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 #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 45%; 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%; } /* 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: 1em; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+1) { clear: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(2n+1) { clear: left; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { /*margin-left: 1% !important; width: 48%;*/ } /* 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; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer, #SearchForm_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 { width: 100%; display: block; } #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 0; margin-top: 1em; } .block-right { float: right; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer { width: auto; } #QuickApplyForm_form .formRowTextInputRow .labelContainer, #QuickApplyForm_form .formRowPhoneInputRow .labelContainer, #QuickApplyForm_form .formRowSelectInputRow_Common .labelContainer, #QuickApplyForm_form .formRowPhoneInputRow .controlContainer .allow-dropdown { width: 100%; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @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 .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; } /* 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%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 1.6em; } .hero-text .section-content .blockquote { font-size: 28px; } /* Search Form */ .jnm-link, #FindJobHeroBlock2 { width: 100%; } a#JobsNearMe { width: 100%; } #eaContainer #quicksearch_SaveButtonRow_formRow .buttonsRight input.buttonSubmit { margin: 0; width: 105%; } #results-search #JobsNearMe { width: 98%; } #home-search .inputText { font-size: 19px; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 95%; height: auto; } #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%; } /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 350px !important; } body .ui-dialog { width: 380px !important; } #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; &:after { content: none; } } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowCheckBoxRow div.labelContainer { width: 100%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 250px !important; } body .ui-dialog { width: 280px !important; } /* 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; } } .EditTitle { text-decoration: underline !important; } /*swal popup*/ .swal2-popup.ayvpopup { background-color: #0094D0 !important; } .swal2-popup.swal2-toast .swal2-close { position: absolute !important; } .swal2-popup.swal2-toast .swal2-title { justify-content: center !important; } .swal2-popup.swal2-toast .swal2-header.ayvtitle h2 { font-size: 38px; color: white; padding: 30px 30px 10px 30px; text-align: center; } .swal2-popup.swal2-toast .swal2-content.ayvcontent { font-size: 30px; font-weight: 400; color: white; padding: 20px 20px 40px 20px; } .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton { background-color: #018134 !important; font-size: 16px; margin-top: -26px; } @media screen and (max-width:768px) { .swal2-popup.swal2-toast .swal2-header.ayvtitle h2 { font-size: 25px; padding: 0px 22px 0px 22px; } .swal2-popup.swal2-toast .swal2-content.ayvcontent { font-size: 16px; padding: 10px 10px 20px 10px; } } /*telnum 3.62 fix*/ .iti--allow-dropdown { width: 100%; } /**/ .stickyApply { position: fixed; top: calc(71px + .625em); right: .625em; padding: 20px; background: #002B5E; } @media all and (max-width:991px) { .stickyApply { display: none; } } :root { --bs-light-rgb: 248, 249, 250; --bs-navbar-brand-padding-y: 0.3125rem; } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); font-weight: 700; a { font-family: inherit; font-weight: 400; } } header, footer { li { margin-bottom: .5rem; } a.button.button1.btn-search, a.button.button1.btn-account { text-transform: uppercase; } } .navbar-nav { --bs-nav-link-hover-color: #000; --bs-navbar-color: #000; --bs-navbar-hover-color: #000; --bs-link-color-rgb: 0, 0, 0; --bs-navbar-nav-link-padding-x: 1rem; } header { .navbar-brand img { max-width: 125px; } a { color: #000; &:visited { color: #000; } } a.button.button1.btn-search, a.button.button1.btn-account { font-family: "Mulish", Helvetica, Arial, sans-serif; border-color: var(--secondary-color-2); background: var(--secondary-color-2); color: #000; padding: 1rem; font-size: var(--nav-font-size); /*.75rem;*/ line-height: 1.2; @media (min-width: 1400px) { padding: 1rem 2rem; } &:hover { border-color: var(--secondary-color-2); background: var(--secondary-color-2); color: #000; } } @media (min-width: 1200px) { a.button.button1.btn-search { margin-left: .5rem; } } .nav-item { display: flex; align-items: stretch; flex-wrap: wrap; border-bottom: 1px solid #F9F9F9; } .nav-link { font-family: "Playfair Display", Helvetica, Arial, sans-serif; display: flex; align-items: center; font-weight: bold; font-size: var(--nav-font-size); /*.75rem;*/ line-height: 1.4; text-decoration: none; &:not(.btn-search, .btn-account) { width: 100%; @media (min-width: 1200px) { width: auto; } } &:hover { text-decoration: none; } } .dropdown-item { font-family: "Playfair Display", Helvetica, Arial, sans-serif; font-size: var(--nav-font-size); /*.75rem;*/ &:hover { text-decoration: underline; background-color: #FFF; } &:active { background-color: var(--primary-color-1); text-decoration: none; } } .dropdown-toggle { text-decoration: none; width: 100%; @media (min-width: 1200px) { width: auto; } &:hover { text-decoration: none; } &:after { font-family: "Font Awesome 6 Pro"; content: "\f078"; border: none; font-size: var(--nav-font-size); /*.75rem;*/ margin-left: auto; @media (min-width: 1200px) { margin-left: .25rem; } } &.show:after { content: "\f077"; } } .dropdown-menu { --bs-dropdown-min-width: 100%; background-color: #FFF !important; border: none; @media (min-width: 1200px) { padding-top: 0; padding-bottom: 0; } } } footer { a { &:hover { text-decoration: underline; } } .top-row { padding: 30px 0; background-color: var(--primary-color-1); } .logo-container { display: flex; @media (min-width: 1200px) { justify-content: center; } img { max-width: 250px; @media (min-width: 1200px) { max-width: 180px; } @media (min-width: 1400px) { max-width: 250px; } } } .social-container { display: flex; gap: .2rem; padding-top: 2rem; @media (min-width: 992px) { justify-content: center; } .social { color: #FFF; font-size: 1.5rem; } } .footer-column { h2, h2 a { font-size: 1.5rem; color: #FFF; line-height: 1.2; margin-bottom: 1rem; margin-top: 1rem; font-weight: 700; } p { color: #FFF; margin-bottom: 0; } a { color: #FFF; &:hover { color: #FFF; } } ul { list-style: none; padding: 0; margin: 0 0 1rem; li { padding: 0; margin: 0; } } .has-multiple-lists { [class*="col-"]:not(:last-child) { ul { margin-bottom: 0; @media (min-width: 992px) { margin-bottom: 1rem; } } } } } .bottom-row { padding-top: .5rem; padding-bottom: .5rem; p { margin-bottom: 0; } p, a, a:hover, a:visited { color: var(--primary-color-1); } } } .tooltip2_Surround_FormToolTip .tooltip2_Outer { display: none; } .tooltip2_Surround_FormToolTip .tooltip2_Outer.Edit_OFFERBANKDETAILS_accountsortcode_formRow{ display:block; } .formRow { &.formRowDateInputRow { .popup { display: flex; align-items: center; padding-top: 1rem; padding-left: .5rem; &:before { font-family: "Font Awesome 6 Pro"; content: "\f073"; } img { display: none; } } } } .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.divajaxcontainter { width: auto; } .pageBlockInner_GridBlock div.gridContentWithHeader { background: none; } .hero-container { margin-bottom: 3rem; .col-md-6:first-child { background: linear-gradient(147.6689deg, rgba(2,67,132,1) 0%, rgba(51,104,189,1) 100%); display: flex; align-items: center; padding-left: 30px; padding-right: 30px; @media (min-width: 576px) { padding-left: 70px; padding-right: 70px; } @media (min-width: 1200px) { padding-left: 100px; padding-right: 100px; } } h1, h2 { letter-spacing: 0; line-height: 1.2; font-weight: 700; font-size: clamp(2rem, 1.5rem + 4vw, 6rem); color: #FFF; width: 100%; margin: 0; padding: 0; } h1 { margin-bottom: 15px; } h2 { margin-bottom: 15px; font-size: clamp(1.5rem, 1rem + 4vw, 4rem); } img { object-fit: cover; max-width: 100%; max-height: 100%; } } .Pos_Find_Results .hero-container { h1 { text-align: center; } } #eaContainer #posBrowser_Filter_pageBlock { .HeaderContainer { background: linear-gradient(147.6689deg, rgba(2,67,132,1) 0%, rgba(51,104,189,1) 100%); font-size: 1.25rem; padding: .6rem 1rem; font-weight: 600; line-height: 1.5; } } #Pos_Find_Results_pageView .pageViewMain { display: flex; flex-wrap: wrap; #posBrowser_Filter_pageBlockContainer, #posBrowser_ResultsGrid_pageBlockContainer, #SearchForm_pageBlockContainer { width: 100%; } #SearchForm_pageBlockContainer { div.pageBlockInner_FormBlock div.formRow { margin-top: 0; display: flex; align-items: stretch; float: none; width: 100%; padding-top: 0; padding-bottom: .5rem; &.formRowButtonRow { @media (min-width: 992px) { width: 20%; padding: 0; } } &.formRowTextInputRow { align-items: stretch; @media (min-width: 992px) { width: 40%; padding: 0 1rem 0 0; } .labelContainer { display: none; } .controlContainer { max-width: 100%; width: 100%; display: flex; text-align: left; margin: 0; align-items: stretch; label { width: 100%; padding: 0 1rem; } input[type="text"] { width: 100%; background-color: #FFF; } } } } .buttonsRight { display: flex; align-items: stretch; width: 100%; margin: 0 !important; ul, li, input { display: flex; align-items: stretch; width: 100%; } input { margin: 0 !important; } } #SearchForm_form { display: flex; align-items: stretch; flex-wrap: wrap; } } @media (min-width: 768px) { #posBrowser_Filter_pageBlockContainer { width: 25%; } #posBrowser_ResultsGrid_pageBlockContainer { width: 75%; } } } #eaContainer #posBrowser_ResultsGrid_pageBlock .ListGridContainer { --cols: 1; --gap: 0rem; /*--item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap)) / var(--cols, 1)));*/ --item-width: calc(100% / var(--cols, 1)); display: flex; flex-wrap: wrap; gap: 30px 0; @media (min-width: 768px) { --cols: 2; } .rowContainerHolder { padding-left: .75rem; padding-right: .75rem; width: var(--item-width, 100%); } .rowContainer { margin-left: 0 !important; margin-top: 0 !important; width: 100%; float: none; } span.vacancyColumn { display: block; } span.comma { display: none; } .vacancyColumn { font-size: 90%; margin-bottom: .5em; &:before { display: inline-block; width: 1.75rem; font-family: "Font Awesome 6 Pro"; content: ""; font-weight: 900; } &.workplacetypevalue_vacancyColumn { &:before { content: "\e066"; } } &.city_vacancyColumn { &:before { content: "\f124"; } } &.codelist7value_vacancyColumn { &:before { content: "\f017"; } } &.codelist9value_vacancyColumn { &:before { content: "\f1ad"; } } &.codelist2value_vacancyColumn { &:before { content: "\f1ad"; } } &.codelist1value_vacancyColumn { &:before { content: "\f1ad"; } } } } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { padding: 0; } #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap { height: 300px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer { overflow: hidden; border: none; background-color: #F1F1F1; margin-bottom: .5rem; .HeaderContainer { background-color: var(--primary-color-1); margin-bottom: 0; padding: 0.6rem 1rem; cursor: pointer; position: relative; border-radius: 0; &:after { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Pro"; font-weight: 900; line-height: 1; margin-right: 1rem; color: #FFF; margin-right: 0; content: "\f078"; } .HeaderLabel { padding: 0; margin: 0; color: #FFF; font-weight: 600; } } .ValueContainer { padding: 1rem; } .ValueList { padding: 0; margin: 0; width: 100%; li { padding: 0; margin: 0 0 0.5rem 0; width: 100%; position: relative; display: flex; gap: 0.5rem; align-items: center; vertical-align: middle; @media (min-width: 992px) { margin-bottom: 0; } &:not(.possibleDistancesLabel) { &:before { font-family: FontAwesome; border: 1px solid #000; content: " "; width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; aspect-ratio: 1/1; line-height: 1; padding: 0; flex: 0 0 auto; background-color: #FFF; justify-content: center; align-content: center; justify-items: center; align-items: center; display: flex; } &:hover { color: var(--primary-color-1); &:before { border-color: var(--primary-color-1); } a { color: #000; .label { color: #000; } .count { color: #FFF; } } } } &:first-child { margin-right: 0; } a { flex: 1 1 100%; font-size: 1.125rem; padding: 5px 0; position: relative; display: flex; align-items: center; .label { color: #000; } .count { background-color: var(--primary-color-1); color: #FFF; padding: 0.5rem 1rem; margin-left: auto; font-size: 1.125rem; min-width: 53px; text-align: center; margin-top: 0.2rem; line-height: 1; font-weight: 700; } } &:last-child { margin-bottom: 0; } &.ValueItem_selected { color: var(--primary-color-1); &:before { color: #FFF; background-color: var(--primary-color-1); content: "\f00c"; border-color: var(--primary-color-1); } a { color: #000; } } } } &.filter-collapsed { .HeaderContainer:after { content: "\f077"; } .ValueList li:not(.ValueItem_selected) { display: none; } &:not(.has-checked-items) { .HeaderContainer { margin-bottom: 0; } .ValueContainer { display: none; } } } } #Edit_OFFERBANKDETAILS_OfferBankDetailPaymentMethodId_formRow{ display:none; }