/* Jump to: Root Misc Styling Landing Page Styling Results Page Styling Job Description Styling Login/Register Styling Profile Styling Application/Onboarding Styling Responsive Styling */ /* Root */ :root { --primaryColor: #4f9e30; --secondaryColor: #fe5716; --lightgreen: #88d910; --lightergreen: #f3f4e2; --lightorange: #ff861d; } /* Root Ends */ /* Misc Styling */ label { font-size: inherit; } label *:first-child, .formLabel *:first-child { margin-top: 0 !important; } label *:last-child, .formLabel *:last-child { margin-bottom: 0 !important; } a { font-size: inherit; } p:last-child { margin-bottom: 0; } div.pageBlockInner_FormBlock div.formRow { margin-top: 10px; width: 100%; overflow: visible; } div.pageBlockInner_FormBlock div.formRow .controlError, div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer, #SectionCompleteBlock_completed_formRow .labelContainer, .quickSearchContainer .formRowTextInputRow .controlContainer, .textpage_filters .selectContainer { max-width: 500px; margin: 5px auto; display: block; float: none; text-align: left; width: 100%; color: #33475b; font-weight: normal; height: auto; overflow: auto; } div.pageBlockInner_FormBlock div.formRow.formRowTextLiteralRow, #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow .textLiteralAlignment_Left, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer, #SectionCompleteBlock_completed_formRow .labelContainer { text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer label.formLabel { text-align: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption .radioOptionLabel { display: inline-block; vertical-align: middle; float: none; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow { float: none; margin: 0 auto; max-width: 100%; display: block; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_checkboxlegal_formRow, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_contactconsent_formRow { max-width: 100%; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { float: none; display: inline-block; width: 100% !important; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label { text-align: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { margin-right: 0; margin-top: 0 !important; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer { width: 100%; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer input { width: auto; overflow: auto; } div.pageBlockInner_FormBlock div.formRow.highlightTop { background: none !important; text-align: left; display: flex; align-items: center; margin-bottom: 10px !important; .labelContainer, .controlContainer { width: auto !important; } .controlContainer { .checkboxContainer { display: flex; align-items: center; } } } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer { display: flex; align-items: flex-start; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup { margin-top: 5px; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup img { margin-top: 0; } .iti { width: 100%; } .pageBlockInner_FormBlock label.formLabel { text-align: left; justify-content: flex-start !important; } .pageBlockInner_FormBlock label.formLabel a { text-decoration: underline; } div.pageBlockInner_FormBlock div.formRow .controlError { color: red; padding-left: 0; } textarea { min-height: 100px; } .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText, .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select, .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input, .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input, .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput, .quickSearchContainer .formRowTextInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input, .textpage_filters .selectContainer select { padding: 20px 25px; font-size: 18px; line-height: 25px; letter-spacing: -.5px; border: 1px solid #d3d3d3; color: #000; outline-offset: -2px; width: calc(100% - 4px); border-radius: 0; max-width: 100%; min-width: 1px; margin: 2px; } .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus, .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus, .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus, .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus, .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus, .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus, .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus, .pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText, .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select, .pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect, .pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input, .pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input, .pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, .bannerContainer .bannerContent #quickSearch .jobsearch-form .search-field-container input:focus, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput:focus, .quickSearchContainer .formRowTextInputRow .controlContainer input:focus, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input:focus { border: 1px dotted; outline: none; } .pageBlockInner_FormBlock span.mandatoryContainer { color: inherit; } .pageBlockInner_FormBlock div.curFocus label.formLabel { color: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer { overflow: visible; } .intl-tel-input { width: 100%; } .intl-tel-input .country-list .country, .intl-tel-input .country-list .divider { margin-top: 0; } .controlContainer .passwordStrength { width: 100%; } .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer .divajaxcontainter { width: calc(100% - 26px); } div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .inputContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .customButtonContainer { width: 100%; } .skillcontainer { float: none; display: inline-block; } .buttonsRight, .buttonsRight ul li, .buttonsLeft, .buttonsLeft ul li { width: 100%; text-align: center; max-width: 500px; margin: 0 auto !important; float: none; display: block; overflow: hidden; padding: 0; } .buttonsRight ul li:before, .buttonsLeft ul li:before { display: none !important; } .buttonsRight ul li a, .buttonsRight ul li input, .buttonsLeft ul li a, .buttonsLeft ul li input, ul.pageBlockHeaderButtons { float: none; margin-left: 0 !important; margin-right: 0 !important; width: 100%; } .buttonsLeft button.buttonAnchor, .buttonsRight button.buttonAnchor, .buttonsLeft input.buttonSubmit, .buttonsRight input.buttonSubmit, .buttonsLeft a.buttonAnchor, .buttonsRight a.buttonAnchor, #posdesc_pageBlockContainer #posdesc_pageBlock a.right, #homepage .googleMapsButton, button.buttonAnchor, button.buttonSubmit, input.buttonSubmit, a.buttonAnchor, div.posDescriptionContainer317 .BigVacancyMap .moreJobs a, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton, .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a, .backButtonContainer a, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a, mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton, #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton, .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .closeMapButton, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton, #Application_Section_Rare_pageView .rare_button, a.offerAnchor { margin: 2.5px 0 !important; float: none; width: auto; height: auto; min-width: 1px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center; font-family: EDF\ 2020 Regular, sans-serif; font-weight: 500; font-style: normal; font-display: block; font-size: 18px; line-height: 22px; text-align: center; border: 1px solid var(--lightorange); background: var(--lightorange); color: #fff; transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out; padding: 15px 25px; text-decoration: none !important; } .buttonsLeft button.buttonAnchor:hover, .buttonsRight button.buttonAnchor:hover, .buttonsLeft input.buttonSubmit:hover, .buttonsRight input.buttonSubmit:hover, .buttonsLeft a.buttonAnchor:hover, .buttonsRight a.buttonAnchor:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:hover, #homepage .googleMapsButton:hover, button.buttonAnchor:hover, button.buttonSubmit:hover, input.buttonSubmit:hover, a.buttonAnchor:hover, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover, .backButtonContainer a:hover, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover, mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:hover, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:hover, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:hover, #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:hover, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover, .mapContainer .ButtonHolder .miniMapButton a:hover, .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover, #Application_Section_Rare_pageView .rare_button:hover, a.offerAnchor:hover { background: #fff; border-color: var(--lightorange); color: var(--lightorange) !important; } /*.buttonsLeft button.buttonAnchor:focus, .buttonsRight button.buttonAnchor:focus, .buttonsLeft input.buttonSubmit:focus, .buttonsRight input.buttonSubmit:focus, .buttonsLeft a.buttonAnchor:focus, .buttonsRight a.buttonAnchor:focus, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:focus, #homepage .googleMapsButton:focus, button.buttonAnchor:focus, button.buttonSubmit:focus, input.buttonSubmit:focus, a.buttonAnchor:focus, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:focus, .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:focus, .backButtonContainer a:focus, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:focus, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:focus, mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:focus, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:focus, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:focus, #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:focus, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:focus, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:focus, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:focus, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:focus, .mapContainer .ButtonHolder .miniMapButton a:focus, .mapContainer .ButtonHolder .bigMapButton .closeMapButton:focus, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:focus, #Application_Section_Rare_pageView .rare_button:focus, a.offerAnchor:focus { outline: 2px dashed #000; }*/ a.buttonAnchor.green { background: var(--greenColor) !important; } a.buttonAnchor.blue { background: var(--blueColor) !important; } a.buttonAnchor.white { background: #fff !important; color: #000 !important; } a.buttonAnchor.green:hover, a.buttonAnchor.blue:hover, a.buttonAnchor.white:hover { background: var(--secondaryColor) !important; color: #fff !important; } .actionTextButtonContainer .buttonsRight, .actionTextButtonContainer .buttonsRight ul li, .fileuploadcontainer .buttonsLeft, .fileuploadcontainer .buttonsLeft ul li { width: 100%; } .tooltip2_Surround, .tooltip2_SurroundClosing { display: none !important; } .charCounterValue { float: left; } video, img:not(.logo) { max-width: 100%; } .eArcuInfoHeader, #EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } .ui-dialog.ui-widget.ui-widget-content { border: none; z-index: 1001 !important; } .ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar { border: .125rem solid #000; border-bottom: none; background: #efefef; color: #000; } .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close, .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { outline: none !important; } .ui-dialog.ui-widget.ui-widget-content .ui-dialog-content { border: .125rem solid #000; border-top: none; background: #efefef; color: #000; } .modalContent { min-height: 1px !important; } .ui-widget-overlay { z-index: 1000 !important; opacity: 0.7; background: #000; } body:before { content: ''; z-index: -1; opacity: 0; transition: opacity .4s ease; background: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } body.cookiesOpen, body.modalOpen { overflow: hidden; } body.cookiesOpen:before, body.modalOpen:before { z-index: 9991; opacity: 0.7; } .cookiesButton { position: fixed; bottom: 0; left: 0; width: 80px; height: 80px; z-index: 9990; } .cookiesButton a { clip-path: polygon(0 0, 0% 100%, 100% 100%); background: var(--primaryColor); display: block; height: 100%; position: relative; transition: all .2s ease; color: #fff; } .cookiesButton a:hover { background: #000; } .cookiesButton a i { position: absolute; bottom: 10px; left: 10px; font-size: 30px; } .gdprcookie { z-index: 9992; background: var(--primaryColor); } .gdprcookie.too-big { position: fixed; bottom: 1.5rem; top: 1.5rem; overflow: auto; } .gdprcookie h1 { font-size: 24px; line-height: 32px; } .gdprcookie h2 { font-size: 20px; line-height: 28px; } .gdprcookie ul { color: #fff; } .gdprcookie input[type=checkbox] { position: relative; opacity: 1; width: auto; } .gdprcookie input[type=checkbox] + label { color: inherit; display: inline-block; position: relative; } .gdprcookie .gdprcookie-buttons { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 20px; } .gdprcookie .gdprcookie-buttons button { transition: all .2s ease; margin: 0; } .gdprcookie .gdprcookie-buttons button:disabled { pointer-events: none; } .gdprcookie .gdprcookie-buttons button:not(:disabled):hover { background: rgba(255, 255, 255, 0.3); } footer { position: relative; z-index: 11; } .pageBlockInner_GridBlock div.gridContentWithHeader { background: none; } .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li { display: flex; align-items: center; } .pageBlockInner_GridBlock table.gridTable th { width: 100% !important; } #EarcuIntroTextBlockTitle { display: none; } .stickyApplyContainer { position: fixed; top: 25%; transform: translateY(-50%) rotate(90deg); right: -40px; z-index: 10; } .stickyApplyContainer a.buttonAnchor { margin-top: 0; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); background: var(--brownColor); height: 52px; } .stickyApplyContainer a.buttonAnchor:hover { background: var(--secondaryColor); } #pojo-a11y-toolbar { bottom: 0; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { bottom: 0; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background: var(--primaryColor); color: #fff; transition: all .2s ease; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover { background: var(--secondaryColor); } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { background: #fff; } body.pojo-a11y-grayscale { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } body.pojo-a11y-grayscale #pojo-a11y-toolbar, body.pojo-a11y-grayscale .stickyApplyContainer, body.pojo-a11y-grayscale #pojo-container label[for="toggle"], body.pojo-a11y-grayscale #pojo-container section.message, body.pojo-a11y-grayscale #pojo-container #main-header .main-header__inner, body.pojo-a11y-grayscale #pojo-container #main, body.pojo-a11y-grayscale #pojo-container #main-footer { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .bannerContainer { display: flex; flex-wrap: wrap; padding-top: var(--header-push); overflow: hidden; @media (max-width:979px) { flex-direction: column; } } .bannerContainer .bannerContent { display: flex; flex-direction: column; justify-content: center; height: 100%; background: var(--primaryColor); padding: 40px; gap: 20px; flex: 50%; @media (min-width:980px) { min-height: 350px; } } .bannerContainer .bannerContent .quickSearchContainer form { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow { width: 100%; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow .controlContainer { margin: 0; position: relative; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow .controlContainer:before { font-family: "Font Awesome 6 Pro"; color: var(--lightgreen); position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-size: 24px; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow .controlContainer input.inputText { background: none; color: #fff; border-color: #fff; padding-left: 50px; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow .controlContainer input.inputText::placeholder { color: inherit; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow#Quicksearchform_keywords_formRow .controlContainer:before { content: '\f002'; } .bannerContainer .bannerContent .quickSearchContainer form .formRowTextInputRow#Quicksearchform_location_formRow .controlContainer:before { content: '\f3c5'; } .bannerContainer .bannerImage { flex: 50%; overflow: hidden; position: relative; height: auto; } .bannerContainer .bannerImage > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; @media (min-width:980px) { position: absolute; top: 0; left: 0; } @media (max-width:979px) { max-height: 300px; } } .home .bannerContainer { height: 100vh; } @media only screen and (max-width: 1159px) { .bannerContainer { display: flex; flex-wrap: wrap; } .home .bannerContainer { min-height: 650px; height: 70vh; } } @media only screen and (max-width: 979px) { .bannerContainer { min-height: auto !important; height: auto !important; } .bannerContainer .bannerImage { cursor: auto; } } #latestJobs .titleContainer { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } #latestJobs .vacanciesContainer, .benefitsContainer.splide { @media all and (min-width:980px) { padding: 0 80px; } } #latestJobs .vacanciesContainer .splide__arrows, .benefitsContainer.splide .splide__arrows { position: initial; @media all and (max-width:979px) { display: none; } } #latestJobs .vacanciesContainer .splide__arrows .splide__arrow, .benefitsContainer.splide .splide__arrows .splide__arrow { background: none; border-radius: 0; border: 1px solid #ccc; aspect-ratio: 1/1; width: 50px; height: auto; } #latestJobs .vacanciesContainer .splide__arrows .splide__arrow.splide__arrow--prev, .benefitsContainer.splide .splide__arrows .splide__arrow.splide__arrow--prev { left: 0; } #latestJobs .vacanciesContainer .splide__arrows .splide__arrow.splide__arrow--next, .benefitsContainer.splide .splide__arrows .splide__arrow.splide__arrow--next { right: 0; } #latestJobs .vacanciesContainer .splide__arrows .splide__arrow svg, .benefitsContainer.splide .splide__arrows .splide__arrow svg { aspect-ratio: 1/1; height: auto; width: 2.2em; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide, .benefitsContainer.splide .splide__track ul.splide__list li.splide__slide { display: flex; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide .jobBlock, .benefitsContainer.splide .splide__track ul.splide__list li.splide__slide .benefitBlock { padding: 30px; background: #fff; border: 1px solid #ccc; border-radius: 20px; width: 100%; display: flex; flex-direction: column; gap: 10px; transition: all .2s ease; text-align: left; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide .jobBlock:hover { background: var(--primaryColor); color: #fff; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide .jobBlock:hover * { color: inherit !important; } .benefitsContainer.splide .splide__track ul.splide__list li.splide__slide .benefitBlock .icon { font-size: 60px; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide .jobBlock ul.values, .benefitsContainer.splide .splide__track ul.splide__list li.splide__slide .benefitBlock .details { margin-top: auto; display: flex; flex-direction: column; gap: 5px; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide .jobBlock ul.values li { display: flex; gap: 10px; align-items: center; } #latestJobs .vacanciesContainer .splide__track ul.splide__list li.splide__slide .jobBlock ul.values li i { color: var(--secondaryColor); width: 20px; text-align: center; } #latestJobs .vacanciesContainer .splide__pagination, .benefitsContainer.splide .splide__pagination { position: relative; margin-top: 30px; bottom: initial; @media all and (min-width:980px) { display: none; } } #latestJobs .vacanciesContainer .splide__pagination .splide__pagination__page.is-active, .benefitsContainer.splide .splide__pagination .splide__pagination__page.is-active { background: var(--secondaryColor); } .comp-content-text-video_comp .comp-content-text-video_comp_cti_video_holder { @media all and (max-width:979px) { padding-bottom: 30px; } } .comp-content-text-video_comp .comp-content-text-video_comp_cti_video_holder video { border-radius: 20px; } #jobAlerts form { display: flex; gap: 10px; @media all and (max-width:979px) { flex-direction: column; } } #jobAlerts form .formRow.formRowTextInputRow { flex: 60%; } #jobAlerts form .formRow.formRowButtonRow { flex: 40%; } #jobAlerts form .formRow.formRowButtonRow button { width: auto; justify-content: space-between; @media all and (min-width:980px) { width: 100%; } } div.SysAdminFrameContainer { position: initial; } .videoPopupContainer .comp-media_video_container__D3T35 { display: none; } .accordionsContainer { display: flex; flex-direction: column; gap: 30px; } .accordionsContainer .accordion { overflow: hidden; border-radius: 20px; position: relative; } .accordionsContainer .accordion h3.accordionHeader { padding: 30px 90px 30px 30px; position: relative; background: var(--lightergreen); cursor: pointer; } .accordionsContainer .accordion h3.accordionHeader:after { content: ''; position: absolute; top: 50%; right: 30px; transform: translateY(-50%) rotate(90deg); background-image: url(../Images/Icons/icon-btn-orange.svg); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; width: 30px; height: 60px; transition: all .4s ease; } .accordionsContainer .accordion .accordionContent { padding: 0 30px 30px 30px; background: var(--lightergreen); display: none; } .accordionsContainer .accordion .accordionContent ul { position: relative; margin-left: 0; padding-left: 20px; } .accordionsContainer .accordion.active h3.accordionHeader:after { transform: translateY(-50%) rotate(270deg); } .mw-250 { max-width: 250px !important; } .textpage_why .comp-slider-full-page-tags_comp_sfpt_slider__apWfU, .textpage_why .comp-slider-full-page-tags_comp_sfpt_slider__apWfU .slick-slide { height: auto !important; } .textpage_why .comp-slider-full-page-tags_comp_sfpt_slider__apWfU .slick-slide > div.slideContent { max-width: 900px; margin: 0 auto; display: block; } /* Misc Styling Ends */ /* Results Page Styling */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_ResultsGrid_pageBlockContainer #posBrowser_ResultsGrid_pageBlock, #posBrowser_ResultsGrid_pageBlockContainer #posBrowser_ResultsGrid_pageBlock .ListGridContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { overflow: hidden; @media (min-width:64em) { overflow: visible; } } .pos_find_results .pageViewMain, .pos_find_results_map .pageViewMain { display: flex; flex-direction: column; } #posBrowser_Filter_pageBlockContainer { max-width: 100%; float: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle { border: none; padding: 0; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock { overflow: hidden; padding: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:after, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after { font-family: "Font Awesome 6 Pro"; margin-left: 5px; display: inline-block; font-weight: 900; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_List:after { content: '\f03a'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Map:after { content: '\f5a0'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander { border-top: 1px solid #d3d3d3; padding: 50px 0; position: relative; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a { width: auto; position: relative; font-family: EDF\ 2020 Regular, sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 22px; line-height: 30px; letter-spacing: -.5px; color: var(--secondaryColor); transition: opacity .3s ease-in-out; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:hover { opacity: 0.5; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after { content: '\2b'; font-weight: 100; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:after { content: '\f068'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer { border: none; display: block; transition: all .4s ease; overflow: hidden; padding: 0; border-bottom: 1px solid #d3d3d3; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer.FiltersContainer_Hidden { height: 0px !important; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer { padding-bottom: 50px; background: none; display: flex; flex-wrap: wrap; gap: 18px; @media (max-width:979px) { flex-direction: column; } } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow { flex: 45%; margin-bottom: 0; text-align: left; border: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer { background: none; color: #000; font-family: EDF\ 2020 Light, sans-serif; font-weight: 300; font-style: normal; font-display: block; font-size: 18px; line-height: 21px; letter-spacing: -.5px; border: none; padding-bottom: 20px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel { padding: 0; float: none; font-size: inherit; font-weight: 300; color: inherit; position: relative; width: 100%; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer { margin: 0; padding: 0; background: transparent; color: inherit; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue { padding: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue .locationValueLabel:after { content: ':'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList { padding: 0; display: flex; flex-wrap: wrap; gap: 18px; max-height: 320px; overflow: auto; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li { padding: 15px 25px; float: none; background: var(--lightergreen); border: 1px solid var(--primaryColor); color: var(--primaryColor); width: auto; margin: 0; font-family: EDF\ 2020 Regular,sans-serif; transition: all .2s ease; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li:hover, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected { background: var(--primaryColor); color: #fff; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_empty:not(.ValueItem_selected) { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a { font-size: 18px; line-height: 22px; color: inherit; text-decoration: none !important; font-weight: 500; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a .label { color: inherit; font-size: inherit; padding: 0; border-radius: 0; display: initial; background: none; line-height: inherit; cursor: inherit; white-space: initial; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a .count { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel { width: 100%; background: none; padding: 0; border: none; cursor: initial; pointer-events: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:before { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:after { content: ':'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ButtonsContainer a.RemoveLink { display: block; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow { display: none; } #posBrowser_ResultsGrid_pageBlockContainer { margin: 0; max-width: 100%; } #MapBlock_pageBlockContainer { float: left; width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock { padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter { border: none; position: relative; overflow: visible; width: 100%; display: flex; align-items: center; gap: 20px; margin-bottom: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer { margin: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer { padding: 0; margin: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer { float: none; display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer { display: flex; flex-direction: column; margin: 0; padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent { float: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText { color: inherit; font-weight: bold; text-transform: uppercase; margin: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a { font-size: inherit; text-transform: uppercase; color: var(--secondaryColor); padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup { z-index: 10; background: var(--primaryColor); border-radius: 0; border: 2px solid var(--secondaryColor); margin-top: 0 !important; top: 100%; color: inherit; text-transform: uppercase; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup a { font-size: inherit; color: inherit; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles { display: flex; align-items: center; gap: 5px; font-family: EDF\ 2020 Regular, Helvetica, Arial, sans-serif; float: none; width: 100%; margin: 20px 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons { float: none; padding-top: 0; white-space: nowrap; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons { display: flex; gap: 5px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a { background: none; border: none; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; width: auto; height: auto; line-height: 1; font-size: 25px; color: #000; transition: all .2s ease; text-decoration: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:hover { color: var(--secondaryColor); } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:before { content: '\f32b'; font-family: "Font Awesome 6 Pro"; font-weight: 300; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before { content: '\f32a'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.buttonDisabled { opacity: 0.3; cursor: initial; pointer-events: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a img { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles:after { content: ''; flex: 100%; height: 2px; margin-left: 15px; background-color: #fff; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent { padding-top: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer { display: flex; flex-wrap: wrap; gap: 30px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { width: 100%; border-bottom: none; position: relative; display: flex; flex-direction: column; flex: 100%; background: var(--lightergreen); border-radius: 20px; border: none; transition: all .2s ease; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { width: 100%; border: none; margin: 0 !important; padding: 30px 55px; height: auto; position: relative; text-align: left; display: flex; flex-direction: column; flex: 1 0 auto; gap: 20px; background: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader { padding: 0; padding-bottom: 1px; float: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a { text-decoration: none !important; color: inherit; font-family: EDF\ 2020 Regular, Helvetica, Arial, sans-serif; font-weight: 400; color: var(--primaryColor); line-height: 42px; letter-spacing: -1.5px; font-size: 37px; @media (min-width:1159px) { font-size: calc(1.9950124688vw + 13.8778054863px); line-height: calc(2.2443890274vw + 15.9875311721px); } @media (min-width:1560px) { font-size: 45px; line-height: 51px; } } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer { width: 100%; max-width: calc(100% - 300px); padding-right: 50px; @media (max-width:979px) { max-width: 100%; padding-right: 0; } } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2 .rowItemsInnerContainer { float: none; position: initial; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer { margin: 0; padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer .rowItemsInnerContainer2 { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; overflow: visible; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer .rowItemsInnerContainer2 { gap: 10px; position: absolute; top: 30px; right: 55px; max-width: 300px; width: 100%; @media (max-width:979px) { position: relative; top: initial; right: initial; max-width: 100%; } } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span { display: flex; flex-direction: column; gap: 5px; width: auto; font-family: EDF\ 2020 Regular, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 25px; letter-spacing: -.5px; color: #000; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:before { color: var(--secondaryColor); font-family: EDF\ 2020 Regular, sans-serif; font-weight: 400; font-size: 15px; line-height: 17px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist2value_vacancyColumn:before, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist10value_vacancyColumn:before { content: 'Business Unit:'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist5value_vacancyColumn:before { content: 'Location:'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist7value_vacancyColumn:before { content: 'Type:'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist15value_vacancyColumn:before { content: 'Department:'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist27value_vacancyColumn:before { content: 'City:'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.pospublishenddate_vacancyColumn:before { content: 'Closing Date:'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer:after { content: 'More info'; position: relative; display: inline-flex; justify-content: center; align-items: center; height: 51px; font-family: EDF\ 2020 Regular, sans-serif; font-weight: 500; font-style: normal; font-display: block; font-size: 18px; line-height: 22px; text-align: center; background-color: #fe5716; color: #fff; border: 1px solid #fe5716; transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out; padding: 15px 25px; margin-top: 20px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer:after { color: #fe5716; background-color: #fff; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer { width: 100%; text-align: center; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft { display: inline-block; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft .createAlertsButton { width: auto; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter { margin-bottom: 0; margin-top: .7em; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .gridButtons { display: none; } .posListHover { display: none !important; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer { position: relative; left: initial !important; width: 100%; box-sizing: border-box; background: #f1f1f1; border: none; padding: 20px; display: flex; align-items: center; justify-content: center; z-index: 1; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer { width: 100%; max-width: 500px; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form { display: flex; flex-direction: column; gap: 5px; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressLabel { width: 100%; text-align: left; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressInput { width: 100%; position: relative; display: inline-block; vertical-align: middle; margin: 0; } /* Results Page Styling Ends */ /* Job Description Styling */ .pageView:has(#posdesc_pageBlockContainer), #posdesc_pageBlockContainer, #posdesc_pageBlockContainer #posdesc_pageBlock, #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer { padding: 0; overflow: visible; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox { margin: 0; border: none; padding: 0; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum { display: flex; flex-direction: column; gap: 20px; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.jobSumItem { display: flex; flex-direction: column; gap: 10px; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.jobSumItem .jobSumLabel { color: var(--secondaryColor); font-family: EDF\ 2020 Light, sans-serif; font-weight: 300; font-style: normal; font-display: block; font-size: 18px; line-height: 21px; letter-spacing: -.5px; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.jobSumItem .jobSumValue { font-family: EDF\ 2020 Regular, sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 22px; line-height: 28px; letter-spacing: -.5px; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems { display: flex; gap: 20px; flex-wrap: wrap; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a { border-radius: 0; margin: 0; float: none; display: inline-block; color: var(--secondaryColor); transition: all .2s ease; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a:hover { opacity: 0.5; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a:before { font-family: "Font Awesome 6 Brands"; font-size: 20px; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a#linkedin_PosDescSharingItem:before { content: '\f0e1'; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a#facebook_PosDescSharingItem:before { content: '\f39e'; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a#twitter_PosDescSharingItem:before { content: '\e61b'; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a#email_PosDescSharingItem:before { font-family: "Font Awesome 6 Pro"; content: '\f0e0'; font-weight: 900; } #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer #PosDescSharingItems a > div { display: none; } /* Job Description Styling Ends */ /* Login/Register Styling */ #UsernameForm_pageBlock .ssoIconsInnerContainer { text-align: center; max-width: 100%; } #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon { float: none; display: inline-block; vertical-align: middle; } .passwordreset_request #form_pageBlockContainer .blockSummarySurround { text-align: center; } /* Login/Register Styling Ends */ /* Profile Styling */ .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form { display: flex; flex-wrap: wrap; gap: 1.5rem; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow { width: 100%; flex: 48%; padding: 1.5rem; overflow: hidden; position: relative; background: var(--lightergreen); display: block; cursor: pointer; transition: all .2s ease; margin: 0; border-radius: 20px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer { padding: 0; margin: 0; overflow: visible; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconImage { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue { margin-left: 0; display: flex; flex-direction: column; gap: 10px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel { margin-bottom: 0; float: left; text-transform: lowercase; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel:first-letter { text-transform: uppercase } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel a { text-decoration: none !important; color: inherit; font-family: EDF\ 2020 Regular, Helvetica, Arial, sans-serif; font-weight: 400; color: var(--primaryColor); line-height: 42px; letter-spacing: -1.5px; font-size: 37px; @media (min-width:1159px) { font-size: calc(1.9950124688vw + 13.8778054863px); line-height: calc(2.2443890274vw + 15.9875311721px); } @media (min-width:1560px) { font-size: 45px; line-height: 51px; } } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconDescription { color: inherit; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues { line-height: 27px; font-size: .9em; overflow: visible; float: right; color: inherit; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue { margin: 0; float: none; display: inline-block; vertical-align: middle; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel { margin-right: 0; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after { content: ':'; margin-right: 5px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData { font-weight: normal; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after { content: '|'; padding: 0 12px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required { color: red; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover:before { height: 100%; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover { background: var(--primaryColor); color: #fff; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconDescription { color: #fff; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel a, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after { color: #fff; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight { transition: all .15s ease; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight { max-width: 100%; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul { display: flex; gap: 5px; justify-content: flex-end; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul li { width: auto; margin: 0; } .mydetails div.pageBlockTitle { padding: 0; display: block; width: 100%; } .mydetails #MyDetails_pageView div.pageBlockContainer:first-of-type:before { display: none; } .mydetails #MyDetails_pageView div.pageBlockContainer:before { content: ''; width: 100%; margin: 50px 0; overflow: hidden; height: 2px; background: #999999; display: block; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent { padding: 0; margin-bottom: 20px; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#intro_pageBlock, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#MyDetailsStauts_pageBlock { padding: 0; border-radius: 0; background: none; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .labelContainer { color: inherit; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight { margin-top: 20px; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight ul li, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight ul li { width: 100%; text-align: center; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft { width: 100%; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary { display: none; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks { border: none; overflow: auto; padding: 0; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li { float: left; width: 49.5%; margin-bottom: 10px; padding: 0; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:before { display: none; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) { float: right; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a { display: block; text-align: center; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight { display: none; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom { margin-top: 20px; } #MyDetails_pageView .editblocklink a, #Application_Section_PersonalDetails_pageView .editblocklink a { margin: 0 !important; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer { border: none; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader { padding: 0; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel { margin: 10px 0 0; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer { margin: 0; padding: 0; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer, .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel { padding: 0; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(2n+1) { clear: left; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { padding: 20px; border: none; text-align: center; min-height: 90px; margin: 0; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer { width: 100%; margin-bottom: 20px; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer img { margin: 0 auto; display: block; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer { margin-left: 0; float: left; width: 100%; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer { margin-bottom: 20px; } #Welcome_pageView #ToDoList_pageBlockContainer, #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock { overflow: visible; } #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItem:before { display: none; } #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItemLabel { padding: 20px; background-image: none; text-align: center; background: #f1f1f1; border: none; } #MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover { color: #fff; } .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons { padding: 0; } .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable thead, .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tbody, .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr { width: 100%; } .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr th:nth-child(n+3), .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr td:nth-child(n+3) { width: 25%; } .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 100%; max-width: 500px; margin: 0 auto; } .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer { width: 100%; margin: 0; } .pageBlockInner_GridBlock table.gridTable { width: 100% !important; display: block; } div.pageBlockInner_FormBlock div.boxedText { background: none; } #MyJobFeedForm_pageBlockContainer #MyJobFeedForm_pageBlock .formRow .labelContainer, .pos_alertcriteria #Form_pageBlockContainer #Form_pageBlock .formRow .labelContainer { font-weight: bold; } .myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist2_formRow, .myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist12_formRow { display: none; } .pageBlockInner_GridBlock div.gridContent { border: none; padding-top: 0; } .pageBlockInner_GridBlock table.gridTable th { background: none; } /* Profile Styling Ends */ /* Application/Onboarding Styling */ div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer { padding-bottom: 0; margin-bottom: 0; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer { display: block; height: auto; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem { display: block; width: 100%; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner { margin: 0; border: none; background: none; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle { display: none; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent { margin: 0; font-size: 18px; font-weight: 700; color: var(--primaryColor); margin-bottom: 28px; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent { color: inherit; font-weight: normal; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack { margin-bottom: 15px; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner { border-radius: 15px; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: var(--secondaryColor); border-color: var(--secondaryColor); } div.pageBlockContainer#HasAdditionalInformation_pageBlockContainer { padding-bottom: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer { padding-top: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList { display: flex; flex-wrap: wrap; gap: 1.5rem; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem { border: none; margin: 0; height: auto; font-weight: normal; background: var(--lightergreen); width: 100%; flex: 48%; padding: 1.5rem; overflow: hidden; position: relative; transition: all .2s ease; border-radius: 20px; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:before, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:before { display: none; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel { padding: 0; margin: 0; float: left; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a { font-weight: normal; text-decoration: none !important; margin: 0; font-weight: 700; color: var(--primaryColor); font-size: 20px; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer { float: right; padding-right: 5px; display: block; padding-top: 2px; color: red; transition: all .2s ease; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue { font-size: .9em; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed { background: var(--primaryColor); color: #fff; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer { color: #fff; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a { color: #fff !important; } #Application_Section_Rare_pageView .rare_buttons { flex-wrap: wrap; } #BackBlock_pageBlockContainer, #ButtonBlock_pageBlockContainer { background: none !important; padding: 0 !important; } .pageBlockContainer_GridBlock .pageBlockContent_GridBlock { padding: 0; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer, .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock#questionsSummary_pageBlock { border: none; border-bottom: 1px dashed silver; margin-bottom: 10px; padding: 20px; background: #fff; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer:last-of-type { border-bottom: none; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowLabel { margin: 0; margin-left: 2px; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowItemContainer .cell_ApplicationsGrid_status[title~=Additional] { color: red; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { max-width: 100%; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload { text-align: center; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload li.fileOuterContainer { float: none; display: inline-block; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer.uploadedFilesContainer { height: auto !important; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .dropHere { height: auto !important; display: block; text-align: center; padding: 10px 0 !important; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .nofilesmessage { display: none; } .mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer { display: none; } .pos_description_review #intro_pageBlockContainer #intro_pageBlock { text-align: center; color: #fff; } #posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks { display: none; } #Edit_OFFERGENERICFORM1_pageBlockContainer #Edit_OFFERGENERICFORM1_pageBlock #Edit_OFFERGENERICFORM1_Text1_formRow .controlContainer input { text-transform: uppercase; } #Application_Section_Rare_pageView #countrylist { display: flex; flex-wrap: wrap; gap: 5px; } #Application_Section_Rare_pageView #countrylist input { width: 25px; } #Application_Section_Rare_pageView #countrylist .countrylabel { width: calc(100% - 35px); margin-right: 0; } #Application_Section_Rare_pageView .rare_contentheader { color: var(--primaryColor); letter-spacing: initial; text-transform: lowercase; font-weight: bold; } #Application_Section_Rare_pageView .rare_contentheader:first-letter { text-transform: uppercase; } #Application_Section_Rare_pageView #rare_contextualinformation .rarebutton.selected { background: var(--primaryColor); color: #fff; } #Application_Section_Rare_pageView .rare_button { margin: 10px 10px 10px 0 } #signatureoptions .buttonsRight { max-width: 100%; } #signatureoptions .buttonsRight ul#optionslist { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } #signatureoptions .buttonsRight ul#optionslist li { max-width: 100%; padding: 0; width: auto; margin: 0 !important; } .earcu_onboarding .pageBlockInner_FormBlock div.textLiteral.textLiteralAlignment_Unknown { text-align: left; } .offerLayoutBox ul, .offerLayoutBox ol { padding-left: 15px; margin-bottom: 15px; } .offerLayoutBox ul { list-style: disc; } .offerLayoutBox ol { list-style: decimal; } /* Application/Onboarding Styling Ends */ /* Responsive Styling */ @media all and (max-width:991px) { .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li { width: 100%; text-align: center; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a { display: inline-block; width: auto; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { width: 100%; text-align: center; } } @media all and (max-width:767px) { #posBrowser_Filter_pageBlockContainer, #posBrowser_ResultsGrid_pageBlockContainer, #MapBlock_pageBlockContainer { width: 100%; margin-right: 0; } #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap { flex-direction: column; } #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .videoOuterContainer, #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap { max-width: 100%; } #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer #vacancyMap { min-height: 1px; aspect-ratio: 16/9; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow { flex: 100%; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer { width: 100%; text-align: center; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter { display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter { margin-bottom: 0; margin-top: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel { float: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock { padding: 20px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock { flex: 100%; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer, #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { width: 100%; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul { justify-content: center; flex-direction: column; } #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer { display: none; } .stickyApplyContainer { top: initial; transform: none; right: 0; left: 0; bottom: 0; } .stickyApplyContainer a.buttonAnchor { width: 100%; border-radius: 0; margin-bottom: 0; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox { flex-direction: column; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock { max-width: 100%; flex: 100%; } } @media all and (max-width:500px) { .ui-dialog.ui-widget.ui-widget-content { width: 100% !important; } #Application_Section_Rare_pageView #rare_content { width: 100%; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox .offerLayoutPlaceHolder { width: 100% !important; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock { padding: 30px; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock h2 { order: 2; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p { order: 3; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock ul { order: 4; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) { order: 1; position: relative; top: initial; right: initial; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder { flex-direction: column; gap: 10px; } .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder .offerBlockContainer { max-width: 100%; } } /* Responsive Styling Ends */ .textpage_why { --logo-content-width: 100%; --logo-width: 100%; @media (min-width: 768px) { --logo-content-width: 50%; --logo-width: 50%; } @media (min-width: 980px) { --logo-content-width: 100%; --logo-width: 100%; } .logo-column { display: flex; justify-content: center; flex-wrap: wrap; align-items: stretch; @media (min-width: 768px) { flex-wrap: nowrap; min-height: 250px; align-items: center; } @media (min-width: 980px) { flex-wrap: wrap; min-height: 0; align-items: stretch; } .logo-wrapper { width: var(--logo-width, 100%); display: flex; align-items: end; justify-content: center; min-height: 0; margin-bottom: 2rem; margin-top: 2rem; @media (min-width: 768px) { margin-bottom: 0; margin-top: 0; min-height: 200px; align-items: center; } @media (min-width: 980px) { min-height: 200px; aspect-ratio: 1 / 1; margin-bottom: 2rem; } } &:first-child .logo-wrapper { margin-top: 0; } } .logo-content { width: var(--logo-content-width, 100%); } }