﻿/*
    Jump to:
    Fonts
    Misc Styling
    Home Page Styling
    TextPage and General Styling
    Application Review Styling
    Results Page Styling
    Job Description Styling
    Login/Register Styling
    Application Sections Styling
    Profile Styling
    Application/Onboarding Styling
    Job Alerts
    Responsive Styling
    Talent Pools Events
*/

html body .rowContainer {
    display: block !important;
}

/*#region Fonts */

html body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    font-size: 18px;
}

html.modalShow,
html.modalShow body {
    overflow: hidden;
}
/* end */
/* Misc Styling */
.parallax-mirror {
    top: 70px !important;
}

.content-warp.no-banner {
    margin-top: 6em;
}

#content-main {
    background-color: white;
}

a, a:hover {
    color: #ae6425; /*check this, it may be: #ae6425*/
    text-decoration: underline;
    font-weight: 500;
}

    .Pos_Description #eaContainer a,
    .alternateViews a,
    .FiltersContainer .ButtonsContainer a.AddLink,
    .FilterContainer .ButtonsContainer a.BackLink,
    .FilterContainer .ButtonsContainer a.RemoveLink,
    a[class*="link_username_"],
    a.emailTypeAnchor {
        font-weight: 500;
        color: #ae6425; /*check this, it may be: #ae6425*/
        text-decoration: underline;
    }

i.customhome {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icons/home20x20.png);
    background-position: top 2px center;
    background-repeat: no-repeat;
    background-size: 20px;
}


/*!!move this!!*/
.FiltersContainer .ButtonsContainer a.AddLink,
.FilterContainer .ButtonsContainer a.BackLink,
.FilterContainer .ButtonsContainer a.RemoveLink {
    display: none;
}

li.sorter a {
    text-decoration: none;
    color: black;
}

    li.sorter a:hover {
        text-decoration: none;
        color: black;
    }

.alternateViews a {
    padding-right: 10px;
}


.talentPoolDisplayName h1,
h1.searchresults,
h1.landingpage,
.ProfileRegisterWithAlerts .pageBlockTitle,
.ProfileRegister .pageBlockTitle,
.Login .pageBlockTitle,
.Application_Login .pageBlockTitle,
.MyJobFeed .pageBlockTitle,
.section-left h1,
h1#EarcuHeadingTextBlockTitle,
h1#EarcuIntroTextBlockTitle,
h1.eArcuInfoHeader {
    font-size: 1.75rem;
    line-height: 2rem;
    padding-top: 20px;
    padding-bottom: 12px;
    /*font-weight: 700;*/
    color: #303849;
}

.TalentPool_List #EarcuIntroTextBlockTitle,
div.pageBlockTitle,
h1.eArcuInfoHeader {
    display: none
}

h1.strapline,
h1.heading-section {
    font-family: Libre Caslon Text, serif;
    color: #303849;
}


h2.search { /*check if required*/
    font-size: 1.8rem;
    padding-left: 17px;
}

#EarcuHeadingTextBlockTitle {
    display: none;
}

.section-left ol, .section-left ul {
    list-style: square;
    padding-left: 30px;
}

.buttonsLeft ul, .buttonsRight ul {
    list-style-type: none;
    padding-left: 0;
}

/*fix datepickers*/
select {
    background-color: white;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
}

.radioOptionLabel {
    font-weight: 400;
}

.c-triangle {
    display: inline-block;
}

section#breadcrumb {
    padding-top: 14px;
    margin-bottom: 10px;
}

    section#breadcrumb, section#breadcrumb a {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.5;
        color: #000000;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }

        section#breadcrumb a {
            text-decoration: underline;
        }

            section#breadcrumb a:hover {
                text-decoration: none;
            }

.fa-angle-right {
    color: #000000;
}

.footerlogocont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 16px;
}

.flc-panel {
    flex: 0 1 auto;
    margin: 6px;
}

img.footer-logo {
    max-height: 120px;
}

.fh5co-social-icons a {
    color: #303849 !important;
    font-size: 2.2rem;
    padding-left: 4px;
    padding-right: 4px;
}

    .fh5co-social-icons a:hover {
        opacity: 0.5;
    }

a.img {
    text-decoration: none !important;
}

.pageBlockInner_GridBlock div.gridContent {
    padding-top: 5px;
}

.gridTableContainer .rowContainer {
    padding: 4px;
}



.checkboxContainer .fakecheckbox {
    display: none;
}

.pageBlockInner_FormBlock div.formRow.formRowButtonRow {
    padding-top: 40px;
}

.pageBlockInner_FormBlock div#quicksearch_SaveButtonRow_formRow {
    padding-top: 10px;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
    border: none;
    height: 200px;
    margin: 4px 12px 30px 12px;
    width: calc(50% - 24px);
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Value1 {
    background: red;
}

.pageBlockInner_FormBlock label.formLabel,
div.pageBlockInner_FormBlock div.formRow .controlError,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMonthYearRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMonthYearRow .labelContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: left;
    clear: left;
    text-align: left;
    width: 100%;
    color: #000000;
    /*overflow: hidden;*/
    height: auto;
    font-weight: 400;
}

.application_section_personaldetails .pageBlockInner_FormBlock label.formLabel,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
.application_section_personaldetails div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer {
    max-width: 100%;
}

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer label,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer label {
    max-width: 100% !important; /*override some above*/
}

div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input {
    margin-top: 4px;
}

div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer p,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer p,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer p,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer p,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer p,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p,
div.labelContainer ul {
    float: left;
}

div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer {
    overflow: visible;
}

#Edit_PERSONALDETAILS_EmailAliasId_formRow .controlContainer .inputContainer {
    min-height: 70px;
}

.pageBlockInner_FormBlock div.divajaxcontainter {
    max-width: 500px;
    width: 100%;
    border: 1px solid #B0AFA7;
    color: #000000;
    padding: 6px 8px 6px 8px;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    min-height: 72px;
    height: auto;
    overflow: visible;
}

div.pageBlockInner_FormBlock div.formRow .controlError {
    color: red;
    padding-left: 0;
}

input.freesearch,
.pageBlockInner_FormBlock div.inputContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock div.inputContainer input.inputText,
.pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select,
.pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input.inputText,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
    /*border: 1px solid #444e55;*/
    border: 1px solid #B0AFA7;
    color: #000000;
    padding: 6px 8px 6px 8px;
    width: 100%;
    font-size: 1.4rem;
    box-sizing: border-box;
    min-width: 1px;
}

    .pageBlockInner_FormBlock div.inputContainer input.inputText:focus
    .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus,
    .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus {
        box-shadow: 0 0 2px 1px #7E97A2;
        border: 1px solid #7E97A2;
    }

.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
.pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect,
.pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea {
    box-shadow: 0 0 2px 1px #7E97A2;
    border: 1px solid #7E97A2;
}


.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select {
    padding: 9px 10px 10px 10px;
}


.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: black;
    /**KMA move font weight rule from 2138**/
}

.intl-tel-input {
    width: 100%;
}

.passwordStrength {
    width: 100%;
}

.Application_Section_Questions3 .labelContainer ul {
    list-style-type: square;
    padding-left: 30px;
}

input[type="radio"] {
    accent-color: #328589;
}

a.talentja-btn,
input.freesearchbtn,
a.buttonAnchorJobAlert,
.Pos_Description #eaContainer a.buttonAnchorApply,
a.landinglinkbtn,
.textpage_role_details a.nojobs_anchor,
.mapContainer .ButtonHolder .bigMapButton,
.buttonsLeft button.buttonAnchor,
.buttonsRight button.buttonAnchor,
.buttonsLeft a.buttonAnchor,
.buttonsRight a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlock a.right,
button.buttonAnchor,
input.buttonSubmit,
a.buttonAnchor,
div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
.linkContainer a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    outline: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease-in;
    max-width: 100%;
    width: 100%;
    background-image: none;
    background-color: #303849;
    border: none;
    border-radius: 78px;
    padding: 16px 36px 16px 36px;
    font-weight: 600;
    font-size: 18px;
    line-height: 14px;
}



    a.talentja-btn:hover,
    input.freesearchbtn:hover,
    a.buttonAnchorJobAlert:hover,
    .Pos_Description #eaContainer a.buttonAnchorApply:hover,
    input.buttonActionId_change.hover,
    a.landinglinkbtn:hover,
    .textpage_role_details a.nojobs_anchor:hover,
    .buttonsLeft button.buttonAnchor:hover,
    .buttonsRight button.buttonAnchor:hover,
    .buttonsLeft input.buttonSubmit:hover,
    .buttonsRight input.buttonSubmit:hover,
    .buttonsLeft a.buttonAnchor:hover,
    .buttonsRight a.buttonAnchor:hover,
    #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    button.buttonAnchor:hover,
    input.buttonSubmit:hover,
    a.buttonAnchor:hover,
    .linkContainer a:hover {
        background-color: #242B39;
    }

input.freesearchbtn {
    width: 132px;
}

a.talentja-btn {
    background-color: #ffffff;
    color: #303849;
    width: 188px;
}

    a.talentja-btn:hover {
        background-color: #EDEDEA;
        color: #303849;
    }


/*    input.freesearchbtn:hover {
        background-color: #C1C3C8;
        border-color: #C1C3C8;
        color: black;
    }*/
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a.buttonAnchorApply {
    margin-top: 4px;
    float: none;
    width: auto;
}

a.buttonAnchorJobAlert {
    width: auto;
}

.verifContainer .buttonsLeft a {
    margin-top: 4px;
}

input.buttonActionId_change {
    margin-left: 10px !important;
}

