/* Jump to: Root Misc Styling Results Page Styling Job Description Page Styling Login/Register Styling Profile Styling Application/Onboarding Styling Responsive Styling */ /* Root */ :root { --primaryColor: #5A0066; --secondaryColor: #4ea93f; --creamColor: #DC007D; } /* 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: hidden; } 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.formRowTextInputRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer p, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer p, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer p, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer p, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer p, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer p, #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer p, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer p, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p { float: left; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow { float: none; margin: 0 auto; max-width: 500px; display: block; text-align: left; } 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: auto !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 .controlContainer .inputContainer { display: flex; align-items: flex-start; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup { margin-top: 10px; } .iti { width: 100%; } .pageBlockInner_FormBlock label.formLabel { text-align: left; } .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 { box-sizing: border-box; resize: none; border: 2px solid #eaebeb; font-size: 16px; line-height: 1.5; padding: 0 16px; height: 40px; transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s; background-color: #ffffff; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); font-family: inherit; color: #5c6b80; width: calc(100% - 4px); max-width: 100%; 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, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input:focus { border: 2px solid #8a8a8a; box-shadow: 0 0 5px #cacaca; 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: 5px auto; float: none; display: block; overflow: hidden; } .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, input.buttonSubmit, a.buttonAnchor, div.posDescriptionContainer317 .BigVacancyMap .moreJobs a, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, .socialWallContainer .newsLinkContainer a, .textpage_wellbeing .buttonContainer a, .textpage_application .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, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander 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, .textpage_filters a.button { display: inline-block; font-family: var(--ubuntu); font-weight: 500; font-size: var(--fontsize-default); padding: 8px 16px; border-radius: 6px; border: 2px solid rgba(0, 0, 0, 0); background-color: var(--primaryColor); transition: .2s ease-in-out; text-decoration: none; width: auto; margin: 0; color: #fff; cursor: pointer; text-align: center; float: none; position: relative; line-height: 24px; } .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, input.buttonSubmit:hover, a.buttonAnchor:hover, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, .socialWallContainer .newsLinkContainer a:hover, .textpage_wellbeing .buttonContainer a:hover, .textpage_application .buttonContainer a:hover, .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover, .backButtonContainer a:hover, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander 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, .textpage_filters a.button:hover { background: var(--button-secondary-hover); color: #fff; } .actionTextButtonContainer .buttonsRight, .actionTextButtonContainer .buttonsRight ul li, .fileuploadcontainer .buttonsLeft, .fileuploadcontainer .buttonsLeft ul li { width: 100%; } .tooltip2_Outer { display: none; } .tooltip2_Outer.Edit_EQUALOPS_Codelist16Id_formRow { display: block; } .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; } .desktop-menu .menu-item.login a { border: 2px solid var(--secondaryColor); border-radius: 40px; font-size: 16px; padding: 10px 20px; text-align: center; text-decoration: none; transition: all .4s ease-in-out; } .desktop-menu .menu-item.login a:hover { background-color: #fff; border: 2px solid #fff; color: var(--primaryColor) !important; } .bannerContainer { height: 300px; height: 60vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .bannerContainer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; } .bannerContainer img.banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1; } .bannerContainer .bannerContent { text-align: center; display: flex; flex-direction: column; gap: 25px; align-items: center; width: 70%; max-width: 900px; color: #fff; position: relative; z-index: 3; } .bannerContainer .bannerContent h1, .bannerContainer .bannerContent p { margin: 0 !important; color: inherit; } .bannerContainer .bannerContent .quickSearchContainer, .bannerContainer .bannerContent .quickSearchContainer .inputContainer { width: 100%; max-width: 100%; } .bannerContainer .bannerContent .quickSearchContainer { display: flex; gap: 20px; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer { position: relative; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer button, .bannerContainer .bannerContent .quickSearchContainer .inputContainer a { position: absolute; top: 0; left: 0; height: 100%; width: 50px; display: flex; align-items: center; justify-content: flex-end; z-index: 2; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer button img { max-width: 30px; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer a { color: #fff; border: none !important; margin: 0; background: none !important; padding: 0; bottom: 0; font-size: 30px; padding-right: 5px; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer a i { font-style: normal; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer a i:before { content: '\f3c5'; font-family: "Font Awesome 6 Pro"; font-weight: 900; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer input { width: 100%; max-width: 100%; background: transparent; border: 1px solid #fff; border-radius: 40px; padding: 20px 20px 20px 60px; height: auto; line-height: normal; margin: 0; transition: all .2s ease; outline: none !important; color: #fff; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer input:focus { background: rgba(0,0,0,0.2); } 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 { overflow: hidden; } body.cookiesOpen: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 input[type=checkbox] { position: relative; opacity: 1; } .gdprcookie input[type=checkbox] + label { color: inherit; display: inline-block; } .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; } #MainContent { margin-top: 140px; } input[type=checkbox], input[type=radio] { position: relative; opacity: 1; } .logo-wrapper { display: flex; flex-direction: column; gap: 0; font-weight: bold; text-decoration: none; font-size: 14px; align-items: center; } /* Misc Styling Ends */ /* Results Page Styling */ #posBrowser_Filter_pageBlockContainer { width: 30%; float: left; margin-right: 3%; } #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 .alternateViews 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 { padding-top: 20px; position: relative; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a { width: auto; padding-right: 35px; position: relative; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after { content: '\25BC'; font-weight: bold; right: 15px; transition: transform 0.4s ease; position: absolute; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:after { transform: rotate(180deg); } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer { border: none; display: block; transition: all .4s ease; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer.FiltersContainer_Hidden { height: 0px !important; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer { padding: 0; background: none; display: flex; flex-direction: column; gap: 10px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow { width: 100%; margin-bottom: 0; text-align: left; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow.poscodelist8 { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer { background-image: url(../Images/Custom/shadow.png); background-position-y: bottom; background-repeat: no-repeat; background-size: contain; background-color: #f3f3f3; color: var(--primaryColor); font-size: 16px; line-height: 28px; padding-right: 16px; border: none; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel { padding: 0; float: none; font-size: inherit; color: inherit; position: relative; width: 100%; padding: 11px 30px 12px 16px; cursor: pointer; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel:after { content: '\f068'; font-family: "Font Awesome 6 Pro"; font-weight: bold; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer { margin: 0; padding: 24px; background: #f3f3f3; } #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-direction: column; gap: 10px; max-height: 320px; overflow: auto; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li { padding: 0; float: none; background: rgba(0, 0, 0, 0) url(../images/Icons/unticked.png) no-repeat scroll left center; width: 100%; margin: 0; padding-left: 30px; background-size: 20px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url(../images/Icons/ticked.png) no-repeat scroll left center; background-size: 20px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_empty { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a { font-size: inherit; color: var(--primaryColor); text-decoration: none !important; } #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.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: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 .FilterRowsContainer .FilterRow .FilterContainer.hide .HeaderContainer .HeaderLabel:after { content: "\f067"; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .FilterContainer.hide .ValueContainer { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow { display: none; } #posBrowser_ResultsGrid_pageBlockContainer { margin: 0; } #MapBlock_pageBlockContainer { float: left; width: 60%; } #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 { border: none; position: relative; overflow: visible; width: 100%; display: none; } #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: inline-block; vertical-align: middle; } #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; } #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: var(--primaryColor); font-weight: bold; } #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; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup { z-index: 10; background: #fff; border-radius: 0; border: 2px solid #F3F3F3; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup a { font-size: inherit; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles { display: flex; align-items: center; } #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; } #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: var(--primaryColor); transition: all .2s ease; text-decoration: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:hover { color: var(--creamColor); } #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 .gridContent { padding-top: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer { display: flex; flex-wrap: wrap; gap: 20px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { width: 100%; border-bottom: none; overflow: auto; position: relative; display: flex; flex-direction: column; flex: 48%; max-width: calc(50% - 10px); background: #fff; border: 1px solid var(--primaryColor); transition: all .2s ease; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { width: 100%; border: none; margin: 0 !important; padding: 20px; height: auto; overflow: hidden; position: relative; text-align: left; display: flex; flex-direction: column; flex: 1 0 auto; gap: 10px; background: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader { padding: 0; float: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a { text-decoration: none !important; color: var(--primaryColor); font-size: 16px; transition: all .2s ease; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer { float: none; font-size: 14px; } #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; gap: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span { display: block; width: 100%; color: var(--creamColor); transition: all .2s ease; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.lastpublisheddate_vacancyColumn { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover { background: var(--primaryColor); color: #fff; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowHeader .rowLabel a, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span { 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; } .posListHover { display: none !important; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer { position: relative; left: initial !important; width: 100%; box-sizing: border-box; background: #F3F3F3; 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 Page Styling */ /* Business Support Functions */ .bannerContainer img.banner#banner729 { object-position: 50% 20%; } /* Condition Monitoring */ .bannerContainer img.banner#banner675 { object-position: 50% 75%; } /* Testing & Consultancy */ .bannerContainer img.banner#banner705 { object-position: 50% 50%; } /* Customer Service & Operations */ .bannerContainer img.banner#banner550 { object-position: 50% 45%; } /* Electrical */ .bannerContainer img.banner#banner706 { object-position: 50% 50%; } /* Heavy Lifting Solutions */ .bannerContainer img.banner#banner727 { object-position: 50% 100%; } /* Infrastructure */ .bannerContainer img.banner#banner731 { object-position: 50% 30%; } /* Inspection */ .bannerContainer img.banner#banner136 { object-position: 50% 50%; } /* IS & Change */ .bannerContainer img.banner#banner136 { object-position: 50% 50%; } /* REGISTRATION OF INTEREST */ .bannerContainer img.banner#banner425 { object-position: 50% 50%; } /* Sales & Marketing */ .bannerContainer img.banner#banner549 { object-position: 50% 33%; } /* Structural Monitoring & Production */ .bannerContainer img.banner#banner730 { object-position: 50% 50%; } /* Testing & Consultancy */ .bannerContainer img.banner#banner509 { object-position: 50% 50%; } .mapContainer .ButtonHolder .miniMapButton, .mapContainer .ButtonHolder .bigMapButton { background: none; padding: 0; } .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton { margin: 0; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .mapContainer .ButtonHolder .bigMapButton .closeMapButton { margin: 0; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer { display: flex; flex-wrap: wrap; gap: 20px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox { background: none; border-radius: 0; padding: 0; width: 100%; flex: 67%; color: #000; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .videoOuterContainer { max-width: 100%; margin-bottom: 20px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer { text-align: left; padding: 0; } /*.pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer * { font-size: inherit !important; font-family: inherit !important; }*/ .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p + ul, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer *:first-child { margin-top: 0 !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText div:not(:last-child), .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p { margin-bottom: 1em; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p:has(+ ul), .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer *:last-child { margin-bottom: 0 !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer ul { list-style: disc; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .arrowList ul { margin: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap { width: 100%; display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap #JobDescriptionMap_BigVacancyMap_pageBlockContainer #JobDescriptionMap_BigVacancyMap_pageBlock { padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap .iframeContainer { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap .iframeContainer iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox { width: 100%; flex: 25%; display: flex; flex-direction: column; gap: 10px; margin-left: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox { padding: 0; margin: 0; border: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum { display: flex; flex-direction: column; gap: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li { list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li:first-child { padding-top: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumLabel { margin: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue { margin-right: 0; width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue a { pointer-events: none; cursor: initial; color: #fff !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft { margin: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft ul li, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft ul li a, .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .closeMapButton, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton { width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock { background: #F3F3F3; color: inherit; border-radius: 0; padding: 24px; border: none; margin: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock h2 { color: inherit; font-weight: bold; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock .posrightbox_info { padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock a { color: inherit; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock a.buttonAnchor { width: 100%; background: var(--creamColor); color: #fff; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock a.buttonAnchor:hover { background: var(--button-secondary-hover); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer { word-break: break-all; text-align: left; position: relative; z-index: 1; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer.hide { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer .rec-img img { max-width: 120px; border-radius: 100%; margin: 0 auto; display: block; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer p { margin-bottom: 0; margin-top: 5px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .mapBlock { background-size: cover !important; border-top-left-radius: 10px; border-top-right-radius: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .peoplePerContainer { text-align: left; position: relative; z-index: 1; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing .possharing_header, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .posAlerts_header, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .peoplePerContainer h2 { margin-top: 0; margin-bottom: 10px; text-align: inherit; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems { text-align: inherit; display: flex; flex-wrap: wrap; gap: 20px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a { float: none; display: inline-block; width: auto; height: auto; font-size: 30px; margin: 0; color: inherit; text-decoration: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a:before { font-family: "Font Awesome 6 Brands"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a#linkedin_PosDescSharingItem:before { content: '\f0e1'; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a#facebook_PosDescSharingItem:before { content: '\f39e'; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a#twitter_PosDescSharingItem { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a#twitter_PosDescSharingItem:before { content: '\e61b'; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a#email_PosDescSharingItem:before { font-family: "Font Awesome 6 Pro"; content: '\40'; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a div { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .buttonsContainer, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .peoplePerContainer .buttonsContainer { margin-top: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer { overflow: hidden; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer h2 { margin-top: 0; margin-bottom: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer { display: flex; flex-wrap: wrap; gap: 30px 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock { width: 100%; flex: 48%; text-align: center; display: flex; flex-direction: column; gap: 5px; align-items: center; transition: all .2s ease; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon { font-size: 40px; color: var(--primaryColor); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon img { max-width: inherit; aspect-ratio: 1/1; object-fit: contain; object-position: 50% 50%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock:hover { transform: scale(1.1); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer a.buttonAnchor { width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .badgesContainer { display: flex; flex-direction: column; gap: 20px; align-items: center; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .badgesContainer img { max-width: 300px; } #QuickApplyHeaderBlock_pageBlockContainer .quickApplyHeaderContainer img { display: inline-block; } .pos_alertcriteria #Form_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow { display: none; } .earcu_intranet .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing { display: none; } /* Job Description Page 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: 20px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow { width: 100%; flex: 48%; padding: 20px; overflow: hidden; position: relative; background: #F3F3F3; display: block; cursor: pointer; transition: all .2s ease; } .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; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel a { text-decoration: none; color: inherit; font-size: 20px; } .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: inherit; } .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: inherit; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight { transition: all .15s ease; } .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; } .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; } .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 .ulListItemLabel { padding: 20px; background-image: none; text-align: center; background: #F3F3F3; 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; } /* 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.posInfo .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: 20px; } 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: #F3F3F3; width: 100%; flex: 48%; padding: 20px; overflow: auto; position: relative; transition: all .2s ease; } 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: inherit; 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: inherit; } 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: inherit !important; } #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; } #Edit_OFFERGENERICFORM1_pageBlockContainer #Edit_OFFERGENERICFORM1_pageBlock #Edit_OFFERGENERICFORM1_Text1_formRow .controlContainer input { text-transform: uppercase; } /* Application/Onboarding Styling Ends */ /* Responsive Styling */ @media all and (max-width:1000px) { .bannerContainer { height: 100vh; } .bannerContainer .bannerContent { width: 90%; } .image.hasCircle img.circle, .tabsContainer .tabsContent .tabContent .imageLeftContentRight .imageLeftContentRightWrapper .image img.circle { left: 0; bottom: -20px; } .tabsContainer .tabsContent .tabContent .imageLeftContentRight .imageLeftContentRightWrapper .image { max-width: 100%; max-height: 100%; } #whyWork.imageLeftContentRight .content { width: 100% !important; } } @media all and (max-width:991px) { #posBrowser_Filter_pageBlockContainer, #posBrowser_ResultsGrid_pageBlockContainer, #MapBlock_pageBlockContainer { width: 100%; margin-right: 0; } #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight, #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li, #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight, #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a, #posdesc_pageBlock .posButton .buttons .buttonsRight, #posdesc_pageBlock .posButton .buttons .buttonsRight li, #posdesc_pageBlock .posButton .buttons .buttonsRight li a { margin: 0 auto !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox { flex: 100%; order: initial; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer { display: none; } .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) { #stickyApply { transform: none; bottom: 0; top: initial; right: 0; width: 100%; } #stickyApply a { min-width: 1px; width: 100%; border-radius: 0; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom: none; border-top: 2px solid var(--secondaryColor); } #footerTop { max-width: 90%; } .bannerContainer .bannerContent .quickSearchContainer { flex-direction: column; } .benefitsSlider .flexslider { padding: 0; } .benefitsSlider .flexslider ul.flex-direction-nav { display: none; } .benefitsSlider .flexslider ol.flex-control-nav { display: flex; } .tabsContainer .tabsContent .tabContent { padding: 40px; } #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer { margin-bottom: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { flex: 100%; max-width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { text-align: center; } 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 .gridTop, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop, #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%; } .tooltip2_Outer { display: none !important; } } @media all and (max-width:500px) { .ui-dialog.ui-widget.ui-widget-content { width: 100% !important; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer, #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span { width: 100%; display: block; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:after { display: none; } } /* Responsive Styling Ends */