/* Skin: DHLSupplyChain_03 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 3.12 Networking 3.13 Preparing for Interviews 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.1 Onboarding -----------------------------------------*/ /* Offer Info Boxes */ /*#MyWelcomePacks_OfferInformation_Summary_pageView li.ulListItem { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 230px; width: 30.4%; background: #000; text-align: center; cursor: pointer; border-radius: 10px; }*/ /* Progress Bar */ html .earcu_offerinformationpage_3 .heading-section { display: none; } #onboardingTopContainer { width: 100%; max-width: 1140px; margin: 0 auto; } .onboardingMenuContainer .menuItem { display: inline-block; } .onboardingMenuContainer .menuItem:first-child a.menuAnchor { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .onboardingMenuContainer .menuItem:last-child a.menuAnchor { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .onboardingMenuContainer .menuItem a.menuAnchor { background-color: #F0F0F0; border: 1px solid #C4C4C4; border-right: none; color: #333; display: block; font-size: 14px; font-weight: normal; line-height: 100%; min-height: 34px; padding: 11px 10px 11px 60px; position: relative; text-align: left; } .onboardingMenuContainer .menuItem:last-child a.menuAnchor { border-right: 1px solid #C4C4C4; } .onboardingMenuContainer .menuItem a.menuAnchor:before { color: #d40511; content: '\f059'; display: block; font-family: "fontAwesome"; font-size: 34px; font-weight: bold; left: 0; line-height: 100%; margin: -17px 0 0 10px; position: absolute; top: 50%; } .onboardingMenuContainer .menuItem_selected a.menuAnchor:before { content: '\f058'; color: #33A300; } .onboardingMenuContainer .menuItem.menuItem_active:last-child a.menuAnchor:before { content: '\f058'; } .onboardingMenuContainer .menuItem:last-child a.menuAnchor:before { content: '\f059'; /*color: #C4C4C4;*/ } .onboardingMenuContainer .menuItem a.menuAnchor:hover, .onboardingMenuContainer .menuItem_active a.menuAnchor { background-color: #DAD9D3; } .onboardingMenuContainer .menuItem a.menuAnchor span { clear: right; color: #d40511; display: block; font-size: 22px; font-weight: bold; line-height: 100%; padding-bottom: 5px; } .onboardingMenuContainer .menuItem a.menuAnchor span:before { content: 'Step '; } html body #eaContainer .PosMyWelcomePackSummaryLinks a { padding-left: 10px; } .onboardingHeading.heading1, html body #eaContainer .PosMyWelcomePackSummaryLinks { display: none; } html body #eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { margin-bottom: 1em; } body.MyWelcomePacks_OfferInformation_Section #onboardingTopContainer { margin-top: 2em; } html body h2.ob-h2 { color: #d40511; margin-top: 10px; margin-bottom: 10px; } html body h3.ob-h3 { color: #000000; font-size: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } .offer-info-section iframe { width: 100%; } div.character-img { position: relative; display: block; margin: 2em; } html body button.accordion-button, html button.accordion-button:after { color: #d40511; font-weight: bold; font-size: 18px; } .benefits-ticker { margin-bottom: 1em; } ul.bxslider li { list-style-type: none; } .benefits-ticker li.ticker-item { width: 125px !important; margin: 0 !important; } .doc-list { width: 100%; display: block; position: relative; margin-top: 1em; margin-bottom: 1em; } .doc-list .doc:hover { cursor: pointer; } .doc-list .doc { width: 16%; display: inline-block; text-align: center; height: 150px; vertical-align: top; padding: 1em; color: #FFF; } .doc-list .doc .fa { font-size: 35px; margin-bottom: 10px; margin-top: 10px; } div.doc.odd { background: #D40511; color: #FFF; } div.doc.even { background: #FFCC00; color: #D40511; } body.Offer_Accepted #onboardingTopContainer { display: none; } html body #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem { background-color: #D40511; color: #FFFFFF; } html body #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem:hover { background-color: #D40511; } html body #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem:hover a { color: #FFF !important; } html body #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a { color: #FFFFFF; } html body.MyWelcomePacks_OfferInformation_Summary #BackBlock_pageBlock { margin-left: 0; padding-left: 0; } @media screen and (max-width: 767px) { .onboardingMenuContainer .menuItem { display: block; width: 100% !important; } } @media screen and (max-width: 1250px) { .doc-list .doc { width: 30%; } } @media screen and (max-width: 600px) { .doc-list .doc { display: block; width: 100%; } } #dialog { max-height: 50vh !important; } /* */ /*--------------------------------------- 1.1 Fonts -----------------------------------------*/ /* Light */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 200; src: url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Light.woff2") format("woff2"), url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Light.otf") format("opentype"); unicode-range: U+24F-2FA1F; } @font-face { font-family: "Delivery"; font-style: italic; font-weight: 200; src: url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Light.woff2") format("woff2"), url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Light.otf") format("opentype"); unicode-range: U+24F-2FA1F; } /* Regular */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 400; src: url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Regular.woff2") format("woff2"), url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Regular.otf") format("opentype"); unicode-range: U+24F-2FA1F; } @font-face { font-family: "Delivery"; font-style: italic; font-weight: 400; src: url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Regular.woff2") format("woff2"), url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Regular.otf") format("opentype"); unicode-range: U+24F-2FA1F; } /* Bold */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 700; src: url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Bold.woff2") format("woff2"), url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Bold.otf") format("opentype"); unicode-range: U+24F-2FA1F; } @font-face { font-family: "Delivery"; font-style: italic; font-weight: 700; src: url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Bold.woff2") format("woff2"), url("../fonts/delivery-cjk-fallback/SourceHanSansSC-Bold.otf") format("opentype"); unicode-range: U+24F-2FA1F; } /* Light */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 200; src: url("../fonts/delivery/Delivery_W_Lt.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_Lt.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Light Italic */ @font-face { font-family: "Delivery"; font-style: italic; font-weight: 200; src: url("../fonts/delivery/Delivery_W_LtIt.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_LtIt.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Regular */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 400; src: url("../fonts/delivery/Delivery_W_Rg.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_Rg.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Italic */ @font-face { font-family: "Delivery"; font-style: italic; font-weight: 400; src: url("../fonts/delivery/Delivery_W_It.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_It.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Bold */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 700; src: url("../fonts/delivery/Delivery_W_Bd.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_Bd.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Bold Italic */ @font-face { font-family: "Delivery"; font-style: italic; font-weight: 700; src: url("../fonts/delivery/Delivery_W_BdIt.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_BdIt.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Condensed Light */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 200; font-stretch: condensed; src: url("../fonts/delivery/Delivery_W_CdLt.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_CdLt.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } /* Condensed Black */ @font-face { font-family: "Delivery"; font-style: normal; font-weight: 800; font-stretch: condensed; src: url("../fonts/delivery/Delivery_W_CdBlk.woff2") format("woff2"), url("../fonts/delivery/Delivery_W_CdBlk.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F, U+8A0-8FF, U+B50-DFF, U+FE70-FEFF; } html { /*overflow-x: hidden;*/ } html body { font-family: "Delivery",Verdana, sans-serif; line-height: 1.5; font-size: 16px; overflow-x: hidden; } h1 { font-size: 24px; } h1.redtitle { color: #d10e1e; font-size: 35pt; font-family: "Delivery",Verdana, sans-serif; text-transform: uppercase; margin-top: 50px; } h1.strapline { color: #d40511; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; /* font-size: 18px; */ background: #ffcc00; margin: 0; padding: 10px 30px; width: 40%; margin: -60px auto 0; text-align: center; position: relative; text-transform: uppercase; } h1.introh1 { color: #000; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; } h3.subtitle { font-size: 24pt; -ms-word-wrap: break-word; word-wrap: break-word; font-family: "Frutiger Neue LT W06 Thin",Arial,"Helvetica Neue",Helvetica,sans-serif; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { color: #d40511; } .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; } } .herobanner .container { padding: 0; } .navbar.bs-docs-nav.navbar-fixed-top.sticky-navigation.appear-on-scroll { padding: 16px 96px 16px 20px; z-index: 202; } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { padding-top: 1em; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } /* #WelcomeInfoBlock_MyDetails_formRow .iconImage img, #ProfileIcon img { border-radius: 50%; } */ #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* Div radius */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer div.listContainer *, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem { /*border-radius: 0.25em;*/ } /* Inputs, buttons, images radius */ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea, #login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink, #eaContainer div, .posdescriptionPropertyBox, .posrating, .possharing, .posAlerts, #eaContainer .posBrowserMapBlock .gridTop, html body .tooltip2_Outer, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, .pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { /*border-radius: 0.25em;*/ } /* No radius */ body.Home #eaContainer div, #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /* No border */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li, #eaContainer .fileContainer, #eaContainer .uploadedFilesContainer, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .pageBlockInner_GridBlock div.gridContent, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .posBrowserMapBlock .addressContainer, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: 0; } /* Rounded corners */ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: 0; } div#lookupResults_pageBlock { overflow: hidden; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { /* background-color: #eee; color: #444; */ background-color: inherit; cursor: pointer; /* padding: 18px; */ padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } button.accordion-button.active, button.accordion-button:hover { /* background-color: #ddd; */ } div.accordion-content { /* padding: 0 18px; */ /* background-color: white; */ padding: 0 6px 22px; display: none; } div.accordion-content.show { display: block; } button.accordion-button:after { font-family: 'FontAwesome'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'FontAwesome'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 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 #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: #D40511; } #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: #D40511; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #D40511; } /* 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: #D40511; } .tabs-style-shape nav li a:hover svg { fill: #D40511; } /* 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: #D40511; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel 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 { color: #D40511; } #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: #D40511; } /* 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, .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: #D40511; border-color: #D40511; 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 #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: url(../images/sprites/sprite.svg); /*background-position: -1% 0%;*/ background-position: 8% 0%; background-size: 200px; background-repeat: no-repeat; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { /* background-image: url(../images/sprites/white-arrow-left.png); */ background: url(../images/sprites/sprite.svg); /*background-position: -3% 0%;*/ background-position: 5% 0%; background-size: 200px; background-repeat: no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .buttonsRight button.buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsRight a.buttonAnchor { margin: 5px !important; } /* 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; } .Home #content-main { min-height: 1px; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop { font-weight: bold; background: #FECA2F; color: #000; padding: 17px; border-radius: 0; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; /*font-family: "Delivery",Verdana, 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 .alternateViews a { color: #fff !important; } #eaContainer .alternateViews a.alternateViewsButton_Selected { display: none; } #eaContainer .alternateViews a:before { font-family: FontAwesome; padding-right: 5px; } #eaContainer .alternateViews a.alternateViewsButton_List:before { content: '\f03a'; } #eaContainer .alternateViews a.alternateViewsButton_Map:before { content: '\f1d8'; } #posBrowser_Filter_pageBlock .filtersSummary, #posBrowser_Filter_pageBlock .filtersExpander { background: #d40511; color: #fff; } #posBrowser_Filter_pageBlock .filtersSummary { padding: 20px 20px 0 20px; } #posBrowser_Filter_pageBlock .filtersExpander { padding: 0 20px 20px 20px; } #posBrowser_Filter_pageBlock .filtersExpander a { color: #fff; } #posBrowser_Filter_pageBlock .filtersExpander a:before { font-family: FontAwesome; content: '\f067'; padding-right: 5px; } #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:before { content: '\f068'; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb { margin-top: 2em; color: #d40511; text-align: left; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; } #breadcrumb .fa { color: #000; padding: 0 3px; } 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; } .banner-main { margin-top: 70px; width: 100%; } .footer .component-margin { background: #f2f2f2; margin-bottom: 0; padding-bottom: 4.2rem; } .offerfilesection .downloadcontainer { overflow: auto; } #skipStep { display: none; } .CompanyID_2 #skipStep { display: block; } div.footer { margin-top: 20px; } /*--------------------------------------- 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 { border-radius: 4px; padding: 14px 32px; text-align: center; font-size: 16px; font-family: inherit; font-weight: 700; line-height: 1.25; transition: 0.2s all ease-in-out; } #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton: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, .gridContainer .rowlink a:hover { background: #9a0000ff; color: #fff; text-decoration: none; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } .backgroundcollapse { background: #ffcc00; } .containercollapse { text-align: center; margin: auto; width: 80%; padding: 10px; background: #f2f2f2; } #eaContainer a.collapsebtn { color: #000; font-weight: bold; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #ffcc00; } body.Home #eaContainer .actionMessageContainer { padding: 2em 0 0; margin: 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { } .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 -----------------------------------------*/ .tooltip2_Surround_FormToolTip { background: #D40511; } .tooltip2_Surround, .tooltip2_SurroundClosing { display: none; } 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; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ .herobanner { max-width: 100%; margin: auto; width: 100%; margin-top: -120px; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .Home .herobanner { background: url('../images/custom/bg-man-and-van.jpg'); background-position: 100% 35%; background-size: cover; min-height: 600px; } div#videoContainer { position: relative; /*max-height: 660px;*/ margin-top: -120px; width: 100%; display: flex; justify-content: center; } div#videoContainer video { /*max-height: 660px;*/ max-width: 1280px; margin-top: 0; display: inline; } .Home .home-overlay { height: 100%; /*background: -webkit-linear-gradient(-45deg,rgba(255, 255, 255, 0.8) 0,rgba(255, 255, 255, 0.27) 50%,rgba(255, 255, 255, 0) 100%);*/ } .home-overlay { max-width: 1280px; margin: auto; padding: 0; } .Home #intro_pageBlock { display: none; } .container1 { width: 100%; max-width: 100%; padding: 0; margin: auto; } .heroStage__content { max-width: 100%; clear: both; } span.subline { color: #d40511; font-size: 20pt; font-family: "Frutiger Neue LT W06 Thin",Arial,"Helvetica Neue",Helvetica,sans-serif; } h1.text-primary { color: #d40511; font-size: 36pt; line-height: 50px; font-family: "Delivery",Verdana, sans-serif; margin: 0; width: 100%; clear: both; text-transform: uppercase; } .typed-cursor.typed-cursor--blink { animation: typedjsBlink 0.7s infinite; -webkit-animation: typedjsBlink 0.7s infinite; animation: typedjsBlink 0.7s infinite; display: none; } .heroStage__content.container p { font-family: "Delivery",Verdana, sans-serif; font-size: 22px; color: white; text-shadow: 1px 1px #272727; max-width: 800px; margin: auto; } .heroStage__content.container p.byline { text-transform: uppercase; margin-top: .25em; margin-bottom: 1em; font-size: 20px; color: white; text-shadow: 1px 1px #272727; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .Home #eaContainer { margin-bottom: 0; min-height: 1px; } .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: #D40511; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #D40511; font-size: 34px; } .blockquote-author { font-size: 20px; } div#typed-strings { height: 400px; margin: 8em auto 0; text-align: center; } /* 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 { max-width: 100%; padding: 0; } @media (min-width: 992px) { .herobanner .container { width: 100%; } } @media (min-width: 768px) { .herobanner .container { width: 100%; } } #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; } #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: inline-block; vertical-align: top; width: 90%; } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,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; } h1.title { font-weight: bold; font-size: 40px; margin-bottom: 1em; font-family: "Delivery",Verdana, sans-serif; } .icon-box { margin: 2em auto 3em; } .icon-box .flexslider .slides img:hover { transform: scale(1.2); transition: all 0.5s ease; } .icon-box .flex-viewport { max-width: 800px; margin: auto; } .grid-item img { max-width: 150px; padding: 20px; margin: auto; transition: all 0.5s ease; } .grid-item p { margin: auto; text-align: center; } .widget-quick-actions { background: #f2f2f2; padding: 2em 0; margin: 2em auto; width: 1170px; max-width: 100%; } .lifeat { position: relative; margin: 0 40px; } .action-box { } .action-text { padding: 15px; border-top: 6px solid #d40511; background: #fff; width: 100%; min-height: 214px; font-size: 16px; } .action-name, .action-role { color: #d40511; font-size: 18px; line-height: 25px; font-weight: normal; } .action-role { font-family: "Delivery",Verdana, sans-serif; font-size: 15px; padding-bottom: 10px; } .action-image img { margin: auto; } .action-image { display: block; margin: 20px auto 0; background: #fff; } a.red-button, #eaContainer a.red-button { height: auto; display: block; padding-bottom: 10px; background: #d40511; border: 2px solid #d40511; text-align: center; padding-top: 10px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; color: #fff; font-weight: bold; text-decoration: none; } a.red-button:hover, #eaContainer a.red-button:hover { color: #d40511; background: #fff; } #photo-slider1, #photo-slider2 { background: #f2f2f2; } #photo-slider1 .flex-viewport, #photo-slider2 .flex-viewport { max-width: 1050px; margin: auto; } #photo-slider1 .action-box, #photo-slider2 .action-box { margin: 10px; transition: all 0.5s ease; } #photo-slider1 .action-box:hover, #photo-slider2 .action-box:hover { transform: scale(0.9); transition: all 0.5s ease; } .margin-2em { margin-top: 2em; } .l-grid--center-m { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .component-margin { margin-bottom: 4.2rem; } .l-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .component-small, .l-grid--p-7u-m-m { padding-left: 21.875%; padding-right: 21.875%; } .l-grid--center-m { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .c-icon-list--item { width: 18.2rem; } .c-icon-list--icon { background-color: #fff; border: 3px solid #d1d1d1; border-radius: 50%; margin-left: auto; margin-right: auto; text-align: center; will-change: border-color; -webkit-transition: border .2s; transition: border .2s; height: 95px; margin-bottom: 10px; width: 95px; } .c-icon-list--item:hover .c-icon-list--icon { border-color: #d40511; } .c-icon-list--icon-headline { color: #d40511; display: block; line-height: 2.8rem; text-align: center; width: 100%; } .c-icon-list--icon img { height: 50px; margin: 20px auto auto; width: 50px; } a.collapsebtn { width: 100%; display: block; padding: 0 20px; } a.collapsebtn:after { font-family: 'FontAwesome'; content: '\f067'; font-size: 18px; margin-left: 10px; float: right; color: #d40511; } a.collapsebtn[aria-expanded="false"]:after { font-family: 'FontAwesome'; content: '\f067'; font-size: 15px; margin-left: 10px; float: right; } a.collapsebtn[aria-expanded="true"]:after { font-family: 'FontAwesome'; content: '\f068'; font-size: 15px; margin-left: 10px; float: right; } #lifebanner { background: url('../images/custom/ipad-screen.jpg'); background-size: cover; background-position: 30%; background-position: 90% 20%; height: 400px; } .lifebanner-overlay { background: rgba(0, 0, 0, 0.4); padding: 2em; height: 400px; } #lifebanner h1 { color: #fff; max-width: 600px; margin: 40px auto; font-size: 35px; } #lifebanner p { color: #fff; margin: 20px auto; } #CodeListCounts_pageBlockContainer { } #latestjobs_pageBlockContainer, #latest-jobs { width: 100%; overflow: auto; } #latestjobs_pageBlockContainer #latestjobs_pageBlock, #latest-jobs .rows { width: 100%; margin: 0 auto; max-width: 1170px; padding: 0; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent { padding: 0; border: none; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer { margin: 0; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder, #latest-jobs .rows .jobDetails { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 230px; width: 31.3333%; background: #fff; text-align: center; cursor: pointer; border: 1px solid #d40511; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover, #latest-jobs .rows .jobDetails:hover { border: 1px solid #1a3693; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { margin: 0 !important; border: none; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer:before { content: ''; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; width: 100%; display: block; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_8:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2237:before { background-image: url(../images/categories/CustomerService.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_3:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2236:before { background-image: url(../images/categories/FlightDispatch.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2235:before { background-image: url(../images/categories/IT.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_6:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2241:before { background-image: url(../images/categories/Marketing.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_5:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2238:before { background-image: url(../images/categories/RampBaggage.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_4:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2239:before { background-image: url(../images/categories/SupportFunctions.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_2:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2234:before { background-image: url(../images/categories/TransportDriving.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist2id_7:before, #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer.rowContainerCol_codelist1id_2240:before { background-image: url(../images/categories/WarehousingDistribution.jpg); } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader, #latest-jobs .rows .jobDetails a { padding: 20px 0 0; font-size: 18px; color: #d40511; text-align: center; display: block; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel { float: none; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a, #latest-jobs .rows .jobDetails a h3 { float: none; text-decoration: none !important; margin: 0; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer { width: 100%; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer:after, #latest-jobs .rows .jobDetails:after { content: "Find Out More"; margin: 0 auto; max-width: 200px; color: #d40511; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; letter-spacing: 1px; font-size: 14px; clear: left; width: 100%; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsInnerContainer2, #latest-jobs .rows .jobDetails p { font-size: 14px; color: #d40511; margin: 0; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsInnerContainer2 span.comma { display: inline-block; padding-right: 5px; } #latestjobs_pageBlockContainer #latestjobs_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowContentContainer:after, #latest-jobs .rows .jobDetails:hover:after { opacity: 1; } div#disclamer p { font-size: 12px; margin: 5px; color: #7d7d7d; } .Redeployment.Home #intro ul { list-style-position: inside; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ #FindJobContainer { position: relative; max-width: 100%; width: 1280px; margin: -140px auto 0; } #FindJobHeroBlock { background: transparent; position: relative; } #FindJobHeroBlock h1 { color: #fff; margin-bottom: 15px; } #FindJobContainer .col-md-6 { padding: 0; } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; margin: 0; width: 98%; } #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .pageBlockInner .buttonsRight li { width: 100%; } body #FindJobHeroBlock input.buttonSubmit { border-radius: 0; padding: 16px 27px; background: url(../images/icons/search.png); background-position: center; background-size: 100%; margin: 0 -1px 0 -4px !important; width: auto; color: transparent; } body #FindJobHeroBlock input.buttonSubmit:hover { background: #fff !important; color: #D40511 !important; } body #FindJobHeroBlock input.inputText { width: 100%; padding: 10px; font-size: 14pt; } #FindJobHeroBlock div.pageBlockInner_FormBlock div.formRow { width: calc(50% - 58px); float: left; clear: none; padding-top: 0; } #FindJobContainer a.nearme { background: #D40511; padding: 16px; color: #fff; min-width: 170px; text-align: center; display: -webkit-box; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { width: auto; padding: 0; margin-top: 35px; } #eaContainer #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow .buttonsRight .buttonSubmit { margin: 0 !important; padding: 6px 25px; font-size: 14pt; } #FindJobHeroBlock div#quicksearch_pageBlock { padding: 0; overflow: hidden; } #FindJobHeroBlock div#quicksearch_pageBlockContainer { margin: 2em 0; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } .search-links { padding: 0; } .search-inputs { padding-right: 0; } #FindJobHeroBlock a#JobsNearMe { padding: 5px 10px; float: left; margin: 66px 0; position: relative; width: auto; background: #fff; color: #D40511; font-size: 14pt; } #FindJobHeroBlock a#JobsNearMe:hover { background: #D40511; color: #fff; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 1em; } #FindJobHeroBlock h1 { margin-top: 0; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; text-transform: none; } .herobanner { background-image: url('../images/custom/Corporate_1.jpg'); background-size: cover; background-position: 50% 50%; min-height: 500px; width: 1280px; max-width: 100%; } .Pos_Find_Results .herobanner { background-image: url('../images/custom/Corporate_2.jpg'); background-position: 50% 0%; } .herobanner.warehousing { background-image: url('../images/custom/warehouse.jpg'); } .herobanner.transport { background-image: url('../images/custom/transport.jpg'); } .herobanner.admincustomerservice { background-image: url('../images/custom/customer-services.jpg'); } .herobanner.apprentices { background-image: url('../images/custom/apprentices_1.jpg'); } .herobanner.executive { background-image: url('../images/custom/ipad-screen.jpg'); } .herobanner.finance { background-image: url('../images/custom/finance.jpg'); } .herobanner.graduates { background: url('../images/custom/graduates.jpg'); } .herobanner.hr { background-image: url('../images/custom/hr.jpg'); } .herobanner.it { background-image: url('../images/custom/it.jpg'); } .herobanner.procurement { background-image: url('../images/custom/procurement.jpg'); } .herobanner.professional { background-image: url('../images/custom/Corporate_1.jpg'); } .herobanner.projectsprogrammedelivery { background-image: url('../images/custom/apprentices.jpg'); } .herobanner.salesmarketing { background-image: url('../images/custom/sales.jpg'); } .herobanner.solutionsdesign { background-image: url('../images/custom/solutionsdesign.jpg'); } .herobanner.aviationtravel { background-image: url('../images/custom/aviationtravel.jpg'); background-position: 50% 100%; } #posBrowser_Filter_pageBlock .ButtonsContainer { float: left; } #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a:hover { color: #feca2f; } body.Pos_Find_Results h1.heading-section { text-align: center; font-size: 40px; font-family: "Delivery",Verdana, sans-serif; margin: 1em; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { float: none; } #eaContainer .FilterContainer .HeaderLabel:hover { cursor: pointer; } .FilterContainer .HeaderLabel:after { font-family: 'FontAwesome'; content: '\f067'; /* content: '\02795'; */ font-size: 17px; float: right; margin-left: 5px; margin-top: 2px; color: #d40511; font-weight: normal; } .FilterContainer .HeaderLabel { font-size: 20px; } .FilterContainer .HeaderLabel.active:after { font-family: 'FontAwesome'; content: '\f068'; /* content: "\2796"; */ color: #d40511; } .FilterContainer .ValueContainer { display: none; } .FilterContainer.show .ValueContainer { display: block; } /*--------------------------------------- 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; } div.pageBlockContent { overflow: hidden; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ .margin-top { margin-top: 90px; } .grid { position: relative; margin: 0 auto; padding: 1em 0; max-width: 100%; list-style: none; text-align: center; overflow: auto; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 230px; width: 30.4%; background: #000; text-align: center; cursor: pointer; border-radius: 10px; } .grid figure:hover { } .grid figure img { position: relative; display: block; max-width: 100%; opacity: 0.6; background: #f9f9f9; height: 240px; object-fit: cover; } .grid figure figcaption { padding: 0; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: relative; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /*---------------*/ /***** Chico *****/ /*---------------*/ figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { position: absolute; padding: 80px 0px 50px 0px; } figure.effect-chico figcaption::before { position: absolute; top: -220px; right: 0px; bottom: 10px; left: 0px; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h2 { font-size: 28px; color: #FFFFFF; margin: 0; text-transform: uppercase; text-shadow: 1px 1px #272727; } figure.effect-chico h3 { font-size: 20px; color: #FECA2F; margin: 0; font-weight: bold; } figure.effect-chico p { margin: 0 auto; -webkit-transform: scale(1.5); transform: scale(1.5); color: #000; position: relative; background: #ffce0c; padding: 5px 0 10px; text-transform: uppercase; } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @media screen and (max-width: 50em) { .content { padding: 0 10px; text-align: center; } .grid figure { display: inline-block; float: none; width: 48%; } .grid figure img { width: 100%; max-height: 200px; object-fit: cover; object-position: 50% 50%; transform: none; } } /* 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: #000; } .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*/ /* Categories */ .masonry-layout-2 { margin-top: 32px; } .masonry-layout-2 .three-one-col, .masonry-layout-2 .two-one-col, .masonry-layout-2 .one-col, .masonry-layout-2 .two-col, .masonry-layout-2 .three-col { display: inline-block; vertical-align: top; padding: 0; } .masonry-layout-2 .shape { background: grey; margin-right: 5px; margin-bottom: 5px; display: inline-block; vertical-align: top; width: 100%; background-size: cover; } .masonry-layout-2 .shape:hover { opacity: 2; cursor: pointer; } .masonry-layout-2 .shape-1, .masonry-layout-2 .shape-2 { height: 300px; } .masonry-layout-2 .shape-3 { height: 606px; } .masonry-layout-2 .one-col { /*width: 33%;*/ width: 34%; } .textpage_roles .masonry-layout-2 .one-col { width: 33%; } .masonry-layout-2 .two-col { width: 66%; } .masonry-layout-2 .three-col { width: 100%; } .masonry-layout-2 .two-one-col { width: 49.3%; /* width: 49.7%; */ } .textpage_roles .masonry-layout-2 .two-one-col { width: 49.7%; } .textpage_roles .masonry-layout-2 .one-col .two-one-col { width: 100%; } .masonry-layout-2 .three-one-col { width: 32.85%; } .two-one-col .shape-3 { height: 610px; } .one-col .shape-1 { height: 301px; } .two-one-col .shape-1 { height: 302.5px; } .one-col .two-one-col .shape-1 { margin-bottom: 6px; } .one-col .last-shape { height: 300.5px; } .cat-col { width: 32%; float: left; margin: 5px; } .textpage_roles #cat-1, .textpage_roles #test-cat-1 { background-image: url("../images/categories/SupportFunctions.jpg"); background-size: cover; height: 300px; border-radius: 10px; } .textpage_roles #cat-2, .textpage_roles #test-cat-2 { background-image: url(../images/custom/apprentices.jpg); background-size: cover; height: 300px; border-radius: 10px; } .textpage_roles #cat-3, .textpage_roles #test-cat-3 { background-image: url(../images/custom/executive.jpg); background-size: cover; height: 300px; border-radius: 10px; } .textpage_roles #cat-4, .textpage_roles #test-cat-4 { background-image: url(../images/custom/transport.jpg); background-size: cover; height: 300px; border-radius: 10px; } .textpage_roles #cat-5, .textpage_roles #test-cat-5 { background-image: url(../images/custom/warehouse.jpg); background-position: center; height: 300px; border-radius: 10px; } .textpage_roles #cat-6, .textpage_roles #test-cat-6 { background-image: url(../images/custom/g.jpg); background-position: center; height: 300px; } .textpage_roles #cat-7, .textpage_roles #test-cat-7 { background-image: url(../images/custom/f.jpg); background-position: center; border-radius: 10px; } .textpage_roles #cat-8, .textpage_roles #test-cat-8 { background-image: url(../images/custom/warehouse.jpg); background-size: cover; height: 300px; border-radius: 10px; } #eaContainer .cat-container, #eaContainer .tint h1, #eaContainer .tint p, #eaContainer .tint a.buttonAnchor { color: #fff; float: none; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5); } #eaContainer .tint h1 { font-size: 28px; color: #FFFFFF; margin: 0; text-transform: uppercase; text-shadow: 1px 1px #272727; } .cat-container { vertical-align: middle; margin: 0 auto; text-align: center; } .shape, .cat-container { min-height: 100%; min-width: 100%; position: relative; } .tint { z-index: 1; height: auto; background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cat-align { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /*height: 15%;*/ width: 75%; } /* .tint:hover .cat-align { height: 75%; } */ .tint:hover { background: rgba(0, 0, 0, 0.5); } .tint p { margin: 0 0 20px; } .tint p, .tint a, .tint span { display: none; } .tint:hover p { display: block; } .tint:hover a, .tint:hover span { display: inline; margin-top: 10px; } #eaContainer .tint a.buttonAnchor:hover { color: #fff !important; } .one-two-col, .two-one-col { margin-right: 5px; } .textpage_roles .one-two-col, .textpage_roles .two-one-col { margin-right: 0px; } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: lowercase; background: transparent; font-size: 20px; color: #FECA2F; margin: 0; font-weight: bold; } .cat-container p { font-family: 'walsheim_fflight', Helvetica Neue, Sans-serif; } .cat-align a.buttonAnchor.left { float: none; } .cat-align h1 { color: #fff; } /*Roles Page Styling End*/ /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none !important; } #eaContainer { min-height: 350px; } 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 { } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; font-family: "Delivery",Verdana, sans-serif; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { background: #FBFBFB; width: 100%; padding: 5px 20px; color: #2d2d2d; display: block; font-size: 18px; border-radius: 0; border-bottom: 1px solid #2d2d2d; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background-image: url(../images/sprites/unticked.png); background-position: 0%; background-size: 5%; background-repeat: no-repeat; width: 31%; margin: 5px 0 0 10px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.possibleDistancesLabel { cursor: default; background: none; } #posBrowser_Filter_pageBlock .FilterContainer .ValueContainer { background: #EEEEEE; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { } #eaContainer .pageBlockInner_GridBlock .gridTop a { color: #d40511; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background-image: url("../images/sprites/ticked.png"); } #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: 0; height: auto; width: 100%; padding: 10px; background-repeat: no-repeat; background-position: 95% 50%; background-size: 2%; -webkit-transition: .3s ease-out all; -ms-transition: .3s ease-out all; -moz-transition: .3s ease-out all; -o-transition: .3s ease-out all; transition: .3s ease-out all; margin-left: 0 !important; margin-bottom: 10px; border: 1px solid #ccc; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Odd { background: #fafafa; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Even { background: #fff; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; color: #d40511; font-family: "Delivery",Verdana, sans-serif; font-size: 20px; background: url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: 100% 76%; background-size: 8px; padding-right: 15px; text-decoration: none !important; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 17px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover { background: #e9e9e9; color: #000; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { color: #d40511; background: url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: 100% 76%; background-size: 8px; padding-right: 20px; } #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; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList { overflow: hidden; } #posBrowser_Filter_pageBlock .ButtonsContainer a.RemoveLink { width: 100%; background: transparent; } #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a.RemoveLink { color: #d40511; padding: 3px 0px 0px 7px; font-weight: bold; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ .Pos_Description .herobanner { background: url(../images/custom/sharing.jpg); background-size: cover; } .Pos_Description .home-overlay { height: 100%; /*background: -webkit-linear-gradient(-45deg,rgba(255, 255, 255, 0.8) 0,rgba(255, 255, 255, 0.27) 50%,rgba(255, 255, 255, 0) 100%);*/ } .PosDescriptionText * { font-style: normal; font-weight: normal; font-family: inherit; font-size: inherit; } li.jobSumItem.SumItem_codelist2value .jobSumValue a { color: #313131 !important; pointer-events: none; cursor: default; } #posdesc_pageBlock .videoOuterContainer { max-width: 100%; } #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 { min-height: 50px; line-height: 26px; padding: 10px 15px; margin: 0; box-shadow: none; border: none; cursor: pointer; position: relative; font-size: 16px; -webkit-transition: 0.5s ease-out all; -ms-transition: 0.5s ease-out all; -moz-transition: 0.5s ease-out all; -o-transition: 0.5s ease-out all; transition: 0.5s ease-out all; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover { background: #a10b17; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover:after { right: 10px; } .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 div.posDescriptionContainer317 .RightJobBox { } #eaContainer span.miniMapButton { margin-bottom: 10px; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; } #eaContainer #posdesc_pageBlock ul.jobSum li.jobSumItem.SumItem_codelist13value .jobSumValue a { color: #313131; pointer-events: none; cursor: default; } #eaContainer #posdesc_pageBlock .posrating { background: #f1f0f0 none repeat scroll 0 0; border: 0 none; border-radius: 0; padding: 2em; } #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: #f1f1f1 none repeat scroll 0 0; border-radius: 0; padding: 2em; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox { padding: 0; font-family: "Frutiger Neue LT W06 Light",Arial,"Helvetica Neue",Helvetica,sans-serif; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { font-weight: bold; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 190px; } #eaContainer .RightJobBox .posAlerts { text-align: center; } .JobTitle h1 { font-size: 25px; padding: 15px 0; color: #2d2d2d; margin: 0; } .jobValues { border-radius: 0; margin-bottom: 1em; } .Apply1 { margin-top: -90px; } #eaContainer #posdesc_pageBlock .possharing .possharing_header.posrightbox_header { padding: 0; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; } #posdesc_pageBlock ul.jobSum li { font-size: 18px; font-family: "Delivery",Verdana, sans-serif; } div.posDescriptionContainer317 .LeftJobBox { margin-bottom: 30px; } .PosDescriptionText { /*background: #FBFBFB; padding: 2em;*/ overflow: auto; } .posAlerts .buttonsContainer { padding-top: 2em; } #posdesc_pageBlock .posrightbox_header { text-align: center; font-weight: bold; margin-top: 0px; font-size: 16px; padding-bottom: 15px; color: #2d2d2d; margin: 0; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; } #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer { overflow: hidden; float: right; } #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap { background-size: cover !important; } #posdesc_pageBlock .posrightbox_info { padding: 0px; margin: 0; } .JobTitle h2 { font-size: 25px; padding: 10px 10px 10px 0px; color: #2d2d2d; margin: 0; } span.codelist5value_vacancyColumn.vacancyColumn, span.codelist13value_vacancyColumn.vacancyColumn { padding-left: 1em; } span.codelist5value_vacancyColumn.vacancyColumn:before { content: ""; position: absolute; width: 21px; height: 24px; margin-left: -20px; background-image: url(//tbcdn.talentbrew.com/company/1706/v1_0/img/job-sprite.png); background-position: 9% -5%; } span.codelist13value_vacancyColumn.vacancyColumn:before { content: ""; position: absolute; width: 21px; height: 24px; margin-left: -20px; background-image: url(../images/sprites/icon-briefcase-red.svg); background-position: 9% 55%; background-repeat: no-repeat; } #eaContainer div.posDescriptionContainer317 .content-mobile { display: none; } #quickapplydialogDialogContainer { background-image: url("../images/custom/Training_and_development.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border: none; z-index: 10000000 !important; border-radius: 0; } div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background-color: #d40511; border-radius: 0; border: none; } .ui-state-active .ui-icon, .ui-button:active .ui-icon, .ui-button .ui-icon, .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon { background-image: url("../images/sprites/ui-icons_ffffff_256x240.png") !important; } #quickapplydialogDialogContainer .ui-dialog-titlebar { background: none; border: none; } #quickapplydialogDialogContainer .ui-dialog-titlebar .ui-dialog-title { display: none; } #quickapplydialogDialogContainer .ui-dialog-titlebar .ui-dialog-titlebar-close { width: 45px; height: 30px; } #quickapplydialogDialogContainer #quickapplydialog { background: none; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock { padding: 0; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock { max-width: 90%; float: none; margin: 0 auto; overflow: auto; background: rgba(255,255,255,0.9); padding: 20px; border-radius: 0; position: relative; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow { max-width: 100%; /*margin: 0 auto;*/ margin: 0; float: none; margin-bottom: 10px; } html body #QuickApplyForm_buttons_formRow { width: 100% !important; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow#QuickApplyForm_submitinstructions_formRow { padding: 20px 0 10px; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow:last-child { margin-bottom: 0; } #quickapplydialogDialogContainer #quickapplydialog div.pageBlockInner_FormBlock div.formRow .labelContainer { width: 100%; float: left; text-align: left; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow .labelContainer label { text-align: inherit; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer { width: 100%; float: left; margin-right: 0; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer * { } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer input, #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer select { border: none; background: #fff; border: 1px solid black; padding: 5px; border-radius: 0; width: 100%; } #quickapplydialogDialogContainer .intl-tel-input.allow-dropdown { width: 100%; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer { width: auto; } #quickapplydialogDialogContainer #quickapplydialog #QuickApplyForm_pageBlock div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { width: 13px; margin-left: 5px; margin-top: 5px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Trebuchet MS",Helvetica,sans-serif; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; width: 100% !important; } .kiketable-colsizable { table-layout: auto; } #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 #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ #UsernameForm_pageBlock .ssoIconsInnerContainer { margin: 0 auto; max-width: fit-content; overflow: auto; } #UsernameForm_pageBlock .ssoIcon { display: block; float: left; padding: 5px; width: auto; } #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; } /*--------------------------------------- 3.11 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; } /*--------------------------------------- 3.12 Networking -----------------------------------------*/ .jigsawContainer { overflow: hidden; margin-bottom: 10px; } .jigsaw { width: calc(25% - 5px); height: 150px; position: relative; float: left; margin-right: 5px; margin-top: 5px; } .jigsaw, .jigsaw span { background-color: #ffce0c; } .jigsaw .text { display: block; color: #000; font-size: 12px; text-align: left; padding: 20px 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; background: transparent !important; z-index: 3; } .jigsaw .t { width: 2em; height: 2em; position: absolute; top: -1.5em; left: 2em; -webkit-border-radius: 4em; -moz-border-radius: 4em; border-radius: 4em; } .jigsaw .r { width: 25px; height: 25px; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; -webkit-border-radius: 4em; -moz-border-radius: 4em; border-radius: 4em; z-index: 2; } .jigsaw .b { width: 25px; height: 25px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); -webkit-border-radius: 4em; -moz-border-radius: 4em; border-radius: 4em; z-index: 2; } .jigsaw .l { width: 28px; height: 28px; position: absolute; top: 50%; transform: translateY(-50%); left: -13px; -webkit-border-radius: 4em; -moz-border-radius: 4em; border-radius: 4em; background-color: #fff; z-index: 1; } .jigsaw.reverse .r { width: 28px; height: 28px; right: -13px; background-color: #fff; z-index: 1; } .jigsaw.reverse .l { width: 25px; height: 25px; left: -15px; z-index: 2; background-color: #ffce0c; } .jigsaw.reverse .t { width: 28px; height: 28px; top: -13px; left: 50%; transform: translateX(-50%); background-color: #fff; z-index: 1; } .textpage_networking p.center { text-align: center; } /*--------------------------------------- 3.13 Preparing for Interviews -----------------------------------------*/ .starBlocksContainer { overflow: auto; } .starBlocksContainer .starBlock { width: calc(27% - 13px); margin: 0 5px; float: left; background: #f2f2f2; padding: 5px; } .starBlocksContainer .starBlock:last-child { width: calc(45% - 13px); } .starBlocksContainer .starBlock h3 { text-transform: uppercase; margin-top: 0; color: #d40511; } .starBlocksContainer .starBlock ul { margin-bottom: 10px; } .starBlocksContainer .starBlock ul:last-child { margin-bottom: 0; } /* -------------------------------------- ========================================= 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; background: #fafafa url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: 95% 50%; background-size: 2%; -webkit-transition: .3s ease-out all; -ms-transition: .3s ease-out all; -moz-transition: .3s ease-out all; -o-transition: .3s ease-out all; transition: .3s ease-out all; width: 49%; display: inline-flex; min-height: 235px; margin: 2px 0; } #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow:hover { background: #e9e9e9 url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: 97% 50%; background-size: 2%; color: #000; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } .rowItemsInnerContainer2 span:not(.phonedetails) { display: block; } .rowItemsInnerContainer2 span.comma { display: none; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { } #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; width: 98%; } #Welcome_pageView .iconLabel a { font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer { overflow: hidden; } /*--------------------------------------- 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: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,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; background: #fafafa url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: 95% 50%; background-size: 2%; -webkit-transition: .3s ease-out all; -ms-transition: .3s ease-out all; -moz-transition: .3s ease-out all; -o-transition: .3s ease-out all; transition: .3s ease-out all; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer:hover { background: #e9e9e9 url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: 97% 50%; background-size: 2%; color: #000; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,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: 13%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 100%; margin-left: 0; margin-top: 10px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .iconValue { display: grid; } .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage img, body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage img:hover { display: none; } .iconContainer .iconImage img, .iconContainer .iconImage img:hover { display: none !important; } div#WelcomeInfoBlock_MyDetails_formRow .iconImage { background: url(../images/icons/glo-core-contact-us.svg); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Applications_formRow .iconImage { background: url(../images/icons/getaquote.svg); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Welcome_Packs_formRow .iconImage { background: url(../images/icons/application.png); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Offers_formRow .iconImage { background: url(../images/icons/getaquote.svg); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Emails_formRow .iconImage { background: url(../images/icons/glo-core-online.svg); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Interviews_formRow .iconImage { background: url(../images/custom/meeting.png); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Feeds_formRow .iconImage { background: url(../images/icons/glo-dgf-product-express.svg); background-size: 120%; background-position: 100% 100%; margin: 1em; } div#WelcomeInfoBlock_Logout_formRow .iconImage { background: url(../images/icons/glo-core-log-in.svg); background-size: 100%; margin: 1em; } div#WelcomeInfoBlock_Tests_formRow .iconImage { background: url(../images/AssmentTest.png); background-size: auto; margin: 1em; } #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { border: 0px; background-color: Transparent; width: 100%; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin: 0; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #ffce0c; } 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: 5px; 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; } #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer, #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer .formLabel, #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer .formLabel { 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, #Application_Home_pageView #additionalinformationsectionslist_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: 5px; width: auto; font-weight: normal; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #2CA500; } /* */ #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 230px; width: 30.4%; background: #000; text-align: center; cursor: pointer; border-radius: 10px; height: 300px; background-image: none; padding: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel { background-color: #ffce0c; color: #000; position: relative; background: #ffce0c; padding: 5px 0 10px; text-transform: uppercase; text-align: center; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed div.ulListItemLabel { background-color: #2CA500; } html body #eaContainer .OfferSectionsSummaryBlockContainer .ulList .ulListItem div.ulListItemLabel a { color: #000; } html body #eaContainer .OfferSectionsSummaryBlockContainer .ulList .ulListItem.Completed div.ulListItemLabel a { color: #FFF; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1 { background-image: url("../onboarding/offer-info-category-1.jpg"); background-size: cover; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation2 { background-image: url("../onboarding/offer-info-category-2.jpg"); background-size: cover; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3 { background-image: url("../onboarding/offer-info-category-3.jpg"); background-size: cover; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation4 { background-image: url("../onboarding/offer-info-category-4.jpg"); background-size: cover; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5 { background-image: url("../onboarding/offer-info-category-5.jpg"); background-size: cover; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6 { background-image: url("../onboarding/offer-info-category-6.jpg"); background-size: cover; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation7 { background-image: url("../onboarding/offer-info-category-7.jpg"); background-size: cover; } @media screen and (max-width: 1000px) { #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed { width: 48%; } } @media screen and (max-width: 600px) { #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed { width: 98%; } } /* */ #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList li.ulListItem:hover { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #D40511; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList li.ulListItem.Completed:hover { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #D40511; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, #eaContainer #Application_Home_pageView #additionalinformationsectionslist_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { width: 55%; } #eaContainer #Application_Section_SubmitAdditionalInformation_pageView #SubmitForm_pageBlock #SubmitForm_checkboxlegal_formRow { margin: 20px 0px; } #eaContainer #Application_Section_SubmitAdditionalInformation_pageView #SubmitForm_pageBlock #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ #pageContent a.buttonActionId_doitlater { display: none; } /* 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; background-size: 50%; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; background-size: 50%; } #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; background-size: 50%; } #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 .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: normal; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } .PosMyWelcomePackSummaryValues dd { margin: 10px; } #eaContainer .PosMyWelcomePackSummaryLinks { margin-bottom: 1em; margin-top: 2em; display: flex; } .Application_Section_Referral .pageBlockContent .formRowYesNoSelectRow { padding: 10px 0px 20px; border-bottom: 1px solid #d0d0d0; } .Application_Section_Referral .pageBlockContent .formRowButtonRow { padding-top: 20px; } #eaContainer .mainearcublock .rowContainer { background: #F1F1F1; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyWelcomePackSummaryValues { background: #F1F1F1; margin-top: 13px; } .PosMyWelcomePackSummaryValues { padding: 1em; } .PosMyWelcomePackSummaryValues dl.jobSum { margin: 0; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; /*display: flex;*/ } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } .PosMyAppSummaryLink.myapplink, .PosMyAppSummaryLink.reviewposlink, .PosMyAppSummaryLink.withdrawapp { /*width: 33%;*/ } #eaContainer .PosMyAppSummaryLinks a, #eaContainer .PosMyWelcomePackSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 0; background: url(../images/sprites/arrow-right-red.svg); background-repeat: no-repeat; background-position: right; background-size: 8px; padding-right: 15px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: "Delivery",Verdana, 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; } div#Edit_OFFERTAXINFORMATION_P46OptionA_FirstJobThisYear_formRow .labelContainer, div#Edit_OFFERTAXINFORMATION_P46OptionB_OnlyJobButHadOtherJobsThisYear_formRow .labelContainer, div#Edit_OFFERTAXINFORMATION_P46OptionC_MultipleJobs_formRow .labelContainer { width: 96%; text-align: left; } div#MyWelcomePacks_OfferForm_Submit_pageView div#SubmitForm_checkboxlegal_formRow .labelContainer { text-align: left; width: auto; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } .fileContainer a.deletefile { position: relative; z-index: 1; } .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; } div#removesingleitem_buttons_formRow li { margin: 5px; } div#removesingleitem_buttons_formRow .buttonsRight { float: right; width: auto; } div#removesingleitem_pageBlock { padding: 0; } body.Application_Section_CV .modalContent .formRow.formRowButtonRow { margin-top: 0; } body.Application_Section_CV .modalContent { min-height: auto !important; } body.Application_Section_CV div#confirmdialogDialogContainer { top: 120px !important; } #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: center; } #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: none; margin-bottom: 10px; display: table; margin: auto; text-align: center; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; width: 100%; margin-bottom: 10px; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: auto; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: "Frutiger Neue LT W06 Bold",Arial,"Helvetica Neue",Helvetica,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%; } /*--------------------------------------- 5.7 TextPage About -----------------------------------------*/ .textpage_about .herobanner { background: url('../images/custom/DHL_truck.jpg'); background-position: 10% 40%; background-size: cover; } /*--------------------------------------- 5.8 TextPage Working -----------------------------------------*/ div#people { background: #f2f2f2; padding: 20px; } /*--------------------------------------- 5.8 TextPage Training -----------------------------------------*/ .textpage_training .herobanner, .textpage_eap .herobanner { background: url('../images/custom/Training_and_development.jpg'); background-position: 10% 40%; } /*--------------------------------------- 5.8 TextPage Benefits -----------------------------------------*/ .benefits-section .image-col { border: 3px solid #d3082b; border-radius: 100%; margin: 1em auto; padding: 2em; height: 150px; width: 150px; display: -webkit-box; } .benefits-section .image-col img { object-fit: contain; } .benefits-section p { text-align: center; font-family: "Delivery",Verdana, sans-serif; } .col-ben { height: auto; min-height: 280px; } /*--------------------------------------- 5.9 TextPage Locations -----------------------------------------*/ .textpage_locations .herobanner { background: url('../images/custom/planet-earth.jpg'); background-position: 10% 30%; } .textpage_locations h1.maintitle { font-size: 40px; margin-bottom: 0; font-family: "Delivery",Verdana, sans-serif; } img.img-responsive.handling { border-radius: 100%; width: 90%; } .background { background: #ffc400; position: absolute; z-index: 6; width: 20%; height: 31%; bottom: 0px; border-radius: 0% 57% 0% 0%; } /*--------------------------------------- 5.7 TextPage FAQs -----------------------------------------*/ a.btn-range { display: block; padding: 1.4rem 2.8rem; border-bottom: 1px solid #d1d1d1; font-weight: 700; cursor: pointer; position: relative; text-align: left; } a.btn-range[aria-expanded="false"]:after { position: absolute; right: 20px; font-family: dhlicons; content: "\e60f"; color: #d40511; height: 16px; } a.btn-range[aria-expanded="true"]:after { position: absolute; right: 20px; font-family: dhlicons; content: "\e60c"; color: #d40511; height: 16px; } a.btn-range:focus { color: #d40511; } body.textpage_faqs .col p { margin: 10px 26px; } .textpage_faqs ul { list-style: none; padding-left: 3em; } .textpage_faqs ul li i { color: #d40511; } #faqs .container.redeployment { display: none; } .Redeployment #faqs .container:nth-child(2) { display: none; } .Redeployment #faqs .container.redeployment { display: block; } #Edit_PERSONALDETAILS_ProfileInt8_formRow .labelContainer, #Edit_PERSONALDETAILS_ProfileInt7_formRow .labelContainer, #Edit_PERSONALDETAILS_Int4_formRow .labelContainer { text-align: left !important; } /*--------------------------------------- Added Application CSS -----------------------------------------*/ .Application_Section_PersonalDetails #eaContainer { margin-bottom: 28px; } .Application_Home #Application_Home_pageView .pageBlockContainerMiddle #BackBlock_pageBlock #BackBlock_backrow_formRow { margin-bottom: 28px; } /*--------------------------------------- 5.8 Animated Onboarding -----------------------------------------*/ .Animated.MyWelcomePacks_OfferForm_Summary div#fileupload_OfferFile20_Files_formRow, .Animated.MyWelcomePacks_OfferForm_Summary div#fileupload_OfferFile21_Files_formRow { display: none; } .Animated.MyWelcomePacks_OfferForm_Summary { background: linear-gradient(to bottom,#CBF1FF,#9BE2FC); } .Animated.MyWelcomePacks_OfferForm_Summary #breadcrumb, .Animated.MyWelcomePacks_OfferForm_Summary .heading-section, .Animated.MyWelcomePacks_OfferForm_Summary #intro_pageBlockContainer, .Animated.MyWelcomePacks_OfferForm_Summary #posSummaryBlockv2_pageBlockContainer, .Animated.MyWelcomePacks_OfferForm_Summary #BackBlock_pageBlockContainer { display: none; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container { width: 100%; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer { overflow: hidden; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock { max-width: 1170px; margin: 0 auto; display: block; overflow: visible; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock .onboarding-steps a { padding-left: 10px; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock .onboarding-steps a p { font-size: 13px; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock #world-wrapper { overflow: hidden; } .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock #world-wrapper #city-4-lorry, .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock #world-wrapper #city-5-lorry, .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock #world-wrapper #city-7-lorry, .Animated.MyWelcomePacks_OfferForm_Summary #content-main .container #sectionslist_pageBlockContainer #sectionslist_pageBlock #world-wrapper #city-10-lorry { display: none !important; } .Animated.MyWelcomePacks_OfferForm_Summary .footer { background: #feca2f; position: relative; z-index: 20; } .Animated.MyWelcomePacks_OfferForm_Summary div.pageBlockInner_FormBlock .ui-dialog div.formRow { width: 100%; } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .labelContainer, .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .controlContainer { width: 100%; max-width: 500px; display: block; margin: 0 auto; text-align: left; float: none; } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .labelContainer label { text-align: inherit; margin-bottom: 0; margin-top: 0; } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .controlContainer input, .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .controlContainer textarea, .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .controlContainer select, .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow .controlContainer .intl-tel-input { margin: 0 !important; width: 100%; } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer input { width: auto; float: left; } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer input { width: calc(100% - 21px); } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow.formRowButtonRow { width: 100% !important; } .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow, .Animated.MyWelcomePacks_OfferForm_Summary .ui-dialog div.pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer { width: 100%; } div#Edit_OFFERPERSONALDETAILS_MobilePhoneNo_formRow .suffixContainer { position: relative; color: #d40511; text-align: center; } .offerfilesection .downloadcontainer { border: none; } .fileuploadcontainer { margin: 10px auto; display: table; } .pageBlockInner_FormBlock div.formRowFileUploadRow li.fileOuterContainer { float: none; width: 205px; margin: 10px auto 0; padding: 0; } .offerfilesection .downloadcontainer { width: 100%; max-width: 500px; margin-left: 0; margin: auto; } .popupContainer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 202; } .popupContainer .popupBlock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: visible; max-width: 90%; } .popupContainer .popupBlock .close { position: absolute; top: -20px; right: -20px; opacity: 1; padding: 20px; background: #000; color: #fff; border-radius: 100%; } .popupContainer .popupBlock .close span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .popupContainer .popupBlock .popupText { padding: 30px; background: #fff; } .popupContainer .popupBlock .popupText h3 { margin-top: 0; } .popupContainer .popupBlock .popupText p:last-child { margin-bottom: 0; } .popupContainer .popupBlock .popupButtons { padding: 10px; background: #fff; text-align: center; } .popupContainer .popupBlock .popupButtons a { border: 1px solid #D40511; border-radius: 0; background: initial; background-color: #D40511; color: #fff; font-size: 1.0625em; margin: .3125em; padding: .625em 2em; box-shadow: none; font-weight: 500; display: inline-block; text-decoration: none; } .popupContainer .popupBlock .popupButtons a:hover { background: #fff; border: 1px solid #D40511; color: #D40511; } .popupContainer .popupBlock .popupButtons a:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50,100,150,.4); } body.stopScroll { overflow: hidden; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media screen and (max-width: 1224px) { } @media screen and (max-width: 1200px) { #menu-primary { float: none; } .sticky-navigation { display: block; height: auto; } .sticky-navigation .main-navigation li a { padding: 5px 15px; font-size: 14px; } .textpage_roles .masonry-layout-2 .two-one-col { width: 49.6%; } } @media screen and (max-width: 1199px) { body #FindJobHeroBlock .formRowTextInputRow { max-width: 100%; } .sticky-navigation .main-navigation li a { padding: 5px 10px; } #menu-primary { float: right; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 992px) { #FindJobContainer a.nearme, #FindJobContainer a.browse, #FindJobContainer a.jobalerts { width: 32.4%; } span.subline { display: none; } body #FindJobHeroBlock input.inputText { width: 100%; padding: 15px; font-size: 16px; margin-bottom: 10px; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { font-size: 16px; } #FindJobHeroBlock div.pageBlockInner_FormBlock div.formRow { width: 40%; } #eaContainer #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow .buttonsRight .buttonSubmit { font-size: 16px; } #FindJobHeroBlock a#JobsNearMe { padding: 6px 10px; margin: 67px -18px; font-weight: normal; font-size: 16px; min-width: 1px; } /* Summary box */ .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } #eaContainer div.posDescriptionContainer317 .RightJobBox.content-desktop { display: none; } #eaContainer div.posDescriptionContainer317 .LeftJobBox { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox.content-mobile { display: block; width: 100%; } .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } .textpage_roles .masonry-layout-2 .two-one-col { width: 49.5%; } } @media screen and (max-width: 991px) { #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; overflow: hidden; } .jigsaw .text { font-size: 11px; } .starBlocksContainer .starBlock, .starBlocksContainer .starBlock:last-child { width: 100%; margin: 5px 0; } } @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 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 div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer, .intl-tel-input { width: 100%; text-align: left; } #eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer { width: auto; } /* Set button widths to 100% */ #eaContainer a.button, html body .buttonsRight, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner .buttonsLeft, #eaContainer .pageBlockInner .buttonsRight, #eaContainer .pageBlockInner .buttonsLeft li, #eaContainer .pageBlockInner .buttonsRight li { float: none; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { margin: 1em 0em; } /* Align search labels left */ body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } /* No vacancies */ #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer { width: 100%; float: none; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login { margin-left: 0; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register { margin-right: 0; } html body .tooltip2_Outer, html body .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 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%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList { padding-left: 16px; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #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; } a.buttonAnchor.buttonLeft.fileuploadbutton.normal { width: auto !important; display: -webkit-inline-box; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #FindJobBlock #quicksearch_filter_text_formRow, #FindJobBlock #quicksearch_filter_locationradius_formRow { width: 100%; display: block; } #FindJobBlock #quicksearch_form { width: 50%; margin-left: 25%; padding-left: 0; } /* Job Description */ #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox, .RightBackBox { width: 100%; display: block; } .RightBackBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 0; margin-top: 1em; } .Apply1 { margin-top: 0; } /* 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; } #eaContainer #FindJobHeroBlock .formRowTextInputRow .controlContainer { width: 98%; } .buttonsRight button.buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsRight a.buttonAnchor { margin: 5px 0 !important; } } @media screen and (max-width: 945px) { #menu-primary { float: right; } .sticky-navigation .main-navigation li a { padding: 8px; font-size: 14px; } } @media screen and (max-width: 920px) { .sticky-navigation .main-navigation li a { padding: 7px; font-size: 12px; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media screen and (max-width: 840px) { #FindJobHeroBlock { display: block; } body #FindJobHeroBlock .formRowTextInputRow { width: 90%; max-width: 100%; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, .textpage_role_details .listItemContainer, .Pos_Category_Description .listItemContainer { width: 33%; } body.Home #eaContainer div#CodeListCounts_pageBlockContainer { width: 80%; max-width: 100%; margin: 0 auto 40px; } body #FindJobHeroBlock input.inputText { width: 100%; padding: 15px; font-size: 16px; margin-bottom: 10px; } } @media screen and (max-width: 820px) { #menu-primary { float: right; } .sticky-navigation .main-navigation li a { padding: 8px; font-size: 13px; } #quickapplydialogDialogContainer { width: 100% !important; } } @media screen and (max-width: 767px) { .sticky-navigation .main-navigation li a { padding: 10px; font-size: 15px; } .c-icon-list--container .col-xs-2 { width: 27%; margin: 0; padding: 0; } .heroStage__content { max-width: 100%; clear: both; position: absolute; top: 7em; margin-left: 1em; } div#dialogDialogContainer { margin: 8em; width: 96% !important; left: 0 !important; margin: 8em 10px 0; } .herobanner .container { padding: 0; } #FindJobHeroBlock div.pageBlockInner_FormBlock div.formRow, #eaContainer #FindJobHeroBlock .formRowTextInputRow .controlContainer, #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { width: 100%; } #FindJobContainer { margin: -1px auto 0; background-image: linear-gradient(-180deg,#fc0 0,#ffd83f 50%,rgba(255,216,63,0) 100%); } #FindJobHeroBlock a#JobsNearMe { margin: 0 15px; float: none; display: block; } #FindJobHeroBlock div#quicksearch_pageBlockContainer { margin: 1em 0; } .search-inputs { padding-right: 15px; } div#typed-strings { margin: 0 auto 0; } h1.text-primary { font-size: 24pt; } .heroStage__content.container p { font-size: 18px; } .cat-col { width: 48%; } .herobanner { background-position: center !important; } div#videoContainer { background-image: url(../images/custom/warehouse.jpg); background-size: cover; background-position: center; min-height: 430px; } div#videoContainer video { display: none; } .jigsaw { width: 100%; height: auto; margin-right: 0; } .jigsaw .b, .jigsaw .t, .jigsaw .r, .jigsaw .l { display: none; } .jigsaw .text { position: relative; top: initial; transform: none; font-size: 12px; } #onboarding-process { min-height: 820px; } .onboarding-steps a:not(.active) { display: -webkit-flex; display: flex; } .popupContainer .popupBlock { width: 100%; } } @media screen and (max-width: 743px) { .textpage_roles .masonry-layout-2 .two-one-col, .textpage_roles .masonry-layout-2 .one-two-col, .textpage_roles .masonry-layout-2 .one-col, .textpage_roles .masonry-layout-2 .two-col { width: 100%; } .two-one-col .shape-3, .masonry-layout-2 .shape-3 { height: 300px; } h1.strapline { width: 100%; } } @media screen and (max-width: 655px) { body #FindJobHeroBlock .formRowTextInputRow { width: 87%; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, .textpage_role_details .listItemContainer, .Pos_Category_Description .listItemContainer { width: 50%; } } @media screen and (max-width: 600px) { /* 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: 100%; } #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%; } /* 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: 30px; width: 100%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.possibleDistancesLabel { padding-left: 0; } /* 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%; } } @media screen and (max-width: 520px) { .cat-col { width: 98%; } } @media screen and (min-width: 510px) { #multiCollapseExample1 { display: block; visibility: visible; } .backgroundcollapse { display: none; } body #FindJobHeroBlock .formRowTextInputRow { width: 85%; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, .textpage_role_details .listItemContainer, .Pos_Category_Description .listItemContainer { width: 100%; } #FindJobContainer a.nearme { width: 96%; } #FindJobContainer a.browse, #FindJobContainer a.jobalerts { width: 48%; display: inline-block; margin-top: 5px; } body #FindJobHeroBlock input.inputText { width: 100%; margin-bottom: 5px; } span.subline { display: none; } h1.text-primary { font-size: 36pt; line-height: 50px; } .backgroundcollapse { display: block; } .textpage_role_details .CodeListCounts_pageBlockContainer, .Pos_Category_Description .CodeListCounts_pageBlockContainer { margin: 0; } .search-links { display: block; } } @media all and (max-width: 509px) { .grid figure { width: 100%; margin: 10px auto; } } @media all and (max-width: 500px) { #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { border: 0px; background-color: Transparent; width: 100%; display: grid; text-align: center; margin: auto; } #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin: auto; } #Welcome_pageView .iconLabel a { display: block; } .iconRowValues { text-align: center; margin: auto; } .iconRowValue { display: grid; width: 100%; } .modalContent { min-height: auto !important; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: auto !important; max-width: 100% !important; } body .ui-dialog { width: auto !important; max-width: 100% !important; } th#col_lookupResults_name { width: auto !important; max-width: 100% !important; } /* Search */ #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } @media screen and (max-width: 443px) { body #FindJobHeroBlock .formRowTextInputRow { width: 83%; } } @media screen and (max-width: 414px) { #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Odd, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Even { background: transparent; padding: 1em; } #lifebanner { background-position: center; } .textpage_about .herobanner { background-position: center; } #eaContainer .PosMyAppSummaryLinks { display: block; } .PosMyAppSummaryLink.myapplink, .PosMyAppSummaryLink.reviewposlink, .PosMyAppSummaryLink.withdrawapp { width: 100%; text-align: left; } } @media screen and (max-width: 404px) { #UsernameForm_pageBlock .ssoIcon { width: 69px; } } @media screen and (max-width: 394px) { body #FindJobHeroBlock .formRowTextInputRow { width: 81%; } } @media screen and (max-width: 500px) { .col-ben { width: 100%; height: auto; } } @media screen and (max-width: 336px) { body #FindJobHeroBlock .formRowTextInputRow { width: 79%; } } #RegisterForm_GpdrDeclaration_formRow div.labelContainer { width: 47%; } /*--*/ #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { float: left; width: 100%; } .button.connect { text-align: left !important; } #ConnectedServicesForm_pageBlock { padding: 0; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; margin-right: 0 !important; } @media screen and (max-width: 1200px) { #RegisterForm_GpdrDeclaration_formRow div.labelContainer { width: auto; } } /*telnum 3.62 fix*/ .iti--allow-dropdown { width: 100%; } /**/ /*swal popup*/ .swal2-popup.ayvpopup { background-color: #D40511 !important; } .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.ayvtitle h2 { font-size: 20px; color: white; padding: 0px; text-align: center; } .swal2-popup.swal2-toast .swal2-content.ayvcontent { font-size: 16px; font-weight: 400; color: white; padding: 20px 20px 40px 20px; } .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton { background-color: #ffcc00 !important; font-size: 16px; margin-top: -26px; color: #D40511; border: 1px solid #D40511; } .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton:hover { background-color: #D40511 !important; color: #ffffff; border: 1px solid #ffffff; } :root { --docusaurus-progress-bar-color: var(--ifm-color-primary); --dui-color-black-opacity-08: #00000014; --dui-color-black-opacity-05: #0000000d; --dui-color-black-opacity-80: #000c; --dui-color-black-opacity-70: #000000b3; --dui-color-black-opacity-60: #0009; --dui-color-black-opacity-45: #00000073; --dui-color-black-opacity-30: #0000004d; --dui-color-black-opacity-20: #0003; --dui-color-black-opacity-10: #0000001a; --dui-color-black-500: #000; --dui-color-black-400: #191919; --dui-color-cool-green-800: #a3d0b8; --dui-color-cool-green-700: #b5d9c6; --dui-color-cool-green-600: #c8e3d4; --dui-color-cool-green-500: #d6eadf; --dui-color-cool-green-400: #e3f1ea; --dui-color-cool-green-300: #edf6f1; --dui-color-cool-green-200: #f6faf8; --dui-color-dark-violet-800: #b7bbce; --dui-color-dark-violet-700: #c5c9d8; --dui-color-dark-violet-600: #d4d6e2; --dui-color-dark-violet-500: #dfe0e9; --dui-color-dark-violet-400: #e9ebf0; --dui-color-dark-violet-300: #f1f1f5; --dui-color-dark-violet-200: #f8f8fa; --dui-color-gray-950: #121212; --dui-color-gray-750: #2a2a2a; --dui-color-gray-700: #333; --dui-color-gray-650: #363636; --dui-color-gray-625: #4d4d4d; --dui-color-gray-600: #666; --dui-color-gray-500: #8c8c8c; --dui-color-gray-400: #b2b2b2; --dui-color-gray-300: #ccc; --dui-color-gray-200: #e5e5e5; --dui-color-gray-100: #ebebeb; --dui-color-gray-50: #f2f2f2; --dui-color-green-600: #5e971b; --dui-color-green-500: #007c39; --dui-color-green-400: #76bd22; --dui-color-information-900: #002843; --dui-color-information-800: #003c64; --dui-color-information-700: #005086; --dui-color-information-600: #0064a7; --dui-color-information-500: #007acc; --dui-color-information-400: #2e92d5; --dui-color-information-50: #d5e9f7; --dui-color-light-blue-800: #b2d3f3; --dui-color-light-blue-700: #c1e5f5; --dui-color-light-blue-600: #d1ebf8; --dui-color-light-blue-500: #e8f5fb; --dui-color-light-blue-400: #e8f5fb; --dui-color-light-blue-300: #f0f8fd; --dui-color-light-blue-200: #f7fcfe; --dui-color-light-violet-800: #c5d3f0; --dui-color-light-violet-700: #d1dcf3; --dui-color-light-violet-600: #dce5f6; --dui-color-light-violet-500: #e5ebf8; --dui-color-light-violet-400: #eef2fb; --dui-color-light-violet-300: #f3f6fc; --dui-color-light-violet-200: #f9fbfd; --dui-color-negative-900: #450206; --dui-color-negative-800: #680208; --dui-color-negative-700: #8b030b; --dui-color-negative-600: #ad040e; --dui-color-negative-400: #dc323c; --dui-color-negative-50: #f8d6d8; --dui-color-neutral-900: #222; --dui-color-neutral-800: #464646; --dui-opacity-05: 5%; --dui-opacity-08: 8%; --dui-opacity-80: 80%; --dui-opacity-70: 70%; --dui-opacity-60: 60%; --dui-opacity-45: 45%; --dui-opacity-30: 30%; --dui-opacity-20: 20%; --dui-opacity-10: 10%; --dui-color-positive-900: #273e0b; --dui-color-positive-700: #4d7c16; --dui-color-positive-600: #619b1c; --dui-color-positive-400: #8fc94a; --dui-color-positive-50: #e9f4db; --dui-color-red-600: #9a0000; --dui-color-red-500: #d40511; --dui-color-red-400: #eb131e; --dui-size-full: 100%; --dui-size-theme: 1; --dui-size-56x: calc(var(--dui-size-theme) * 7rem); --dui-size-200x: calc(var(--dui-size-theme) * 25rem); --dui-size-150x: calc(var(--dui-size-theme) * 18.75rem); --dui-size-100x: calc(var(--dui-size-theme) * 12.5rem); --dui-size-90x: calc(var(--dui-size-theme) * 11.25rem); --dui-size-80x: calc(var(--dui-size-theme) * 10rem); --dui-size-72x: calc(var(--dui-size-theme) * 9rem); --dui-size-64x: calc(var(--dui-size-theme) * 8rem); --dui-size-50x: calc(var(--dui-size-theme) * 6.25rem); --dui-size-48x: calc(var(--dui-size-theme) * 6rem); --dui-size-40x: calc(var(--dui-size-theme) * 5rem); --dui-size-32x: calc(var(--dui-size-theme) * 4rem); --dui-size-24x: calc(var(--dui-size-theme) * 3rem); --dui-size-20x: calc(var(--dui-size-theme) * 2.5rem); --dui-size-16x: calc(var(--dui-size-theme) * 2rem); --dui-size-12x: calc(var(--dui-size-theme) * 1.5rem); --dui-size-11x: calc(var(--dui-size-theme) * 1.375rem); --dui-size-10x: calc(var(--dui-size-theme) * 1.25rem); --dui-size-9x: calc(var(--dui-size-theme) * 1.125rem); --dui-size-8x: calc(var(--dui-size-theme) * 1rem); --dui-size-7x: calc(var(--dui-size-theme) * 0.875rem); --dui-size-6x: calc(var(--dui-size-theme) * 0.75rem); --dui-size-5x: calc(var(--dui-size-theme) * 0.625rem); --dui-size-4x: calc(var(--dui-size-theme) * 0.5rem); --dui-size-3x: calc(var(--dui-size-theme) * 0.375rem); --dui-size-2x: calc(var(--dui-size-theme) * 0.25rem); --dui-size-1x: calc(var(--dui-size-theme) * 0.125rem); --dui-size-1: calc(var(--dui-size-theme) * 0.0625rem); --dui-size-0: 0; --dui-color-warm-green-800: #c4d19a; --dui-color-warm-green-700: #d0daae; --dui-color-warm-green-600: #dce3c2; --dui-color-warm-green-500: #e4ead2; --dui-color-warm-green-400: #edf1e1; --dui-color-warm-green-300: #f3f6eb; --dui-color-warm-green-200: #f9faf5; --dui-color-warning-900: #4a270d; --dui-color-warning-800: #6f3a14; --dui-color-warning-700: #954e1b; --dui-color-warning-600: #ba6122; --dui-color-warning-400: #e89050; --dui-color-warning-50: #fae9dc; --dui-color-white-opacity-80: #fffc; --dui-color-white-opacity-60: #fff9; --dui-color-white-opacity-45: #ffffff73; --dui-color-white-500: #fff; --dui-color-yellow-600: #e37729; --dui-color-yellow-500: #fc0; --dui-color-yellow-400: #ffe57f; --dui-color-yellow-300: #fff0b2; --dui-breakpoint-xs: 0; --dui-breakpoint-xl: calc(var(--dui-size-theme) * 85.3125rem); --dui-breakpoint-sm: calc(var(--dui-size-theme) * 20rem); --dui-breakpoint-md: calc(var(--dui-size-theme) * 48rem); --dui-breakpoint-lg: calc(var(--dui-size-theme) * 64rem); --dui-breakpoint-3xl: calc(var(--dui-size-theme) * 160rem); --dui-breakpoint-2xl: calc(var(--dui-size-theme) * 120rem); --dui-duration-infinite: 1.5s linear infinite; --dui-duration-5x: 3.2s; --dui-duration-4x: 0.4s; --dui-duration-3x: 0.2s; --dui-duration-2x: 0.1s; --dui-duration-1x: 0.05s; --dui-duration-0x: 0s; --dui-duration-default: var(--dui-duration-3x); --dui-font-family: Delivery, Verdana, sans-serif; --dui-font-weight-normal: 400; --dui-font-weight-medium: 500; --dui-font-weight-light: 300; --dui-font-weight-bold: 700; --dui-font-weight-black: 900; --dui-gradient-right: linear-gradient(270deg, #fc0, #fc0 30%, #ffde59 79%, #fff0b2); --dui-gradient-left: linear-gradient(90deg, #fc0, #fc0 30%, #ffde59 73%, #fff0b2); --dui-gradient-bottom: linear-gradient(-7.671815945056267deg, #fc0, #fc0 27%, #ffde59 79%, #fff0b2 100%, #fff0b2 0); --dui-gradient-top: linear-gradient(180deg, #fc0, #fc0 30%, #ffde59 79%, #fff0b2); --dui-highlight-right: linear-gradient(90deg, #45ff0000, #fc00 5%, #ffcc0080 30%, #fc0 90%, #fc0); --dui-highlight-left: linear-gradient(90deg, #fc0, #fc0 10%, #ffcc0080 70%, #fc00 95%, #fc00); --dui-highlight-bottom: linear-gradient(-3.49987772096938e-8deg, #fc00, #fc00 5%, #ffcc0080 30%, #fc0 90%, #fc0); --dui-highlight-top: linear-gradient(180deg, #fc00, #fc00 5%, #ffcc0080 30%, #fc0 90%, #fc0); --dui-size-icons-xs: var(--dui-size-6x); --dui-size-icons-sm: var(--dui-size-9x); --dui-size-icons-md: var(--dui-size-12x); --dui-size-icons-lg: var(--dui-size-24x); --dui-size-icons-xl: var(--dui-size-32x); --dui-size-letter-spacing-xs: 0.2px; --dui-size-letter-spacing-xl: 1px; --dui-size-letter-spacing-sm: 0.4px; --dui-size-letter-spacing-md: 0.6px; --dui-size-letter-spacing-lg: 0.8px; --dui-size-letter-spacing-0: 0; --dui-size-line-height-xs: 1; --dui-size-line-height-xl: 1.3; --dui-size-line-height-sm: 1.15; --dui-size-line-height-normal: 1; --dui-size-line-height-md: 1.2; --dui-size-line-height-lg: 1.25; --dui-size-line-height-9xl: 1.7; --dui-size-line-height-8xl: 1.65; --dui-size-line-height-7xl: 1.6; --dui-size-line-height-6xl: 1.55; --dui-size-line-height-5xl: 1.5; --dui-size-line-height-3xl: 1.4; --dui-size-line-height-2xl: 1.35; --dui-size-line-height-10xl: 1.75; --dui-size-radius-full: var(--dui-size-full); --dui-size-radius-xs: var(--dui-size-1x); --dui-size-radius-md: var(--dui-size-2x); --dui-size-radius-lg: var(--dui-size-4x); --dui-size-radius-0: var(--dui-size-0); --dui-shadow-lg-2: 0px 3px 8px -1px #0000001a; --dui-shadow-lg-1: 0px 10px 24px 0px #0000001a; --dui-shadow-lg-0: 0px 1px 2px 0px #0000001a; --dui-shadow-md-2: 0px 1px 4px -1px #0000001a; --dui-shadow-md-1: 0px 4px 14px 0px #0000001a; --dui-shadow-md-0: 0px 1px 2px 0px #0000001a; --dui-shadow-sm-2: 0px 0px 1px 0px #0000001a; --dui-shadow-sm-1: 0px 2px 12px 0px #0000001a; --dui-shadow-sm-0: 0px 1px 2px 0px #0000001a; --dui-size-font-xs: calc(var(--dui-size-theme) * 0.75rem); --dui-size-font-xl: calc(var(--dui-size-theme) * 1.25rem); --dui-size-font-sm: calc(var(--dui-size-theme) * 0.875rem); --dui-size-font-md: calc(var(--dui-size-theme) * 1rem); --dui-size-font-lg: calc(var(--dui-size-theme) * 1.125rem); --dui-size-font-9xl: calc(var(--dui-size-theme) * 2.375rem); --dui-size-font-8xl: calc(var(--dui-size-theme) * 2.25rem); --dui-size-font-7xl: calc(var(--dui-size-theme) * 2.125rem); --dui-size-font-6xl: calc(var(--dui-size-theme) * 2rem); --dui-size-font-5xl: calc(var(--dui-size-theme) * 1.875rem); --dui-size-font-4xl: calc(var(--dui-size-theme) * 1.75rem); --dui-size-font-3xl: calc(var(--dui-size-theme) * 1.5rem); --dui-size-font-2xs: calc(var(--dui-size-theme) * 0.625rem); --dui-size-font-2xl: calc(var(--dui-size-theme) * 1.375rem); --dui-size-font-11xl: calc(var(--dui-size-theme) * 3rem); --dui-size-font-10xl: calc(var(--dui-size-theme) * 2.625rem); --dui-size-space-full: var(--dui-size-full); --dui-size-space-1x: var(--dui-size-1x); --dui-size-space-2x: var(--dui-size-2x); --dui-size-space-3x: var(--dui-size-3x); --dui-size-space-4x: var(--dui-size-4x); --dui-size-space-5x: var(--dui-size-5x); --dui-size-space-6x: var(--dui-size-6x); --dui-size-space-7x: var(--dui-size-7x); --dui-size-space-8x: var(--dui-size-8x); --dui-size-space-9x: var(--dui-size-9x); --dui-size-space-10x: var(--dui-size-10x); --dui-size-space-11x: var(--dui-size-11x); --dui-size-space-12x: var(--dui-size-12x); --dui-size-space-16x: var(--dui-size-16x); --dui-size-space-20x: var(--dui-size-20x); --dui-size-space-24x: var(--dui-size-24x); --dui-size-space-32x: var(--dui-size-32x); --dui-size-space-40x: var(--dui-size-40x); --dui-size-space-48x: var(--dui-size-48x); --dui-size-space-50x: var(--dui-size-50x); --dui-size-space-56x: var(--dui-size-56x); --dui-size-space-64x: var(--dui-size-64x); --dui-size-space-72x: var(--dui-size-72x); --dui-size-space-80x: var(--dui-size-80x); --dui-size-space-1: var(--dui-size-1); --dui-size-space-0: var(--dui-size-0); --dui-theme: 1; --dui-size-width-border-xs: var(--dui-size-1); --dui-size-width-border-sm: var(--dui-size-1x); --dui-size-width-border-md: var(--dui-size-2x); --ifm-color-primary: var(--dui-color-black-300); --ifm-menu-color-background-active: var(--dui-color-gray-50); --ifm-menu-color-background-hover: var(--dui-color-gray-50); --ifm-menu-color-active: var(--ifm-color-primary-dark); --ifm-breadcrumb-color-active: var(--ifm-color-primary-dark); --ifm-navbar-link-color: var(--ifm-color-primary-dark); --ifm-navbar-link-hover-color: #0000 --ifm-breadcrumb-border-radius:var(--dui-size-radius-md); --ifm-toc-link-color: var(--dui-color-black-opacity-60); --ifm-code-font-size: 95%; --ifm-menu-link-padding-vertical: 0px; --ifm-menu-color: var(--dui-color-black-500); --dui-brand-color-icon: var(--dui-color-black-500); --ifm-navbar-shadow: none; --ifm-font-weight-bold: var(--dui-font-weight-black); --docusaurus-tag-list-border: var(--ifm-color-emphasis-300); --docusaurus-announcement-bar-height: auto; --aa-search-input-height: 44px; --aa-input-icon-size: 20px; --aa-base-unit: 16; --aa-spacing-factor: 1; --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px); --aa-spacing-half: calc(var(--aa-spacing) / 2); --aa-panel-max-height: 650px; --aa-base-z-index: 9999; --aa-font-size: calc(var(--aa-base-unit) * 1px); --aa-font-family: inherit; --aa-font-weight-medium: 500; --aa-font-weight-semibold: 600; --aa-font-weight-bold: 700; --aa-icon-size: 20px; --aa-icon-stroke-width: 1.6; --aa-icon-color-alpha: 1; --aa-action-icon-size: 20px; --aa-text-color-rgb: 38, 38, 39; --aa-text-color-alpha: 1; --aa-primary-color-rgb: 62, 52, 211; --aa-primary-color-alpha: 0.2; --aa-muted-color-rgb: 128, 126, 163; --aa-muted-color-alpha: 0.6; --aa-panel-border-color-rgb: 128, 126, 163; --aa-panel-border-color-alpha: 0.3; --aa-input-border-color-rgb: 128, 126, 163; --aa-input-border-color-alpha: 0.8; --aa-background-color-rgb: 255, 255, 255; --aa-background-color-alpha: 1; --aa-input-background-color-rgb: 255, 255, 255; --aa-input-background-color-alpha: 1; --aa-selected-color-rgb: 179, 173, 214; --aa-selected-color-alpha: 0.205; --aa-description-highlight-background-color-rgb: 245, 223, 77; --aa-description-highlight-background-color-alpha: 0.5; --aa-detached-media-query: (max-width:680p 680px); --aa-detached-modal-media-query: (min-width:680p 680px); --aa-detached-modal-max-width: 680px; --aa-detached-modal-max-height: 500px; --aa-overlay-color-rgb: 115, 114, 129; --aa-overlay-color-alpha: 0.4; --aa-panel-shadow: 0 0 0 1px #23263b1a, 0 6px 16px -4px #23263b26; --aa-scrollbar-width: 13px; --aa-scrollbar-track-background-color-rgb: 234, 234, 234; --aa-scrollbar-track-background-color-alpha: 1; --aa-scrollbar-thumb-background-color-alpha: 1; --aa-search-input-height: 36px; --docusaurus-collapse-button-bg: #0000; --docusaurus-collapse-button-bg-hover: #0000001a; --doc-sidebar-width: 300px; --doc-sidebar-hidden-width: 30px; --dui-size-breakpoint-2xl: 1280px; --dui-colors-action-foreground-secondary-functional-disabled: var(--dui-color-black-opacity-45); --dui-colors-action-foreground-secondary-functional-hover: var(--dui-color-black-opacity-60); --dui-colors-action-foreground-secondary-functional-default: var(--dui-color-black-400); --dui-colors-action-foreground-secondary-inverted-disabled: var(--dui-color-white-opacity-45); --dui-colors-action-foreground-secondary-inverted-hover: var(--dui-color-white-opacity-60); --dui-colors-action-foreground-secondary-inverted-default: var(--dui-color-white-500); --dui-colors-action-foreground-secondary-hover: var(--dui-color-red-600); --dui-colors-action-foreground-secondary-default: var(--dui-color-red-500); --dui-colors-action-foreground-secondary-disabled: var(--dui-color-black-opacity-45); --dui-colors-action-foreground-primary-inverted-disabled: var(--dui-color-white-500); --dui-colors-action-foreground-primary-inverted-default: var(--dui-color-black-400); --dui-colors-action-foreground-primary-default: var(--dui-color-white-500); --dui-colors-action-foreground-ghost-functional-disabled: var(--dui-color-gray-625); --dui-colors-action-foreground-ghost-functional-hover: var(--dui-color-gray-600); --dui-colors-action-foreground-ghost-functional-default: var(--dui-color-black-400); --dui-colors-action-foreground-ghost-inverted-disabled: var(--dui-color-white-opacity-45); --dui-colors-action-foreground-ghost-inverted-hover: var(--dui-color-white-opacity-60); --dui-colors-action-foreground-ghost-inverted-default: var(--dui-color-white-500); --dui-colors-action-foreground-ghost-hover: var(--dui-color-red-600); --dui-colors-action-foreground-ghost-default: var(--dui-color-red-500); --dui-colors-action-foreground-ghost-muted: var(--dui-color-gray-600); --dui-colors-action-foreground-ghost-visited: var(--dui-color-red-600); --dui-colors-action-background-secondary-functional-disabled: var(--dui-color-black-opacity-20); --dui-colors-action-background-secondary-default: var(--dui-color-white-500); --dui-colors-action-background-primary-inverted-disabled: var(--dui-color-white-opacity-45); --dui-colors-action-background-primary-inverted-hover: var(--dui-color-white-opacity-80); --dui-colors-action-background-primary-success-hover: var(--dui-color-green-600); --dui-colors-action-background-primary-disabled: var(--dui-color-gray-300); --dui-colors-stroke-information: var(--dui-color-information-600); --dui-colors-stroke-warning: var(--dui-color-warning-600); --dui-colors-stroke-negative: var(--dui-color-negative-600); --dui-colors-stroke-neutral: var(--dui-color-neutral-900); --dui-colors-stroke-positive: var(--dui-color-positive-600); --dui-colors-stroke-primary: var(--dui-color-black-500); --dui-colors-stroke-secondary: var(--dui-color-black-opacity-45); --dui-colors-stroke-tertiary: var(--dui-color-black-opacity-30); --dui-colors-stroke-muted: var(--dui-color-black-opacity-10); --dui-colors-stroke-inverted: var(--dui-color-white-500); --dui-colors-stroke-functional-focus: var(--dui-color-information-500); --dui-colors-background-information: var(--dui-color-information-50); --dui-colors-background-warning: var(--dui-color-warning-50); --dui-colors-background-negative: var(--dui-color-negative-50); --dui-colors-background-neutral: var(--dui-color-white-500); --dui-colors-background-positive: var(--dui-color-positive-50); --dui-colors-background-base: var(--dui-color-white-500); --dui-colors-background-primary: var(--dui-color-white-500); --dui-colors-background-secondary: var(--dui-color-gray-50); --dui-colors-background-tertiary: var(--dui-color-gray-300); --dui-colors-background-inverted: var(--dui-color-black-400); --dui-colors-foreground-information: var(--dui-color-information-800); --dui-colors-foreground-warning: var(--dui-color-warning-800); --dui-colors-foreground-negative: var(--dui-color-negative-800); --dui-colors-foreground-neutral: var(--dui-color-neutral-800); --dui-colors-foreground-positive: var(--dui-color-positive-900); --dui-colors-foreground-primary: var(--dui-color-black-400); --dui-colors-foreground-secondary: var(--dui-color-gray-600); --dui-colors-foreground-highlight: var(--dui-color-red-500); --dui-colors-foreground-inverted: var(--dui-color-white-500); --dui-colors-foreground-disabled: var(--dui-color-gray-500); --dui-colors-icons-information: var(--dui-color-information-700); --dui-colors-icons-warning: var(--dui-color-warning-700); --dui-colors-icons-negative: var(--dui-color-negative-700); --dui-colors-icons-positive: var(--dui-color-positive-700); --dui-colors-icons-secondary: var(--dui-color-black-400); --dui-colors-icons-inverted: var(--dui-color-white-500); --dui-components-navigation-background-secondary: var(--dui-color-white-500); --dui-components-navigation-stroke-primary: var(--dui-color-black-500); --dui-components-navigation-foreground-secondary: var(--dui-color-black-400); --dui-components-content-draggable-background-dropzone: var(--dui-color-gray-100); --dui-components-content-draggable-foreground-handle-hover: var(--dui-color-red-600); --dui-components-content-draggable-foreground-handle-default: var(--dui-color-gray-500); --dui-components-forms-stroke-disabled: var(--dui-color-gray-300); --dui-components-forms-stroke-tertiary: var(--dui-color-gray-300); --dui-components-forms-stroke-secondary: var(--dui-color-black-500); --dui-components-forms-stroke-primary: var(--dui-color-gray-500); --dui-components-forms-background-tertiary: var(--dui-color-gray-100); --dui-components-forms-background-secondary: var(--dui-color-gray-100); --dui-components-forms-background-dropdown-hover: var(--dui-color-black-opacity-08); --dui-components-forms-background-dropdown-focus: var(--dui-color-black-opacity-10); --dui-components-forms-background-default: var(--dui-color-white-500); } dhl-icon-wrapper { display: inline-flex; justify-content: center; align-items: center; animation: var(--animation) var(--duration); color: var(--color); transform: rotate(var(--rotate)) } dhl-icon-wrapper.block { display: block } dhl-icon-wrapper.inline-flex { display: inline-flex } dhl-icon-wrapper.sm { height: var(--dui-size-space-9x); width: var(--dui-size-space-9x) } dhl-icon-wrapper.md { height: var(--dui-size-space-12x); width: var(--dui-size-space-12x) } dhl-icon-wrapper.lg { height: var(--dui-size-space-16x); width: var(--dui-size-space-16x) } dhl-icon-wrapper.xl { height: 48px; width: 48px } dhl-icon-wrapper svg { flex: 1 } dhl-icon-wrapper .dhl-icon { height: 48px !important; width: 140px !important } slot-fb { display: contents } slot-fb[hidden] { display: none } dhl-icon { width: 16px; height: auto; display: inline-flex; justify-content: center; align-items: center; aspect-ratio: 1 } dhl-icon svg, dhl-icon img { width: var(--dui-size-space-full); height: var(--dui-size-space-full) } dhl-footer { margin-top: 20px; display: block; } dhl-footer footer .footer-link.link { color: var(--dui-color-gray-600); font-size: var(--dui-size-space-7x); line-height: var(--dui-size-space-8x); text-decoration: none } dhl-footer footer .footer-link.link:focus, dhl-footer footer .footer-link.link:focus-visible { outline: var(--dui-size-space-1) solid currentColor; outline-offset: var(--dui-size-space-1x) } dhl-footer footer .footer-divider { width: var(--dui-size-space-full); border-top: var(--dui-size-space-1) solid var(--dui-color-gray-300); margin: var(--dui-size-space-10x) var(--dui-size-space-0) var(--dui-size-space-0) } @media screen and (min-width: 48rem), print { dhl-footer footer .footer-divider { display: none } } dhl-footer footer.container { max-width: var(--dui-size-breakpoint-2xl); padding-top: var(--dui-size-space-48x); width: var(--dui-size-space-full); } @media screen and (min-width: 48rem) { dhl-footer footer.container { padding-top: var(--dui-size-space-0) } } @media screen and (min-width: 120rem) { dhl-footer footer.container { margin: var(--dui-size-space-0) auto } } dhl-footer footer .partners-section { background-color: var(--dui-colors-background-secondary); display: flex; flex-flow: row wrap; padding: var(--dui-size-space-10x) var(--dui-size-space-10x) var(--dui-size-space-0) var(--dui-size-space-10x); padding-bottom: var(--dui-size-space-0) } @media screen and (min-width: 48rem), print { dhl-footer footer .partners-section { padding-left: var(--dui-size-space-16x); padding-right: var(--dui-size-space-16x); padding-top: var(--dui-size-space-20x) } } @media screen and (min-width: 64rem), print { dhl-footer footer .partners-section { padding-left: var(--dui-size-space-20x); padding-right: var(--dui-size-space-20x) } } @media screen and (min-width: 85.3125rem), print { dhl-footer footer .partners-section { padding-left: var(--dui-size-space-32x); padding-right: var(--dui-size-space-32x) } } dhl-footer footer .partners-section .partners-section-header { display: flex; flex-flow: row nowrap; flex-basis: 100%; width: var(--dui-size-space-full); align-items: center } dhl-footer footer .partners-section .partners-section-header .partners-section-button { border: var(--dui-size-space-0) } [dir="rtl"] :is(dhl-footer footer .partners-section .partners-section-header .partners-section-button button) dhl-icon { transform: scaleX(-1) } @media screen and (min-width: 48rem), print { dhl-footer footer .partners-section .partners-section-header .partners-section-button { display: none; pointer-events: none } } dhl-footer footer .partners-section .partners-container { border-bottom: var(--dui-size-space-1) solid var(--dui-color-gray-300); display: flex; flex-basis: 100%; flex-flow: column nowrap; padding-bottom: var(--dui-size-space-10x) } dhl-footer footer .partners-section .partners-container.partners-container--hidden { display: none } @media screen and (min-width: 48rem) { dhl-footer footer .partners-section .partners-container.partners-container--hidden { display: block } } dhl-footer footer .partners-section .partners-container .partners-list { margin: var(--dui-size-space-0); padding: var(--dui-size-space-0); padding-top: var(--dui-size-space-10x); grid-auto-rows: 1fr; grid-auto-columns: 1fr } dhl-footer footer .partners-section .partners-container .partners-list:hover .partners-list-item { opacity: 0.25 } dhl-footer footer .partners-section .partners-container .partners-list .partners-list-item:hover, dhl-footer footer .partners-section .partners-container .partners-list .partners-list-item:focus-within { opacity: 1 } dhl-footer footer .partners-section .partners-container .partners-list .partners-list-item-link-icon { width: var(--dui-size-space-full); height: var(--dui-size-space-full) } dhl-footer footer .meta-section { background-color: var(--dui-colors-background-secondary); display: flex; flex-flow: row wrap; overflow: hidden; padding: var(--dui-size-space-20x) var(--dui-size-space-10x) var(--dui-size-space-0) var(--dui-size-space-10x) } dhl-footer footer .meta-section.is-minimal-variant { padding-bottom: var(--dui-size-space-20x); display: flex; justify-content: center; align-items: center } @media screen and (min-width: 48rem), print { dhl-footer footer .meta-section { display: grid; grid-template-columns: 70% 1fr; grid-auto-rows: min-content; padding-left: var(--dui-size-space-16x); padding-right: var(--dui-size-space-16x) } } @media screen and (min-width: 64rem), print { dhl-footer footer .meta-section { row-gap: var(--dui-size-space-8x); padding-left: var(--dui-size-space-20x); padding-right: var(--dui-size-space-20x) } dhl-footer footer .meta-section.is-minimal-variant { display: flex; flex-flow: row; padding-bottom: var(--dui-size-space-12x) } } @media screen and (min-width: 85.3125rem), print { dhl-footer footer .meta-section { padding-left: var(--dui-size-space-32x); padding-right: var(--dui-size-space-32x) } } dhl-footer footer .meta-section .meta-container { width: var(--dui-size-space-full) } @media screen and (min-width: 64rem) { dhl-footer footer .meta-section .meta-container { grid-row: 1 / 2; grid-column: 1 / 2 } dhl-footer footer .meta-section .meta-container.is-minimal-variant { display: flex; flex-flow: row } } dhl-footer footer .meta-section .meta-container .meta-list { display: flex; flex-flow: row wrap; align-items: center; line-height: var(--dui-size-space-8x); list-style-type: none; margin: var(--dui-size-space-0); padding: var(--dui-size-space-0) } dhl-footer footer .meta-section .meta-container .meta-list.is-minimal-variant { justify-content: center } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item { display: flex; list-style-type: none; margin-bottom: var(--dui-size-space-16x) } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(odd) { width: calc(50% - var(--dui-size-space-2x)) } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(even) { width: calc(50% - var(--dui-size-space-2x)) } @media screen and (min-width: 48rem), print { dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item { display: inline-block; padding-right: var(--dui-size-space-16x); margin-bottom: var(--dui-size-space-16x) } :dir(rtl) :is(dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item) { padding-right: 0; padding-left: var(--dui-size-space-16x) } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item.is-minimal-variant { margin-left: 0 !important; margin-right: 0 !important } } @media screen and (min-width: 64rem), print { dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item { margin-bottom: var(--dui-size-space-8x) } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(odd) { width: -moz-fit-content; width: fit-content; margin-right: var(--dui-size-space-2x) } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(even) { width: -moz-fit-content; width: fit-content; margin-left: var(--dui-size-space-2x) } } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item .meta-list-item-link.link { word-break: break-all; color: var(--dui-colors-foreground-secondary) } dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item .meta-list-item-link.link:focus, dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item .meta-list-item-link.link:focus-visible, dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item .meta-list-item-link.link:hover { color: var(--dui-colors-action-foreground-ghost-hover); outline: 0 } dhl-footer footer .social-container > .social-container-headline { margin-bottom: var(--dui-size-space-8x) } dhl-footer footer .social-container > .social-container-headline > span { color: var(--dui-colors-foreground-secondary); font-weight: var(--dui-font-weight-bold); font-size: 14px } dhl-footer footer .social-container .social-list { align-items: center; display: flex; flex-flow: row wrap; list-style-type: none; margin-bottom: var(--dui-size-space-0); margin-top: var(--dui-size-space-0); padding: var(--dui-size-space-0) } dhl-footer footer .social-container .social-list:hover .social-list-item { opacity: 0.25 } dhl-footer footer .social-container .social-list .social-list-item:hover, dhl-footer footer .social-container .social-list .social-list-item:focus-within { opacity: 1 } dhl-footer footer .social-container .social-list .social-list-item { color: var(--dui-colors-foreground-secondary); min-height: var(--dui-size-space-16x); margin-bottom: 16px; margin-right: 16px; transition: opacity var(--dui-duration-3x) ease 0s; min-width: var(--dui-size-space-16x); will-change: opacity } [dir="rtl"] :is(dhl-footer footer .social-container .social-list .social-list-item):first-of-type { margin-right: var(--dui-size-space-0) } @media screen and (min-width: 48rem) { dhl-footer footer .social-container .social-list .social-list-item { margin-right: 16px; width: 32px; height: 32px } } dhl-footer footer .copyright-container { background-color: var(--dui-colors-background-secondary); color: var(--dui-color-gray-600); display: flex; font-size: 16px; text-align: center; width: var(--dui-size-space-full); grid-column: span 2; padding: 16px 20px 40px; } dhl-footer footer .copyright-container > span { width: var(--dui-size-space-full); font-size: 16px; color: var(--dui-colors-foreground-secondary) } @media screen and (min-width: 48rem), print { dhl-footer footer .copyright-container { text-align: left; padding: var(--dui-size-space-0) var(--dui-size-space-0) var(--dui-size-space-20x) var(--dui-size-space-0) } dhl-footer footer .copyright-container :dir(rtl) { text-align: right } dhl-footer footer .copyright-container.is-minimal-variant { text-align: center } } @media screen and (min-width: 64rem), print { dhl-footer footer .copyright-container { justify-content: left; padding-bottom: var(--dui-size-space-20x) } dhl-footer footer .copyright-container.is-minimal-variant { width: -moz-max-content; width: max-content } dhl-footer footer .copyright-container.is-minimal-variant > span { width: -moz-max-content; width: max-content } } @media screen and (min-width: 85.3125rem), print { dhl-footer footer .copyright-container { justify-content: left } } [dir="ltr"] dhl-footer footer .partners-section .partners-container { text-align: left } [dir="ltr"] dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(odd) { margin-right: var(--dui-size-space-2x) } [dir="ltr"] dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(even) { margin-left: var(--dui-size-space-2x) } [dir="ltr"] dhl-footer footer .social-container .social-list .social-list-item:last-of-type { margin-right: var(--dui-size-space-0) } [dir="ltr"] dhl-footer footer .copyright-container { padding: var(--dui-size-space-8x) var(--dui-size-space-10x) var(--dui-size-space-20x) var(--dui-size-space-0) } [dir="rtl"] dhl-footer footer .partners-section .partners-container { text-align: right } [dir="rtl"] dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(odd) { margin-left: var(--dui-size-space-2x) } [dir="rtl"] dhl-footer footer .meta-section .meta-container .meta-list .meta-list-item:nth-child(even) { margin-right: var(--dui-size-space-2x) } [dir="rtl"] dhl-footer footer .social-container .social-list .social-list-item:last-of-type { margin-right: var(--dui-size-space-8x) } [dir="rtl"] dhl-footer footer .copyright-container { padding: var(--dui-size-space-8x) var(--dui-size-space-0) var(--dui-size-space-20x) var(--dui-size-space-10x) } :scope .logo-wrapper { width: calc(var(--dui-size-theme) * 7rem); margin-bottom: var(--dui-size-space-9x) } @media screen and (min-width: 48rem) { :scope .logo-wrapper { width: 140px; margin-right: 20px } }