a.landinglinkbtn {
    margin-top: 20px;
    width: auto;
}

.buttonsRight li a.buttonAnchor,
.buttonsRight li input,
.buttonsRight li input.buttonSubmit {
    margin: 0 !important;
}

li a.buttonAnchor.buttonActionId_saveSkill {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 4px !important; /*override above*/
}

#Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-right: 0;
}

.textpage_role_details a.nojobs_anchor {
    max-width: 262px;
}

.buttonsRight li:nth-child(n+2) {
    margin-left: 5px !important;
}

.tooltip2_Surround,
.tooltip2_SurroundClosing {
    display: none !important;
}

.pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer {
    background: #fff;
}


.pageBlockInner_FormBlock hr {
    padding-top: 0;
    margin: 15px 0 10px;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    clear: left;
    text-align: center;
    width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer {
    margin-bottom: 10px;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li {
    width: 100%;
}

    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton {
        margin: 0 auto 10px;
        display: block;
        float: none;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
    margin: 0;
    border: none;
    background-color: white;
}

div#confirmdialogDialogContainer {
    z-index: 501 !important; /*override inline*/
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile {
    position: relative;
    z-index: 500;
}

.charCounterValue {
    float: left;
}

#pageMessages {
    margin: 0;
}

    #pageMessages .actionMessageContainer {
        padding: 0;
        color: #fff;
    }

        #pageMessages .actionMessageContainer .actionMessage {
            padding-left: 25px;
            color: #328589;
        }

.actionMessageContainer div.actionMessage {
    color: #328589;
    background: left center no-repeat url(../images/sprites/ok.png);
}


/*            #pageMessages .actionMessageContainer .actionMessage:before {
                content: "\f00d";
                font-family: "Font Awesome 5";
                padding-right: 10px;
            }

            #pageMessages .actionMessageContainer .actionMessage.actionMessageOk:before {
                content: '\f00c';
            }*/

.linkContainer a {
    max-width: 12em;
    margin-top: 30px;
}

/*nojobs*/
div#noPositions_pageBlock {
    color: #000000;
}

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer {
    overflow: auto;
    margin: 10px 4px 10px 4px;
}

    #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
        max-width: 90%;
    }

/**roles*/

.slides li span a h3 {
    text-decoration: underline;
}

.slides li span a:hover h3 {
    text-decoration: none;
}

.slides li span p {
    margin-bottom: 10px;
}

/*search box - home and search*/

h2.searchboxtitle {
    font-family: Libre Caslon Text, serif;
    color: #303849;
    font-size: 2.6rem;
}

.searchbox {
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    background-color: #DBDAD4;
    min-height: 350px;
    margin-top: 470px;
}

.searchboxsearch {
    padding-top: 4px;
    padding-bottom: 36px;
    background-color: #DBDAD4;
    min-height: 194px;
    margin-top: -42px;
    width: 80%;
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
}

.contmax {
    max-width: 80%
}

input.fsbtnsearch {
    margin-top: 15px
}

input.freesearch {
    width: 500px;
    margin-bottom: 20px;
    border: 1px solid #B0AFA7;
}

input.fs100 {
    width: 100%;
}

a.freesearchbtnloc::before {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: -20px;
    background-image: url(../images/icons/location20x20_black.png);
    background-position: top 2px center;
    background-repeat: no-repeat;
    background-size: 20px;
}

a.freesearchbtnloc {
    color: black;
    display: inline-block;
    margin-bottom: 20px;
}

    a.freesearchbtnloc:hover {
        text-decoration: underline;
    }

/*end*/


.pageBlockInner_FormBlock div.textLiteral {
    text-align: left;
}
/*#endregion */
/*#endregion */
/*#region Home Page Styling*/
h1#homepagetitle {
    font-family: Libre Caslon Text, serif;
    color: #000000;
    font-size: 36px;
    line-height: 50px;
}

#home-img {
    position: relative;
}

.mobile-banner {
    display: none;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
    margin-top: 40px;
    width: 100%;
}

.homehero {
    /*background-image: url(../images/custom/new-homehero.png);*/
    background-image: url(../images/custom/homebanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    width: 100%;
    min-height: 400px;
    margin-top: 70px;
    position: fixed;
    z-index: -1;
}

    .homehero h1 {
        color: white;
        font-family: Libre Caslon Text, serif;
        font-size: 3.8rem;
        font-weight: 400;
        line-height: 3.8rem;
        display: grid;
        place-items: center start;
        margin: 0;
        height: 300px;
    }

body.home #cd-main,
body.home #bottomlinks {
    background-color: white
}

body.home #content-main {
    background-color: white;
}

.rtw {
    background-color: #303849;
    padding-top: 40px;
    padding-bottom: 40px;
}

h2.rtwsmalltitle {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

h2.rtwbigtitle {
    font-family: Libre Caslon Text, serif;
    color: #ffffff;
    font-size: 2.6rem;
    background-image: url(../images/custom/return-to-work-bg.png);
    background-repeat: no-repeat;
    background-position: 2px 0px;
    padding-left: 62px;
    display: block;
    height: 46px;
    padding-top: 5px;
}

p.rtwpara {
    color: white;
}

    p.rtwpara a {
        color: white;
        font-weight: 700;
    }

        p.rtwpara a:hover {
            text-decoration: underline;
        }

.viewallcont {
    min-height: 80px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
}

a.viewalllink {
    color: #303849;
    font-weight: 700;
    padding-bottom: 16px;
}

.socialcontainer {
    width: 100%;
    height: auto;
    background-color: white;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 45px;
}

    .flex-direction-nav a:before {
        font-size: 43px;
        margin-top: 10px;
    }

.flexslider .flex-direction-nav .flex-next {
    right: 5px; /* adjust offset to match the hover style */
    opacity: .8; /* adjust opacity to match the hover style */
}

.flexslider .flex-direction-nav .flex-prev {
    left: 5px; /* adjust offset to match the hover style */
    opacity: .8; /* adjust opacity to match the hover style */
}

/**end new home**/


.Home .jobsearch-form {
    background: none;
}

    .Home .jobsearch-form .jobsearch-form-top__keyword {
        width: 78%;
    }

        .Home .jobsearch-form .jobsearch-form-top__keyword input:focus,
        .Home .jobsearch-form .jobsearch-form-top__keyword input:hover {
            background: rgba(255,255,255,0.3);
        }

.Home .CodeListCountsSummary.pageBlockContainer {
    padding: 0;
    background: none;
}

    .Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent {
        padding: 0;
    }

        .Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 {
            max-width: 1000px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
        }


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
    width: 31%;
    position: relative;
    height: 250px;
    margin-bottom: 20px;
    border: 1px solid lightgrey;
    transition: all .2s ease;
    margin: 10px;
    box-shadow: inset 0 13px 20px -10px #9e9e9e, 0 13px 20px -10px #9e9e9e;
    float: none;
    display: inline-block;
}


    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover {
        border: 1px solid lightgrey;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value1,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value2,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value3,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value4,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value5,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value6,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value7,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value8,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer.listItemContainer_Value9,
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        /*background: url(../images/custom/catimage.jpg) no-repeat;*/
    }


        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
            height: 166px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top -10px center;
        }


        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
            height: 84px;
            background-color: white;
        }

            .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemTitle a {
                color: black;
                font-weight: 400;
                font-size: 2rem;
                font-family: Libre Caslon Text, serif;
                line-height: 1.6rem;
                text-decoration: none;
            }


        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
            background: #B0AFA7;
        }


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemCountContainer {
    font-size: 1.4rem;
    color: black;
    line-height: 1.5rem;
    text-align: center;
}
/*#endregion */

/*#region TextPage and General Styling */


/*#endregion */


/*#region Application Review Styling */
.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    overflow: hidden;
}

.questionsAnswerBlock div.appSummaryGridColumn {
    padding-bottom: 10px;
}

div#SubmitForm_checkboxlegal_formRow {
    padding-top: 20px;
}

    div#SubmitForm_contactconsent_formRow .labelContainer label,
    div#SubmitForm_checkboxlegal_formRow .labelContainer label {
        font-weight: 700;
    }
/*#endregion */

/*#region Results Page Styling */
.show {
    display: block !important;
}

.FilterContainer.show .ValueContainer {
    display: block;
    transition: all ease-in-out 0.2s;
}

.FilterContainer .ValueContainer {
    display: none;
    transition: all ease-in-out 0.2s;
}

/*smaller button*/
.buttonsRight a.buttonAnchor, #Pos_Description_pageView #posdesc_pageBlock a.right,
#Buttons_pageBlock .pageBlockInner .buttonHolder ul li a,
.Home .buttonsLeft a.buttonAnchor {
    display: block;
    text-align: center;
}

.Home #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
    width: 98%;
    margin-left: 0;
    margin-top: 5px;
    display: block;
    float: left;
}

.textpage_role_details .pageBlockInner_FormBlock div.formRow.formRowButtonRow,
.Home .pageBlockInner_FormBlock div.formRow.formRowButtonRow {
    padding-top: 8px;
}

.Pos_Find_Results_Map_pageView,
.Pos_Find_Results_pageView {
    padding-top: 20px;
}

div#posBrowser_Filter_pageBlockContainer {
    float: left;
    width: 40%;
    margin: 60px 0 18px 0;
    height: auto;
    overflow: hidden;
    background-color: white;
    border-top: 3px solid #666663;
}

.Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
    margin: 58px 0 18px 0;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
    padding: 0 2.5%;
    overflow: hidden;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        height: auto;
        width: 100%;
    }

.Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
    padding: 0 2px;
    overflow: hidden;
}

    .Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock,
    .Pos_Find_Results_Map #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        padding-bottom: 30px;
    }

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer {
    border: none;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow {
        width: 100%;
        border-bottom: none;
        font-size: 1.15rem;
        padding: 5px 0 5px;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer {
            background: #DBDAD4;
            border: none;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel {
                color: #000000;
                padding: 9px 2px 9px 4px;
                font-size: 1.4rem;
                text-transform: uppercase;
                font-weight: 400;
                letter-spacing: 0.2em;
            }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList {
            padding: 0;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li {
                padding: 3px 1px 1px 21px;
                background: url(../images/sprites/unticked.png) no-repeat center left;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
                    background: url(../images/sprites/ticked.png) no-repeat center left;
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a span.count,
                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a span.label {
                    display: inline-block;
                    color: black;
                    text-decoration: none;
                    transition: all 0.3s ease-in;
                    font-size: 1.4rem;
                    font-weight: 400;
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a span.label {
                    padding: 8px 4px 8px 23px;
                }


                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a:hover {
                    text-decoration: none;
                }

.FilterContainer .HeaderLabel:after {
    content: '+';
    font-size: 25px;
    float: right;
    margin-right: 10px;
    margin-top: -11px;
    color: black;
    font-weight: 400;
}

.FilterContainer .HeaderLabel.active:after {
    content: '-';
}

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    float: none;
    cursor: pointer
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li,
#posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
    margin: 5px 0 0 5px;
    padding: 0;
    list-style: none;
    float: none;
}



.Home #intro_content_formRow {
    display: none;
}

.FilterContainer .ValueContainer {
    display: none; /*block  -- to show filters always*/
}

.FilterContainer.show .ValueContainer {
    display: block;
}

.Pos_Find_Results_Map .alternateViewsText,
.Pos_Find_Results .alternateViewsText,
.Pos_Find_Results .sortingText {
    font-size: 1.2rem;
    color: #000000;
    line-height: 17px;
    font-weight: 400;
    margin-top: 5px;
    display: block;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.filtersSummaryTextContainer {
    padding-bottom: 10px;
}

.posBrowserMapBlock .alternateViewsCurrent,
.pageBlockInner_GridBlock .sortingText,
.pageBlockInner_GridBlock .alternateViewsCurrent {
    float: none;
    display: block;
}

.Pos_Find_Results_Map .filtersExpander a,
.Pos_Find_Results .filtersExpander a,
.Pos_Find_Results .alternateViewsCurrent a,
.Pos_Find_Results_Map .alternateViewsCurrent a {
    padding: 0;
    margin-left: 0;
    color: #000000;
    text-decoration: underline;
}

    .Pos_Find_Results .filtersExpander a.filtersExpanderButton_Expanded,
    .Pos_Find_Results .filtersExpander a:hover,
    .Pos_Find_Results_Map .filtersExpander a.filtersExpanderButton_Expanded,
    .Pos_Find_Results_Map .filtersExpander a:hover,
    .Pos_Find_Results .alternateViewsCurrent a:hover,
    .Pos_Find_Results_Map .alternateViewsCurrent a:hover {
        text-decoration: none !important;
    }

.Pos_Find_Results_Map .noResults .noRecordsContainer,
.Pos_Find_Results .noResults .noRecordsContainer {
    background-color: #A9BCC4;
    padding: 10px;
    color: #303849;
    margin-top: 36px;
    font-weight: 400;
    border-radius: 0;
}

.pageBlockInner_GridBlock .pagingControls_Tiles .pagingText {
    float: left;
    margin-right: 10px;
    padding-top: 3px;
    color: black;
}
/*end*/
/**fix sorting button**/
div.sortingCurrent a.normalanchor {
    background-image: url(../images/sprites/xarrow-down.png);
    background-position: center right;
    background-repeat: no-repeat;
    color: #000000;
    padding-left: 0;
    padding-right: 13px;
    text-decoration: none;
    display: block;
    text-decoration: underline;
}

    div.sortingCurrent a.normalanchor:hover {
        color: #ae6425;
    }


#posBrowser_ResultsGrid_pageBlockContainer {
    margin: 0;
}


    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock {
        padding: 0;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock {
        overflow: hidden;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
            border: none;
            padding: 4px;
            margin-bottom: 18px;
            border-bottom: 3px solid #666663;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer,
            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer {
                margin: 0;
                width: 39%;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer {
                    padding: 0;
                    margin: 0;
                }

.pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
    float: left;
    clear: both;
    margin: 0px 0 0 1px;
    padding: 0px 10px 2px 15px;
}



#posBrowser_ResultsGrid_pageBlock .gridContent {
    margin-left: 0;
    margin-right: 0;
}

.pageBlockInner_GridBlock .pagingControls_Tiles {
    float: right;
    margin-top: 18px;
}

    .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
        background-image: url(../images/sprites/xarrow-left.png);
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
        background-image: url(../images/sprites/xarrow-right.png);
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles a > img {
        display: none;
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles a {
        margin: 9px 5px 1px 1px;
        transition: all .1s ease-in-out;
    }

        .pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
            margin: 8px 5px 1px 1px;
            background-color: #ffffff;
            border: none;
            background-repeat: no-repeat;
            background-position: center center;
            transition: all .1s ease-in-out;
        }

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer {
    padding: 0;
}

.Pos_Find_Results .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    overflow: auto;
    padding: 14px 14px 0 14px;
}


#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
    width: calc(100% - 14px);
    font-size: 1.15em;
    padding-bottom: 10px;
    border-radius: 0;
    display: inline-block;
    min-height: 111px;
    background-color: #ffffff;
    margin: 4px 5px;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        width: 100%;
        border: 0;
        margin: 0 !important;
        height: auto;
        background: none;
        padding: 0;
        box-shadow: 0px 0px 9px 1px rgb(102 110 115 / 27%);
        transition: all .2s ease;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContainer {
        color: #000000;
        background-color: #B0AFA7;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
        text-decoration: none !important;
        color: #000000;
        font-size: 1.6rem;
        transition: all .2s ease;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer,
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer {
        padding: 4px;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
            line-height: 1.3rem;
            font-size: 1.3rem;
        }



        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer2_desc {
            font-size: 14px;
        }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowHeader .rowLabel a {
        color: #000000;
    }

.pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
    overflow: hidden;
    min-height: 34px;
}

/*COMMA*/
/*#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma {
    display: none;
}*/

span.name_vacancyColumn.vacancyColumn {
    margin-left: 5px;
}

.Pos_Find_Results span.vacancyColumn {
    display: inline-block;
}


#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:last-child:after {
    display: none;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover:before {
    height: 100%;
}


/*#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter {
    height: 150px;
    padding: 0 18%;
}*/

.posListHover {
    display: none !important;
}

.posBrowserMapBlock .addressContainer .addressLabel {
    font-size: 1.4rem;
    width: 97px;
    padding-top: 3px;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton {
    float: right;
    padding: 1px 2px 0px 2px;
    background-color: #303849;
    border: 1px solid #303849;
    transition: all 0.3s ease-in;
    text-align: center;
    color: white;
    border-radius: 0;
}


    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover {
        background: white;
        color: black;
    }

.posBrowserMapBlock .addressContainer .addressInput {
    float: left;
    width: 125px;
    margin-right: 10px;
    border-radius: 0;
    border: 1px solid #444e55;
    height: 31px;
}

.posBrowserMapBlock .addressContainer {
    z-index: 88;
}

.posBrowserMapBlock .addressContainer {
    margin-top: 9px;
}
/*#endregion */

/*#region Job Description Styling */
body.pos_description {
    background: #f1f1f1;
}

#eaContainer #posdesc_pageBlock .posDescriptionContainer {
    overflow: visible;
    margin: 1em;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
    padding: 1em;
    background: #7E97A2;
    color: #fff;
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    border-radius: 0;
}

    #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li {
        list-style: none;
        display: inline-block;
        margin: 0 10px;
        padding: 2px 8px;
        border-radius: 5px;
    }

#posdesc_pageBlock ul.jobSum li .jobSumLabel {
    padding-left: 3px;
}

li.jobSumItem.SumItem_displaysalarydescription:before,
li.jobSumItem.SumItem_codelist10value:before,
li.jobSumItem.SumItem_codelist11value:before,
li.jobSumItem.SumItem_codelist3value:before,
li.jobSumItem.SumItem_codelist4value:before,
li.jobSumItem.SumItem_codelist5value:before {
    content: " ";
    width: 23px;
    height: 27px;
    position: absolute;
    margin-left: -20px;
    font-family: fontAwesome;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}

/*location*/
li.jobSumItem.SumItem_codelist5value:before {
    background-image: url(../images/icons/location20.png);
}
/*department*/
li.jobSumItem.SumItem_codelist4value:before {
    background-image: url(../images/icons/department20.png);
}
/*division*/
li.jobSumItem.SumItem_codelist3value:before {
    background-image: url(../images/icons/division20.png);
}
/*employment*/
li.jobSumItem.SumItem_codelist10value:before,
li.jobSumItem.SumItem_codelist11value:before {
    background-image: url(../images/icons/emp-type20.png);
}
/*salary*/
li.jobSumItem.SumItem_displaysalarydescription:before {
    margin-left: -22px;
    background-image: url(../images/icons/salary20.png);
}

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left;
}

div.posDescriptionContainer317 .LeftJobBox {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 70%;
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #fff;
    padding: 40px;
}

.JobTitle h1 {
    margin: 15px auto;
    line-height: normal;
    font-family: Libre Caslon Text, serif;
    color: #303849;
}

div.posDescriptionContainer317 .RightJobBox {
    display: block;
    float: left;
    margin-left: 10px;
    width: 29%;
}

.RightJobBox .ApplyNowContainer.ApplyViaFormContainer {
    width: 100%;
}


.RightJobBox .ApplyNowContainer.ApplyViaFormContainer,
.RightJobBox .ApplyNowContainer .buttonsLeft li,
.RightJobBox .ApplyNowContainer .buttonsLeft,
.RightJobBox .ApplyNowContainer .buttonsLeft a.right,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer {
    width: 100%;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-bottom: 10px;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

.recruiterContainer {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #fff;
    border-radius: 0;
    padding: 2em 1em;
    word-break: break-all;
    margin-bottom: 10px;
    text-align: center;
}

h2.recruiter-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    line-height: 1.8;
    font-size: 16px;
    color: #39393c;
    font-family: Inter, sans-serif;
}

#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts,
#eaContainer #posdesc_pageBlock .messageContainer {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #fff;
    border-radius: 0;
    padding: 2em;
    margin-bottom: 10px;
}

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    width: auto;
    display: table;
}

    #eaContainer #PosDescSharingItems a.PosDescSharingItem {
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transition: all .2s ease;
        position: relative;
        border-radius: 0;
    }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem img {
            display: none;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem {
            background-image: url(../images/loginsocial/Linkedin.png);
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem {
            background-image: url(../images/loginsocial/Facebook.png);
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem {
            background-image: url(../images/loginsocial/Email.png);
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem:before {
            content: "";
            font-family: FontAwesome;
            color: #303849;
            font-size: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            line-height: normal;
        }



.benefitsContainer {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #A9BCC4;
    border-radius: 0;
    padding: 2em;
    display: flex;
    margin: 10px 0;
}

body.location5831 .benefitsContainer {
    display: none;
}

h2.benefits-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    line-height: 1.8;
    font-size: 18px;
    color: #ffffff;
    font-family: Inter, sans-serif;
}

.benefitBlock {
    width: 50%;
    text-align: center;
    float: left;
    min-height: 140px;
    line-height: normal;
    font-size: 1.6rem;
    color: white;
}

    .benefitBlock:before {
        content: "";
        width: 70px;
        height: 70px;
        margin: 5px auto 5px;
        display: block;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: all ease .2s;
    }

    .benefitBlock:hover:before {
        /*filter: grayscale(1);*/
        transform: scale(1.1);
    }

    .benefitBlock.pension:before {
        background: url("../images/icons/pension.png");
        background-size: 100%;
    }

    .benefitBlock.medical:before {
        background: url("../images/icons/medical.png");
        background-size: 100%;
    }

    .benefitBlock.virtualgp:before {
        background: url("../images/icons/gp.png");
        background-size: 100%;
    }

    .benefitBlock.gym:before {
        background: url("../images/icons/gym.png");
        background-size: 100%;
    }

    .benefitBlock.psychologist:before {
        background: url("../images/icons/psychologist.png");
        background-size: 100%;
    }

    .benefitBlock.annualleave:before {
        background: url("../images/icons/annual.png");
        background-size: 100%;
    }

    .benefitBlock.lifeassurance:before {
        background: url("../images/icons/assurance.png");
        background-size: 100%;
    }

    .benefitBlock.criticalillness:before {
        background: url("../images/icons/critical-illness.png");
        background-size: 100%;
    }
    /*no icons for these two*/
    .benefitBlock.flexible:before {
        background: url("../images/icons/flexible.png");
        background-size: 100%;
    }

    .benefitBlock.physiotherapy:before {
        background: url("../images/icons/physiotherapy.png");
        background-size: 100%;
    }

    .benefitBlock.fitness:before {
        background: url("../images/icons/fitness.png");
        background-size: 100%;
    }

.sa-site .benefitsContainer,
.internal-sa-site .benefitsContainer {
    display: none;
}

body.sa-site.Pos_Description .recruiterContainer {
    display: none;
}


.rec-img img {
    border-radius: 100%;
    max-width: 120px;
}

.VacancyMap {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}


div.posDescriptionContainer317 .BigVacancyMap {
    width: auto;
    display: none;
}

div.posDescriptionContainer317 .BigVacancyMap {
    width: auto;
}

.Pos_Description #eaContainer a.googleMapsButton {
    color: white;
    text-decoration: none;
    font-weight: 400;
}

#posdesc_pageBlock .posDescriptionContainer {
    overflow: hidden;
}

.mapContainer .ButtonHolder span:hover {
    color: #242B39;
}

.isSA .contactBlock {
    display: none;
}

.contactBlock {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2);
    background: #fff;
    border-radius: 0;
    padding: 2em 1em;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    display: none;
}

    .contactBlock .buttonsRight,
    .contactBlock .buttonsRight ul li,
    .contactBlock .buttonsRight ul li a {
        width: 100%;
    }

        .contactBlock .buttonsRight ul li a {
            cursor: pointer;
        }

.contactContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 100;
    display: none;
}

    .contactContainer .contactModal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        width: 50%;
        overflow: auto;
    }

        .contactContainer .contactModal .topContainer {
            width: 100%;
            position: relative;
            border-bottom: 1px solid #B0AFA7;
            overflow: hidden;
        }

            .contactContainer .contactModal .topContainer .close {
                padding: 10px 20px;
                font-size: inherit;
                transition: all .2s ease;
            }

                .contactContainer .contactModal .topContainer .close:hover {
                    background: #242B39;
                    color: #fff;
                    opacity: 1;
                }

        .contactContainer .contactModal #ContactForm_pageBlockContainer {
            margin-bottom: 0;
        }

            .contactContainer .contactModal #ContactForm_pageBlockContainer #ContactForm_pageBlock {
                padding: 10px;
                padding-bottom: 40px;
            }

                .contactContainer .contactModal #ContactForm_pageBlockContainer #ContactForm_pageBlock .formRow .labelContainer,
                .contactContainer .contactModal #ContactForm_pageBlockContainer #ContactForm_pageBlock .formRow .controlContainer {
                    float: none;
                }

                .contactContainer .contactModal #ContactForm_pageBlockContainer #ContactForm_pageBlock .formRow .buttonsRight,
                .contactContainer .contactModal #ContactForm_pageBlockContainer #ContactForm_pageBlock .formRow .buttonsRight ul li {
                    width: 100%;
                    text-align: center;
                }

                    .contactContainer .contactModal #ContactForm_pageBlockContainer #ContactForm_pageBlock .formRow .buttonsRight ul li input {
                        width: auto;
                        float: none;
                        display: inline-block;
                    }
/*#endregion */
/*#region Login/Register Styling */
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label.formLabel,
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer {
    max-width: 100%;
}

#questions_pageBlockContainer div#questions_buttons_formRow,
div#UsernameForm_buttons_formRow,
div#PasswordForm_buttons_formRow,
div#RegisterForm_buttons_formRow {
    margin-top: 60px;
}


#UsernameForm_pageBlock .ssoIcon a.ssoIconLink {
    position: relative;
}

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:before {
        content: '';
        width: 64px;
        height: 64px;
        border-radius: 100%;
        background-color: #ffffff;
        display: block;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: 'Font Awesome 5 Brands';
        font-size: 40px;
        color: #303849;
        transition: all 0.3s ease-in;
    }

#UsernameForm_pageBlock .ssoIcon.linkedin_ssoIcon a.ssoIconLink:after {
    content: "\f0e1";
}

#UsernameForm_pageBlock .ssoIcon.google_ssoIcon a.ssoIconLink:after {
    content: "\f1a0";
}

#UsernameForm_pageBlock .ssoIcon.facebook_ssoIcon a.ssoIconLink:after {
    content: "\f39e";
}

#UsernameForm_pageBlock .ssoIcon.microsoft_ssoIcon a.ssoIconLink:after {
    content: "\f3ca";
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink:hover:after {
    opacity: 0.5;
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink img {
    display: none;
}
/*#endregion */

/*#region Application Sections Styling */
#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
#Application_Home_pageView .ulListItem {
    border: 1px solid #A9BCC4;
    background: #A9BCC4;
    cursor: pointer;
    margin-top: 4px;
    list-style: none;
    padding: 3px 10px 3px 10px;
    height: 50px;
    width: 98%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    background-image: url(../images/sprites/unselected-progress-hover.png);
    background-position: 97% 50%;
    background-repeat: no-repeat
}

    #Application_Home_pageView .ulListItem div.ulListItemLabel a {
        color: #303849;
        text-decoration: none;
        font-size: 1.6rem;
        font-weight: 400
    }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations:hover,
    #Application_Home_pageView .ulListItem:hover {
        border-color: #7E97A2;
        background-color: #7E97A2;
        transition: all 0.3s ease-in;
    }




        #Application_Home_pageView .ulListItem:hover div.ulListItemLabel a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease-in;
        }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations.Completed,
    #Application_Home_pageView .ulListItem.Completed {
        background-color: #7E97A2;
        background-image: url(../images/sprites/selected-progress-hover.png);
    }

        #Application_Home_pageView .ulListItem.Completed div.ulListItemLabel a {
            color: white;
        }

#Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
#Application_Home_pageView .ulList div.ulListItemLabel {
    margin: 8px 0 5px 9px;
    padding-top: 0px;
    text-align: left;
}
/*#endregion */

/*modal close*/
button.ui-dialog-titlebar-close:after {
    content: 'x';
    color: black;
    font-weight: 700;
}

.questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
    margin-left: 0px;
    padding: 2px;
}

.appSummaryGridColumn_question .appSummaryGridHeader {
    display: none;
}

.appSummaryGridColumn_question .appSummaryGridValue {
    font-weight: 700;
}

