/* Skin: Which_02 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 1.7 Banners & Content Overlay 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Tabs 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone 7. CLINCH ATTACHMENTS FIX */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /* 354 Release */ body .intl-tel-input .country-list .divider { display: none; } body .intl-tel-input .selected-flag { height: 50px; } #RegisterForm_buttons_formRow { margin-top: 1em; } html body .passwordStrength { width: 400px; } #UsernameForm_NoSso_formRow .textLiteral { text-align: left; margin-bottom: 1em; } .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; } html body .intl-tel-input { width: 100%; } /* */ /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ html, body { font-family: National2-Regular, arial, sans-serif; font-weight: 300; margin: 0; font-size: 16px; position: relative; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1 { font-family: National2-Bold, arial, sans-serif; font-weight: 700; letter-spacing: -0.05em; line-height: 1.17em; } h1.strapline { font-size: 42px; color: #05171d; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: National2-Bold, arial, sans-serif; font-weight: 700; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; } .menu-control { text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-control:hover { cursor: pointer; } #nav-mobile, .menu-control { display: none; } a.glassdoor:hover { background-color: #0CAA41; } a.glassdoor #glassdoor { background-image: url(../images/glassdoorIcon.png); width: 30px; height: 39px; background-size: 30px; background-repeaT: no-repeat; background-position: center; } a.instagram #instagram { background-image: url(../images/insta.png); width: 30px; height: 39px; background-size: 30px; background-repeaT: no-repeat; background-position: center; } ._1SHO-.instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } a .glassdoor:hover #glassdoor { background-image: url(../images/glassdoorIconHover.png); } /* for 1048px or less */ @media screen and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body ul.closed, #topnav { display: none; } } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { padding-top: 1em; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } /* #WelcomeInfoBlock_MyDetails_formRow .iconImage img, #ProfileIcon img { border-radius: 50%; } */ #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* Div radius */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer div.listContainer *, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem { /*border-radius: 0.25em;*/ } /* Inputs, buttons, images radius */ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea, #login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink, #eaContainer div, .posdescriptionPropertyBox, .posrating, .possharing, .posAlerts, #eaContainer .posBrowserMapBlock .gridTop, html body .tooltip2_Outer, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, .pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select, 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 { /*border-radius: 0.25em;*/ } /* No radius */ body.Home #eaContainer div, #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 .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, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: 0; } /* 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: 0; } .Pos_Description .ui-widget.ui-widget-content { top: 200px !important; } .Pos_Description #QuickApplyForm_pageBlock .textLiteral { font-size: 16px; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { /* background-color: #eee; color: #444; */ background-color: inherit; cursor: pointer; /* padding: 18px; */ padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } button.accordion-button.active, button.accordion-button:hover { /* background-color: #ddd; */ } div.accordion-content { /* padding: 0 18px; */ /* background-color: white; */ padding: 0 6px 22px; display: none; } div.accordion-content.show { display: block; } button.accordion-button:after { font-family: 'FontAwesome'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'FontAwesome'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /*--------------------------------------- 1.7 Banners & Content Overlay -----------------------------------------*/ .block-image-cover { background-size: cover; height: 540px; background-position: center; background-repeat: no-repeat; } .block-image-cover .block-image-text { position: relative; top: 50%; transform: translateY(-50%); vertical-align: top; } .block-image-cover .block-image-text h1 { font-size: 48px; font-style: normal; margin: 0 0 15px; color: #FFF; text-align: center; } .section-overlay-layer .container { margin-top: -92px; margin-bottom: -60px; background-color: #FFF; position: relative; padding: 2rem; } .section-overlay-layer .container h1 { font-size: 50px; padding: 0 0 2rem; margin: 0; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #05171d; } /* Secondary colour */ /*#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, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #fafafa; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { background-color: var(--dark-blue); color: #FFF; font-weight: bold; border-radius: 4px; text-align: center; width: auto; padding: .5rem 1rem; } .tabs-style-shape nav li a:hover svg { fill: #05171d; } /* 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 { border-color: #05171d; } */ /*#eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #MyDetails_pageView .editblocklink 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, a#JobsNearMe:hover { color: #05171d; }*/ #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, #breadcrumb a:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, #eaContainer .pageBlockInner_GridBlock .gridTop a: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 { color: #05171d !important; } /* Buttons */ body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .Pos_Description_Review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer a.buttonAnchor:hover { background: #05171d; border-color: #05171d; color: #ffffff; } /* Whites */ .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content { background: #fff; } #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 */ .tabs-style-shape nav li a svg { fill: #f9f9f7; } .tabs-style-shape nav li a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a, #eaContainer .posBrowserMapBlock .addressContainer .addressLabel, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, #eaContainer .label { color: #313131; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { color: #848484 !important; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active { border: 1px solid #9B9C9E; } /*--------------------------------------- 2.2 General -----------------------------------------*/ /* 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; } #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: 'opensansregular', 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.pageBlockContainer#ToDoList_pageBlockContainer { margin-top: 1rem; } #eaContainer div.pageBlockContent { overflow: hidden; padding: 0; } .modalContent div.pageBlockContent { padding: 1rem; } #eaContainer div.pageBlockContent#questionsSummary_pageBlock { padding: 1rem; } #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; } input, select, textarea { outline: none; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { margin-top: 4em; } .banner-main { margin-top: 70px; width: 100%; } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ .buttonsRight button.buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsRight a.buttonAnchor { margin-left: 0 !important; } #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-color: var(--primary-color); border: 1px solid var(--primary-color); color: white; box-shadow: none; float: none; width: 100%; display: block; font-size: 14px; transition: background 0.25s linear; text-align: center; /*letter-spacing: -1.25px;*/ font-weight: 400; font-family: National2-Regular, arial, sans-serif; padding: 12px 35px; } #eaContainer #SubmitForm_verifInfo_formRow .buttonsLeft a.buttonAnchor { display: inline-block; width: auto; } #eaContainer .buttonsLeft a.buttonAnchor.verifyEmail, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToDesc, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_DeleteConfirm, #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel, #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel, .buttonsRight a.buttonAnchor.buttonActionId_remove_cancelled { color: white; background-color: var(--disabled-color); border-color: var(--disabled-color); } #eaContainer .buttonsLeft a.buttonAnchor.verifyEmail:hover, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToDesc:hover, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back:hover, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection:hover, #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_DeleteConfirm:hover, #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel:hover, #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel:hover, .buttonsRight a.buttonAnchor.buttonActionId_remove_cancelled:hover { color: #666; background-color: white; border-color: var(--disabled-color); } #eaContainer .basicIcons, #eaContainer a.buttonAnchor.basicIcons { background-image: none; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer li { line-height: 1.17em; font-size: 25px; /*letter-spacing: -0.05em;*/ } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { padding: 12px 35px; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } 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 { background-color: #FFF; color: var(--primary-color); border-color: var(--primary-color); /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: var(--primary-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; } .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; } div.ui-dialog-titlebar .ui-dialog-titlebar-close { background: none; border: none; width: auto; } div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background: none; border: none; } div.ui-dialog-titlebar .ui-dialog-titlebar-close:before { position: absolute; right: .75rem; top: .25rem; font-family: 'Font Awesome 6 Free'; content: "\f410"; font-size: 25px; color: var(--dark-blue); } div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before { font-weight: bold; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #05171d; } body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #05171d; } body .tooltip2_Outer { background: transparent !important; border: 2px solid #E6E6E6 !important; border-radius: 4px; color: #777; width: auto; padding: .5rem 1rem; font-size: 18px; line-height: 2rem; } .tooltip2_Surround_FormToolTip { display: none !important; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; text-align: center; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } .ui-dialog { box-shadow: 3px 3px 10px rgb(66 66 66 / 80%); } .ui-dialog div.gridRemove .pageBlockContent { padding: .5rem; } .ui-dialog div.gridRemove .pageBlockContent .buttonsRight { float: none; } .ui-dialog div.gridRemove .pageBlockContent .buttonsRight li { float: none; display: inline-block; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: #05171d; } .count-block .counter, .count-block .counter-icon { color: #05171d; font-size: 32px; } .count-block .counter-icon { margin-left: 0; } .no-of p { text-transform: uppercase; color: #05171d; } .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; } #home-img-2 { position: relative; } #home-img-2 p { position: absolute; bottom: 40%; text-align: center; } .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: #05171d; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #05171d; font-size: 34px; } .blockquote-author { font-size: 20px; } /* Full width */ /* body.Home .wrapper { width: 100%; max-width: 100%; margin: 0; } body.Home #banner, body.Home #topnav, body.Home #nav-mobile, body.Home .srt-menu, body.Home .srt-menu li { border-radius: 0; } */ .Home #eaContainer .container, .Home .template-home .container { 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; } /* .Home #eaContainer { margin-top: 60px; margin-bottom: 60px; } */ /* #eaContainer #latestjobs_pageBlock { padding-left: 0; } #eaContainer .col-right #latest-jobs-container .rowContainer { margin-left: 0 !important; margin-bottom: 0; border-radius: 0; background: none; padding: 0; } #eaContainer .col-right #latest-jobs-container .rowHeader { padding: 0; } */ #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: inline-block; vertical-align: top; width: 90%; } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: National2-Bold, arial, sans-serif; font-weight: 700; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 0; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ #FindJobContainer { left: 0; margin-left: auto; margin-right: auto; padding-left: 27px; position: initial; right: 0; top: 9.1em; width: 1170px; } #FindJobHeroBlock { /*max-width: 566px;*/ background: #05171d; padding-bottom: 25px; position: initial; /*top: 9.1em;*/ /* left: 3em; */ z-index: 1000; border-radius: 10px; margin-top: 70px; } #FindJobHeroBlock h1 { color: #fff; margin-bottom: 15px; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; } body #FindJobHeroBlock input.buttonSubmit { background-color: var(--primary-color); font-weight: bold; text-shadow: 0 !important; padding: .5rem 1rem; } body #FindJobHeroBlock input.buttonSubmit:hover { background-color: var(--primary-color); } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; } body #FindJobHeroBlock .formRowTextInputRow { width: 40%; display: inline-block; float: none; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock div.pageBlockContent { padding-top: 25px; padding-left: 25px; padding-right: 25px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: auto; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } a#JobsNearMe { background: none; padding-left: 25px; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 1em; } #FindJobHeroBlock h1 { margin-top: 0; font-family: National2-Bold, arial, sans-serif; font-weight: 700; text-transform: none; } /*--------------------------------------- 3.3 No vacancies -----------------------------------------*/ #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content { padding: 10px; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ /* Blocks */ .category-container { min-height: 100%; min-width: 100%; position: relative; vertical-align: middle; margin: 0 auto; text-align: center; background: #000000; } .category-container { cursor: pointer; } .category-container img { opacity: 0.8; } .category-container:hover { background: #FFFFFF; } .category-info { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .category-info h1 { color: #FFFFFF; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7); } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: uppercase; background: #9b9c9e; } .category-container:hover img, .category-container:hover .category-extras { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .category-container:hover img { opacity: 0.1; } .category-extras { display: none; } .category-container:hover .category-extras { display: block; } .category-container:hover .category-info h1 { color: rgb(85, 55, 155); text-shadow: none; } .category-info h1 { margin-top: 0; } .category-info p { margin: 0 auto; width: 85%; max-height: 80px; margin-bottom: 20px; overflow: hidden; } .col-third { width: 33.1%; display: inline-block; } /* Image zoom on hover + Overlay colour */ .cat-container { width: 101%; height: 300px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; margin-top: -10px; } .cat-content { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Several different images */ .bg-one { background-image: url("../images/categories/category-6.jpg"); } .bg-two { background-image: url("../images/categories/category-2.jpg"); } .bg-three { background-image: url("../images/categories/category-3.jpg"); } .bg-four { background-image: url("../images/categories/category-4.jpg"); } .bg-five { background-image: url("../images/categories/category-5.jpg"); } .bg-six { background-image: url("../images/categories/category-1.jpg"); } .cat-inner { display: none; } .cat-container:hover .cat-inner, .cat-container:focus .cat-inner { display: block; } .categories .cat-inner { font-size: 28px; color: #ffffff !important; font-family: National2-Regular, arial, sans-serif; text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 110px; cursor: pointer; /*text-decoration: none;*/ } .cat-container:hover .cat-content, .cat-container:focus .cat-content { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before { display: block; } .cat-container:hover a, .cat-container:focus a { display: block; } .cat-content:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .hero-bg { margin: 0; text-align: center; } .hero-bg { width: 100%; clear: both; background: url(../images/custom/alerts-bg.jpg) no-repeat center center; background-size: cover; min-height: 300px; } .hero-content { padding: 60px 15px; } .hero-bg h2 { font-size: 3em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); margin: 0 0 20px; } .hero-bg a.buttonAnchor { float: none; padding: 15px 27px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 8px; } #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: National2-Regular, arial, sans-serif; } #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; padding-left: 30px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; /* padding-left: 25px; */ } #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; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { /* display: none; */ background: #f9f9f7; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 0 !important; /*margin-top: 10px;*/ min-height: 121px; /*min-height: 150px;*/ height: auto; /*width: 32%;*/ /*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; font-family: National2-Regular, arial, sans-serif; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ .descText h1 { text-align: left; } #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; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { margin-right: 0; margin-bottom: 0; } .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 { padding: 1rem; margin-bottom: 1rem; } body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 0; margin-bottom: 1rem; } .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: #f9f9f7 none repeat scroll 0 0; border: 0 none; border-radius: 0; padding: 0; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; padding: 0 2rem 2rem; } #PosDescSharingItems .PosDescSharingItem { display: inline; float: none; } #PosDescSharingItems .PosDescSharingItem div { display: inline-block; } #PosDescSharingItems .PosDescSharingItem img { display: inline; } #eaContainer .RightJobBox .posAlerts { text-align: center; } #eaContainer .posrightbox_header { margin: 0; background-color: #000; color: #FFF; font-size: 20px; line-height: 1em; text-align: center; padding: 15px 45px; } .Pos_Description .section-overlay-layer .container h1 { padding-bottom: 0; } #posdesc_pageBlock ul.jobSum li { display: inline-block; line-height: 1.5; font-weight: 300; margin-bottom: 0.5em; } #posdesc_pageBlock ul.jobSum li + li { margin-left: 1rem; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox { background-color: transparent; padding: 0; font-size: 90%; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { display: none; } #posdesc_pageBlock ul.jobSum li .jobSumValue:before { font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; min-width: 1.75rem; } #posdesc_pageBlock ul.jobSum li.SumItem_codelist5value .jobSumValue:before { content: "\f124"; } #posdesc_pageBlock ul.jobSum li.SumItem_codelist2value .jobSumValue:before { content: "\f500"; } #posdesc_pageBlock ul.jobSum li.SumItem_codelist7value .jobSumValue:before { content: "\f017"; font-weight: 400; } #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate .jobSumValue:before { content: "\f783"; } .Pos_Description .pageBlockInner .buttonsLeft li, .Pos_Description .pageBlockInner .buttonsRight li { float: none; } .Pos_Description .buttonsLeft { float: none; } #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer { margin-bottom: 1rem; } #posdesc_pageBlock .posrightbox_info { padding: 2rem; text-align: center; } .pageBlockInner_FormBlock label.formLabel { text-align: left; } .Pos_Find_Results .intro { margin-bottom: 25px; } #posdesc_pageBlock .PosDescriptionText .earcu_posdescriptionContainer { text-align: left; padding-right: 0; } #posdesc_pageBlock .PosDescriptionText * { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; } #posdesc_pageBlock .PosDescriptionText h4 { font-size: 1.5rem !important; font-weight: 500 !important; } #posdesc_pageBlock .PosDescriptionText p + h4 { margin-top: 1rem } #posdesc_pageBlock .PosDescriptionText strong { font-weight: bold !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; } #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 #UsernameForm_pageBlock .formRowTextInputRow, #eaContainer #PasswordForm_pageBlock .formRowTextInputRow, #eaContainer #RegisterForm_pageBlock .formRowTextInputRow, #eaContainer #RegisterForm_pageBlock .formRowSelectInputRow_Common { width: 400px; margin: 0 auto; display: block; float: none; } #eaContainer #PasswordForm_buttons2_formRow { margin-top: 1rem; padding-top: 0; } .pageBlockInner_FormBlock div.curFocus label.formLabel { color: #3e57a6; } #eaContainer #UsernameForm_pageBlock .formRowTextInputRow label, #eaContainer #PasswordForm_pageBlock .formRowTextInputRow label, #eaContainer #RegisterForm_pageBlock .formRowTextInputRow label, #eaContainer #RegisterForm_pageBlock .formRowSelectInputRow_Common label { padding-left: 0; padding-bottom: 0; margin-bottom: 0; } #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 #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer { border: 0; background: #F1F1F1; min-height: 150px; } .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; } #eaContainer div#RegisterForm_username_backup_formRow { display: none !important; } /* -------------------------------------- ========================================= 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%; */ } /* #WelcomeInfoBlock_pageBlock { margin: 0 auto; position: relative; max-width: 500px; } */ #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 #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: 1rem; } #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: National2-Bold, arial, sans-serif; font-weight: 700; font-weight: normal; font-size: 24px; } #WelcomeInfoBlock_form { display: flex; columns: 3; gap: 1rem; flex-wrap: wrap; } #WelcomeInfoBlock_form .formRow { flex: 1 0 calc(33% - .5rem); } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { height: auto !important; width: auto !important; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage:before { display: block; text-align: center; font-family: "Font Awesome 6 Free"; font-weight: 900; min-width: 1.75rem; margin: 0 auto; font-size: 70px; width: 150px !important; padding: 1rem; background-color: white; margin-bottom: 1rem; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage img { display: none !important; } #WelcomeInfoBlock_MyDetails_formRow .iconImage:before { content: "\f2bb"; } #WelcomeInfoBlock_Applications_formRow .iconImage:before { content: "\f0ae"; } #WelcomeInfoBlock_Emails_formRow .iconImage:before { content: "\f0e0"; } #WelcomeInfoBlock_Feeds_formRow .iconImage:before { content: "\f0a1"; } #WelcomeInfoBlock_Logout_formRow .iconImage:before { content: "\f2f5"; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValue { float: none; margin-right: 0; font-size: 14px; } .pageBlockInner_FormBlock .iconContainer { padding: 0; margin: 0; } .pageBlockInner_FormBlock .iconListStyle .iconImage { float: none; margin-left: 0; } .pageBlockInner_FormBlock .iconContainer .iconImage img { width: 20% !important; height: 20% !important; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin-left: 0; } .pageBlockInner_FormBlock .iconListStyle .iconContainer .iconLabel, .pageBlockInner_FormBlock .iconListStyle .iconContainer .iconDescription { text-align: center; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues { overflow: hidden; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValue { display: flex; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValue .iconRowValueLabel { text-align: right; float: none; flex: 1 0 auto; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValue .iconRowValueData { float: none; flex: 1 1 auto; word-break: break-word; } #ToDoList_pageBlock .actionTextContent { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; } #ToDoList_pageBlock .actionTextContent .actionTextMessage { text-align: center; flex: 1 1 auto; margin-left: auto; } #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextMessage { margin-bottom: 0; } #Welcome_pageView #ToDoList_pageBlock .ulListContainer ul li { margin-bottom: 0; } #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer { min-width: 200px; flex: 1 1 auto; } /*--------------------------------------- 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; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } .pageBlockInner_GridBlock #form_Grid_PERSONALDETAILS div.gridContent { padding-top: 0; } .MySummaryItemsContainer { margin-top: 1rem; margin-bottom: 1rem; } #posSummaryBlockv2_pageBlock .MySummaryItemInner { padding: 1rem; border: none; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1rem; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #eaContainer #UsernameForm_pageBlock .pageBlockInner_FormBlock div.textLiteral, #eaContainer #RegisterForm_pageBlock .pageBlockInner_FormBlock div.textLiteral { text-align: center; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 1rem; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } /* Add Email */ #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; min-height: 90px; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: National2-Bold, arial, sans-serif; font-weight: 700; 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: 1rem 0; } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer { background: #f0f0f0; padding: 1rem; /* 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: 20px; font-family: National2-Bold, arial, sans-serif; font-weight: 700; text-decoration: none; color: #2d353d !important; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: right; font-weight: bold; } /* #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; } .ui-datepicker .ui-datepicker-title { overflow: auto; } .ui-datepicker .ui-datepicker-title select { float: left; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } #pageContent #LinkedInStart_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin: 20px 0 0 20px; } #pageContent #LinkedInStart_pageView .pageBlockInner_FormBlock .iconContainer .iconValue { padding: 20px 0px; } 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; } #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url(../images/ticked.jpg) !important; background-color: white; } #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: white; background-image: url(../images/ticked_Not.jpg) !important; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { border-bottom: 2px solid #d0d0d0 !important; } 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 div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a { font-weight: bold; } #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a:visited, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a:visited { color: #3e57a6; } #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem { background-color: white; background-image: url("../images/sprites/unselected-progress-hover.png"); background-position: 99% 50%; border: none; float: none; height: auto; margin: 0 0 15px; padding: 0; width: auto; font-weight: normal; border: none; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: white; border: none; } #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"); border: none; } #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"); border-color: var(--primary-color); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ /* Login / Register block */ .banner-main-container { position: relative; } #login-register-block { background: #9b9c9e; display: block; width: 300px; position: absolute; text-align: center; bottom: 50px; margin-left: 50px; padding: 1em; border-radius: 5px; } #login-register-block .buttonAnchor { background: #F1F1F1; color: #313131; margin-right: 1em; } .block-right { float: right; } #login-register-block .buttonAnchor.no-margin { margin: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer { margin-left: 0; } #Grid_REFEREES_pageBlock .gridContent * { float: none !important; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; /*margin-top: 1em;*/ } #eaContainer .PosMyAppSummaryLinks a { /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/ padding-left: 20px; } #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; height: 26px; } #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; } 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: 0; font-weight: bold; line-height: 35px; margin-bottom: 0; } #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, #eaContainer .myWelcomePackLink a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0px; padding-left: 28px; color: #4c626d !important; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: National2-Regular, arial, sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } .pageBlockInner_FormBlock div.labelContainer, .pageBlockInner_FormBlock div.controlContainer, .pageBlockInner_FormBlock #QuickApplyForm_form div.labelContainer, .pageBlockInner_FormBlock #QuickApplyForm_form div.controlContainer { width: 100%; float: none; text-align: left; display: block; } .pageBlockInner_FormBlock #SectionCompleteBlock_completed_formRow { margin: 1rem 0; } .pageBlockInner_FormBlock #SectionCompleteBlock_completed_formRow div.labelContainer, .pageBlockInner_FormBlock #SectionCompleteBlock_completed_formRow div.controlContainer { display: inline-block; width: auto; vertical-align: middle; margin-right: 0; } .pageBlockInner_FormBlock #SectionCompleteBlock_completed_formRow div.labelContainer label { padding-top: 0; line-height: 1em; vertical-align: middle; } #eaContainer .pageBlockInner_FormBlock #QuickApplyForm_form div.textLiteral { text-align: left; } #eaContainer #UsernameForm_pageBlock div.textLiteral, #eaContainer #PasswordForm_pageBlock div.textLiteral { text-align: center; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText, .pageBlockInner_FormBlock select, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 100%; display: block; border: 1px solid #CCC; } div.pageBlockInner_FormBlock #QuickApplyForm_form div.formRow { float: none; } .pageBlockInner_FormBlock #QuickApplyForm_form div.controlContainer { float: none; } .iti { width: 100%; } .pageBlockInner .buttonsLeft li + li, .pageBlockInner .buttonsRight li + li, .pageBlockInner .buttonsLeft + .buttonsRight li, .pageBlockInner .buttonsRight + .buttonsLeft li { margin-left: .5rem; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText, .pageBlockInner_FormBlock textarea.inputTextArea, .pageBlockInner_TextTagReplacementBlock textarea.inputTextArea, .pageBlockInner_FormBlock select, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border: 2px solid #e6e6e6; border-radius: 3px; line-height: 2rem; font-size: 18px; padding: .5rem 1rem; transition: border-color 0.2s; } .pageBlockInner_FormBlock input.inputText:hover, .pageBlockInner_TextTagReplacementBlock input.inputText:hover, .pageBlockInner_FormBlock textarea.inputTextArea:hover, .pageBlockInner_TextTagReplacementBlock textarea.inputTextArea:hover, .pageBlockInner_FormBlock select:hover, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select:hover { border-color: var(--border-hover-color); } .pageBlockInner_FormBlock input.inputText:active, .pageBlockInner_FormBlock input.inputText:focus, .pageBlockInner_FormBlock input.inputText:focus-visible, .pageBlockInner_TextTagReplacementBlock input.inputText:active, .pageBlockInner_TextTagReplacementBlock input.inputText:focus, .pageBlockInner_TextTagReplacementBlock input.inputText:focus-visible, .pageBlockInner_FormBlock textarea.inputTextArea:active, .pageBlockInner_FormBlock textarea.inputTextArea:focus, .pageBlockInner_FormBlock textarea.inputTextArea:focus-visible, .pageBlockInner_TextTagReplacementBlock textarea.inputTextArea:active, .pageBlockInner_TextTagReplacementBlock textarea.inputTextArea:focus, .pageBlockInner_TextTagReplacementBlock textarea.inputTextArea:focus-visible, .pageBlockInner_FormBlock select:focus, .pageBlockInner_FormBlock select:focus-visible, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select:focus, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select:focus-visible { border-color: var(--border-focus-color); } .pageBlockInner_FormBlock select, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { padding-left: .7rem; -moz-appearance: none; -webkit-appearance: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC) right 10px top 50% no-repeat #fff; } body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputTextArea, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputTextArea, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect { border-color: var(--border-focus-color); border-width: 2px; } .pageBlockInner_FormBlock .formRowCheckBoxRow div.labelContainer { width: auto; min-width: 49%; display: inline-block; } .pageBlockInner_FormBlock .formRowCheckBoxRow div.controlContainer { width: auto; display: inline-block; } .pageBlockInner_FormBlock #QuickApplyForm_form .formRowCheckBoxRow div.labelContainer, .pageBlockInner_FormBlock #QuickApplyForm_form .formRowCheckBoxRow div.controlContainer { width: auto; display: inline-block; } .Pos_Description #QuickApplyForm_pageBlock .textLiteral { text-align: left; } #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow { padding: 1rem; background-color: #EEE; margin-top: 1rem; margin-bottom: 1rem; } #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer { position: relative; } #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow input.inputText { padding-left: 2rem; } #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow input.inputText + a.popup { position: absolute; left: .5rem; top: 1rem; } .pageBlockInner_FormBlock .inputContainer .popup img { margin: 0; } #MyDetails_pageView .editblocklink a:hover, #Application_Section_PersonalDetails_pageView .editblocklink a:hover { text-decoration: none; } #eaContainer .pageBlockInner_GridBlock .gridTop { overflow: hidden; display: flex; flex: 0 0 auto; } #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingContainer { margin-right: auto; } .pageBlockInner_GridBlock .pagingControls_Tiles, .pageBlockInner_GridBlock .TilesGridSortingContainer, .pageBlockInner_GridBlock .TilesGridAlternateViewsContainer { float: none; } #eaContainer .pageBlockInner_GridBlock .gridTop .pagingControls_Tiles { vertical-align: middle; padding-top: 0; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 0 5px 0 1px; } #eaContainer .pageBlockInner_FormBlock div.bottomControlContainer { float: none; clear: none; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filename { position: relative; bottom: auto; max-height: 100px; background-color: var(--grey-background); color: #FFF; padding: .5rem; overflow: hidden; font-size: 80%; text-overflow: ellipsis; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileContainer { overflow: hidden; padding-top: 100px; border: 2px solid var(--grey-background); border-radius: 4px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile { float: none; position: absolute; top: .5rem; right: .5rem; margin: 0; padding: 0; background-position: top right; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileContainer { background-position: top center; height: auto; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li:hover { background-color: transparent; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li:hover .filename { background-color: var(--grey-background); } .pageBlockInner_FormBlock div.formRowFileUploadRow li.fileOuterContainer { margin: 0; width: auto; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload { --gap: .5rem; --columns: 4; padding: 0; display: flex; gap: .5rem; flex-wrap: wrap; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow li.fileOuterContainer { float: none; flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns))); } .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner { padding: 0; } .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner { background-color: transparent; } .StandardQuestionsForm .formRowTextAreaRow .charCounter div { float: none; display: inline-block; } .verifContainer { margin: 0; } #SectionCompleteBlock_form .formRow { display: flex; flex-wrap: wrap; } #SectionCompleteBlock_form .formRow .labelContainer { order: 2; flex: 4 0 calc(100% - 3rem); } #SectionCompleteBlock_form .formRow .controlContainer { order: 1; flex: 0 0 2rem; } #SectionCompleteBlock_form .formRow .controlError { order: 3; flex: 0 0 100%; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton { max-width: none; margin-bottom: 0; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer { width: auto; } input[type=checkbox] { vertical-align: middle; } .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock #form_Grid_PERSONALDETAILS .ListGridContainer .rowLabel { margin: 0; } .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock #form_Grid_PERSONALDETAILS .ListGridContainer .rowHeader, .pageBlockInner_GridBlock #form_Grid_PERSONALDETAILS .ListGridContainer .rowItemsContainer { padding: 0; margin: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } div#confirmdialogDialogContainer { z-index: 501 !important; } .pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile { position: relative; z-index: 500; } .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 .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 0 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer { margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .labelContainer { width: 100%; margin-bottom: 10px; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .message.nofilesmessage { text-align: left; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: National2-Bold, arial, sans-serif; font-weight: 700; color: #313131; } #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent { margin: 0; padding: 1rem; } #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks { padding: 1rem 0 0; margin-right: .5rem; margin-bottom: 0; } /*--------------------------------------- 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%; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media (min-width: 768px) { .block-image-cover .block-image-text h1 { font-size: 48px; } } @media only screen and (max-width: 1199px) { .block-image-cover { height: 440px; } } @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%; } /* Search */ #FindJobHeroBlock, #FindJobContainer { display: block; position: initial; top: 0; left: 0; padding: 0; width: 100%; /*padding-bottom: 35px;*/ border-radius: 0; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body #FindJobHeroBlock input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (min-width: 980px) { #posdesc_pageBlock ul.jobSum li .jobSumValue:before { width: auto; margin-right: 0.5rem; min-width: 0; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText, .pageBlockInner_FormBlock select, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, .pageBlockInner_FormBlock textarea.inputTextArea { max-width: 400px; } } @media screen and (max-width: 980px) { .section-overlay-layer .container h1 { font-size: 50px; } #posdesc_pageBlock ul.jobSum li + li { margin-left: 0; } #posdesc_pageBlock ul.jobSum li { display: list-item; } /* 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 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 { text-align: left; } /* 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; } #eaContainer .buttonsRight li + li, #eaContainer .buttonsLeft li + li, #eaContainer .buttonsLeft + .buttonsRight li, #eaContainer .buttonsRight + .buttonsLeft li { margin-top: 1rem; } #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; } /* 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; } html body .tooltip2_Outer, html body .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: 45%; 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 { display: none; } #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: 100%; } #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; } /* 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; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload { --columns: 3; } .pageBlockInner .buttonsLeft li + li, .pageBlockInner .buttonsRight li + li, .pageBlockInner .buttonsLeft + .buttonsRight li, .pageBlockInner .buttonsRight + .buttonsLeft li { margin-left: 0; } .ui-dialog .pageBlockInner .buttonsLeft li + li, .ui-dialog .pageBlockInner .buttonsRight li + li { margin-left: .5rem; } } @media screen and (max-width: 767px) { .block-image-cover { height: 260px; } .section-overlay-layer .container { margin-top: 0; margin-bottom: 0; } .block-image-cover .block-image-text h1 { font-size: 28px; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media screen and (max-width: 600px) { .main-navigation ul .toggled-on ul { display: block !important; } /* Main headings */ #eaContainer h1 { 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 */ #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; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 95%; height: auto; } .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%; } /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 350px !important; } body .ui-dialog { width: 380px !important; } body #quickapplydialogDialogContainer { width: 100% !important; } /* 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 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; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload { --columns: 2; } } /* -------------------------------------- ========================================= 7. CLINCH ATTACHMENTS FIX ========================================= -----------------------------------------*/ .clinch-attachments-fix, ul.clinch-attachments-fix, div.clinch-attachments-fix, .jobboard-attachments, ul.jobboard-attachments, div.jobboard-attachments { display: none; } #Pos_Find_Results_pageView .pageViewMainAreaWithoutLayoutTable { display: flex; gap: 1rem; flex-wrap: wrap; } #posBrowser_Filter_pageBlockContainer { flex: 0 0 100%; } #posBrowser_ResultsGrid_pageBlockContainer { flex: 0 0 100%; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li { display: list-item; float: none; width: 100%; } #posBrowser_Filter_pageBlock .HeaderContainer { background-color: var(--primary-color); color: #FFF; padding: .5rem; } #posBrowser_Filter_pageBlock .HeaderContainer a { color: white; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { padding: 0; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li { margin-left: 0; } #posBrowser_ResultsGrid_pageBlock .ListGridContainer { display: flex; flex-wrap: wrap; gap: 1rem; overflow: visible; padding: 1rem; } #posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowContainerHolder { flex: 1 1 auto; min-height: 1px; max-width: none; min-width: 40%; padding: 0; box-shadow: 3px 3px 5px #ccc; display: flex; align-self: stretch; } #eaContainer .mainearcublock .rowContainer { background-color: transparent; } #posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowItemsInnerContainer { margin-left: 0; } .pageBlockInner_GridBlock .ListGridContainer .rowItemsContainer { margin: 0; padding: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { margin: 0; padding: 0; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { width: 100%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-bottom: 0; position: relative; padding-bottom: 60px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:after { content: "Read more >"; position: absolute; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.75rem 1.25rem; color: var(--primary-color); } #eaContainer #posBrowser_ResultsGrid_pageBlock .vacancyColumn:before { font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; min-width: 1.5rem; text-align: center; } #eaContainer #posBrowser_ResultsGrid_pageBlock .vacancyColumn { display: block; } #eaContainer #posBrowser_ResultsGrid_pageBlock .comma { display: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .codelist5value_vacancyColumn:before { content: "\f124"; } #eaContainer #posBrowser_ResultsGrid_pageBlock .codelist2value_vacancyColumn:before { content: "\f500"; } #eaContainer #posBrowser_ResultsGrid_pageBlock .codelist7value_vacancyColumn:before { content: "\f017"; font-weight: 400; } .AvailableContainer { display: none; } #posBrowser_Filter_pageBlock .FilterContainer { border: 1px solid #CCC; box-shadow: 3px 3px 5px #ccc; } #posBrowser_Filter_pageBlock .FilterRow { margin-bottom: 1rem; } #posBrowser_Filter_pageBlock .FilterRow:last-child { margin-bottom: 0; } @media (min-width: 768px) { #Pos_Find_Results_pageView .pageViewMainAreaWithoutLayoutTable { display: flex; gap: 1rem; } #posBrowser_Filter_pageBlockContainer { flex: 0 0 35%; } #posBrowser_ResultsGrid_pageBlockContainer { flex: 0 0 calc(65% - 1rem); } } @media (min-width: 992px) { #posBrowser_Filter_pageBlockContainer { flex: 0 0 25%; } #posBrowser_ResultsGrid_pageBlockContainer { flex: 0 0 calc(75% - 1rem); } #posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowContainerHolder { max-width: calc((100% / 2) - .5rem); } }