/* Jump to: Misc Styling Home Page Styling Results Page Styling Job Description Page Styling Login/Register Page Styling Profile Styling Application/Onboarding Styling Responsive Styling */ /* Misc Styling */ label { font-size: inherit; } div.pageBlockInner_FormBlock div.formRow { margin-top: 10px; width: 100%; overflow: hidden; } #QuickApplyForm_CV_Upload_formRow .labelContainer, #QuickApplyForm_CV_Upload_formRow .controlContainer, 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, #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, #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .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, #SectionCompleteBlock_completed_formRow .labelContainer, .quickSearchContainer .formRowTextInputRow .controlContainer { max-width: 550px; margin: 5px auto; display: block; float: none; text-align: left; width: 100%; color: #33475b; font-weight: normal; height: auto; } div.pageBlockInner_FormBlock div.formRow.formRowTextLiteralRow, 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; max-width: 550px; margin: 0 auto; display: block; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { float: none; display: inline-block; width: auto; text-align: center; color: #484145; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label { text-align: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { margin-right: 0; } .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 { box-sizing: border-box; padding: 9px 15px; min-height: 42px; width: 100%; max-width: 100%; background: #f5f8fa; display: inline-block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: normal; line-height: 28px; color: #33475b; border: 1px solid #cbd6e2; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .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 { border: 1px solid rgba(82,168,236,.8); outline: none; } .pageBlockInner_FormBlock div.curFocus label.formLabel { color: #484145; } 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% - 24px); } .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, .home .greyBackground.top .row.textContainer a { border: none !important; padding: 5px 20px; position: relative; float: none; width: auto; margin-left: 0 !important; border-radius: 10px; display: inline-block; background-image: none; background-color: #b0c800; color: #000; font-weight: bold; text-decoration: none; transition: all .25s ease; text-align: center; font-size: 16px; line-height: 28px; resize: 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, 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, .home .greyBackground.top .row.textContainer a:hover { color: #000 !important; text-decoration: underline !important; border: none; background: #c5e000; } .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 { max-width: 100%; } .eArcuInfoHeader, #EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } .ui-dialog.ui-widget.ui-widget-content { border: none; } .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; } .ui-dialog.ui-widget.ui-widget-content .ui-dialog-content a { color: inherit; text-decoration: underline; } .ui-dialog.ui-widget.ui-widget-content .ui-dialog-content a:hover { text-decoration: none; } .modalContent { min-height: 1px !important; } #SearchForm_pageBlockContainer { margin: 0; margin-bottom: 1.5rem; } #SearchForm_pageBlockContainer #SearchForm_pageBlock { padding: 0; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow { width: calc(50% - 47px); float: left; padding-right: 5px; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .controlContainer { max-width: 100%; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .labelContainer { display: none; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .controlContainer { margin: 0 auto; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .controlContainer input { width: 100%; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowButtonRow { width: auto; float: left; margin-top: 0; } #SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowButtonRow#SearchForm_JobsNearMeButtonRow_formRow { float: right; } #pageContent { padding: 50px 15px 0; } .gdprcookie { z-index: 991; } .gdprcookie h1, .gdprcookie h2 { margin-top: 0; } .gdprcookie .gdprcookie-intromessage { color: inherit; } .gdprcookie p { margin-bottom: 10px; } .cookies-essential #block-35 iframe, .cookies-essential #block-33 iframe { display: none; } /* Misc Styling Ends */ /* Home Page Styling */ #reciteme-launch { position: fixed; right: 16px; bottom: 16px; z-index: 99999; width: 56px; height: 56px; background: transparent; border: none; border-radius: 50%; padding: 0; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, .25); cursor: pointer; } #reciteme-launch img { display: block; width: 100%; height: 100%; } #reciteme-launch:focus { outline: 2px solid #fff; outline-offset: 2px; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock { padding: 0; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer { margin-left: 0; text-align: center; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer { margin: 10px; width: calc(25% - 20px); display: inline-block; height: auto; float: none; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer .listItemImageContainer { overflow: hidden; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer .listItemImageContainer img { width: 100%; transition: all .2s ease; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer .codeListBlockLower { text-align: center; padding: 10px; background: #efefef; transition: all .2s ease; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer .codeListBlockLower .listItemTitle { padding: 0; min-height: 50px; display: flex; align-content: center; justify-content: center; align-items: center; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer .codeListBlockLower .listItemTitle a { color: inherit !important; transition: inherit; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer .codeListBlockLower .listItemCountContainer { float: none; color: inherit; margin-right: 0; text-align: inherit; font-size: 14px; } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer:hover .listItemImageContainer img { transform: scale(1.2); } #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer:hover .codeListBlockLower { background: #002749; color: #fff; } /* Home Page Styling Ends */ /* Results Page Styling */ #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle { border: none; padding: 0; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock { overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:after { font-family: "Font Awesome 5 Solid"; margin-left: 5px; display: inline-block; } #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; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after { font-family: "Font Awesome 5 Solid"; margin-left: 5px; display: inline-block; content: "\f054"; width: 14px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:after { content: '\f078'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer { margin-top: 20px; 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: 30px; background: #efefef; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow { width: 100%; border-bottom: 1px solid #002749; padding: 30px 0; color: #000; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow:first-child { padding-top: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow:last-child { border-bottom: none; padding-bottom: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer { background: none; border: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel { padding: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue { padding-left: 10px; } #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; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li { padding: 0; background: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel { width: calc(100% - 10px); float: left; cursor: initial; } #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 .ValueContainer ul.ValueList li a { position: relative; display: inline-block; color: #000; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-color: transparent; text-decoration: none; overflow: hidden; padding: 0.75rem 1rem; border: 2px solid #000; font-size: 1rem; line-height: 1.5; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected a, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a:hover { background-color: #002749; color: #fff !important; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a .label { color: inherit; font-size: 100%; padding: 0; border-radius: 0; } #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 .ButtonsContainer a.RemoveLink { display: block; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow { display: none; } #posBrowser_ResultsGrid_pageBlockContainer { margin: 0; } #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; padding: 1.5em 18%; font-size: .87em; } #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 .gridContent .rowContainerHolder { width: 100%; border-bottom: 1px solid silver; overflow: auto; position: relative; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0; z-index: 1; transition: all .4s ease; background: #efefef; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer { width: 100%; border: none; margin: 0 !important; padding: 20px; height: auto; background: none; overflow: hidden; position: relative; z-index: 2; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader { padding: 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; float: left; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a:hover { text-decoration: none !important; color: inherit !important; transition: initial; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer { -webkit-transition: all .15s ease-out; transition: all .15s ease-out; float: right; padding-right: 5px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer { margin: 0; padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span { font-size: .9em; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:after { content: "|"; padding: 0 12px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:last-child:after { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover:before { height: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowHeader, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContentContainer { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter { padding: 0 18%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles { margin-top: 2em; position: relative; text-align: center; width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingText { float: none; margin: 0; padding: 0; line-height: 1; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a { margin: 0; font-size: .938em; text-decoration: none; position: relative; -webkit-transition: all .2s; transition: all .2s; width: auto; height: auto; background: none; border: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a img { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:after { font-family: "Font Awesome 5 Solid"; content: '\f053'; display: inline-block; vertical-align: middle; margin-right: 5px; -webkit-transition: .2s transform ease-out; transition: .2s transform ease-out; color: #0068a9; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext { float: right; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:after { margin-right: 0; margin-left: 5px; content: "\f054"; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.buttonDisabled { cursor: initial; pointer-events: none; display: none; } .posListHover { display: none !important; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer { position: relative; left: initial !important; width: 100%; display: block; box-sizing: border-box; background: #efefef; color: #fff; border: none; padding: 20px; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressLabel { display: none; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput { width: calc(100% - 80px); position: relative; display: inline-block; outline: none; margin-bottom: 2px; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton { float: right; width: auto; background: none; color: #0068a9; border: 2px solid #0068a9; -webkit-transition: all .2s; transition: all .2s; outline: none; margin: 0; margin-bottom: 2px; cursor: pointer; padding: 0.367em 1.333em; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover { color: #fff; background: #002749; } /* Results Page Styling Ends */ /* Job Description Page Styling */ div.pageView, .pageView #posdesc_pageBlockContainer, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer { overflow: visible; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox { padding: 1em; background: #002749; color: #fff; border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%); text-align: center; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li { list-style: none; display: inline-block; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li:before { font-family: "Font Awesome 5 Solid"; margin-right: 5px; display: inline-block; vertical-align: middle; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist4value:before { content: "\f0ac"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist5value:before { content: "\f041"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist2value:before { content: "\f044"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_displaysalarydescription:before { content: "\f0d6"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_pospublishenddate:before { content: "\f073"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_payratevalue:before { content: "\f201"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist7value:before { content: "\f085"; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumLabel { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue { display: inline-block; vertical-align: middle; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue a { pointer-events: none; cursor: text; color: inherit !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%); background: #fff; padding: 40px; } .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 .BigVacancyMap { width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap #JobDescriptionMap_BigVacancyMap_pageBlockContainer { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap #JobDescriptionMap_BigVacancyMap_pageBlockContainer #JobDescriptionMap_BigVacancyMap_pageBlock { padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox { width: calc(31% - 10px); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer { margin-bottom: 10px; } .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 { width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%); background: #fff; border-radius: 0; padding: 2em 1em; word-break: break-all; margin-bottom: 10px; text-align: center; position: relative; z-index: 1; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer.hide { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer h2.recruiter-title { font-size: 18px; font-weight: 700; margin-top: 0; margin-bottom: 10px; } .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 .recruiterContainer a[href=''] { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%); margin-bottom: 10px; } .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; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%); background: #fff; border-radius: 0; padding: 2em 1em; text-align: center; 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 { font-weight: 700; font-size: 18px; margin-top: 0; margin-bottom: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a { float: none; display: inline-block; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .buttonsContainer { margin-top: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer { margin-top: 10px; overflow: hidden; display: block; text-decoration: none !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer h2 { font-size: 18px; margin-top: 0; margin-bottom: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock { width: calc(50% - 3px); text-align: center; display: inline-block; vertical-align: middle; line-height: normal; margin-bottom: 10px; transition: all .2s ease; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock:hover { transform: scale(1.1); color: #0068a9; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock:before { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 5px; width: 100%; display: block; content: ''; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.discounts:before { background-image: url(../Images/Icons/discounts.svg); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.support:before { background-image: url(../Images/Icons/support.svg); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.flexibility:before { background-image: url(../Images/Icons/flexible.svg); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.charity:before { background-image: url(../Images/Icons/charity.svg); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.medical:before { background-image: url(../Images/Icons/private.png); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.bonus:before { background-image: url(../Images/Icons/bonus.png); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.cycle:before { background-image: url(../Images/Icons/cycle.svg); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.development:before { background-image: url(../Images/Icons/skill.svg); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlock.pension:before { background-image: url(../Images/Icons/pension.svg); } /* Job Description Page Styling Ends */ /* Login/Register Page Styling */ #UsernameForm_pageBlock .ssoIcon a.ssoIconLink { position: relative; color: #7bcef6; } #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:before { content: ''; width: 64px; height: 64px; border-radius: 100%; background-color: #222; display: block; box-sizing: border-box; margin: 0 auto; } #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Font Awesome 5 Brands'; font-size: 40px; color: #7bcef6; transition: all .25s; } #UsernameForm_pageBlock .ssoIcon.linkedin_ssoIcon a.ssoIconLink:after { content: "\f0e1"; } #UsernameForm_pageBlock .ssoIcon.google_ssoIcon a.ssoIconLink:after { content: "\f1a0"; } #UsernameForm_pageBlock .ssoIcon.facebook_ssoIcon a.ssoIconLink:after { content: "\f39e"; } #UsernameForm_pageBlock .ssoIcon.microsoft_ssoIcon a.ssoIconLink:after { content: "\f3ca"; } #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:hover:after { opacity: .6; } #UsernameForm_pageBlock .ssoIcon a.ssoIconLink img { display: none; } /* Login/Register Page Styling Ends */ /* Profile Styling */ .welcome #homepage-hero { background-position: 88% 10%; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow { width: 100%; border-bottom: 1px solid silver; padding: 20px; overflow: hidden; position: relative; background: none; display: block; cursor: pointer; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0; transition: all .4s ease; background: #efefef; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer { padding: 0; margin: 0; overflow: visible; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue { margin-left: 0; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel { -webkit-transition: all .15s ease-out; transition: all .15s ease-out; margin-bottom: 0; float: left; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel a { text-decoration: none; color: inherit; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconDescription { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues { line-height: 27px; font-size: .9em; overflow: visible; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; float: right; padding-right: 5px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue { margin: 0; float: none; display: inline-block; vertical-align: middle; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel { margin-right: 0; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after { content: ':'; margin-right: 5px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData { font-weight: normal; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after { content: '|'; padding: 0 12px; color: #000; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required { color: red; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover:before { height: 100%; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconRowValues { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); } .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: #fff; border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%); } #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; } .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: #0068a9; 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: #77b42b; border-color: #77b42b; } div.pageBlockContainer#HasAdditionalInformation_pageBlockContainer { padding-bottom: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer { padding-top: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem { border: none; margin: 0; height: auto; font-weight: normal; background: none; width: 100%; border-bottom: 1px solid silver; padding: 20px; overflow: auto; position: relative; border-radius: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:before, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0; background: #efefef; transition: all .4s ease; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemLabel { padding: 0; margin: 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; float: left; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemLabel a { font-weight: normal; text-decoration: none !important; margin: 0; font-weight: 700; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; color: inherit !important; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemValueContainer { -webkit-transition: all .15s ease-out; transition: all .15s ease-out; float: right; padding-right: 5px; display: block; padding-top: 2px; color: red; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemValueContainer .ulListItemValue, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemValueContainer .ulListItemValue { font-size: .9em; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed .ulListItemValueContainer { color: #484145; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover:before, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover:before, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed:before, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed:before { height: 100%; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover .ulListItemValueContainer, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed .ulListItemValueContainer { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover .ulListItemLabel a, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed .ulListItemLabel a { color: inherit !important; } #BackBlock_pageBlockContainer, #ButtonBlock_pageBlockContainer { background: none !important; padding: 0 !important; } #SubmitForm_pageBlockContainer div.pageBlockInner_FormBlock .formRow.formRowCheckBoxRow .labelContainer, #SubmitForm_pageBlockContainer div.pageBlockInner_FormBlock .formRow.formRowCheckBoxRow .controlContainer { width: auto !important; float: left !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; } .mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer { display: none; } /* Application/Onboarding Styling Ends */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 50%; float: left; } @media all and (max-width:991px) { #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer { width: calc(50% - 20px) } #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 { margin-bottom: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox { width: 100%; margin-left: 0; } .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:782px) { #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .listContainer .listItemContainer { width: 100%; margin-left: 0; margin-right: 0; } .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .listItemContainer { margin: 16px 0; width: 100%; } .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .listItemContainer .listItemContainerBorder .listItemImageContainer img { height: auto; } .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { height: auto; } .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a span.listItemTitleAnchor_Label { position: relative; top: initial; left: initial; right: initial; transform: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander { text-align: center; } #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer { margin-bottom: 20px; } #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemValueContainer { width: 100%; text-align: center; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel { float: none; } } @media all and (max-width:500px) { .ui-dialog.ui-widget.ui-widget-content { top: 60px !important; width: 100% !important; } } /* Responsive Styling Ends */ /**quickapply stuff**/ div#quickapplydialogDialogContainer { top: 100px !important; } #quickapplydialog { background-image: url(../Images/Custom/arvato-qa.png); background-repeat: no-repeat; background-size: cover; /*contain auto*/ background-position: top center; width: 100%; padding: 12px; } #QuickApplyForm_pageBlock { background-color: rgba(255, 255, 255, 0.8); } #quickapplydialogDialogContainer .ui-dialog-titlebar { background-color: #b0c800; } #QuickApplyForm_GpdrDeclaration_formRow .textLiteral, #QuickApplyForm_eligibletowork_formRow .textLiteral, #QuickApplyForm_contactconsent_formRow .textLiteral, #QuickApplyForm_checkboxlegal_formRow .textLiteral, #QuickApplyForm_gdprinfo_formRow .textLiteral, #QuickApplyForm_submitinstructions_formRow .textLiteral { max-width: 550px; margin: 5px auto; } input#buttonSubmit_submit { font-weight: 700; } #QuickApplyForm_form .formRow.formRowCheckBoxRow { display: flex; flex-wrap: wrap; align-items: start; justify-content: start; } #QuickApplyForm_form .formRow.formRowCheckBoxRow .labelContainer { order: 2; flex: 0 1 auto; flex-wrap: wrap; text-align: left; max-width: calc(100% - 21px); } #QuickApplyForm_form .formRow.formRowCheckBoxRow .labelContainer label { margin-bottom: 0; } #QuickApplyForm_form .formRow.formRowCheckBoxRow .controlContainer { order: 1; flex: 0 0 auto; margin-right: .5rem; padding-top: 3px; } #QuickApplyForm_form .formRow.formRowCheckBoxRow .controlError { order: 3; flex: 0 0 100%; } #QuickApplyForm_form div.textLiteral { margin: 0 auto; max-width: 550px; text-align: left; } #QuickApplyForm_form div.textLiteral_Header { text-align: center; } #QuickApplyForm_form div.formRow.formRowDateInputRow .controlContainer .inputContainer { position: relative; } #QuickApplyForm_form div.formRow.formRowDateInputRow .controlContainer .inputContainer input { width: 100%; } #QuickApplyForm_form div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup { position: absolute; right: .4rem; top: .6rem; } #QuickApplyForm_form div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup:before { content: "\f073"; line-height: 1; font-family: 'Font Awesome 5 Solid'; } #QuickApplyForm_form div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img { display: none; } /**end**/ #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; p { padding-bottom: 0; margin-bottom: 0; &:last-child { margin-bottom: 1rem; } } }