.appSummaryGridColumn_answer .appSummaryGridHeader {
    display: none;
    
}

.appSummaryGridColumn_answer .appSummaryGridValue {
    font-weight: 400;
}
/*#region Profile Styling */

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
    background-color: #A9BCC4;
    background-image: none;
    border-bottom: 1px solid #303849;
    width: 100%;
    font-size: 1.25em;
    padding: 0.8em 1em 0.8em 1em;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover {
        background-color: #7E97A2;
        transition: all 0.3s ease-in;
    }


    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer {
        padding: 0;
        margin: 0;
        overflow: visible;
    }


        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage img {
            height: 100% !important;
            width: 100% !important;
        }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage {
            /*display: none;*/
        }
        /*#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage img {
                width: 100%;
                height: 100%;
            }*/

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue {
            margin-left: 100px;
        }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel {
                transition: all 0.3s ease-in;
                margin-bottom: 0;
                display: inline-block;
                text-transform: none; /*uppercase*/
            }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel::first-letter {
                    text-transform: uppercase;
                }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel a {
                    font-weight: normal;
                    text-decoration: none;
                    color: #303849;
                    font-family: Libre Caslon Text, serif;
                }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconDescription {
                display: none;
            }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
            line-height: 27px;
            font-size: .7em;
            overflow: visible;
            transition: all 0.3s ease-in;
            /* float: right; */
            padding-right: 5px;
            color: #303849;
        }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
                margin: 0;
            }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel {
                    margin-right: 0;
                }

                    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after {
                        content: ':';
                        margin-right: 5px;
                    }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData {
                    font-weight: normal;
                }

                    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
                        content: '|';
                        padding: 0 12px;
                    }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                    color: white;
                    font-weight: 700;
                }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after {
                    display: none;
                }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover:before {
        height: 100%;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel,
    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconRowValues {
        /*color: #fff;*/
    }

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    /*color: white;*/
    color: #303849;
    font-weight: 700;
}

div#WelcomeInfoBlock_Logout_formRow .iconLabel {
    display: block;
    width: 100%;
    height: 100%;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
    padding-top: 0;
    padding-left: 6px;
    margin-top: -3px;
}

#ShowCurrentAppLink2_info1_formRow .textLiteralAlignment_Unknown,
#ShowCurrentAppLink_info1_formRow .textLiteralAlignment_Unknown {
    text-align: left;
}

[src*="Profile/checkbox.png"] {
    background: url(../images/sprites/ticked.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding-left: 24px;
}

[src*="Profile/checkbox_unchecked.png"] {
    background: url(../images/sprites/unticked.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding-left: 24px;
}

.MyDetails div.pageBlockTitle {
    padding: 0;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft {
    width: 100%;
}

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary {
        display: none;
    }

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks {
        border: none;
        overflow: auto;
        padding: 0;
    }

        .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        }



            .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
                color: #303849;
                text-align: center;
                text-decoration: none;
                transition: all 0.3s ease-in;
                background-image: none;
                font-weight: 400;
            }

                .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover {
                    color: #ae6425;
                }



.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
    width: 100%
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage {
    border: 1px solid #f2f2f2;
    background-color: #A9BCC4;
}

    #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
        background-image: url(../images/icons/icon_mydetails.png) !important;
        background-repeat: no-repeat;
        width: 80px;
        height: 80px;
    }

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent {
    border: 1px solid #f2f2f2;
}

a#newProfileImageContainer {
    display: none
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer,
#MyDetails_Username_pageView {
    background-color: white;
}

    #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
        overflow: auto;
        margin: 0 auto 10px auto;
        padding: 10px;
        border: 1px solid #C1C3C8;
        background-color: white;
    }


.buttonsLeft a.buttonAnchor.buttonActionId_verify_email_address {
    margin-left: 10px;
}


.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom {
    margin-top: 20px;
}

/*mydetails*/
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage {
    border: 1px solid #f2f2f2;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: 3px solid transparent;
    padding: 10px;
}

.MyDetails #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
.MyDetails #MyDetails_pageView .pageBlockContainer_GridBlock,
.MyDetails #MyDetails_pageView #SkillsForm_pageBlockContainer,
.MyDetails #MyDetails_pageView #fileupload_pageBlockContainer {
    padding: 20px;
    border: 1px solid #f2f2f2;
    margin-right: 0;
}

.MyDetails .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
    margin: 0;
    border: 3px solid transparent;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader {
    padding: 0;
}

    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel {
        margin: 10px 0 0;
    }

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer {
    margin: 0;
    padding: 0;
}

    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer,
    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel {
        padding: 0;
    }


#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
    padding: 20px;
    border: none;
    text-align: center;
    min-height: 90px;
    margin: 0;
}

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer {
        width: 100%;
        margin-bottom: 20px;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer {
        margin-left: 0;
        float: left;
        width: 100%;
    }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer {
            margin-bottom: 20px;
        }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a {
            position: relative;
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            outline: 0;
            text-align: center;
            text-decoration: none;
            border-radius: 0;
            transition: all 0.3s ease-in;
            max-width: 50%;
            min-width: 12em;
            margin: 0 auto;
            background-color: #303849;
            color: #fff;
            width: 100%;
            padding: .6em;
            border: none;
        }

            #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover {
                background-color: #C1C3C8;
                color: black;
            }

#ToDoList_pageBlockContainer {
    display: none;
}

.isSA #ToDoList_pageBlockContainer {
    display: block;
}


#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
    color: #000;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    padding: 0;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer {
        width: 100%;
        margin: 0;
    }

/*#endregion */

/*#region Application/Onboarding Styling */
/*v2 blox*/
/*#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {*/ /*move this*/
/*background: #0079c5;
    border-color: #0079c5;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    border: 1px solid #0079c5;
    background-color: #ffffff;
    padding: 8px 8px 8px 8px;
}*/

/**tick and continue**/
#Application_Section_CV_SectionCompleteBlock_completed {
    display: none
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filename {
    color: #303849;
}

.pageBlockInner_FormBlock .fakecheck:hover,
.pageBlockInner_FormBlock .fakecheck {
    background-image: url(../images/sprites/unticked.png);
}

    .pageBlockInner_FormBlock .fakecheck.fakechecked:hover,
    .pageBlockInner_FormBlock .fakecheck.fakechecked {
        background-image: url(../images/sprites/ticked.png);
    }

div#EMailSummaryGrid_pageBlockContainer {
    padding-top: 20px;
}
/**interview**/
.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar {
    text-align: left;
}

#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
    display: none;
}



a.offerAnchor, a.downloadLink {
    text-decoration: underline;
}

.Pos_Questions label,
.MyWelcomePacks_OfferForm_TaxInformation label,
.MyWelcomePacks_OfferForm_Referee label,
.MyWelcomePacks_OfferForm_HealthQuestions label,
.MyWelcomePacks_OfferForm_GenericForm label {
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}

.Offer_Accepted div#OfferDetails_video_formRow {
    padding-bottom: 40px;
}

div#RegisterForm_gdprinfo_formRow {
    padding-top: 20px;
}

    div#RegisterForm_gdprinfo_formRow div.textLiteral {
        text-align: left
    }

    div#RegisterForm_gdprinfo_formRow .labelContainer {
        width: 100%;
        max-width: 100%;
    }

label[for="Application_Login_RegisterForm_GpdrDeclaration"],
label[for="Login_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegister_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegisterWithAlerts_RegisterForm_GpdrDeclaration"] {
    max-width: 100% !important;
    width: 100% !important;
}

div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .labelContainer,
div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .controlContainer {
    max-width: 100%;
}

/*.offer_accepted.isSA #OfferDetails_pageBlockContainer,
.offer_accepted.isSA #BackBlock_pageBlockContainer {
    display: none;
}*/

.offerWelcomeContent {
    display: none;
}

.offer_accepted .welcomeBlocksContainer {
    text-align: center;
    overflow: hidden;
    margin: 20px 0;
}

    .offer_accepted .welcomeBlocksContainer .welcomeBlock {
        width: calc(50% - 5px);
        padding: 20px;
        display: inline-block;
        text-align: center;
    }

        .offer_accepted .welcomeBlocksContainer .welcomeBlock .content {
            position: relative;
            text-decoration: none;
            border-radius: 12px;
            overflow: hidden;
            display: block;
            box-shadow: 0 8px 32px #00000014;
        }

            .offer_accepted .welcomeBlocksContainer .welcomeBlock .content:before {
                padding-bottom: 56.25%;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                display: block;
            }

            .offer_accepted .welcomeBlocksContainer .welcomeBlock .content p {
                padding: 20px;
                border-top: 6px solid #cd934d;
                background: #fff;
                display: block;
                transition: all .2s ease;
                margin-bottom: 0;
            }

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox_TotalItems_2 .offerLayoutPlaceHolder:first-child {
    padding-right: 5px;
}

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox_TotalItems_2 .offerLayoutPlaceHolder:last-child {
    padding-left: 5px;
}

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .nameContainer {
    width: 100%;
    margin: 20px 0 40px;
    text-align: center;
}

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .nameContainer .nameContent {
        padding: 20px;
        background: #fff;
        border-top: 6px solid #c1803d;
        border-radius: 12px;
        text-align: center;
        width: auto;
        display: inline-block;
        font-size: 36px;
        line-height: 50px;
        box-shadow: 0 8px 32px #00000014;
    }

