/* Skin: PriceBailey_01 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Tabs 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ html body { font-family: 'Roboto Regular', arial, sans-serif; line-height: 1.8; font-size: 16px; } h1 { font-size: 24px; } h1.strapline { font-size: 42px; color: #008080; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: 'Roboto Regular', arial, sans-serif; } h2.subtitle { font-size: 24px; margin: 1rem 0; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; } .menu-control { text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-control:hover { cursor: pointer; } #nav-mobile, .menu-control { display: none; } /* for 1048px or less */ @media screen and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body ul.closed, #topnav { display: none; } } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { padding-top: 1em; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } /* #WelcomeInfoBlock_MyDetails_formRow .iconImage img, #ProfileIcon img { border-radius: 50%; } */ #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* Div radius */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer div.listContainer *, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem { /*border-radius: 0.25em;*/ } /* Inputs, buttons, images radius */ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea, #login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink, #eaContainer div, .posdescriptionPropertyBox, .posrating, .possharing, .posAlerts, #eaContainer .posBrowserMapBlock .gridTop, html body .tooltip2_Outer, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, .pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { /*border-radius: 0.25em;*/ } /* No radius */ body.Home #eaContainer div, #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /* No border */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li, #eaContainer .fileContainer, #eaContainer .uploadedFilesContainer, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .pageBlockInner_GridBlock div.gridContent, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .posBrowserMapBlock .addressContainer, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: 0; } /* Rounded corners */ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: 3px; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { /* background-color: #eee; color: #444; */ background-color: inherit; cursor: pointer; /* padding: 18px; */ padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } button.accordion-button.active, button.accordion-button:hover { /* background-color: #ddd; */ } div.accordion-content { /* padding: 0 18px; */ /* background-color: white; */ padding: 0 6px 22px; display: none; } div.accordion-content.show { display: block; } button.accordion-button:after { font-family: 'Font Awesome 5 Free'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'Font Awesome 5 Free'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ .hero-bg, .srt-menu li li:hover > a, #topnav, #nav-mobile, a.buttonlink, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/ /*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/ #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, div.FilterRowsContainer .AvailableContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, .ui-dialog-titlebar-close, body .dialog_noTitle div.ui-dialog-titlebar, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #slider-latest-jobs ol li a.flex-active, #FindJobHeroBlock, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: #008080; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:visited, a:active, body .ui-widget-content a, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, body .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer div.pageBlockTitle, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer a, body .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, body #FindJobHeroBlock input.buttonSubmit, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { color: #008080; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #008080; } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #008080; } .tabs-style-shape nav li a:hover svg { fill: #008080; } /* body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { border-color: #008080; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #MyDetails_pageView .editblocklink a:hover, #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover, #eaContainer .actionMessageContainer div.actionMessageOk, #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer, .logo-tag, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, .Pos_Description_Review #eaContainer .reviewposlink a, .Application_Home #eaContainer .myapplink a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, a#JobsNearMe:hover { color: #008080; } #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, #breadcrumb a:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, #eaContainer .pageBlockInner_GridBlock .gridTop a:hover, footer #footer .copy-right p a:hover, #eaContainer .footer a:hover, #eaContainer #latest-jobs a:hover h3, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover { color: #008080 !important; } /* Buttons */ body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .Pos_Description_Review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, #eaContainer a.buttonAnchor:hover { background: #008080; border-color: #008080; color: #ffffff; } /* Whites */ .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content, .tabs-style-shape .content-wrap, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #fff; } .hero-bg h2, .hero-bg p, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a, .srt-menu li li:hover > a, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a, #eaContainer #Application_Home_pageView .ulListItem:hover a, #eaContainer #Application_Home_pageView .Completed:hover a, html body .tooltip2_FormError, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a, #eaContainer div.listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer, .listItemAnchorContainer *, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .menu-control, #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, /*#Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text,*/ #quicksearch_pageBlockContainer div.pageBlockTitle h1, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a, #eaContainer div.FilterRowsContainer .AvailableContainer a, #eaContainer .posBrowserMapBlock .alternateViewsCurrent a, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .posBrowserMapBlock .markerStatsContainer, body .dialog_noTitle div.ui-dialog-titlebar, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer a.buttonAnchor, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover, #eaContainer .pageBlockContainer .rowHeader .rowlink a, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, html body .tooltip2_Outer { color: #fff; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover, #eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover, body.Home #eaContainer .listItemContainer a, body.Home #eaContainer .listItemContainer a:hover, html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover, .tabs-style-shape nav .tab-current a, .tabs-style-shape nav li a:hover { color: #fff !important; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #fff; } #eaContainer .actionMessageContainer div.actionMessageWarning { background-image: url("../images/sprites/red-cross.png"); } #eaContainer .actionMessageContainer div.actionMessageOk { background-image: url("../images/sprites/green-tick.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext { background-image: url("../images/sprites/white-arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/white-arrow-left.png"); } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /*#eaContainer .ulListItemLabel,*/ /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, .PosMyAppSummaryValues, .tabs-style-shape nav li a span, #eaContainer .posBrowserMapBlock .addressContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { background: #f1f0f0; } .tabs-style-shape nav li a svg { fill: #f1f0f0; } .tabs-style-shape nav li a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a, #eaContainer .posBrowserMapBlock .addressContainer .addressLabel, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, #eaContainer .label { color: #313131; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { color: #848484 !important; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect { border: 1px solid #9B9C9E; } /*--------------------------------------- 2.2 General -----------------------------------------*/ /* Parallax */ .parallax-window { min-height: 330px; background: transparent; margin-top: 70px; width: 100%; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 480px; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, #eaContainer .pageBlockInner_GridBlock .gridFooter a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; /*font-family: 'Roboto Regular', Helvetica Neue, Sans-serif;*/ } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a, #eaContainer .alternateViews a, #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb { margin-top: 2em; text-align: left; color: #9a9b9c; } h1#EarcuIntroTextBlockTitle, h1#EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { margin-top: 6em; } .banner-main { width: 100%; } #eaContainer { margin-bottom: 2em; } .swal2-popup.eventpopup { background-color: #363e47 !important; max-width: 400px; } .swal2-popup.swal2-toast .swal2-close { position: absolute !important; } .swal2-popup.swal2-toast .swal2-title { justify-content: center !important; } .swal2-popup.swal2-toast .swal2-header.eventtitle h2 { font-size: 24px; color: white; padding: 10px 10px 0; text-align: center; } .swal2-popup.swal2-toast .swal2-content.eventcontent { font-size: 16px; font-weight: 400; color: white; padding: 0 10px 30px; } .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.eventbutton { background-color: #008080 !important; font-size: 16px; margin-top: -26px; } #pojo-a11y-toolbar { bottom: 0 !important; z-index: 20; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { bottom: 0; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background: #008080; color: #fff; transition: all .2s ease; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover { background: #363E47; } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { background: #fff; } body.pojo-a11y-grayscale { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } body.pojo-a11y-grayscale #pojo-container header, body.pojo-a11y-grayscale #pojo-container main, body.pojo-a11y-grayscale #pojo-container footer, body.pojo-a11y-grayscale #pojo-a11y-toolbar { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a { /* box-shadow: 0 0.25em 0 0 #A51223, 0 4px 9px rgba(0, 0, 0, 0.75); */ /* margin: 1em !important; */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ /* padding: 6.5px 25px; */ /*padding: 5px 15px;*/ padding: 7px 15px; text-align: center; font-size: inherit; font-family: inherit; font-weight: normal; /* text-transform: uppercase; */ } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 7px 25px; } body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #008080; } body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { float: right; } .pageBlockInner_FormBlock div.controlError { padding-top: 5px; } /*--------------------------------------- 2.5 Dialogues -----------------------------------------*/ body .pageBlockInner_GridBlock div.pagingControls input.pagenumber { text-shadow: none; } body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current { color: #000000; } .ui-dialog-titlebar-close { background-image: url("../images/sprites/white-cross.png"); background-repeat: no-repeat; } body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit { margin-top: 0; } body button.ui-dialog-titlebar-close { outline: 0; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #008080; } body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #008080; } body .tooltip2_Outer { padding-left: 1em; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; width: 76.5% !important; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; width: 100% !important; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: #008080; } .count-block .counter, .count-block .counter-icon { color: #008080; font-size: 32px; } .count-block .counter-icon { margin-left: 0; } .no-of p { text-transform: uppercase; color: #008080; } .count-block * { margin: 10px; text-align: center; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 30%; display: inline-block; } .Home #eaContainer { margin-bottom: 0; } .bottom-parallax { margin: 0; } #home-img-2 { position: relative; } #home-img-2 p { position: absolute; bottom: 40%; text-align: center; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: url("../images/headers/1b-home-quote.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 20%; padding-right: 20%; opacity: 0.85; } .hero-text .section-content .blockquote { color: #008080; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #008080; font-size: 34px; } .blockquote-author { font-size: 20px; } /* Full width */ /* body.Home .wrapper { width: 100%; max-width: 100%; margin: 0; } body.Home #banner, body.Home #topnav, body.Home #nav-mobile, body.Home .srt-menu, body.Home .srt-menu li { border-radius: 0; } */ .Home #eaContainer .container, .Home .template-home .container { padding: 0; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 60%; margin-right: 5%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 34%; background: #F1F1F1; border-top-right-radius: 15px; padding: 2em; } /* .Home #eaContainer { margin-top: 60px; margin-bottom: 60px; } */ /* #eaContainer #latestjobs_pageBlock { padding-left: 0; } #eaContainer .col-right #latest-jobs-container .rowContainer { margin-left: 0 !important; margin-bottom: 0; border-radius: 0; background: none; padding: 0; } #eaContainer .col-right #latest-jobs-container .rowHeader { padding: 0; } */ #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: flex; align-items: stretch; vertical-align: top; width: 100% } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 0; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ #FindJobContainer { left: 0; margin-left: auto; margin-right: auto; padding-left: 27px; position: absolute; right: 0; top: 9.1em; width: 1170px; } #FindJobHeroBlock { /*max-width: 566px;*/ background: #008080; padding-bottom: 25px; position: absolute; /*top: 9.1em;*/ /* left: 3em; */ z-index: 1000; border-radius: 10px; } #FindJobHeroBlock h1 { color: #fff; margin-bottom: 15px; } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { display: none; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; } body #FindJobHeroBlock input.buttonSubmit { background: #fff; font-weight: bold; text-shadow: 0 !important; border: 1px solid #fff; } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; } body #FindJobHeroBlock .formRowTextInputRow { width: 40%; display: inline-block; float: none; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock div.pageBlockContent { padding-top: 10px; padding-left: 25px; padding-right: 25px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: auto; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } a#JobsNearMe { background: none; padding-left: 25px; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 1em; } #FindJobHeroBlock h1 { margin-top: 0; font-family: "Roboto Regular",Arial,serif; text-transform: none; } /*--------------------------------------- 3.3 No vacancies -----------------------------------------*/ #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content { padding: 10px; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ /* Blocks */ .category-container { min-height: 100%; min-width: 100%; position: relative; vertical-align: middle; margin: 0 auto; text-align: center; background: #000000; } .category-container { cursor: pointer; } .category-container img { opacity: 0.8; } .category-container:hover { background: #FFFFFF; } .category-info { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .category-info h1 { color: #FFFFFF; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7); } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: uppercase; background: #9b9c9e; } .category-container:hover img, .category-container:hover .category-extras { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .category-container:hover img { opacity: 0.1; } .category-extras { display: none; } .category-container:hover .category-extras { display: block; } .category-container:hover .category-info h1 { color: rgb(85, 55, 155); text-shadow: none; } .category-info h1 { margin-top: 0; } .category-info p { margin: 0 auto; width: 85%; max-height: 80px; margin-bottom: 20px; overflow: hidden; } .col-third { width: 33.1%; display: inline-block; } /* Image zoom on hover + Overlay colour */ .cat-container { width: 101%; height: 300px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; margin-top: -10px; } .cat-content { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Several different images */ .bg-one { background-image: url("../images/categories/category-6.jpg"); } .bg-two { background-image: url("../images/categories/category-2.jpg"); } .bg-three { background-image: url("../images/categories/category-3.jpg"); } .bg-four { background-image: url("../images/categories/category-4.jpg"); } .bg-five { background-image: url("../images/categories/category-5.jpg"); } .bg-six { background-image: url("../images/categories/category-1.jpg"); } .cat-inner { display: none; } .cat-container:hover .cat-inner, .cat-container:focus .cat-inner { display: block; } .categories .cat-inner { font-size: 28px; color: #ffffff !important; font-family: sans-serif; text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 110px; cursor: pointer; /*text-decoration: none;*/ } .cat-container:hover .cat-content, .cat-container:focus .cat-content { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before { display: block; } .cat-container:hover a, .cat-container:focus a { display: block; } .cat-content:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } /*Roles Page Styling*/ #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; margin: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { /*width: 33%;*/ width: 33.33%; position: relative; /*border-radius: 5px;*/ margin: 10px; height: 275px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; background-repeat: no-repeat; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-size: cover; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); /*height: 35px;*/ height: 45px; text-align: center; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 4px 0 2px 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-size: 20px; font-weight: 400; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #fff; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 17px; font-weight: 400; text-align: center; opacity: 0; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { /*height: 100px;*/ height: 85px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: rgba(85, 55, 155, 0.7); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: rgba(0, 0, 0, 0.7); } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } /* Category images */ /* .listItemContainer_Value1 .listItemImageContainer, .listItemContainer_Value65 .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2 .listItemImageContainer, .listItemContainer_Value66 .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3 .listItemImageContainer, .listItemContainer_Value67 .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4 .listItemImageContainer, .listItemContainer_Value68 .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5 .listItemImageContainer, .listItemContainer_Value69 .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6 .listItemImageContainer, .listItemContainer_Value70 .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7 .listItemImageContainer, .listItemContainer_Value71 .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8 .listItemImageContainer, .listItemContainer_Value72 .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9 .listItemImageContainer, .listItemContainer_Value73 .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /* Category images on hover */ /* .listItemContainer_Value1:hover .listItemImageContainer, .listItemContainer_Value65:hover .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2:hover .listItemImageContainer, .listItemContainer_Value66:hover .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3:hover .listItemImageContainer, .listItemContainer_Value67:hover .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4:hover .listItemImageContainer, .listItemContainer_Value68:hover .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5:hover .listItemImageContainer, .listItemContainer_Value69:hover .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6:hover .listItemImageContainer, .listItemContainer_Value70:hover .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7:hover .listItemImageContainer, .listItemContainer_Value71:hover .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8:hover .listItemImageContainer, .listItemContainer_Value72:hover .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9:hover .listItemImageContainer, .listItemContainer_Value73:hover .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /*Roles Page Styling End*/ /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .hero-bg { margin: 0; text-align: center; } .hero-bg { width: 100%; clear: both; background: url(../images/custom/alerts-bg.jpg) no-repeat center center; background-size: cover; min-height: 300px; } .hero-content { padding: 60px 15px; } .hero-bg h2 { font-size: 3em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); margin: 0 0 20px; } .hero-bg a.buttonAnchor { float: none; padding: 15px 27px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { margin-left: 0 !important; } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; font-family: "Roboto Regular",Arial,serif; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; padding-left: 25px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; /* padding-left: 25px; */ } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { /* display: none; */ background: #F1F0F0; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; margin-top: 10px; min-height: 180px; /*min-height: 150px;*/ height: auto; width: 32%; padding: 10px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: inherit; font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 2em; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { margin-right: 0; margin-bottom: 0; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; margin-bottom: 1em; } .PosMyAppSummaryValues dd { margin: 0 } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: right; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer span.miniMapButton { margin-bottom: 10px; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: #f1f0f0 none repeat scroll 0 0; border: 0 none; border-radius: 0; padding: 2em; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 190px; } .Pos_Description #eaContainer .posAlerts { text-align: center; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; width: 100% !important; } #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li { padding-left: 5px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { text-align: left; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl { width: 30%; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { width: 360px; } #eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage, #eaContainer .formRowSelectMultiCodelistRow label { padding: 6px 7px; } #eaContainer #MyJobFeedForm_form div.formRow { margin-top: 1em; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { /* width: 98%; */ width: 100%; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ #login_SaveButtonRow_formRow input, #login_buttons2_formRow a { min-width: 285px; } /* Center apply social icons */ #eaContainer #login_pageBlock .ssoIcon, #eaContainer #newregister_pageBlock .ssoIcon { display: inline-block; float: none; } #eaContainer #login_pageBlock .ssoIconsInnerContainer, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer { text-align: center; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 5px; } #eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer { border: 0; background: #F1F1F1; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit { background: #0078B5; color: #ffffff; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover { background: #9b9c9e; } /* Tabs */ body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer, body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer { border: 0; margin-left: 0; } #pageTitleSignInHeaderContainer h2, #pageTitleRegisterHeaderContainer h2 { background: #f1f1f1; color: #9a9b9c; padding: 10px; } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { /* width: 49%; display: inline-block; */ /* display: inline-block; margin-left: 5%; width: 44%; */ } /* #WelcomeInfoBlock_pageBlock { margin: 0 auto; position: relative; max-width: 500px; } */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { float: none; position: relative; margin: 0 auto; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } /* #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer { border-bottom: 0; } */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { display: block; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { padding: 2em; } #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background-position: 30px 15px; } #Welcome_pageView .iconLabel a { font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 20px; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } /* Add Email */ #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 251px; } #eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer { width: 100%; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; } /* Connected */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; padding-left: 0; text-decoration: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 3px 3px 3px 10px; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a { text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent { padding: 10px 0; } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer { background: #f0f0f0; padding: 1em; /* border-bottom: 1px solid #d0d0d0; */ margin-bottom: 1em; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { border-bottom: 0; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 30px; width: 100%; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: right; font-weight: bold; } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl { margin: 1em 0 3px; } */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; font-weight: bold; width: 120px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { width: 10%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 80%; margin-left: 0; margin-top: 10px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 5px; height: 50px !important; width: 50px !important; } .iconContainer .iconImage img { height: 100% !important; width: 100% !important; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #f0f0f0; } body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar { background: none; } #eaContainer #posSummaryBlock_pageBlock div.greenbox { padding-left: 0; padding-right: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList, #eaContainer #Application_Home_pageView .ulList { margin: 0; } body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { height: auto; padding: 0; min-height: 0; width: 100%; margin: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: left; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { /* display: none !important; */ } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 1em 0; } */ /* #eaContainer .PosMyAppSummaryLinks { margin-left: 2%; } */ #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } /* #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover { background-color: #ffc407; } */ #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a { color: #ffffff; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: #9b9c9e; background-image: url("../images/sprites/unselected-progress-hover.png"); background-position: 99% 50%; border-color: #e3e3e3; float: none; height: auto; margin: 0 0 15px; padding: 0; width: auto; font-weight: normal; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #008080; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #008080; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #008080; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ /* Login / Register block */ .banner-main-container { position: relative; } #login-register-block { background: #9b9c9e; display: block; width: 300px; position: absolute; text-align: center; bottom: 50px; margin-left: 50px; padding: 1em; border-radius: 5px; } #login-register-block .buttonAnchor { background: #F1F1F1; color: #313131; margin-right: 1em; } .block-right { float: right; } #login-register-block .buttonAnchor.no-margin { margin: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer { margin-left: 0; } #Grid_REFEREES_pageBlock .gridContent * { float: none !important; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; /*margin-top: 1em;*/ } #eaContainer .PosMyAppSummaryLinks a { /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/ padding-left: 20px; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue { padding-left: 1em; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader { font-weight: bold; } #eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer { padding-top: 0px; } #eaContainer .pageBlockInner_FormBlock .fakecheck { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; border-style: solid; border-width: 1px; padding: 3px; width: 251px; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: bold; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .pageBlockContainerMiddle .buttonsContainer { margin-top: 1em; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } #eaContainer .mainearcublock .rowContainer { background: #F1F1F1; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues { background: #F1F1F1; margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } #eaContainer .PosMyAppSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } .fileContainer .deletefile { background: url("../images/sprites/black-cross.png") no-repeat right; } .fileContainer .deletefile:hover { background: url("../images/sprites/red-cross.png") no-repeat right; } .filename.rcFileMenu { height: 65px; overflow: auto; position: absolute; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); padding: 8px 25px 8px 50px; background-position: 10% center; background-repeat: no-repeat; } /* #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); } */ #eaContainer .fileContainer { background-image: none !important; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 10px; text-align: right; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 4px 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer { float: right; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: right; width: 100%; margin-bottom: 10px; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: 'Roboto Regular', Helvetica Neue, Sans-serif; color: #313131; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } /*--------------------------------------- 5.5 Equal opportunities -----------------------------------------*/ body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, #Edit_EQUALOPS_form .textLiteral { margin-top: 1em; margin-bottom: 1em; text-align: left; } /*--------------------------------------- 5.6 Interviews -----------------------------------------*/ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { margin-left: 0; width: auto; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 30%; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media only screen and (max-width: 1224px) { /* Summary box */ .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } /* Search */ #FindJobHeroBlock, #FindJobContainer { display: block; position: relative; top: 0; left: 0; padding: 0; width: 100%; padding-bottom: 0; border-radius: 0; } #FindJobHeroBlock { padding-bottom: 15px; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body #FindJobHeroBlock input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 980px) { /* Set label and input widths to 100% */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, body .pageBlockInner_FormBlock label.formLabel, body .pageBlockInner_FormBlock input.inputText, #eaContainer html body #lookupResults_gridTable, #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock label.formLabel, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer { width: 100%; text-align: left; } /* Set button widths to 100% */ #eaContainer a.button, html body .buttonsRight, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; margin: 1em 0em 1em 0em !important; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner .buttonsLeft, #eaContainer .pageBlockInner .buttonsRight, #eaContainer .pageBlockInner .buttonsLeft li, #eaContainer .pageBlockInner .buttonsRight li { float: none; } .pageBlockContent_FormBlock .pageBlockInner_FormBlock .formRowRadioInputRow div.controlContainer { overflow: hidden; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { margin: 1em 0em; } /* Align search labels left */ body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } /* No vacancies */ #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer { width: 100%; float: none; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login { margin-left: 0; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register { margin-right: 0; } html body .tooltip2_Outer, html body .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 50%; /* height: auto; */ } .col-third { display: block; width: 100%; } .cat-container, .count-block .no-of { display: inline-block; width: 49.5%; } .count-block .no-of { display: block; width: 100%; } /* Category pages */ #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer { display: block; width: 100%; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 48%; } #eaContainer .category-blocks .category-block { min-height: 210px; } /* Alerts */ #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow { overflow: visible; } #MyJobFeedForm_MultiCodeList4_formRow .labelContainer { display: none; } #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter { float: none !important; } /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; display: inline-block; } /* Email address */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { float: none; margin-top: 1em; } /* Questions and answers */ #eaContainer .questionsAnswerBlock div.appSummaryGridHeader { width: 100%; } #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue { margin-left: 0; width: 100%; } /* File upload */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button { background-position: 5% center; background-repeat: no-repeat; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #FindJobBlock #quicksearch_filter_text_formRow, #FindJobBlock #quicksearch_filter_locationradius_formRow { width: 100%; display: block; } #FindJobBlock #quicksearch_form { width: 50%; margin-left: 25%; padding-left: 0; } /* Job Description */ .RightBackBox { margin-left: 0; margin-top: 1em; } /* Main Banner */ #login-register-block { background: #9b9c9e; display: block; width: 100%; bottom: 0; margin-left: 0; position: relative; min-height: 75px; } #login-register-block .buttonAnchor { margin-bottom: 16px; width: auto; } .block-right { float: right; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media screen and (max-width: 600px) { /* Main headings */ #eaContainer h1 { font-size: 35px; word-wrap: break-word; } /* Align buttons */ #eaContainer a.button, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { float: none; margin: 0; } /* Align labels left */ #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } /* Job search */ #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 98%; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 1.6em; } .hero-text .section-content .blockquote { font-size: 28px; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 100%; } .col-third, .cat-container { display: block; width: 100%; } #eaContainer .category-blocks .category-block { min-height: 0; } /* Search result blocks */ #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 98%; } /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 100% !important; } body .ui-dialog { width: 100% !important; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 100%; } /* Job Description */ #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { /* Search */ #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } /*-----------------Updates--------------*/ .navbar-brand { width: 220px; } .sticky-navigation { background: #363e47 !important; } .sticky-navigation .main-navigation li a { color: white !important; } .main-navigation ul ul.sub-menu { background: #363e47 !important; } .count-block .counter, .count-block .counter-icon { color: #fcb53a !important; font-size: 32px; font-weight: bold !important; } #footer { font-size: 14px; background: #363e47 !important; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: none !important; background: #7ecdc3 !important; color: white !important; } .section-header.hero-text { display: block; float: left; width: 100% !important; } .heading-1 { color: white !important; font-size: 30px; text-align: left; width: 50% !important; float: left; margin: 20px 0; } .body-content a { width: auto !important; float: right; background: white !important; padding: 20px 40px; margin-top: 15px; color: #008080 !important; } .button.button--block.button--black.button--bold { font-weight: bold !important; display: block !important; } #FindJobContainer { left: 0; margin-left: auto; margin-right: auto; padding-left: 0; position: relative !important; right: 0; top: 0; width: 100%; margin-top: -105px; } #FindJobHeroBlock { max-width: 100% !important; background: #008080; padding-bottom: 10px; position: relative; top: 0; left: 0; z-index: 1000; border-radius: 10px; padding-top: 10px; } #FindJobHeroBlock h3 { padding: 25px !important; padding-bottom: 25px; color: white !important; padding-bottom: 0 !important; font-weight: bold !important; margin-bottom: 0 !important; position: relative; top: -18px; font-size: 28px; } body #FindJobHeroBlock input.buttonSubmit { background: transparent; font-weight: bold; text-shadow: 0 !important; border: 1px solid #fff; color: white !important; } body #FindJobHeroBlock .formRowTextInputRow { width: 45%; } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; height: 50px; } body #FindJobHeroBlock input.buttonSubmit { background: transparent; font-weight: bold; text-shadow: 0 !important; border: 1px solid #fff; color: white !important; padding: 10px 15px 9px 15px !important; } #JobsNearMe { float: right !important; border: 1px solid white !important; padding: 10px 30px !important; position: relative; top: 15px; right: 38px; } #JobsNearMe:hover { background: white !important; } #buttonSubmit_save:hover { background: white !important; } body #FindJobHeroBlock input.buttonSubmit:hover { color: #008080 !important; } #JobsNearMe { font-weight: bold !important; } #home-img .container { padding: 0 !important; } h1.strapline { font-size: 30px; color: #008080; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: 'Roboto Regular', arial, sans-serif; text-align: left !important; line-height: normal !important; } #SearchForm_pageBlockContainer { display: none; } .Home #pageContent { margin-top: 30px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { height: 100px !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: #008080 !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 18px; font-weight: 400; text-align: center; opacity: 1; color: #fcb53a !important; font-weight: bold !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 33%; width: 31%; position: relative; border-radius: 5px; margin: 10px; height: 330px; margin: 1% !important; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 22%; display: inline-block; } .numbers h4 { text-align: center; margin-top: 30px !important; font-size: 28px; color: #008080 !important; } .LineHeader { width: 30%; } .organisation { text-align: center; color: #008080 !important; line-height: normal; font-size: 13px !important; } .LineHeader { width: 30%; height: 2px !important; } .numbers { margin-top: 100px; margin-bottom: 50px; } .no-of.last { margin-left: 25%; } .Home #eaContainer { margin-bottom: 50px; } .fa-4x { font-size: 3em; } .fa-headphones::before { content: "\f041"; margin-right: 9px; } .fa-smile::before { content: "\f080"; margin-right: 9px; } .fa-smile2::before { content: "\f0d6"; margin-right: 9px; } .fa-smile3::before { content: "\f295"; margin-right: 9px; } .fa-smile12::before { content: "\f274"; margin-right: 9px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 0 !important; margin-top: 0; min-height: 10px; height: auto; width: 100%; padding: 10px; } #eaContainer .pageBlockInner_GridBlock .gridTop a:hover { color: white !important; } .pagingButtons img { display: none !important; } .filtersExpander .filtersExpanderButton { margin-right: 15px !important; width: 300px !important; justify-content: space-between !important; box-sizing: border-box !important; height: 54px !important; background-color: white !important; padding: 15px 20px 15px 50px !important; margin-bottom: 15px !important; background-image: url(../images/Filter.png) !important; background-repeat: no-repeat !important; background-position: 5% center !important; border: 2px solid #dee2e6 !important; border-radius: 6px; font-size: 16px; margin: 0 !important; line-height: normal !important; background-size: 40px; color: #008080 !important; cursor: pointer; font-size: 20px; font-weight: 700; line-height: 30px; transition: all ease 0s; } #posBrowser_Filter_pageBlock .filtersExpander { line-height: 85px; padding: 0 !important; padding-top: 0px; padding-top: 0px; padding-top: 0px; border-top: 4px solid #fcb53a !important; padding-top: 10px !important; margin-top: 8px !important; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel, .noEntries, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { color: #008080 !important; } #posBrowser_Filter_pageBlock .FilterContainer, #browserBlock_pageBlock .AvailableList, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { overflow: auto; background: rgb(237, 237, 237) !important; color: white !important; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.jpg") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { padding: 0px 0px 0px 5px !important; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { padding: 10px 0 0 17px; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList { margin: 0; padding: 0 0 20px 5px; } .FilterRowsContainer { padding-bottom: 15px; background: rgb(237, 237, 237) !important; } .alternateViewsButton_Selected { color: silver !important; } .alternateViews a:nth-child(2n) { border-left: 1px solid #fcb53a !important; margin-left: 10px; padding-left: 10px; } div.alternateViews a.alternateViewsButton_List { margin-right: 5px; } #posBrowser_Filter_pageBlock { padding: 0 !important; } #alertsblock { display: none !important; } .Pos_Find_Results #alertsblock, .Home #alertsblock, .Pos_Description #alertsblock { display: block !important; } #breadcrumb { display: none !important; } .Pos_Description #content-main { z-index: 10; position: relative; } .JobTitle h1 { font-size: 35px !important; } .RightJobBox { background: #f1f0f0 !important; } .posdescriptionPropertyBox { background: #008080 !important; border: 0 none; border-radius: 0; padding: 2em; color: white !important; } .pageBlockInner.pageBlockInner_PageBlockBase { width: 85% !important; float: none; margin: 0 auto; } #posdesc_pageBlock { padding: 0; } .JobTitle h1 { font-size: 28px !important; } #posdesc_pageBlock ul.jobSum { overflow: auto; margin: 0; list-style: none; } /*location*/ li.jobSumItem.SumItem_codelist4value:before { content: "\f041"; width: 20px; height: 20px; position: absolute; margin-left: -20px; font-family: fontAwesome; text-align: center; color: white; } /*department*/ li.jobSumItem.SumItem_codelist5value:before { content: "\f044"; width: 20px; height: 20px; position: absolute; margin-left: -20px; font-family: fontAwesome; text-align: center; color: white; } /*division*/ li.jobSumItem.SumItem_codelist2value:before { content: "\f200"; width: 20px; height: 20px; position: absolute; margin-left: -20px; font-family: fontAwesome; text-align: center; color: white; } /*employment*/ li.jobSumItem.SumItem_codelist10value:before, li.jobSumItem.SumItem_codelist11value:before { content: "\f017"; width: 20px; height: 20px; position: absolute; margin-left: -20px; font-family: fontAwesome; text-align: center; color: white; } /*salary*/ li.jobSumItem.SumItem_displaysalarydescription:before { content: "\f0d6"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: fontAwesome; text-align: center; color: white; } /*salary*/ li.jobSumItem.SumItem_payratevalue:before { content: "\f0d6"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: fontAwesome; text-align: center; color: white; } /*Contract Type*/ li.jobSumItem.SumItem_codelist7value:before { content: "\f0a1"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: fontAwesome; text-align: center; } /*Date*/ li.jobSumItem.SumItem_codelist7value:before { content: "\f073"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: fontAwesome; text-align: center; color: white; } /*Closing Date*/ li.jobSumItem.SumItem_pospublishenddate:before { content: "\f274"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: fontAwesome; text-align: center; color: white; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { display: inline; font-weight: bold; margin-right: 5px; padding-left: 10px; padding-right: 5px; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { display: inline; font-weight: bold; margin-right: 5px; padding-left: 10px; padding-right: 5px; font-size: 18px !important; } .ApplyNowContainer.ApplyViaFormContainer { float: left !important; } .VacancyMap, .possharing, .posAlerts { float: left !important; clear: left !important; width: 100% !important; } .pageBlockInner.pageBlockInner_PageBlockBase { width: 100% !important; float: none; margin: 0 auto; padding: 20px; } .RightJobBox .pageBlockInner.pageBlockInner_PageBlockBase { padding: 0; } #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer { overflow: auto; padding: 0 20px; width: 100% !important; } #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsRight, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsRight ul, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsRight ul li, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsRight ul li a { width: 100% !important; } .mapContainer .ButtonHolder .miniMapButton { padding: 7px 15px; text-align: center; background: #008080; border-radius: 3px; margin-top: 20px !important; } .mapContainer .ButtonHolder .miniMapButton a.Text { color: #fff !important; } #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: white !important; border: 0 none; border-radius: 0; padding: 2em; width: 80% !important; float: none !important; margin: 0 auto !important; margin-bottom: 0px; margin-bottom: 20px !important; } .pageBlockInner.pageBlockInner_PageBlockBase { width: 100% !important; float: none; margin: 0 auto; padding: 20px 40px; } #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer { overflow: auto; padding: 0; width: 100% !important; } .RightJobBox .buttonsRight a.buttonAnchor { margin-left: 0 !important; } #eaContainer span.miniMapButton { margin-bottom: 0; } #posdesc_pageBlock .posrightbox_header { text-align: center; font-weight: bold; margin-top: 0; margin-bottom: 20px; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 152px; } #posdesc_pageBlock .posrightbox_header { text-align: center; font-weight: bold; margin-top: 0; margin-bottom: 20px; font-size: 20px; color: #008080 !important; } /*----Social medi icons jd-----*/ #PosDescSharingItems .PosDescSharingItem > div { display: none !important; } #linkedin_PosDescSharingItem { background-image: url(../images/linkedin_icon.png) !important; background-size: 30px !important; background-position: center; background-repeat: no-repeat; width: 30px !important; height: 30px !important; } #facebook_PosDescSharingItem { background-image: url(../images/facebook_icon.png) !important; background-size: 30px !important; background-position: center; background-repeat: no-repeat; width: 30px !important; height: 30px !important; } #twitter_PosDescSharingItem { background-image: url(../images/twitter_icon.png) !important; background-size: 30px !important; background-position: center; background-repeat: no-repeat; width: 30px !important; height: 30px !important; } #email_PosDescSharingItem { background-image: url(../images/Mail_icon.png) !important; background-size: 30px !important; background-position: center; background-repeat: no-repeat; width: 30px !important; height: 30px !important; } .benefitsContainer { background: #f1f0f0 !important; background-color: rgb(255, 255, 255); border-radius: 0; padding: 0; display: flex; background-color: #fff; } .benefitBlocksContainer { width: 100% !important; background: white !important; padding: 0 20px; text-align: center; } .benefitBlock:hover { background-size: 80px !important; } /*benefit one*/ .benefitBlock.pension { background: url("../images/icons/annual.png"); background-size: 70px; background-repeat: no-repeat !important; background-position: center !important; } /*benefit two*/ .benefitBlock.medical { background: url("../images/icons/critical.png"); background-size: 70px; background-repeat: no-repeat !important; background-position: center !important; } /*benefit three*/ .benefitBlock.virtualgp { background: url("../images/icons/life.png"); background-size: 70px; background-repeat: no-repeat !important; background-position: center 50px !important; } /*benefit four*/ .benefitBlock.gym { background: url("../images/icons/responsability.png"); background-size: 55px; background-repeat: no-repeat !important; background-position: center !important; } /*benefit five*/ .benefitBlock.psychologist { background: url("../images/icons/bonus.png"); background-size: 70px; background-repeat: no-repeat !important; background-position: center !important; } /*benefit six*/ .benefitBlock.annualleave { background: url("../images/icons/referal.png"); background-size: 30px; background-repeat: no-repeat !important; background-position: center 60px !important; } /*benefit seven*/ .benefitBlock.lifeassurance { background: url("../images/icons/bike.png"); background-size: 70px; background-repeat: no-repeat !important; background-position: center 45px !important; } /*benefit eight*/ .benefitBlock.criticalillness { background: url("../images/icons/pension.png"); background-size: 50px; background-repeat: no-repeat !important; background-position: center 55px !important; } /*benefit nine*/ .benefitBlock.flexible { background: url("../images/car.png"); background-size: 60px; background-repeat: no-repeat !important; background-position: center !important; } /*discount*/ .benefitBlock.discount { background: url("../images/icons/discount.png"); background-size: 60px; background-repeat: no-repeat !important; background-position: center !important; } .benefitBlock { width: 50%; text-align: center; float: left; min-height: 140px; line-height: normal; } .benefitBlocksContainer { background: #008080 !important; } .benefitBlock { color: white !important; transition: all ease .2s !important; } .benefits-title { color: white !important; font-size: 20px; } #posdesc_pageBlock .posrightbox_header { font-family: 'Roboto Regular' !important; } #posdesc_pageBlock .posrightbox_header { font-weight: normal; } .benefits-title { color: white !important; font-size: 20px; margin-bottom: 20px !important; } footer.sitefooter { clear: both; *zoom: 1; float: left; width: 100%; padding: 3em 0 5em; background: #394049; color: #FFF; } .grid-lg-4 { width: calc(33.333% - 8px); max-width: calc(33.333% - 8px); } [class*="grid-lg-"] { display: block; } [class*="grid-"] { display: block; float: left; min-height: 1px; padding: .4em; margin: 4px; } footer.sitefooter .left p, footer.sitefooter .right ul, header.siteheader .bottom nav { font-size: .8421052631578947em; } p:last-child { margin-bottom: 0; } footer.sitefooter .right { text-align: right; } .grid-lg-8 { width: calc(66.666% - 8px); max-width: calc(66.666% - 8px); } [class*="grid-lg-"] { display: block; } footer.sitefooter .right ul { list-style-type: none; margin: 0; padding: 0; } footer.sitefooter .left p, footer.sitefooter .right ul, header.siteheader .bottom nav { font-size: .8421052631578947em; } footer.sitefooter .right li { display: inline-block; margin: 0 2em 0 0; } footer.sitefooter .right a { text-decoration: none; } footer.sitefooter .right a { text-decoration: none; color: white !important; } .sticky-navigation .main-navigation li.active a { color: #7ECDC3 !important; font-weight: normal; } #eaContainer .pageBlockInner_FormBlock .fakecheck { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.jpg") no-repeat scroll left center; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: #fcb53a; border-color: #fcb53a; } /*-----------CV Aligment--------------*/ .charCounterValue { float: left; } #newProfileImageContainer img { display: none; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: 10px; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: 10px !important; } #eaContainer #fileupload_Files_formRow .controlContainer { margin-bottom: 10px; width: 100% !important; margin: 0 auto !important; } #fileupload_pageBlock .buttonsLeft { float: left; width: 100% !important; display: block !important; text-align: center; } #fileupload_pageBlock .buttonsLeft ul { list-style: none; margin: 0px; padding: 0px; width: 100% !important; float: left; text-align: center !important; } #fileupload_pageBlock .pageBlockInner .buttonsLeft li { float: left; list-style: none; list-style-type: none; list-style-type: none; text-align: center; width: 100% !important; display: block !important; } #eaContainer .fileuploadbutton { margin: 0 auto; float: none; } /*decleration aligment radio button alignment*/ #SubmitForm_contactconsent_formRow .labelContainer { text-align: left !important; width: auto !important; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer { margin-top: 4px; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { text-align: center; } #MyDetails_pageView .editblocklink a:hover, #Application_Section_PersonalDetails_pageView .editblocklink a:hover { text-decoration: none; } /*-----------CV Aligment--------------*/ #ToDoList_pageBlockContainer .buttonsRight { float: left !important; } .recruiter-title { text-align: center; } .recruiter-title { text-align: center; font-family: 'Roboto Regular' !important; font-size: 20px; } .recruiterContainer .rec-img img { text-align: center; float: none; width: 100%; } .recruiterContainer p.recruitername { font-size: 25px; color: #313131; background: white; padding: 20px; text-align: left; } .recruiterContainer p { color: #313131; background: white; padding: 20px !important; text-align: left; float: none; margin: 0 auto; } #posBrowser_ResultsGrid_pageBlock { padding: 0 !important; margin-top: 10px !important; } #form_posBrowser_ResultsGrid .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter { padding: 10px; } #eaContainer .pageBlockInner_GridBlock .gridFooter .gridButtons { display: none; } .navbar.navbar-inverse.bs-docs-nav.sticky-navigation.appear-on-scroll .container { width: 100%; } #Ul1 { padding-right: 20px !important; } .sticky-navigation .main-navigation li a { font-size: 16px; padding-left: 10px; padding-right: 10px; } .sticky-navigation .main-navigation .sub-menu li a { margin: 0; padding-top: 0; padding-bottom: 0; text-align: center; padding-left: 10px; padding-right: 10px !important; } #menu-item-20 { padding-right: 20px; } .textpage_lifeatpricebaily .sitefooter { margin-top: 50px; } #Experiencehires { padding: 20px !important; width: 100% !important; float: left; text-align: center; background: #008080 !important; color: white !important; } .textpage_earlycareers #menu-item-14 a { color: #7ECDC3 !important; } .outer-wrapper { width: 80%; margin: 50px auto; } .s-wrap { width: 100%; margin-bottom: 50px; padding-bottom: 55%; position: relative; border: 10px solid #fff; background-color: #efefe8; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); overflow: hidden; } .s-wrap > input { display: none; } .s-wrap .s-content { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 500%; height: 100%; font-size: 0; list-style: none; transition: transform 1s; } .s-wrap .s-item { display: inline-block; width: 20%; height: 100%; background-repeat: no-repeat; background-size: cover; } .s-wrap .s-item-1 { background-image: url("../images/slider_1.png"); } .s-wrap .s-item-2 { background-image: url("../images/slider_2.png"); } .s-wrap .s-item-3 { background-image: url("../images/slider_3.png"); } .s-wrap .s-item-4 { background-image: url("../images/slider_4.png"); } .s-type-1 .s-control { position: absolute; bottom: 18px; left: 50%; text-align: center; transform: translateX(-50%); transition-timing-function: ease-out; } .s-type-1 .s-control > label[class^="s-c-"] { display: inline-block; width: 12px; height: 12px; margin-right: 10px; border-radius: 50%; border: 1px solid #999; background-color: #efefe8; cursor: pointer; } .s-type-1 .s-nav label { display: none; position: absolute; top: 50%; padding: 5px 10px; transform: translateY(-50%); cursor: pointer; } .s-type-1 .s-nav label::before, .s-type-1 .s-nav label::after { content: ""; display: block; width: 8px; height: 24px; background-color: #fff; } .s-type-1 .s-nav label::before { margin-bottom: -12px; } .s-type-1 .s-nav label.left { left: 20px; } .s-type-1 .s-nav label.left::before { transform: rotate(45deg); } .s-type-1 .s-nav label.left::after { transform: rotate(-45deg); } .s-type-1 .s-nav label.right { right: 20px; } .s-type-1 .s-nav label.right::before { transform: rotate(-45deg); } .s-type-1 .s-nav label.right::after { transform: rotate(45deg); } .s-type-1 #s-1:checked ~ .s-content { transform: translateX(0%); } .s-type-1 #s-1:checked ~ .s-control .s-c-1 { background-color: #333; } .s-type-1 #s-1:checked ~ .s-nav .s-nav-1 { display: block; } .s-type-1 #s-2:checked ~ .s-content { transform: translateX(-20%); } .s-type-1 #s-2:checked ~ .s-control .s-c-2 { background-color: #333; } .s-type-1 #s-2:checked ~ .s-nav .s-nav-2 { display: block; } .s-type-1 #s-3:checked ~ .s-content { transform: translateX(-40%); } .s-type-1 #s-3:checked ~ .s-control .s-c-3 { background-color: #333; } .s-type-1 #s-3:checked ~ .s-nav .s-nav-3 { display: block; } .s-type-1 #s-4:checked ~ .s-content { transform: translateX(-60%); } .s-type-1 #s-4:checked ~ .s-control .s-c-4 { background-color: #333; } .s-type-1 #s-4:checked ~ .s-nav .s-nav-4 { display: block; } .s-type-1 #s-5:checked ~ .s-content { transform: translateX(-80%); } .s-type-1 #s-5:checked ~ .s-control .s-c-5 { background-color: #333; } .s-type-1 #s-5:checked ~ .s-nav .s-nav-5 { display: block; } @keyframes slider-animation { 0%, 7% { transform: translateX(0%); } 12.5%, 19.5% { transform: translateX(-20%); } 25%, 32% { transform: translateX(-40%); } 37.5%, 44.5% { transform: translateX(-60%); } 50%, 57% { transform: translateX(-80%); } 62.5%, 69.5% { transform: translateX(-60%); } 75%, 82% { transform: translateX(-40%); } 87.5%, 94.5% { transform: translateX(-20%); } } .outer-wrapper { width: 100%; margin: 50px auto; } .s-wrap { width: 100%; margin-bottom: 0; padding-bottom: 380px; } .s-wrap { border: none; } #menu-item-14 { margin-right: 0 !important; } .textpage_earlycareers h4 { color: #fcb53a !important; } .tabs { max-width: 90%; float: none; list-style: none; padding: 0; margin: 20px auto; border-bottom: 4px solid #008080; } .tabs:after { content: ''; display: table; clear: both; } .tabs input[type=radio] { display: none; } .tabs label { display: block; float: left; width: 33.3333%; color: #ccc; font-size: 30px; font-weight: normal; text-decoration: none; text-align: center; line-height: 2; cursor: pointer; box-shadow: inset 0 4px #ccc; border-bottom: 4px solid #ccc; -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */ transition: all 0.5s; } .tabs label span { display: none; } .tabs label i { padding: 5px; margin-right: 0; } .tabs label:hover { color: #008080; box-shadow: inset 0 4px #008080; border-bottom: 4px solid #008080; } .tab-content { display: none; width: 100%; float: left; padding: 15px; box-sizing: border-box; background-color: #ffffff; } .tab-content * { -webkit-animation: scale 0.7s ease-in-out; -moz-animation: scale 0.7s ease-in-out; animation: scale 0.7s ease-in-out; } @keyframes scale { 0% { transform: scale(0.9); opacity: 0; } 50% { transform: scale(1.01); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } .tabs [id^="tab"]:checked + label { background: #FFF; box-shadow: inset 0 4px #008080; border-bottom: 4px solid #008080; color: #008080; } #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3 { display: block; } @media (min-width: 768px) { .tabs i { padding: 5px; margin-right: 10px; } .tabs label span { display: inline-block; } .tabs { max-width: 950px; margin: 20px auto; } } .tabs { max-width: 100% !important; } .textpage_earlycareers h4 { color: #fcb53a !important; line-height: normal !important; font-size: 20px; } #Tabs h3 { color: #008080 !important; } .tabs { margin-bottom: 20px; } #searchandapplycontent { display: none !important; } .Pos_Find_Results #searchandapplycontent { display: block !important; } .textpage_earlycareers #alertsblock, .textpage_experiencedhires #alertsblock, .textpage_lifeatpricebaily #alertsblock, .textpage_workingatpricebaily #alertsblock { display: block !important; } @media only screen and (max-width: 1224px) { body #FindJobHeroBlock .formRowTextInputRow { width: 45%; display: block !important; float: left; clear: none; } } @media only screen and (max-width: 1020px) { #FindJobContainer { left: 0; margin-left: auto; margin-right: auto; padding-left: 0; position: relative !important; right: 0; top: 0; width: 100%; margin-top: 20px; } h1.strapline { font-size: 28px; } .navbar-brand { width: 200px; } } @media only screen and (max-width: 1100px) { .sticky-navigation .main-navigation li a { font-size: 13px; } } @media only screen and (max-width: 980px) { .sticky-navigation .main-navigation li a { font-size: 12px; } #Ul1 { padding-right: 0 !important; } } @media only screen and (max-width: 910px) { .navbar-brand { width: 150px; } .sticky-navigation .main-navigation li a { font-size: 10px; } } @media only screen and (max-width: 880px) { .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 9%; padding-right: 9%; } .heading-1 { color: white !important; font-size: 30px; text-align: left; width: 100% !important; } .body-content { float: left !important; } } @media only screen and (max-width: 993px) { .sticky-navigation .main-navigation li a { font-size: 12px; } } @media only screen and (max-width: 836px) { .sticky-navigation .main-navigation li a { font-size: 10px; } } @media only screen and (max-width: 767px) { .sticky-navigation .main-navigation li a { font-size: 16px; } } @media only screen and (max-width: 997px) { .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 30% !important; display: inline-block; } .no-of.last { margin-left: 0; } } @media only screen and (max-width: 991px) { body #FindJobHeroBlock .formRowTextInputRow { width: 43%; } #FindJobHeroBlock h3 { padding: 17px !important; } #JobsNearMe { float: right !important; border: 1px solid white !important; padding: 10px 10px !important; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 33%; width: 100% !important; position: relative; border-radius: 5px; margin: 10px; height: 330px; margin: 1% 0 !important; } } @media only screen and (max-width: 980px) { #FindJobHeroBlock h3 { padding-bottom: 0 !important; } #JobsNearMe { top: -101px; right: 5px; width: 30% !important; } #quicksearch_SaveButtonRow_formRow .buttonsRight { margin-top: 0 !important; } } @media only screen and (max-width: 767px) { #content-main, #FindJobContainer { padding: 0 20px !important; } .Pos_Description #content-main { padding: 0 !important; } } @media only screen and (max-width: 726px) { .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 44% !important; } } @media only screen and (max-width: 699px) { body #FindJobHeroBlock .formRowTextInputRow { width: 41%; } } @media only screen and (max-width: 699px) { body #FindJobHeroBlock .formRowTextInputRow { width: 40%; } #FindJobHeroBlock h3 { padding-bottom: 0 !important; padding-top: 0 !important; font-size: 20px; } #FindJobHeroBlock div.pageBlockContent { padding-top: 0; padding-left: 17px; padding-right: 17px; } #quicksearch_pageBlockContainer { width: 100% !important; margin-bottom: 0; } #JobsNearMe { top: -101px; right: 5px; width: 36% !important; } } @media only screen and (max-width: 576px) { #eaContainer h1 { font-size: 25px; word-wrap: break-word; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 100% !important; } #FindJobHeroBlock h3 { top: 0; } #JobsNearMe { top: -101px; right: 5px; width: 44% !important; } } @media only screen and (max-width: 500px) { body #FindJobHeroBlock .formRowTextInputRow { width: 37%; } } @media only screen and (max-width: 479px) { body #FindJobHeroBlock .formRowTextInputRow { width: 100%; } body #FindJobHeroBlock input.buttonSubmit { background: transparent; font-weight: bold; text-shadow: 0 !important; border: 1px solid #fff; color: white !important; padding: 10px 15px 9px 15px !important; text-align: center; } .pageBlockInner_FormBlock div.controlContainer { float: left; margin-right: 0; } #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 100%; } #JobsNearMe { top: 10px; right: 17px; width: 30% !important; font-size: 10px; line-height: normal; text-align: left; margin-bottom: 20px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: 100%; } #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 100%; } #eaContainer h1 { font-size: 22px; word-wrap: break-word; } } @media only screen and (max-width: 1224px) { .JobTitle { width: 100% !important; } .JobTitle h1 { font-size: 28px !important; position: relative; } .Pos_Description #content-main { min-height: 480px; margin-top: 0; } #posdesc_pageBlock ul.jobSum li { list-style: none; text-align: center; } #posdesc_pageBlock ul.jobSum { padding: 20px !important; } .posdescriptionPropertyBox { height: auto; margin-top: 0; } } @media only screen and (max-width: 500px) { .JobTitle h1 { font-size: 24px !important; position: relative; line-height: normal !important; } } #posdesc_pageBlock .earcu_posdescriptionContainer { text-align: left; } #NewPagesBanner, .banner-main-container { max-height: 630px; overflow: hidden; } #NewPagesBanner img { width: 100% !important; } .no-of.last { margin-left: 0 !important; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 14%; } #Block { width: 100% !important; } #Block_2 iframe { width: 100%; } #Block_2 { width: 100% !important; float: left !important; } #player { position: relative; top: -135px; } #player { max-width: 100% !important; } #player { width: 100% !important; max-width: 100% !important; } #lowersection { clear: both; } .RightSide { align-self: center; } .textpage_lifeatpricebaily .sitefooter { margin-top: 0; } #cards-container { overflow: hidden; margin: 20px; } /*---------------*/ #Slider_New, #Award_New { width: 100% !important; float: left !important; clear: left !important; } #Slider_New li { width: 24% !important; float: left; height: 170px !important; padding: 25px; background: #fcb53a !important; margin: 1%; margin-left: 1%; list-style: none !important; color: white !important; font-size: 20px !important; line-height: normal !important; text-align: center !important; font-weight: bold !important; margin-left: 0 !important; } #Slider_New ul { list-style: none; margin: 0 !important; float: left; width: 100% !important; padding: 0; } .posdescriptionPropertyBox { margin-bottom: 0 !important; } /*---------------*/ .flexslider .slides > li span { width: calc(33% - (4rem / 3)); float: left; background: rgba(255,255,255,0.85); margin: 0; padding: 40px 30px; text-align: center; position: relative; min-height: 300px; box-shadow: 0 5px 0 rgba(0,0,0,.3); border-radius: 10px; display: block; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } div#slider-latest-jobs.flexslider { border: none !important; box-shadow: none !important; background: no-repeat; margin: 2em auto; } .latestjobs-container { max-width: 100%; margin: auto; } div#latest-jobs h1 { position: relative; margin-top: 0; margin-bottom: 20px; font-size: 20px; color: #036; line-height: 40px; } .flexslider .slides > li span:hover { box-shadow: 0px 0px 40px 0px rgba(23,31,44,0.15); } .flexslider .slides > li span::before { content: "\f02d"; width: 80px; height: 80px; position: relative; background: white; border-radius: 100%; font-family: 'fontAwesome'; display: block; margin: -10px auto 20px; padding: 0px; font-size: 38px; line-height: 78px; color: #008080; border: 1px solid #fcb53a; } .flexslider .slides > li span h3 { color: #008080 !important; } .flexslider .slides > li span#jobDetails0:before { content: "\f02d"; } .flexslider .slides > li span#jobDetails1:before { content: "\f0b1"; } .flexslider .slides > li span#jobDetails2:before { content: "\f0ea"; } .flexslider .slides > li span#jobDetails3:before { content: "\f02b"; } .flexslider .slides > li span#jobDetails4:before { content: "\f0b1"; } .flexslider .slides > li span#jobDetails5:before { content: "\f0ea"; } .flexslider .slides > li span#jobDetails6:before { content: "\f07c"; } .flexslider .slides > li span#jobDetails7:before { content: "\f02c"; } .flexslider .slides > li span#jobDetails8:before { content: "\f02d"; } .flexslider .slides > li span#jobDetails9:before { content: "\f02d"; } .flexslider .slides > li span h3 { font-size: 20px; line-height: normal; margin-bottom: 20px; font-weight: bold !important; } .flex-direction-nav a { color: transparent !important; } /*-------------*/ #slider-latest-jobs { margin-top: 0 !important; } #LatestJObs_Block { margin: 3em auto 0; padding: 0; background-image: url(../images/bg-welcome.jpg); background-size: cover; background-position: center; background-attachment: fixed; } .flex-direction-nav a::before { font-family: "FontAwesome"; font-size: 40px; font-size: 17px; display: inline-block; content: '\f053'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next::before { content: '\f054'; } #slider-latest-jobs ol.flex-control-nav { display: flex; justify-content: center; width: 100%; position: absolute; top: auto; bottom: -35px; left: 0; } .block--title.wow.fadeIn { text-align: center; color: white !important; font-size: 25px; } @media only screen and (max-width: 991px) { .flexslider .slides > li span { width: 100%; } .slides { margin-left: 0; } .flexslider .slides > li span { width: 100%; margin-bottom: 0 !important; } } /*----------------*/ .centerplease { margin: 0 auto; max-width: 270px; font-size: 40px; } /*Question*/ .question { position: relative; background: #f9f9f9; margin: 0; padding: 10px 10px 10px 50px; display: block; width: 100%; cursor: pointer; } /*Answer*/ .answers { padding: 0px 15px; margin: 5px 0; width: 100% !important; height: 0; overflow: hidden; z-index: -1; position: relative; opacity: 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .questions:checked ~ .answers { height: auto; opacity: 1; padding: 15px; } /*FAQ Toggle*/ .questions:checked ~ .plus { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .questions { display: none; } .tabs #Accordian label, .tabs #Accordian2 label { display: block; float: left; width: 100%; color: teal !important; font-size: 24px; font-weight: normal; text-decoration: none; text-align: left; } .questions:checked ~ .answers { position: inherit; } .plus { position: absolute; margin-left: 0; right: 4rem; z-index: 5; font-size: 2em; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-top: 20px; pointer-events: none; } .question { position: relative; background: #f9f9f9; margin: 0; padding: 10px 50px 10px 10px; } #latest-jobs .buttonAnchor.left { display: none !important; } #latest-jobs { text-align: center; } div#latest-jobs h1 { color: white !important; } #latest-jobs { background: #5D656E; padding: 20px !important; color: white !important; } .nojobs_anchor { padding: 20px !important; color: white !important; border: 1px solid white !important; } #anchorCon { margin-top: 40px !important; margin-bottom: 30px !important; } #LatestJObs_Block { border-radius: 5px !important; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { float: left; width: 100% !important; } .button.connect { text-align: left !important; border: 1px solid teal !important; width: auto !important; float: left !important; display: block !important; padding: 0 20px !important; } .link__rowlink_696d18e7-c69f-4d44-8e67-79ed8d4feafe.buttonAnchor, #eaContainer #MyDetails_pageView .editblocklink a:hover { color: white !important; } #JobsNearMe { z-index: 10; } .recruiterContainer p.recruitername { font-size: 22px; text-align: center; color: #fcb53a !important; } .recruiterContainer p { color: #313131; background: transparent; padding: 0 !important; } .recruiterContainer p.recruitername { font-size: 22px; color: #313131; background: white; padding: 20px !important; text-align: center; } .counter.nomargin { margin-right: 0 !important; } .benefitBlock.annualleave:hover { background-size: 40px !important; } #Slider_New li:hover { background: #f2902b !important; } .recruiterContainer .rec-img img { text-align: center !important; float: none !important; width: 45% !important; margin-top: 0px !important; display: block !important; border-radius: 100px !important; margin-top: 30px !important; margin: 0 auto !important; } .recruiterContainer { background: white !important; margin: 0 auto; } .recruiterContainer p.recruitername { font-size: 18px; color: #313131; background: white; padding-bottom: 20px !important; text-align: center; } /*-----------*/ .posdescriptionPropertyBox { background-color: #008080 !important; } #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: #f1f0f0 !important; margin-bottom: 0 !important; width: 100% !important; padding: 20px 0 0; } #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer { overflow: auto; padding: 0; padding-top: 0px; width: 100% !important; margin-top: 0; } .recruiterContainer { width: 100%; margin-top: 0; } .posAlerts_header.posrightbox_header { background: white !important; margin-bottom: 0 !important; padding-top: 20px !important; } #posdesc_pageBlock .posrightbox_info { padding: 20px; margin: 0 !important; margin-bottom: 0px; background: white !important; margin-bottom: 20px !important; } .possharing_header.posrightbox_header { background: white !important; margin-bottom: 0 !important; padding-top: 20px !important; } .possharing_container { background: white; padding-bottom: 40px; } #eaContainer #posdesc_pageBlock .possharing { padding-top: 0 !important; } #LatestJObs_Block { background-image: none !important; } .flexslider .slides > li span { width: calc(33% - (4rem / 3)); float: left; background: rgba(255,255,255,0.85); margin: 0; padding: 40px 30px; text-align: center; position: relative; min-height: 300px; box-shadow: 0 5px 0 rgba(0,0,0,.3); border-radius: 10px; border: 1px solid #ccc !important; } #slider-latest-jobs ol li a { background: silver; } #LatestJObs_Block h5 { color: teal !important; } #LatestJObs_Block { margin-top: 0; } .numbers { margin-top: 0; } .hero-text { text-align: center; padding-bottom: 2em; padding-top: 1em; } /* Tabs */ .textpage_workingatpricebaily .tabs { width: 100%; border-radius: 5px 5px 5px 5px; display: flex; border-bottom: none !important; } .textpage_workingatpricebaily ul#tabs-nav { list-style: none; margin: 0; padding: 0 5px 0 0; overflow: auto; width: 30%; } .textpage_workingatpricebaily #tabs-content { width: 70%; } .textpage_workingatpricebaily ul#tabs-nav li { font-weight: bold; margin-right: 2px; border-radius: 5px 5px 5px 5px; /*border: 1px solid #d5d5de; border-bottom: none;*/ cursor: pointer; } .textpage_workingatpricebaily ul#tabs-nav li:hover, .textpage_workingatpricebaily ul#tabs-nav li.active { background-color: #008080; } .textpage_workingatpricebaily #tabs-nav li a { text-decoration: none; color: #FFF; } .textpage_workingatpricebaily .tab-content { padding: 10px; border: 5px solid #09F; background-color: #FFF; } .textpage_workingatpricebaily .tab-content { padding: 10px; border: white !important; background-color: teal; color: white !important; text-align: center; padding: 20px !important; flex: 1 1 auto; align-content: center; align-self: center; } .textpage_workingatpricebaily #tabs-content { background: teal !important; display: flex; min-height: 200px; } .textpage_workingatpricebaily #tabs-content h2 { font-size: 28px !important; color: white !important; margin-top: 0 !important; font-weight: bold; } .textpage_workingatpricebaily #tabs-nav li a { text-decoration: none; color: inherit !important; } .textpage_workingatpricebaily ul#tabs-nav li:hover, .textpage_workingatpricebaily ul#tabs-nav li.active { background-color: #008080; color: white !important; } .home-demo .owl-item .item .item-icon { font-size: 20px; } @media only screen and (max-width: 991px) { .textpage_workingatpricebaily .tabs { width: 100%; border-radius: 5px 5px 5px 5px; display: block; } .textpage_workingatpricebaily ul#tabs-nav { list-style: none; margin: 0; padding: 5px; overflow: auto; width: 100%; } .textpage_workingatpricebaily #tabs-content { width: 100%; } .textpage_workingatpricebaily ul#tabs-nav li { float: left; } } .recruiterContainer p { color: #313131; background: transparent; padding: 0 !important; padding-bottom: 0px; text-align: center; background: white !important; padding-bottom: 20px !important; } /*------------*/ @media only screen and (max-width: 1500px) { .JobTitle h1 { font-size: 28px !important; position: relative; } } @media only screen and (max-width: 1224px) { .Pos_Description .banner-main { display: none !important; } .Pos_Description .mobile-banner { height: 500px !important; background-image: url(../images/mobile_banner.jpg); background-size: cover; background-position: top; } } @media only screen and (max-width: 767px) { .Pos_Description .mobile-banner { height: 300px !important; } } @media only screen and (max-width: 481px) { .Pos_Description .mobile-banner { height: 200px !important; } } @media only screen and (max-width: 380px) { .Pos_Description .mobile-banner { height: 150px !important; } } .textpage_earlycareers .tabs { border-bottom: none !important; } #FindJobContainer { margin-top: 40px; } /*-------*/ .box { width: 63%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity .2s; display: none; z-index: 100000000; } .popup:not(a.openpopup) { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background: teal; border-radius: 5px; transition: all .5s ease-in-out; z-index: 2; overflow: auto; } .popup:not(a.openpopup) h2 { margin-top: 0; color: white !important; } .popup:not(a.openpopup) .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup:not(a.openpopup) .close:hover { color: teal; } .popup:not(a.openpopup) .content { overflow: auto; } @media screen and (max-width: 700px) { .box { width: 70%; } } .titleprofiles { text-align: center !important; } .box .peopleprofile { width: 24% !important; float: left; background: silver; margin-right: 1%; height: 300px !important; margin-bottom: 90px; } .textpage_workingatpricebaily #alertsblock { margin-top: 40px !important; } .peopleprofile.popup1 { background-image: url(../images/pop1.jpg); background-size: cover; background-position: top; } .box .button { background: white !important; width: 100% !important; float: left; position: relative; top: 91% !important; border-bottom: 1px solid teal; font-weight: bold !important; height: 77px; line-height: normal; padding: 2rem; text-align: left; font-size: 14px; } .box .peopleprofile:hover { cursor: pointer; } .box .peopleprofile:hover .button { background: teal !important; color: white !important; } .peopleprofile.popup2 { background-image: url(../images/pop2.jpg); background-size: cover; background-position: top; } .peopleprofile.popup3 { background-image: url(../images/zafir-chowdhury.jpg); background-size: cover; background-position: top; } .peopleprofile.popup4 { background-image: url(../images/jade-harrington.jpg); background-size: cover; background-position: top; } .peopleprofile.popup5 { background-image: url(../images/becki-russell.jpg); background-size: cover; background-position: top; } .peopleprofile.popup6 { background-image: url(../images/max-spelman.jpg); background-size: cover; background-position: top; } .peopleprofile.popup7 { background-image: url(../images/charlotte-anson.jpg); background-size: cover; background-position: top; } .peopleprofile.popup8 { background-image: url(../images/elliot-rose.jpg); background-size: cover; background-position: top; } .popup .content { overflow: auto; color: white !important; } #Profiles { width: 100% !important; display: block; } .textpage_workingatpricebaily #alertsblock { margin-top: 40px !important; z-index: -10; position: relative; } .pytje { font-weight: bold; } .answer { color: #fbb53b; line-height: normal; } .popup h2 { margin-top: 0; color: white !important; font-weight: bold; font-size: 24px; } .benefitBlock { font-size: 14px !important; } /*--------*/ @media screen and (max-width: 980px) { #JobsNearMe { top: 10px !important; right: 40px !important; width: 30% !important; } } @media screen and (max-width: 699px) { #JobsNearMe { top: -3px !important; right: 58px !important; width: 34% !important; } } @media screen and (max-width: 587px) { #JobsNearMe { top: -3px !important; right: 41px !important; width: 34% !important; font-size: 12px !important; } } @media screen and (max-width: 576px) { #JobsNearMe { top: -3px !important; right: 41px !important; width: 29% !important; font-size: 12px !important; } #FindJobHeroBlock h3 { top: 0; margin-top: 0; } } @media screen and (max-width: 543px) { #JobsNearMe { top: -3px !important; right: 33px !important; width: auto !important; font-size: 12px !important; } #JobsNearMe { float: left !important; position: relative; top: 112px !important; background: #008080 !important; left: 0px; } #FindJobHeroBlock { padding-bottom: 50px; } #JobsNearMe { float: left !important; position: relative; top: 112px !important; background: #008080 !important; left: 18px; } } @media screen and (max-width: 496px) { #JobsNearMe { width: auto !important; } } .hideeeeshow { display: none !important; } @media screen and (max-width: 479px) { #JobsNearMe { float: left !important; position: relative; top: 230px !important; } #FindJobHeroBlock h3 { top: 0; margin-top: 0; font-size: 21px !important; position: relative; top: 20px; } .hideeee { display: none !important; } .hideeeeshow { display: block !important; } } .box { width: 100%; margin: 0 auto; background: rgba(255,255,255,0.2); background-clip: border-box; padding: 0; } @media screen and (max-width: 1185px) { .box .peopleprofile { width: 32% !important; } } @media screen and (max-width: 991px) { .box .peopleprofile { width: 49% !important; } } @media screen and (max-width: 550px) { .box .peopleprofile { width: 100% !important; } } @media screen and (max-width: 767px) { .flexslider .slides > li span { width: 100%; } .flexslider .slides > li span { min-height: 200px; } .heading-1 { color: white !important; font-size: 23px; } #eventsListContainer .eventContainerWrapper { width: 50%; float: left; } } @media screen and (max-width: 450px) { #eventsListContainer .eventContainerWrapper { width: 100%; } #eventsListContainer .eventContainerWrapper .eventContainer { padding: 5px; min-height: 0px; } .benefitBlock { font-size: 11px !important; } } #New_design .container { padding: 0; } @media screen and (max-width: 1224px) { .JobTitle h1 { font-size: 28px !important; position: relative; } } .popup .close { color: white !important; } .textpage_experiencedhires #latest-jobs { background: transparent; padding: 0; color: black !important; } .textpage_experiencedhires div#latest-jobs h1 { color: teal !important; font-size: 25px !important; line-height: normal; } .benefitBlock.pension2 { background: url("../images/Scholar-PNG-Free-Download.png"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-size: 70px; background-repeat: no-repeat !important; background-position: center !important; } .Pos_Description.categorievalue_99 .benefitBlock.flexible, .Pos_Description.categorievalue_99 .benefitBlock.pension2 { display: none !important; } .Pos_Description.categorievalue_98 .benefitBlock.medical, .Pos_Description.categorievalue_98 .benefitBlock.flexible, .Pos_Description.categorievalue_98 .benefitBlock.pension2 { display: none; } .Pos_Description.categorievalue_100 .benefitBlock.pension2 { display: none !important; } .Pos_Description.categorievalue_97 .benefitBlock.medical, .Pos_Description.categorievalue_97 .benefitBlock.flexible { display: none !important; } @media screen and (max-width: 767px) { .popup .content { max-height: 100%; overflow: auto; color: white !important; font-size: 13px; } .popup h2 { margin-top: 0; color: white !important; font-weight: bold; font-size: 18px; } } .quote-container { } .quote-content { padding: 2rem; background-color: #008080; color: #FFF; position: relative; } .quote-name { font-weight: bold; text-align: right; } .quote-icon { font-size: 42px; vertical-align: middle; display: flex; justify-content: center; padding: 2rem 0; } .quote-icon i { position: relative; top: -10px; } .img-placeholder { background: #888; display: flex; align-content: center; align-items: center; text-align: center; height: 100%; min-height: 200px; } .img-placeholder p { width: 100%; text-align: center; font-size: 24px; color: #FFF; } .banner-video { max-height: 630px; overflow: hidden; } .banner-video .col-md-12 { padding: 0; } .video-wrapper { display: flex; justify-content: center; } .banner-video video { max-width: 100%; max-height: 100%; } .column-container { display: flex; flex-direction: column; } #Smartworking { text-align: justify !important; } #Smartworkingvideo { text-align: center; flex: 1 0 50%; } #Smartworkingvideo iframe { max-width: 560px; width: 100%; } .section-proression { margin-bottom: 4rem; } .awards-list { display: flex; gap: 1rem; flex-direction: column; flex-wrap: wrap; margin: 4rem 0; } .awards-list .award { flex: 1 1 auto; width: 100%; align-items: center; } .awards-list .award img { max-width: calc(min(66%, 300px)); display: block; margin: 0 auto; } .header { position: sticky; top: 0; z-index: 499; overflow: visible; } .banner-img { height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .banner-img.job-header { display: flex; align-items: center; } .banner-img.job-header h1 { margin-top: 0; margin-bottom: 0; text-align: center; } .container-fluid.no-padding { padding-left: 0; padding-right: 0; } #posdesc_pageBlock .posdescriptionPropertyBox { border: none; } #eaContainer .RightJobBox, #eaContainer .LeftJobBox { width: 100%; float: none; } #eaContainer .LeftJobBox { padding: 0; } .video-container { padding-bottom: 30px; } #eaContainer .RightJobBox { display: flex; flex-direction: column; gap: 2rem; padding: 2rem; background-color: #f1f0f0; margin-top: 4rem; margin-left: 0; } .RightJobBox .recruiterContainer, .RightJobBox .ApplyNowContainer.ApplyViaFormContainer, .RightJobBox .VacancyMap { background-color: #f1f0f0 !important; } .d-desktop-only { display: none; } .flexslider .slides > li { display: flex !important; align-items: stretch; flex-wrap: wrap; gap: 2rem; } .tabs.tabs-traditional li { display: flex; align-items: stretch; } .tabs.tabs-traditional li a { display: block; flex: 1 1 auto; padding: 8px 10px; } .tabs-traditional .tab-content { transition: opacity .8s; opacity: 0; display: none; } .tabs-traditional .tab-content.active { display: block; opacity: 1; } .tabs-traditional .tab-content.hover { display: block; opacity: 1; } .tabs-traditional.has-hover .tab-content.active { display: none; opacity: 0; } .tabs-traditional.has-hover .tab-content.active.hover { display: block; opacity: 1; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .banner-img { height: 200px; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .banner-img { height: 252px; } .navbar { border-radius: 0; } body.Pos_Description .mobile-banner { display: block !important; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .popup:not(a.openpopup) { top: 50vh; margin-top: -35vh; left: 50%; margin-left: -35vw; width: 70vw; height: 70vh; } .JobTitle h1 { color: #FFF; } body.Pos_Description .mobile-banner { display: none !important; } #eaContainer .LeftJobBox { padding: 4rem 2rem; } #eaContainer .RightJobBox { padding: 2rem; } .d-mobile-only { display: none; } .d-desktop-only { display: block; } .banner-img { height: 330px; } .awards-list { flex-direction: row; } .awards-list .award { width: 32% !important; } .video-col-right { border-left: 3px dotted #fcb53a !important; margin-left: 20px; padding-left: 20px !important; } .video-col-left { border-right: 3px dotted #fcb53a !important; margin-right: 20px; padding-right: 20px !important; width: 50%; } .column-container { display: flex; flex-direction: row; } .RightSide { max-width: 50%; } } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .banner-img { height: 400px; } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { .banner-img { height: 630px; } } #LatestJObs_Block .block--title.wow.fadeIn { margin-bottom: 40px !important; margin-top: 50px; } .benefitBlock.shoppingdiscount { background: url("../images/icons/4379552.png"); background-size: 50px; background-repeat: no-repeat !important; background-position: center !important; } #LeftExperincedHires { width: 50% !important; float: left; text-align: justify !important; } #VidoeExpreinced_hires { width: 45% !important; float: left; border-left: 3px dotted #fcb53a !important; margin-left: 20px; padding-left: 20px !important; } .textpage_experiencedhires #latest-jobs { display: block !important; float: left; width: 100% !important; margin-top: 30px !important; } @media (max-width: 991px) { #LeftExperincedHires { width: 100% !important; } #VidoeExpreinced_hires { width: 100% !important; float: left; border-left: none !important; margin-left: 0 !important; padding-left: 0 !important; margin-top: 20px; } }