.earcu_onboarding .countdownContainer {
    width: 100%;
    margin: 20px 0 40px;
    text-align: center;
    display: none;
}

    .earcu_onboarding .countdownContainer .countdownContent {
        text-transform: uppercase;
        padding: 20px;
        background: #fff;
        border-top: 6px solid #c1803d;
        border-radius: 12px;
        display: inline-block;
        box-shadow: 0 8px 32px #00000014;
    }

        .earcu_onboarding .countdownContainer .countdownContent .countdownNo {
            padding: 20px;
            font-size: 36px;
            line-height: 50px;
            min-width: 90px;
            color: #fff;
            margin-bottom: 5px;
            position: relative;
            display: inline-block;
        }

            .earcu_onboarding .countdownContainer .countdownContent .countdownNo:before {
                content: '';
                background: #c1803d;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                border-radius: 100%;
                z-index: 1;
            }

            .earcu_onboarding .countdownContainer .countdownContent .countdownNo span {
                position: relative;
                z-index: 2;
            }

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer {
    position: relative;
    width: 100%;
    min-height: 600px;
}

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 565px;
        height: 565px;
        border-radius: 100%;
        border: 6px solid #c1803d;
        display: block;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        transition: all .2s ease;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer.activeBlurb:after {
        background: rgba(0,0,0,0.7);
        z-index: 3;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock {
        position: absolute;
        z-index: 2;
        width: 200px;
        text-align: center;
        padding: 5px;
        background: #fff;
        cursor: pointer;
        transition: all .2s ease;
        border-radius: 12px;
    }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock:hover,
        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.active {
            background: #c1803d;
            color: #fff;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_1 {
            top: 15%;
            right: 25%;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_2 {
            top: 45%;
            right: 16%;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_3 {
            top: 75%;
            right: 25%;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_4 {
            top: 75%;
            left: 25%;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_5 {
            top: 45%;
            left: 16%;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_6 {
            top: 15%;
            left: 25%;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock i {
            font-size: 30px;
        }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .blurbContainer .blurbBlock {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 12px;
        padding: 40px;
        border-top: 6px solid #cd934d;
        box-shadow: 0 8px 32px #00000014;
        text-align: center;
        z-index: 4;
        opacity: 0;
        transition: all .2s ease;
        visibility: hidden;
    }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .blurbContainer .blurbBlock.active {
            opacity: 1;
            visibility: visible;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .blurbContainer .blurbBlock .close {
            position: absolute;
            top: 5px;
            right: 5px;
            padding: 5px;
            line-height: initial;
        }

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul {
    list-style: none;
    padding-left: 0;
}

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li:first-of-type {
        display: none;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li {
        width: 50%;
        padding: 20px;
        display: inline-block;
        text-align: center;
    }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li a {
            position: relative;
            text-decoration: none;
            border-radius: 12px;
            overflow: hidden;
            display: block;
            box-shadow: 0 8px 32px #00000014;
        }

            #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li a:before {
                padding-bottom: 56.25%;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                display: block;
            }

            #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li a span {
                padding: 20px;
                border-top: 6px solid #cd934d;
                background: #fff;
                display: block;
                transition: all .2s ease;
            }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li#Our_Purpose_subPageMenuItem a:before {
            content: "";
            background-image: url(../images/custom/ourPurpose.jpg);
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li#Your_Benefits_subPageMenuItem a:before {
            content: "";
            background-image: url(../images/custom/yourBenefits.jpg);
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li a:hover span {
            background: #cd934d;
            color: #fff;
        }

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBlock {
    padding: 20px;
    border-radius: 12px;
    background: #303849;
    color: #fff;
    min-height: 275px;
}

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBlock * {
        color: inherit;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBlock h2 {
        display: inline-block;
    }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBlock h2:after {
            content: '';
            width: 100%;
            margin-top: 5px;
            background: #fff;
            height: 1px;
            display: block;
        }

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBoxesContainer .offerLayoutPlaceHolder:nth-of-type(3n+2) .ideaBlock {
    background: #7e97a2;
}

#OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBoxesContainer .offerLayoutPlaceHolder:nth-of-type(3n+3) .ideaBlock {
    background: #c1803d;
}
/*#endregion */
/*#region Job Alerts */
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

.MyJobFeed th#col_lookupResults_name {
    width: 100% !important;
}

.MyJobFeed td.cell_lookupResults_name {
    color: black;
    font-weight: 400;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td,
.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: #328589;
}

    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a {
        color: white;
    }

.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
    padding-left: 5px;
}

.pageBlockInner_FormBlock label.formLabel {
    text-align: left;
    padding-bottom: 5px;
    font-weight: 700;
}

.pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { /**file uploads**/
    text-align: center;
}

/*#posdesc_pageBlock .posDescriptionContainer,*/
#posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    overflow: hidden;
}

.pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
.pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl {
    width: 30%;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    width: 360px;
}

/*for select form items eg on job alerts*/
#eaContainer .formRowSelectMultiCodelistRow label,
#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage {
    padding: 0;
}

#MyJobFeedForm_form div.formRow {
    margin-top: 1em;
}

.pageBlockInner_GridBlock table.gridTable th {
    color: black;
}

.MyJobFeed .pageBlockInner_GridBlock div.gridContentWithHeader {
    border: 1px solid #d0d0d0;
    background: none;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable th {
    background: white;
}

/* Display input tooltips on UK sites */
.internal-site .tooltip2_Surround,
.internal-site .tooltip2_SurroundClosing,
.external-site .tooltip2_Surround,
.external-site .tooltip2_SurroundClosing {
    display: block !important;
}


/*#endregion */
/*mydeeets - connected*/
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
    min-height: 160px;
}

/* Responsive Styling */
@media screen and (max-width: 1224px) {
    #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
    }
}

@media screen and (max-width:1200px) {
}


@media screen and (max-width:1024px) {
    .homehero {
        min-height: 366px;
    }

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        float: left;
        width: 100%;
    }

    li a.buttonAnchor.buttonActionId_saveSkill {
        padding-top: 11px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width:991px) {
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        float: none;
        display: block;
        width: 100%;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        height: 200px;
        width: calc(46% - 4px);
    }

        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
            height: 115px;
        }

    div#posBrowser_Filter_pageBlockContainer {
        width: 100%;
        float: none;
        margin-top: 0;
    }

    .Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
        margin: 0 0 18px 0;
    }

    #posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .homehero {
        background-image: url(../images/custom/homebanner.jpg);
        background-position: top left;
        min-height: 330px;
    }

    .searchbox {
        margin-top: 386px;
    }

    .searchboxsearch {
        margin-top: 0;
        width: 100%;
        max-width: 100%;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_1 {
        top: 15%;
        right: 0;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_2 {
        top: 45%;
        right: 0;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_3 {
        top: 75%;
        right: 0;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_4 {
        top: 75%;
        left: 0;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_5 {
        top: 45%;
        left: 0;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock.wheelBlock_6 {
        top: 15%;
        left: 0%;
    }
}

@media screen and (max-width:767px) {
    .homehero {
        /*        background-image: none;
        background-color: #303849;*/
    }

    body.home #content-main {
        background-color: white;
        background-image: none;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listItemCountContainer {
        font-size: 0.9rem;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        height: 133px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
        width: 97%;
        margin: 4px 0 0 0;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        margin: 4px 4px;
        width: calc(100% - 8px);
    }

    .buttonsLeft ul li,
    .buttonsRight ul li {
        width: 100%;
        padding-bottom: 10px;
    }

    .textpage_role_details a.nojobs_anchor {
        max-width: 100%;
    }

    .buttonsRight li:nth-child(n+2),
    #MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li {
        margin-left: 0 !important;
    }

    .buttonsLeft,
    .buttonsRight {
        width: 100%;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItem {
        display: block;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner,
        #posSummaryBlockv2_pageBlock .MySummaryItem .MySummaryItemInner {
            margin-left: 0;
            margin-right: 0;
        }

    li a.buttonAnchor.buttonActionId_saveSkill {
        padding-top: 13px;
        padding-bottom: 13px;
        margin-bottom: -10px !important;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel,
    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
        float: left;
        width: 100%;
    }


    .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        margin: 7px 0 0 -16px;
    }

    .pageBlockInner_GridBlock .TilesGridSortingContainer {
        width: 100%;
    }

    .MyJobFeed #dialogDialogContainer {
        width: 100% !important; /*override inline style*/
        left: 0 !important; /*override inline style*/
    }

    input.buttonActionId_change {
        margin-left: 0px !important;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        background-position: top -48px center;
    }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations, #Application_Home_pageView .ulListItem {
        padding: 0px 10px 0px 10px;
        height: 70px;
        display: grid;
        place-items: center left;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        height: 136px;
        margin: 0 4px !important;
    }

    .buttonsLeft a.buttonAnchor.buttonActionId_verify_email_address {
        margin-left: 0px;
    }

    input.freesearch {
        width: 100%;
    }

    h2.rtwbigtitle {
        background-position: 2px 12px;
        height: auto;
        padding-top: 0px;
    }

    body.textpage_job_links,
    body.textpage_facilities {
        margin-top: 100px !important;
    }

    html.modalShow {
        overflow-y: scroll;
    }

        html.modalShow body {
            overflow: auto;
        }

    .contactContainer .contactModal {
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        max-height: 300px;
    }
    /*job desc*/
    #eaContainer #posdesc_pageBlock .posDescriptionContainer {
        margin: 0;
    }

    #eaContainer #posdesc_pageBlock .possharing,
    #eaContainer #posdesc_pageBlock .posAlerts,
    .recruiterContainer,
    .benefitsContainer,
    div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
        box-shadow: none;
    }

    .RightJobBox .ApplyNowContainer.ApplyViaFormContainer {
        margin-top: 20px;
    }

    div.posDescriptionContainer317 .LeftJobBox,
    .benefitsContainer,
    .recruiterContainer,
    #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts {
        padding: 18px;
    }

    div#posdesc_pageBlock {
        padding: 0;
    }
    /*end jd*/

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox_TotalItems_2 .offerLayoutPlaceHolder {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 10px;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer {
        min-height: 1px;
        position: initial;
    }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer:after,
        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .blurbContainer .blurbBlock {
            position: fixed;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer.activeBlurb:after {
            z-index: 101;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer:before {
            display: none;
        }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock {
            position: relative;
            transform: none;
            top: initial !important;
            right: initial !important;
            left: initial !important;
            width: 100%;
            border: 6px solid #c1803d;
            margin-bottom: 10px;
        }

            #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .wheelBlockContainer .wheelBlock:last-child {
                margin-bottom: 0;
            }

        #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .wheelContainer .blurbContainer .blurbBlock {
            width: 90%;
            z-index: 102;
        }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerBlockContainer_SubPagesMenu ul li,
    .offer_accepted .welcomeBlocksContainer .welcomeBlock {
        width: 100%;
    }

    #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .ideaBlock {
        min-height: 1px;
    }
}
/* Responsive Styling Ends*/

/* Talent Pools Events Styling */
.CandidateEvent_List .main {
    min-height: 400px;
}

.talentBtn {
    overflow: hidden;
}

body.TalentPool_List .pageBlockInner_GridBlock div.gridContent {
    border: none;
}

#talentpoolgrid_pageBlock .rowContainerHolder {
    width: calc(33% - 20px);
    overflow: auto;
    display: inline-block;
    margin: 10px;
    height: 315px;
}

#talentpoolgrid_pageBlock .rowContainer {
    min-height: 230px;
    border: 1px solid #dddde0;
    transition: all 0.3s ease-in;
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}

    #talentpoolgrid_pageBlock .rowContainer:hover {
        background-color: #B0AFA7;
        transition: all 0.3s ease-in;
    }

#talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
    overflow: hidden;
    min-height: 34px;
    text-align: center;
    width: 100%;
}

#talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    display: grid;
    padding: 2px;
    height: 76px;
    place-items: center;
    text-align: center;
}

    #talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader .rowLabel a {
        text-decoration: none;
        transition: all 0.3s ease-in;
        color: black;
        font-weight: 400;
        font-size: 2rem;
        font-family: Libre Caslon Text, serif;
        line-height: 2rem;
    }

#talentpoolgrid_pageBlock .rowContainer:hover .rowHeader .rowLabel a {
    transition: all 0.3s ease-in;
}

#talentpoolgrid_pageBlock .rowContainer .rowItemsContainer {
    padding: 0;
    margin: 0;
}

#talentpoolgrid_pageBlock .rowContainer .rowItemsContainer2 img {
    filter: brightness(1.2);
    transition: all 0.3s ease-in;
    width: 100%;
    height: auto;
}


#talentpoolgrid_pageBlock .rowContainer:hover .rowItemsContainer2 img {
    transform: scale(1.1);
    filter: brightness(1);
    transition: all 0.3s ease-in;
}

.talentPoolDescription p {
    margin: 0 0 10px;
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    font-size: 18px;
}

div#talentpooldesc_pageBlock {
    width: 100%;
    overflow: hidden;
}

#alerts-box {
    text-align: center;
    overflow: hidden;
    background-image: url(../Images/custom/alerts-bg.jpg);
    background-position: right top;
    margin-bottom: 30px;
}

    #alerts-box .text-container {
        background-color: #303849;
        margin: 0;
        padding: 22px;
        width: 469px;
        min-height: 253px;
    }

    #alerts-box .ee-inner {
        padding: 10px;
    }

    #alerts-box ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

    #alerts-box li {
        text-align: left;
    }

    #alerts-box h2 {
        margin-top: 0;
        font-weight: 400;
        font-size: 2em;
        font-family: Libre Caslon Text, serif;
        line-height: 2rem;
    }

    #alerts-box h2, #alerts-box p {
        color: #ffffff;
        margin-bottom: 20px;
    }

        #alerts-box p.lrg {
            font-size: 22px;
            line-height: 110%;
            margin-bottom: 10px;
        }


@media screen and (max-width:1200px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        height: 272px;
    }
}


@media screen and (max-width:992px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        width: calc(50% - 20px);
        height: auto;
    }
}

@media screen and (max-width:768px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        width: calc(100% - 20px);
    }

    #alerts-box {
        background-image: none;
        background-color: #303849;
    }

        #alerts-box .text-container {
            width: 100%;
        }
}
/* Talent Pools Events Styling Ends */


/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}
/**/

/*progress etc*/

#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyWelcomePackSummaryValues {
    background: #f1f1f1;
    margin-top: 13px;
    padding: 1em;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt,
#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
}

#posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl {
    margin: 0 0 3px 0;
    padding: 0;
    overflow: auto;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    float: none;
    font-weight: bold;
    width: 10%;
}

span.earcujobref a, .MySummaryItemContent a {
    color: #ae6425;
    text-decoration: underline;
}

    span.earcujobref a:hover, .MySummaryItemContent a:hover {
        text-decoration: none;
    }

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #ae6425;
    border-color: #ae6425;
}

.carouselcont {
    margin-top: 54px;
    margin-bottom: 54px;
}

.testimborder {
    border-right: 1px solid #C1C3C8;
    padding-right: 28px;
}

img.testimimg {
    border-radius: 50%;
    width: 240px !important;
    height: auto;
    margin-left: auto;
    margin-right: 0;
}

.testimtextcol {
    height: 240px;
    display: grid;
    place-items: center left;
}

.testimtext {
    padding-left: 18px;
}

    .testimtext p {
        font-family: Libre Caslon Text, serif;
        font-size: 1.8rem;
        line-height: 2.6rem;
    }



ul.testimlist {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
}

    ul.testimlist li {
        line-height: 20px;
    }


.owl-carousel .owl-nav .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 28%;
    margin-left: -20px;
    display: block !important;
    font-size: 6rem !important;
    font-family: sans-serif !important;
    color: #6E7480 !important;
}

.owl-carousel .owl-nav .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 28%;
    right: -25px;
    display: block !important;
    font-size: 6rem !important;
    font-family: sans-serif !important;
    color: #6E7480 !important;
}

    .owl-carousel .owl-nav .owl-prev:hover,
    .owl-carousel .owl-nav .owl-next:hover {
        background: none;
    }

        .owl-carousel .owl-nav .owl-prev:hover span,
        .owl-carousel .owl-nav .owl-next:hover span {
            color: #303849;
            background: none;
        }

@media all and (max-width:768px) {
    .testimborder {
        border-right: none;
        padding-right: 15px;
    }

    img.testimimg {
        margin-right: auto;
    }

    .testimtext {
        padding-left: 20px;
        padding-right: 20px;
    }

    .testimtextcol {
        height: 200px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }

    .owl-carousel .owl-nav .owl-prev {
        margin-left: 0px;
    }
}

/*Chatbot*/

/* don't display on uk site, only displaying the onboarding chatbot*/
#menu-item-98.chatbot {
    /* display: none;*/
}

div.escb-conv-form-wrapper {
    position: relative;
    padding: 5px;
    box-shadow: 0px 4px 5px #ccc;
    background: #fdfdfd;
}


    div.escb-conv-form-wrapper div.escb-wrapper-messages {
        position: relative;
        min-height: 500px;
        max-height: 100%;
        height: 100%;
        overflow-y: hidden;
    }

    div.escb-conv-form-wrapper:before {
        content: '';
        background: transparent;
    }

.escb-message img {
    max-width: 60px;
    float: left;
}

div.escb-conv-form-wrapper div#escb-messages {
    max-height: 100% !important;
    overflow-y: scroll;
    padding-bottom: 10px !important;
}

    div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to {
        background: #f1f1f1;
        color: #6f6f6f;
        float: left;
        border-top-left-radius: 0;
        display: flex;
        align-items: center;
    }

    div.escb-conv-form-wrapper div#escb-messages div.escb-message {
        border-radius: 20px;
        padding: 12px 22px;
        font-size: 20px;
        color: #333;
        display: inline-block;
        padding: 10px 15px 8px;
        border-radius: 20px;
        margin-bottom: 15px;
        float: right;
        clear: both;
        max-width: 95%;
        word-wrap: break-word;
    }

form.escb-convFormDynamic textarea.escb-userInputDynamic {
    font-size: 16px;
    height: auto !important;
    box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.4);
    display: none;
}


div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-from {
    background: #303849;
}

div.escb-conv-form-wrapper div.escb-options div.escb-option {
    font-size: 15px;
    border: 1px solid rgb(48 56 73 / 0.66);
    color: #303849;
}


.escb-spinLoader {
    visibility: hidden;
    display: none;
}

form.escb-convFormDynamic {
    width: 99%;
    box-shadow: none;
    margin: 0;
    padding: 10px !important;
}

div.escb-conv-form-wrapper div.escb-options {
    display: block;
    position: relative;
    overflow: hidden;
    white-space: inherit;
}

form.escb-convFormDynamic button.escb-submit {
    color: #303849;
    display: none;
}

    form.escb-convFormDynamic button.escb-submit:hover {
        background: #303849;
        color: #fff;
    }


/*#region events */
.candidateEventName h1 {
    font-size: 2.4rem;
}

.candidateevent_list #EarcuIntroTextBlockTitle {
    display: none;
}

#eventsListContainer .eventContainerWrapper .eventContainer {
    border: 1px solid #dddde0;
    margin: 4px
}

    #eventsListContainer .eventContainerWrapper .eventContainer .eventName {
        font-weight: bold;
        font-size: 1.1em;
        color: black;
    }

#eventsListContainer .eventContainerWrapper:hover .eventContainer .eventName {
    color: #AE6425;
}

@media screen and (max-width:992px) {
    #eventsListContainer .eventContainerWrapper {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width:768px) {
    #eventsListContainer .eventContainerWrapper {
        width: 100%;
        float: left;
    }
}

/*#endregion */

/*#region onboarding from old */
.earcu_onboarding #TitleBlock_pageBlockContainer,
.earcu_application #intro_pageBlock,
.earcu_onboarding #intro_pageBlock,
.mywelcomepacks_offerform_summary #intro_pageBlock,
.onboardingHeading h1 {
    display: none;
}

.PosMyWelcomePackSummaryLinks a,
a.offerAnchor {
    color: #303849;
    text-decoration: underline;
}

    .PosMyWelcomePackSummaryLinks a:hover,
    a.offerAnchor:hover {
        text-decoration: none;
    }

.offerDecisionContainer .buttons {
    display: block;
    margin-top: 26px;
}

#signatureformgroup .signatureInfoText {
    margin-bottom: 26px;
}

#eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer {
    /*background-color:#f1f1f1*/
}

    #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem {
        display: inline-block;
    }

.onboardingMenuContainer .menuItemInner {
    background: #A9BCC4;
    padding: 10px;
    text-align: center;
    margin: 5px;
    border-radius: 0;
}

    .onboardingMenuContainer .menuItemInner a {
        font-family: Libre Caslon Text, serif;
        color: #303849;
        text-decoration: none;
    }

#eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem_active .menuItemInner {
    background: #A9BCC4;
}

    #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem_active .menuItemInner a.menuAnchor {
        color: #303849;
        font-weight: bold;
    }



#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    margin: 0;
}

body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit {
    height: auto;
    padding: 0;
    min-height: 0;
    width: 100%;
    margin: 0;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
    margin: 0;
    padding: 5px 10px;
    text-align: left;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a {
    color: #ffffff;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock,
#eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock,
.Application_Home #sectionslist_pageBlock,
.Application_Home #BackBlock_pageBlock {
    padding: 0;
    margin-top: 15px;
}

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
        width: 30%;
        margin: 10px;
        border: 1px solid #7E97A2;
        background: #fff;
        height: auto;
        min-height: 152px;
        background-repeat: no-repeat;
        position: relative;
        padding: 0;
        background-size: 81px;
        background-position: top 10px center;
    }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:nth-child(3n+1) {
            clear: left;
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel {
            padding: 10px;
            background: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            transition: all .3s ease;
        }

            #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel a.listAnchor {
                color: #303849;
                transition: all .3s ease-in-out;
                display: block;
                text-align: center;
                font-weight: 400;
                font-size: 1.5rem;
                line-height: 1.9rem;
            }


        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel {
            background: #303849;
        }

            #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel a.listAnchor {
                color: white
            }
    /*done above*/

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
        background-image: url(../images/onboarding/ConflictsOfInterestPolicy.png);
    }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferPersonalDetails,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm5 {
            background-image: url(../images/onboarding/PersonalDetails.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferBankDetails {
            background-image: url(../images/onboarding/BankDetails.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferTaxInformation {
            background-image: url(../images/onboarding/Tax.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile1 {
            background-image: url(../images/onboarding/P45Upload.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm1 {
            background-image: url(../images/onboarding/ExpressionOfWish.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferNextOfKin {
            background-image: url(../images/onboarding/NextofKin.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferEmergencyContact {
            background-image: url(../images/onboarding/EmergencyContact.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm2,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile6,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile7,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm7 {
            background-image: url(../images/onboarding/PrivateMedical.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm3 {
            background-image: url(../images/onboarding/PersonalAccountDealing.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferMultiFile2 {
            background-image: url(../images/onboarding/ITAcceptableUsage.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm4,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm6,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm8 {
            background-image: url(../images/onboarding/Pension.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferMultiFile3 {
            background-image: url(../images/onboarding/ComplianceManual.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile10 {
            background-image: url(../images/onboarding/Pass.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm9 {
            background-image: url(../images/onboarding/BusinessInterests.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
            background-image: url(../images/onboarding/Submit.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferPreviousAddress,
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1 {
            background-image: url(../images/onboarding/Location.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5 {
            background-image: url(../images/onboarding/Inspire.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3 {
            background-image: url(../images/onboarding/Benefits.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6 {
            background-image: url(../images/onboarding/dresscode.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm13 {
            background-image: url(../images/onboarding/IWI.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm12 {
            background-image: url(../images/onboarding/Key_Policy.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm12 {
            background-image: url(../images/onboarding/Key_Policy.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile4 {
            background-image: url(../images/onboarding/SPS.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile5 {
            background-image: url(../images/onboarding/FormA.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm11 {
            background-image: url(../images/onboarding/ConflictsOfInterestPolicy.png);
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm10 {
            background-image: url(../images/onboarding/ConflictsOfInterestPolicy.png);
        }

        /***offer sections completed extra***/
        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed {
            background-color: #A9BCC4;
        }

            #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel,
            #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel:hover {
                background: rgb(48 56 73 / 0.60);
                background-image: url(../images/sprites/white-tick.png);
                background-repeat: no-repeat;
                background-position: 99% 50%;
            }

                #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel a,
                #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel:hover a {
                    color: white;
                }
/***offer sections completed extra***/
.onboarding-chatbot {
    background-image: url(../images/custom/chatbot_look.gif) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 97px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    color: transparent;
    opacity: 0.8;
    transition: all 0.3s ease;
}

/***styling for offer literal***/

div#fileupload_OfferFile10_Files_formRow .labelContainer label {
    text-align: center;
}


body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .pair .labelInner, #ProfileInfoBlock_pageBlock .pair .labelInner {
    margin-right: 10px;
    line-height: 1.8;
    font-size: 16px;
}

body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .profileContainer {
    float: left;
    width: 32%;
    border: none;
    margin: 5px;
    min-height: 320px;
    box-shadow: 0px 0px 5px 2px #ccc;
}

    body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .profileContainer .profileNameContainer {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        width: auto;
        display: block;
        text-align: center;
        font-size: 20px;
    }

    body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .profileContainer .profileImageContainer {
        float: none;
        width: 100px;
        min-height: 150px;
        margin: auto;
    }

body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .pair .value,
body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #ProfileInfoBlock_pageBlock .pair .value {
    float: none;
    word-break: break-all;
}

@media screen and (max-width: 992px) {
    body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .profileContainer {
        width: 48%;
    }

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
        width: calc(50% - 20px);
        margin: 10px;
    }
}

@media screen and (max-width: 768px) {
    body.mywelcomepacks_offerinformation_section.MyWelcomePacks_OfferInformation_Section.company-10 #OfferInfoBlock_pageBlock .profileContainer {
        width: 98%;
    }

    #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem {
        width: 100% !important;
    }

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
        width: 100%;
        margin: 10px;
    }
}

/*tax literal*/
.mywelcomepacks_offerform_taxinformation #Edit_OFFERTAXINFORMATION_StudentLoanInstructions_formRow .textLiteral_Info {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
/*end*/

/*#endregion */
/*#region Extra onboarding */

#OfferInfoBlock_pageBlock .profileContainer {
    float: left;
    width: calc(33% - 20px);
    border: 1px solid #d0d0d0;
    margin: 10px;
    box-shadow: inset 0 13px 20px -10px #9e9e9e, 0 13px 20px -10px #9e9e9e;
}

    #ProfileInfoBlock_pageBlock .profileContainer .pair .label,
    #OfferInfoBlock_pageBlock .profileContainer .pair .label {
        color: #303849;
        font-size: 90%;
        text-align: left;
        padding: 4px;
    }

    #ProfileInfoBlock_pageBlock .profileContainer .pair_profileJobTitle .label,
    #OfferInfoBlock_pageBlock .profileContainer .pair_profileJobTitle .label {
        display: none;
    }

#OfferInfoBlock_pageBlock .pair .labelInner,
#ProfileInfoBlock_pageBlock .pair .labelInner {
    margin-right: 1px;
}

#ProfileInfoBlock_pageBlock .profileContainer .pair_profileEmail .value,
#ProfileInfoBlock_pageBlock .profileContainer .pair_profileBusinessUnit .value {
    line-height: 37px;
}

@media screen and (max-width:992px) {
    #OfferInfoBlock_pageBlock .profileContainer {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:768px) {
    #MyWelcomePacks_OfferInformation_Profile_pageView #ProfileInfoBlock_pageBlock .profileImageContainer {
        width: 100%;
    }

    #OfferInfoBlock_pageBlock .profileContainer {
        width: calc(100% - 20px);
    }
}
/*#endregion */

/*hiding talent pools*/
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_396_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_397_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_398_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_399_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_400_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_401_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_402_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_403_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_404_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_405_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_406_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_407_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_408_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_409_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_410_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_411_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_412_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_413_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_414_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_415_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_416_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_417_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_419_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_421_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_422_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_423_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_424_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_425_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_427_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_428_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_429_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_430_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_431_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_432_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_433_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_434_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_435_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_436_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_437_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_438_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_439_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_440_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_441_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_442_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_443_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_444_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_445_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_446_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_447_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_448_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_449_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_450_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_451_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_452_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_453_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_454_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_455_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_456_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_457_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_458_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_459_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_460_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_461_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_462_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_463_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_464_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_465_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_466_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_467_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_468_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_469_rowId,
#talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_470_rowId {
    display: none;
}
