/*EnterpriseDemo_01*/
/*
    Jump to:
    Misc Styling
    Home Page Styling
    Application Review Styling
    Blog 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
    TUPE Styling
*/
/*debug*/
/** {
    outline: 1px solid red;
}*/
/* Misc Styling */

/**/

html body {
    color: var(--darkgrey);
}

body.Pos_Find_Results {
}

ul,
ol {
    padding-left: 25px;
}

ol {
    list-style: decimal;
}

a {
    color: var(--secondarycolor)
}

.navbar {
    margin-top: 0;
}

.page-title-box {
    padding-top: 180px;
    background-image: url(../images/custom/page-title.png)
}

@media screen and (max-width:992px) {
    .navbar .navbar-nav .nav-link {
        color: var(--lightcolor)
    }
}


.alternateViews a,
.FiltersContainer .ButtonsContainer a.AddLink,
.FilterContainer .ButtonsContainer a.BackLink,
.FilterContainer .ButtonsContainer a.RemoveLink,
.Pos_Description #eaContainer a,
a[class*="link_username_"],
a.emailTypeAnchor {
    text-decoration: underline;
}

    .alternateViews a:hover,
    .FiltersContainer .ButtonsContainer a.AddLink:hover,
    .FilterContainer .ButtonsContainer a.BackLink:hover,
    .FilterContainer .ButtonsContainer a.RemoveLink:hover,
    .Pos_Description #eaContainer a,
    a[class*="link_username_"]:hover,
    #eaContainer a:hover {
        text-decoration: none;
    }

.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#EarcuIntroTextBlockTitle,
h1.eArcuInfoHeader {
    font-size: 1.6rem;
    padding-top: 2px;
    padding-bottom: 12px;
    color: var(--darkcolor);
}

h1#EarcuHeadingTextBlockTitle {
    display: none;
}

h2.search {
    font-size: 1.8rem;
    padding-left: 17px;
    font-weight: 500;
}

.buttonsLeft ul, .buttonsRight ul {
    list-style-type: none;
    padding-left: 0;
}

ul.breadcrumb {
    list-style-type: none;
    margin: 0;
    display: inline-block;
    padding: 2px;
}

    ul.breadcrumb li {
        color: white;
        display: inline-block;
        position: relative;
        margin: 0 15px 0 20px;
        text-transform: capitalize;
    }

        ul.breadcrumb li::after {
            position: absolute;
            content: '\f061' !important;
            right: -28px;
            top: 4px;
            font-family: 'Font Awesome 6 Pro';
            font-size: 18px;
            line-height: 1;
            color: white !important;
        }

        ul.breadcrumb li:last-child::after {
            display: none;
        }

        ul.breadcrumb li:first-child {
            margin-left: 0;
        }

        ul.breadcrumb li a {
            color: white;
            font-weight: 500;
            font-family: apercumedium, sans-serif;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: var(--secondarycolor);
            }

select {
    background-color: white;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
}

.radioOptionLabel {
    font-family: apercumedium, sans-serif;
    font-weight: 500;
}

input[type=checkbox],
input[type=radio] {
    accent-color: var(--primarycolor);
}

.c-triangle {
    display: inline-block;
}

a.img {
    text-decoration: none !important;
}

.pageBlockInner_GridBlock div.gridContent {
    padding-top: 5px;
}

.checkboxContainer .fakecheckbox {
    display: none;
}

.pageBlockInner_FormBlock div.formRow.formRowButtonRow {
    padding-top: 40px;
}

.pageBlockInner_FormBlock div#quicksearch_SaveButtonRow_formRow {
    padding-top: 10px;
}

.Home p a {
    text-decoration: underline;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Value1 {
    background: red;
}

.contlabel,
#DetailsForm_fileupload_formRow .labelContainer,
#DetailsForm_fileupload_formRow .controlContainer,
.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: none;
    text-align: left !important;
    width: 100%;
    color: var(--darkcolor);
    height: auto;
    margin-bottom: 9px;
    margin-top: 8px;
    font-family: apercumedium, sans-serif;
    font-weight: 500;
}

    #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 {
        float: left;
    }

div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer {
    overflow: visible;
}

div.pageBlockInner_FormBlock div.formRow .controlError {
    color: red;
    padding-left: 0;
}

.contlabel {
    margin-left: 0;
    margin-top: 46px;
}

.searchformc,
.contform,
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 {
    color: var(--darkcolor);
    border: 1px solid var(--darkcolor);
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    box-sizing: border-box;
    min-width: 1px;
    border-radius: 5px;
    background: #fdfffc;
    min-height: 44px;
    padding-left: 10px;
    padding-right: 10px;
}

    input.searchformc:focus,
    input.contform:focus,
    input.freesearch:focus,
    .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,
    .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 {
        border: 1px solid var(--secondarycolor);
        box-shadow: none;
    }

    input.freesearch:focus-within {
        outline: none;
    }

.ProfileRegister #RegisterForm_gdprinfo_formRow,
.ProfileRegister #RegisterForm_GpdrDeclaration_formRow,
.ProfileRegisterWithAlerts #RegisterForm_gdprinfo_formRow,
.ProfileRegisterWithAlerts #RegisterForm_GpdrDeclaration_formRow,
.Application_Login #RegisterForm_gdprinfo_formRow,
.Application_Login #RegisterForm_GpdrDeclaration_formRow {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
}

.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select {
    padding: 9px 10px 10px 10px;
}


.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: var(--darkcolor);
}

.intl-tel-input {
    width: 100%;
}

.passwordStrength {
    width: 100%;
}

.Application_Section_Questions3 .labelContainer ul {
    list-style-type: square;
    padding-left: 30px;
}

input.searchsubmit,
a.buttonAnchorJobAlert,
.Pos_Description #eaContainer a.buttonAnchorApply,
.textpage_role_details a.nojobs_anchor,
.mapContainer .ButtonHolder .bigMapButton span.closeMapButton,
.mapContainer .ButtonHolder .bigMapButton a,
.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 {
    --initialTextColor: #fdfffc;
    --slideTextColor: #fdfffc;
    --initialBgColor: #ff426f;
    --slideBgColor: #cc3558; /**/
    color: var(--initialTextColor);
    background-image: linear-gradient(90deg, var(--initialBgColor) 0%, var(--initialBgColor) 50%, var(--slideBgColor) 50%, var(--slideBgColor) 100%);
    background-size: 200%;
    transition: background-position .5s cubic-bezier(.4,0,.2,1), color .5s cubic-bezier(.4,0,.2,1);
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-family: apercumedium, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    overflow: hidden;
    padding: 13px 25px !important;
    position: relative;
    text-decoration: none;
    border: none;
    float: none;
    clear: both;
    text-align: center;
}

    input.searchsubmit:hover,
    li.pageBlockHeader_AddNotClicked .iconContainer:hover,
    .mapContainer .ButtonHolder .bigMapButton span.closeMapButton:hover,
    .mapContainer .ButtonHolder .bigMapButton a:hover,
    a.buttonAnchorJobAlert:hover,
    .Pos_Description #eaContainer a.buttonAnchorApply:hover,
    input.buttonActionId_change.hover,
    .buttonsLeft button.buttonAnchor:hover,
    .buttonsRight button.buttonAnchor:hover,
    .buttonsLeft input.buttonSubmit: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-image: linear-gradient(rgb(0 0 0/20%) 0 0);
        transition: all 0.8s ease;*/
        color: var(--slideTextColor);
        cursor: pointer;
        background-position: -100% 100%;
    }

.buttonsLeft button.buttonAnchor,
.buttonsLeft a.buttonAnchor {
    --initialTextColor2: #142c52;
    --slideTextColor2: #ffffff;
    --initialBgColor2: transparent;
    --slideBgColor2: #142c52; /**/
    color: var(--initialTextColor2);
    background-image: linear-gradient(90deg, var(--initialBgColor2) 0%, var(--initialBgColor2) 50%, var(--slideBgColor2) 50%, var(--slideBgColor2) 100%);
    border: 1px solid #142c52;
    padding: 12px 24px !important;
}

li.pageBlockHeader_AddNotClicked .iconContainer {
    background-position: initial !important;
}


.buttonsLeft button.buttonAnchor:hover,
.buttonsLeft a.buttonAnchor:hover {
    color: var(--slideTextColor2);
    background-position: -101% 100% !important;
}



/*    li.pageBlockHeader_AddNotClicked .iconContainer:hover {
        background-position: left;
    }*/

div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password] {
    background-image: url(../images/icons/eye-slash-solid.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 31px;
}


div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text] {
    background-image: url(../images/icons/eye-solid.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 33px;
}

.mapContainer .ButtonHolder .bigMapButton {
    margin-top: 10px;
    margin-bottom: 10px;
    background: white
}

.ApplyNowContainer .buttonsLeft.apply-main,
.ApplyNowContainer .buttonsLeft.apply-main ul li {
    width: 100%;
}

#Pos_Description_pageView #posdesc_pageBlock a.apply-main-btn {
    padding-top: 23px;
    padding-bottom: 23px;
    background-color: var(--primarycolor);
    max-width: 380px;
    margin-left: auto;
    margin-right: auto !important;
    float: none;
    display: block;
}

a.googleMapsButton {
    color: white;
    text-decoration: none;
}

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a.buttonAnchorApply {
    margin-top: 4px;
    float: none;
    width: auto;
    margin-bottom: 3px;
}

a.buttonAnchorJobAlert {
    width: auto;
}

.verifContainer .buttonsLeft a {
    margin-top: 4px;
}

input.buttonActionId_change {
    margin-left: 10px !important;
}

.buttonsRight li a.buttonAnchor,
.buttonsRight li input,
.buttonsRight li input.buttonSubmit {
    margin: 0 !important;
}

li a.buttonAnchor.buttonActionId_saveSkill {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 4px !important; /*override above*/
    min-width: 72px;
}

.js-one {
    display: block;
}

.btn-hundred ul li,
.btn-hundred {
    width: 100%;
}

.pageBlockInner_FormBlock div.inputContainer input[name="newskill_display"] {
    width: 218px;
}

#Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-right: 0;
    width: 100%;
}

.textpage_role_details a.nojobs_anchor {
    max-width: 262px;
}

.buttonsRight li:nth-child(n+2) {
    margin-left: 5px !important;
}

.MyDetails_ForgetMe .buttonsRight li input.buttonSubmit.buttonActionId_remove_confirmed {
    margin-left: 5px !important;
    margin-bottom: 4px !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;
    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: var(--lightcolor);
    }

        #pageMessages .actionMessageContainer .actionMessage {
            padding-left: 25px;
        }

.linkContainer a {
    max-width: 12em;
    margin-top: 30px;
}

div#noPositions_pageBlock {
    color: var(--darkcolor);
}

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer {
    overflow: auto;
    margin: 10px 4px 10px 4px;
}

    #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
        max-width: 90%;
    }
/*#endregion */

/*#region home */

.page-hero {
    background-image: url(../images/custom/home-hero.png);
    background-color: var(--primarycolor);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 500px;
    width: 100%;
    position: relative;
}

    .page-hero .row {
        min-height: 500px;
    }

.video-hero {
    background-color: var(--primarycolor);
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .video-hero .row {
        height: 500px;
    }

#bigvideo {
    margin-top: -100px;
}



.ph-search {
    background-image: url(../images/custom/search-hero.png);
}

.ph-jobdesc {
    background-image: url(../images/custom/job-hero.png);
}

.hero-overlay {
    background-color: rgb(0 0 0 / 0.50);
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 500px;
}

h1.herotext {
    font-size: 3rem;
    color: white;
    font-family: apercumedium, sans-serif;
}

p.herop {
    display: block;
    border-top: 1px solid white;
    font-size: 1.2rem;
    color: white;
    font-family: apercumedium, sans-serif;
}

.callout-one {
    background-color: #9d7cfe;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 95 95' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 95h95V0C81.87 45.95 45.95 81.87 0 95' fill='%23531a9c'/%3E%3C/svg%3E");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 230px;
    padding: 140px 0 120px;
    text-align: center;
    margin-top: 70px;
}

    .callout-one .row {
    }

    .callout-one h2 {
        color: white;
        font-family: apercumedium, sans-serif;
        font-weight: 500;
        font-size: 4.4rem;
    }

.employee-spotlight {
    background-color: #e1f3fb;
    width: 100%;
    text-align: center;
}

    .employee-spotlight h2 {
        color: var(--primarycolor);
        font-family: apercumedium, sans-serif;
        font-weight: 500;
        font-size: 2.4rem;
    }

.e-spots {
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.e-spot {
    flex: 0 0 32%;
    text-align: left;
    background-color: white;
    color: black;
    text-decoration: none;
    padding: 0;
    min-width: 200px;
}

@media screen and (max-width: 1024px) {
    .e-spot {
        flex: 1 1 49%;
    }
}

@media screen and (max-width: 800px) {
    .e-spot {
        flex: 1 1 98%;
    }
}


.es-top {
    display: grid;
    place-items: start right;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 380px;
}

.est-1 {
    background-image: url(../images/custom/mark-poster.png);
}

.est-2 {
    background-image: url(../images/custom/keelan-poster.png);
}

.est-3 {
    background-image: url(../images/custom/liz-poster.png);
}

.es-text {
    display: block !important;
    padding: 20px
}

    .es-text h3 {
        color: #142c52;
        font-size: 1.4rem;
        font-family: apercumedium, sans-serif;
        font-weight: 500;
    }


    .es-text p {
        color: #142c52;
        font-size: 1rem;
        font-weight: 400;
    }

.callout-two {
    margin-top: 80px;
}

    .callout-two .row {
    }

.cat-text h2,
.job-alerts h2 {
    color: #142c52;
    font-size: 3.2rem;
    font-weight: 400;
}

.cat-text p
.job-alerts p {
    color: #142c52;
    font-size: 1rem;
    font-weight: 400;
    line-height: 20px;
}

.job-alerts-img {
    transform: rotate(-5deg);
    display: block;
    position: relative;
    border-radius: 20px;
}

    .job-alerts-img img {
        border-radius: 28px;
    }

    .job-alerts-img:before,
    .job-alerts-img:after {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        top: -2.5%;
        pointer-events: none;
        position: absolute;
        z-index: 2;
        transform: rotate(5deg);
    }

    .job-alerts-img:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 98 491.18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 393.18h98v98c-13.54-47.4-50.6-84.46-98-98zM7.11 70c33.86-9.67 60.32-36.14 70-70v70z' fill='%239D7CFE'/%3E%3C/svg%3E");
        background-position: 0 0;
        height: 110%;
        left: -4%;
        width: 110%;
    }

    .job-alerts-img:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 167.44 541.15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 381.15h160c-77.39 22.11-137.89 82.6-160 160zM97.44 70V0a101.903 101.903 0 0 0 70 70z' fill='%239D7CFE'/%3E%3C/svg%3E");
        background-position: 100% 0;
        height: 107%;
        right: -2.5%;
        width: 100%;
    }

.Home .CodeListCountsSummary.pageBlockContainer {
    padding: 0;
    background: none;
}

    .Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent {
        padding: 0;
    }

        .Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 {
            margin-left: 0;
            position: relative;
        }

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
    border: 18px solid white;
    height: 316px;
    border-radius: 25px;
    margin: 33px;
    width: calc(33% - 64px);
    transition: all 0.4s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    transform: rotate(5deg);
}

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover {
        border: 18px solid white;
    }

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemTitle {
    border-bottom: none;
    margin: 0 0;
    padding: 10px 4px 4px 4px;
    height: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
    min-height: 226px;
    position: relative;
}


.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemTitle a {
    color: var(--darkcolor);
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 1.2rem;
    /* width: 100%; */
    display: block;
    transition: all 0.4s ease;
    font-family: apercumedium, sans-serif;
    font-weight: 500;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .codeListBlockLower .listItemTitle a {
    transition: all 0.4s ease;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemCountContainer {
    text-align: center;
    color: var(--secondarycolor);
    font-size: 1rem;
    line-height: 1rem;
    transition: all 0.4s ease;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .listItemCountContainer {
    transition: all 0.4s ease;
}

.job-box {
    text-decoration: none;
}

    .job-box:hover {
        color: var(--tertiarycolor);
    }

.filter_text-label {
    display: none;
}

.form-control {
    min-height: 52px;
    font-size: 1.2rem;
    margin-bottom: 2px;
}

.searchsubmit {
    margin-bottom: 2px;
}

/*#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: 500;
        font-family: apercumedium, sans-serif;
    }
/*#endregion */

/* Blog Styling */

/* Our People Page Styling */
#profilesContainer {
    max-width: 1200px;
    float: none;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 30px 50px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}

    #profilesContainer .titleContainer {
        margin-bottom: 10px;
    }

    #profilesContainer .profileBlocksContainer {
        width: 100%;
        overflow: hidden;
    }

        #profilesContainer .profileBlocksContainer .profileBlock {
            width: 33.333%;
            float: left;
            text-decoration: none;
        }

            #profilesContainer .profileBlocksContainer .profileBlock .profileBlockContent {
                width: 97%;
                margin: 0 auto;
                height: 370px;
                position: relative;
                margin-bottom: 20px;
            }

                #profilesContainer .profileBlocksContainer .profileBlock .profileBlockContent .profileContentFront {
                    height: inherit;
                    text-align: center;
                }

                #profilesContainer .profileBlocksContainer .profileBlock .profileBlockContent .profileImg {
                    max-height: 273px;
                    height: 100%;
                    width: 100%;
                    background-color: #eee;
                    border-radius: 0;
                    background-size: cover;
                    background-position: 50% 50%;
                    background-repeat: no-repeat;
                    border: 2px solid #000;
                    border-bottom: none;
                }

            #profilesContainer .profileBlocksContainer .profileBlock:hover .profileBlockContent .profileImg {
                background-color: #ccc;
            }

            #profilesContainer .profileBlocksContainer .profileBlock .profileBlockContent .profileText {
                border: 2px solid #000;
                padding: 10px;
                text-align: center;
                box-sizing: border-box;
                height: auto;
                font-weight: bold;
                -webkit-transition: all .2s;
                transition: all .2s;
                /*
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                    */
                border-radius: 0;
            }

            #profilesContainer .profileBlocksContainer .profileBlock .profileName {
                margin-bottom: 5px;
            }

                #profilesContainer .profileBlocksContainer .profileBlock .profileName h3 {
                    font-size: 18px;
                    margin: 0;
                    color: #000;
                }

            #profilesContainer .profileBlocksContainer .profileBlock .profileJobTitle h4 {
                font-size: 15px;
                margin: 0;
                color: #000;
                font-weight: 400;
            }

            #profilesContainer .profileBlocksContainer .profileBlock:hover .profileText {
                background: #501872;
            }

                #profilesContainer .profileBlocksContainer .profileBlock:hover .profileText .profileName h3,
                #profilesContainer .profileBlocksContainer .profileBlock:hover .profileText .profileJobTitle h4 {
                    color: #fff;
                }

/* Our People Details Page Styling */
#profileContainer {
    width: 100%;
    overflow: auto;
    float: left;
}

    #profileContainer .profileContentContainer {
        overflow: hidden;
        width: 100%;
    }

        #profileContainer .profileContentContainer .profileContent .profileImageContainer {
            width: 25%;
            float: left;
        }

            #profileContainer .profileContentContainer .profileContent .profileImageContainer img {
                width: 100%;
            }

        #profileContainer .profileContentContainer .profileContent .profileText {
            width: 70%;
            float: right;
        }

            #profileContainer .profileContentContainer .profileContent .profileText div {
                margin-bottom: 10px;
            }

                #profileContainer .profileContentContainer .profileContent .profileText div:last-child {
                    margin-bottom: 0;
                }

        #profileContainer .profileContentContainer .profileContent .profileQuestionsContainer {
            width: 100%;
            float: left;
            clear: left;
            margin-top: 20px;
        }

            #profileContainer .profileContentContainer .profileContent .profileQuestionsContainer .questionsRow {
                width: 100%;
                float: left;
            }

                #profileContainer .profileContentContainer .profileContent .profileQuestionsContainer .questionsRow .questionsBlock {
                    width: 50%;
                    float: left;
                    padding: 10px;
                    text-align: center;
                }

.mockupsContainer .mockupContent {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

    .mockupsContainer .mockupContent .buttonsContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        flex: 100%;
    }

    .mockupsContainer .mockupContent .blocksContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
        flex: 100%;
    }

        .mockupsContainer .mockupContent .blocksContainer .mockupBlock {
            flex: 100%;
        }

            .mockupsContainer .mockupContent .blocksContainer .mockupBlock .blockContent {
                display: flex;
                flex-direction: column;
                text-align: center;
                gap: 10px;
            }

                .mockupsContainer .mockupContent .blocksContainer .mockupBlock .blockContent .blockText h3 {
                    margin: 0;
                    color: #ff426f;
                }

                .mockupsContainer .mockupContent .blocksContainer .mockupBlock .blockContent .blockImage img {
                    width: 100%;
                }
/* Our People Details Page Styling Ends */
/* Blog Styling Ends */
/*#region Results Page Styling */
.Pos_Find_Results_Map_pageView,
.Pos_Find_Results_pageView {
    padding-top: 20px;
}

div#posBrowser_Filter_pageBlockContainer {
    display: inline-block;
    width: 33%;
    margin: 0 0 12px 0px;
    height: auto;
    overflow: hidden;
    vertical-align: top;
}

.Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
    margin: -10px 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: 0;
        /*max-width: 376px;*/
        margin-left: 0;
        margin-right: auto;
    }

/*.Pos_Find_Results .filtersExpander{
    display: none;
}
*/
#posBrowser_Filter_pageBlock .FilterContainer_Text .ValueText {
    font-size: 16px;
    color: var(--primarycolor);
}

#posBrowser_Filter_pageBlock .FilterContainer_Text .ClearText a {
    text-decoration: none;
    font-size: 14px;
    color: var(--primarycolor);
}

div.pageBlockContentOverlay {
    background-color: transparent;
    opacity: 0;
}

.Pos_Find_Results .AvailableContainer {
    display: none;
}

#posBrowser_Filter_pageBlock .FilterContainer_LocationRadius .ValueList li.possibleDistancesLabel {
    display: none;
}
/*#posBrowser_Filter_pageBlock .FiltersContainer_Hidden {
    display: block;
}*/
#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: 12px 0 5px;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer {
            background-color: var(--secondarycolor);
            border: none;
            overflow: hidden;
            border-radius: 5px;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer .noEntries,
            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel {
                color: var(--lightcolor);
                padding: 7px 7px 7px 20px;
                font-weight: 400;
                font-size: 1.1rem;
                opacity: 1;
            }

/*                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel.active {
                    font-weight: 700;
                }*/


.FilterContainer .HeaderLabel:after {
    content: '\2b';
    font-family: "Font Awesome 6 Pro";
    color: var(--lightcolor);
    font-size: 16px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

.FilterContainer .HeaderLabel.active:after {
    font-family: "Font Awesome 6 Pro";
    content: '\f068';
    color: var(--lightcolor);
}


/*#posBrowser_Filter_pageBlock .ButtonsContainer {
    float: right;
}*/

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList {
    padding: 13px 0 0 0;
    overflow: hidden;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li {
        padding: 0 1px 0 21px;
        background: none;
        position: relative
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li::before {
            content: "\f0c8";
            font-family: "Font Awesome 6 Pro";
            top: -2px;
            left: 10px;
            color: var(--secondarycolor);
            position: absolute;
        }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected::before {
            content: "\f14a";
            font-family: "Font Awesome 6 Pro";
            top: -2px;
            left: 10px;
            color: var(--secondarycolor);
            position: absolute;
        }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a {
            display: inline-block;
            color: var(--darkgrey);
            padding: 0 0 0 9px;
            text-decoration: none;
            transition: all 0.4s ease;
            background-size: 0 !important;
            font-size: 15px;
        }


            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a:hover {
                text-decoration: none;
            }

/*#posBrowser_Filter_pageBlock .FilterContainer .ValueList span.count {
    display: none;
}*/


#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    float: none;
    cursor: pointer
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
    margin: 5px 0 8px 5px;
    padding: 0;
    list-style: none;
    float: none;
    display: inline-block;
    flex: 0 0 24%;
    display: grid;
    place-items: center left;
}

.Home #intro_content_formRow {
    display: none;
}

/*.FilterContainer .ValueContainer {
    display: none;*/ /*block  -- to show filters always*/
/*}

.FilterContainer.show .ValueContainer {
    display: block;
}*/

.FilterContainer.show .ValueContainer {
    display: block;
    transition: all 0.4s ease;
}

.FilterContainer .ValueContainer {
    display: none;
    transition: all 0.4s ease;
}


.Pos_Find_Results_Map .alternateViewsText,
.Pos_Find_Results .alternateViewsText,
.Pos_Find_Results .sortingText {
    font-size: 1rem;
    color: white;
    line-height: 17px;
    font-weight: 400;
    margin-top: 5px;
    display: none;
}

.filtersSummaryTextContainer {
    padding-bottom: 10px;
}

.Pos_Find_Results_Map .filtersExpander a,
.Pos_Find_Results .filtersExpander a {
    display: inline-block;
    outline: 0;
    text-decoration: none !important;
    transition: all 0.4s ease;
    color: var(--primarycolor);
    padding-left: 35px;
    text-decoration: none;
    padding-top: 2px;
    margin-left: 14px;
    font-weight: 500;
    font-family: apercumedium, sans-serif;
}

    .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 {
        /*background-color: var(--lightbluehover);*/
    }


.Pos_Find_Results_Map .alternateViewsCurrent a,
.Pos_Find_Results .alternateViewsCurrent a {
    display: inline-block;
    outline: 0;
    text-decoration: none !important;
    transition: all 0.4s ease;
    color: var(--primarycolor);
    padding-left: 35px;
    text-decoration: none;
    padding-top: 2px;
    padding-left: 22px;
    font-family: apercumedium, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
}

    .Pos_Find_Results .alternateViewsCurrent a:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f0ac';
        display: inline-block;
        padding-right: 4px;
        color: var(--secondarycolor);
    }

    .Pos_Find_Results_Map .alternateViewsCurrent a:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f03a';
        display: inline-block;
        padding-right: 4px;
        color: var(--secondarycolor);
    }


.Pos_Find_Results_Map .noResults .noRecordsContainer,
.Pos_Find_Results .noResults .noRecordsContainer {
    padding: 10px;
    color: var(--darkcolor);
    font-size: 1rem;
    margin-top: 20px;
}

.pageBlockInner_GridBlock .pagingControls_Tiles .pagingText {
    float: left;
    margin-right: 10px;
    padding-top: 17px;
    color: var(--darkcolor);
    font-family: apercumedium, sans-serif;
    font-weight: 500;
}
/*end*/

.pageBlockInner_GridBlock .sortingCurrent {
    float: none;
    clear: both;
    min-height: 40px;
    display: grid;
    place-items: center;
}

div.sortingCurrent a.normalanchor {
    color: var(--primarycolor);
    font-size: 15px;
    background-color: var(--lightcolor);
    border: none;
    border-radius: 0;
    margin-left: 5px;
    text-decoration: none;
    position: relative;
    font-family: apercumedium, sans-serif;
    font-weight: 500;
}

    div.sortingCurrent a.normalanchor:after {
        font-family: "Font Awesome 6 Pro";
        content: '\e030';
        display: inline-block;
        padding-left: 4px;
        color: var(--secondarycolor);
    }

.pageBlockInner_GridBlock .TilesGridSortingPopup {
    border: none;
}

    .pageBlockInner_GridBlock .TilesGridSortingPopup ul {
        border: 1px solid var(--primarycolor);
    }

li.sorter a {
    text-decoration: none;
    color: var(--primarycolor);
}

    li.sorter a:hover {
        text-decoration: underline;
    }


#MapBlock_pageBlockContainer,
#posBrowser_ResultsGrid_pageBlockContainer {
    margin: 0;
    width: 66%;
    display: inline-block;
    vertical-align: top;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle {
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock {
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            padding: 0 10px;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
                border: 1px dashed var(--darkgrey);
                border-radius: 5px;
                overflow: hidden;
                min-height: 60px;
                margin-bottom: 4px;
                background-color: white;
            }

                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer {
                    margin: 0;
                    display: inline-block;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer {
                        padding: 16px 0 0 0;
                        margin: 0;
                    }

.pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
    float: left;
    clear: both;
    margin: 0 0 0 34px;
    padding: 10px 0 0 0;
}

#posBrowser_ResultsGrid_pageBlock .gridContent {
    margin-left: 0;
    margin-right: 0;
}

.pageBlockInner_GridBlock .pagingControls_Tiles {
    float: right;
    padding-right: 16px;
    font-size: 1rem;
}

    .pageBlockInner_GridBlock .pagingControls_Tiles a > img {
        display: none;
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles a {
        margin: 10px 0 1px 0;
        background-color: var(--lightcolor);
        line-height: 1.25;
        padding: 9px 14px;
    }

        .pageBlockInner_GridBlock .pagingControls_Tiles a.buttonDisabled:hover,
        .pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
            margin: 10px 0 1px 0;
            border: none;
        }

        .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev,
        .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
            background-image: none;
        }

            .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev:after {
                font-family: "Font Awesome 6 Pro";
                content: '\f060';
                display: inline-block;
                border-left: none;
                font-weight: 700;
                color: var(--secondarycolor);
            }

            .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext:after {
                font-family: "Font Awesome 6 Pro";
                content: '\f061';
                display: inline-block;
                border-left: none;
                font-weight: 700;
                color: var(--secondarycolor);
            }

            .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext:hover {
                border-left: none;
            }

.pageBlockInner_GridBlock a.buttonDisabled,
.pageBlockInner_GridBlock a.buttonDisabled:hover {
    color: var(--darkcolor);
    background: none;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer {
    /*padding: 0 10px;*/
}

.Pos_Find_Results .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    overflow: auto;
    padding: 0 85px 0px 38px;
    min-height: 70px;
    display: grid;
    place-content: end left;
}

.Pos_Find_Results #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
    border-radius: 5px;
    display: block;
    color: var(--lightcolor);
    transition: all 0.4s ease;
    min-width: 0;
    word-wrap: break-word;
    background-color: white;
    flex: 0 0 48%;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover {
        transition: all 0.4s ease;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        width: 100%;
        border: none;
        margin: 0;
        height: auto;
        background: none;
        padding: 0;
        transition: all 0.4s ease;
        float: none;
        margin-left: 0 !important;
        border-radius: 5px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer,
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:nth-child(1n+1) .rowContainer {
        background-color: var(--tertiarycolor);
    }
        /*    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:nth-child(2n+1) .rowContainer {
        background-color: var(--secondarycolor);
    }
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:nth-child(3n+1) .rowContainer {
        background-color: var(--tertiarycolor);
    }*/


        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
            text-decoration: none !important;
            color: var(--lightcolor);
            font-size: 1.2rem;
            font-weight: 500;
            font-family: apercumedium, sans-serif;
            line-height: initial;
            transition: all 0.4s ease;
        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer {
            margin: 0;
            padding: 0 38px 0 38px;
            min-height: 72px;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer {
                padding: 0;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                    font-size: 0.9rem;
                    display: inline;
                }

            /*                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.pospublishenddate_vacancyColumn {
                    font-size: 0.9rem;
                }*/
            /*COMMA*/
            /*#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma {
                    display: none;
                }*/

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer2_desc {
                font-size: 0.9rem;
            }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowHeader .rowLabel a {
        /**/
    }

#posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowItemsInnerContainer {
    margin-left: 0;
}

.pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
    overflow: hidden;
    min-height: 48px;
}

span.name_vacancyColumn.vacancyColumn {
    margin-left: 5px;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContainer .rowContentContainer::after {
    opacity: 0.7;
}


#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 .rowContainer:after {
    /*after in search results box*/
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover:before {
    height: 100%;
}

.posListHover {
    display: none !important;
}

.posBrowserMapBlock .addressContainer .addressLabel {
    font-size: .9rem;
    width: 97px;
    padding-top: 3px;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton {
    float: right;
    padding: 4px 4px 2px 2px;
    background-color: var(--primarycolor);
    border: 0;
    transition: all 0.4s ease;
    text-align: center;
    color: white;
    border-radius: 0;
    width: 48px;
    text-transform: uppercase;
}

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover {
        background-color: var(--primarycolor);
    }

.posBrowserMapBlock .addressContainer .addressInput {
    float: left;
    width: 125px;
    margin-right: 10px;
    border-radius: 0;
    border: 1px solid var(--darkcolor);
    height: 31px;
}

.posBrowserMapBlock .addressContainer {
    z-index: 88;
    margin-top: 9px;
    margin-left: 20px;
    background-color: white;
    padding: 4px;
    border: none;
}

.mapBlock_PosListInfoBox {
    background: #ffffff;
    border: 1px solid var(--secondarycolor);
    width: 225px;
    border-bottom-right-radius: 16px;
}

    .mapBlock_PosListInfoBox .posListLabel {
        padding: 5px 20px 5px 5px;
        font-size: 1rem;
        color: var(--primarycolor);
        background-color: white;
    }

    .mapBlock_PosListInfoBox .posListContainer {
        padding: 5px;
        border-bottom: none;
    }

    .mapBlock_PosListInfoBox .posListItem a {
        padding: 5px;
        margin: 2px;
        border: none;
        display: block;
        font-size: .9rem;
    }

        .mapBlock_PosListInfoBox .posListItem a:hover {
            text-decoration: none;
            color: var(--secondarycolor);
        }

    .mapBlock_PosListInfoBox .posListAnchor {
        text-align: center;
        margin: 5px 10px;
        display: block;
        text-transform: uppercase;
        color: var(--primarycolor);
    }

        .mapBlock_PosListInfoBox .posListAnchor:hover {
            text-decoration: none;
            color: var(--primarycolor);
        }

/*#endregion */
/*#region Job Description Styling */

#posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h2,
#posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h1 {
    color: white;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 5px;
}



#posdesc_pageBlock .posDescriptionContainer317 .posdescriptionPropertyBox {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

#posdesc_pageBlock ul.jobSum {
    text-align: left;
    list-style-type: none;
    display: flex;
    justify-content: left;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}

    #posdesc_pageBlock ul.jobSum li {
        margin-left: 22px;
        padding: 0 0 0 8px;
        list-style: none;
        float: none;
        flex: 0 0 25%;
    }

        #posdesc_pageBlock ul.jobSum li::marker {
            content: "\f105";
            font-family: 'Font Awesome 6 Pro';
            line-height: 46px;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
        }

        #posdesc_pageBlock ul.jobSum li .jobSumLabel {
            display: inline-block;
            font-size: 1rem;
            margin-bottom: 0;
            font-weight: 500;
            font-family: apercumedium, sans-serif;
        }

        #posdesc_pageBlock ul.jobSum li .jobSumValue {
            margin-right: 0;
            display: inline-block;
            font-size: 1rem;
            margin-bottom: 0;
            font-weight: 400;
        }

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left;
    padding: 10px 0px 10px 0px;
}

.earcu_posdescription p strong {
    color: var(--darkcolor);
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 500;
    font-family: apercumedium, sans-serif;
}

.earcu_posdescriptionnote,
.earcu_posdescription p {
    font-size: 1rem;
    color: var(--darkgrey);
    line-height: 20px;
}

    .earcu_posdescriptionnote ul {
        list-style-type: none;
        padding-left: 0;
        margin-left: 22px;
    }

    .earcu_posdescriptionnote li {
        color: var(--darkgrey);
        font-size: 1rem;
        line-height: 20px;
        padding-left: 6px;
    }

        .earcu_posdescriptionnote li::marker {
            color: var(--darkgrey);
            font-size: 0.9rem;
            line-height: 1.8;
            padding-left: 0;
            padding-bottom: 10px;
            content: "\f00c";
            font-family: 'Font Awesome 6 Pro';
            font-weight: 700;
        }

#quickapplydialogDialogContainer {
    z-index: 1500 !important;
}

#QuickApplyForm_form .formRowTextLiteralRow {
    float: none;
    clear: both;
    display: block;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.VacancyMap {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    width: 100%;
    height: 288px;
}

.mapContainer .ButtonHolder .miniMapButton {
    background: #e9edf0;
    display: block;
    padding: 22px 10px;
    text-align: center;
}

    .mapContainer .ButtonHolder .miniMapButton a {
        color: var(--secondarycolor);
        text-decoration: underline;
    }

        .mapContainer .ButtonHolder .miniMapButton a:hover {
            text-decoration: none;
        }


/*sharing*/
#posdesc_pageBlock .posDescriptionContainer317 .possharing {
    padding-top: 2px;
    padding-bottom: 2px;
}

    #posdesc_pageBlock .posDescriptionContainer317 .possharing .possharing_header {
        text-align: center;
        margin-bottom: 4px;
        color: var(--darkcolor);
    }

#posdesc_pageBlock .possharing {
    border: none;
    padding: 0;
}

#PosDescSharingItems {
    overflow: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    height: 62px;
    width: 204px;
}


    #PosDescSharingItems .PosDescSharingItem:after {
        content: none
    }

    #PosDescSharingItems .PosDescSharingItem {
        border: none;
        display: inline-block;
        font-size: 30px;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 42px;
        color: white;
        border-radius: 10px;
        transition: .5s all ease;
        font-family: 'Font Awesome 6 Brands';
        text-decoration: none;
        background-color: var(--secondarycolor);
    }

a#linkedin_PosDescSharingItem::before {
    content: '\f0e1';
}

a#facebook_PosDescSharingItem::before {
    content: '\f39e';
}

a#twitter_PosDescSharingItem::before { /*X*/
    content: '\e61b';
}

a#email_PosDescSharingItem::before {
    content: '\f0e0';
    font-family: 'Font Awesome 6 Pro';
}


#PosDescSharingItems .PosDescSharingItem:hover {
    transition: all 0.4s ease;
    background: var(--secondarycolor);
    color: var(--lightcolor);
}


a#linkedin_PosDescSharingItem div,
a#facebook_PosDescSharingItem div,
a#twitter_PosDescSharingItem div,
a#email_PosDescSharingItem div {
    display: none;
}

.job-sidebar {
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#posdesc_pageBlock .videoOuterContainer {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

div#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
    min-height: 306px;
}

div.posDescriptionContainer317 .BigVacancyMap {
    width: auto;
    display: none;
}

.Pos_Description #eaContainer a.googleMapsButton {
    color: white !important;
    text-decoration: none;
    font-weight: 400;
}

#posdesc_pageBlock .posDescriptionContainer {
    overflow: hidden;
}

#posdesc_pageBlockContainer {
    margin-top: 0;
}

    #posdesc_pageBlockContainer #posdesc_pageBlock,
    #posdesc_pageBlock .posDescriptionContainer {
        padding: 0;
        overflow: hidden;
    }




.Pos_Description_Review .JobTitle h2 {
    font-size: 2rem;
    line-height: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.jd-right .ApplyNowContainer .buttonsRight {
    float: none;
}

    .jd-right .ApplyNowContainer .buttonsRight ul,
    .jd-right .ApplyNowContainer .buttonsRight ul li {
        width: 100%;
    }

div.arrowList a.filename {
    text-decoration: underline;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .section-right .ApplyNowContainer {
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
    min-height: 74px;
}

    #posdesc_pageBlockContainer #posdesc_pageBlock .section-right .ApplyNowContainer .buttonsRight ul li,
    #posdesc_pageBlockContainer #posdesc_pageBlock .section-right .ApplyNowContainer .buttonsRight {
        width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

#posdesc_pageBlockContainer #posdesc_pageBlock .descContent .RightJobBox .jobValues {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#posdesc_pageBlock .posrightbox_header {
    font-weight: 500;
    font-family: apercumedium, sans-serif;
}

#posdesc_pageBlock .posrightbox_info {
    padding: 10px 5px 10px 5px;
    font-size: 1rem;
    line-height: 20px;
    text-align: center;
}

#posdesc_pageBlock .posrightbox_info2 {
    padding: 0 5px 10px 5px;
    min-height: 63px;
    text-align: center;
}

div.arrowdocs {
    padding-top: 20px;
}

#arrowdoclist,
#supportdoclist {
    background-color: white;
    padding: 34px 20px 34px 20px;
    margin-bottom: 22px;
}

.arrowListTitle {
    font-size: 1.4rem;
    padding-bottom: 13px;
    margin-bottom: 17px;
}

#Pos_Description_pageView #posdesc_pageBlock .arrowList ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}

    #Pos_Description_pageView #posdesc_pageBlock .arrowList ul li {
        padding-bottom: 22px;
    }

        #Pos_Description_pageView #posdesc_pageBlock .arrowList ul li:last-of-type {
            padding-bottom: 0;
        }

        #Pos_Description_pageView #posdesc_pageBlock .arrowList ul li a {
            color: var(--darkcolor);
            text-decoration: none;
        }



.recruiterContainer {
    background: #fff;
    padding: 10px;
    word-break: break-all;
    margin-bottom: 10px;
    text-align: center;
}


h2.recruiter-title {
    text-align: center;
    margin-top: 3px;
    font-family: apercumedium, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--darkcolor);
}

.rec-img img {
    border-radius: 100%;
    max-width: 120px;
}

.rc-hide {
    display: none;
}
/**/
.benefitsContainer {
    background: var(--tertiarycolor);
    border-radius: 5px;
    padding: 12px;
    margin: 10px 0;
}

    .benefitsContainer h2 {
        text-align: center;
        font-weight: 500;
        font-family: apercumedium, sans-serif;
        margin-top: 3px;
        font-size: 1.2rem;
        color: white;
    }

.benefitBlock {
    width: 50%;
    text-align: center;
    display: inline-block;
    min-height: 140px;
    line-height: normal;
    font-size: 1rem;
    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 {
        transition: all ease .2s;
        transform: scale(1.1);
    }

    .benefitBlock.pension:before {
        background: url("../images/icons/pension.png");
        background-size: 100%;
    }

    .benefitBlock.health:before {
        background: url("../images/icons/medical.png");
        background-size: 100%;
    }

    .benefitBlock.annualleave:before {
        background: url("../images/icons/annual.png");
        background-size: 100%;
    }

    .benefitBlock.time:before {
        background: url("../images/icons/internships.png");
        background-size: 100%;
    }

    .benefitBlock.birthday:before {
        background: url("../images/icons/Division.png");
        background-size: 100%;
    }

    .benefitBlock.retail:before {
        background: url("../images/icons/Salary.png");
        background-size: 100%;
    }

    .benefitBlock.lifeassurance:before {
        background: url("../images/icons/assurance.png");
        background-size: 100%;
    }

    .benefitBlock.cycle:before {
        background: url("../images/icons/sport.png");
        background-size: 100%;
    }

    .benefitBlock.electric:before {
        background: url("../images/icons/return-to-work.png");
        background-size: 100%;
    }

    .benefitBlock.tech:before {
        background: url("../images/icons/gp.png");
        background-size: 100%;
    }

    .benefitBlock.learning:before {
        background: url("../images/icons/Department.png");
        background-size: 100%;
    }

    .benefitBlock.incredible:before {
        background: url("../images/icons/Location.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%;
    }

/***/

/*#endregion */
/*#region Login/Register Styling */
#PasswordForm_username_view_formRow a {
    color: var(--primarycolor);
}


.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;
    background-size: 0 !important;
}

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:before {
        content: '';
        width: 64px;
        height: 64px;
        border-radius: 100%;
        background-color: var(--lightcolor);
        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 6 Brands";
        font-size: 40px;
        color: var(--secondarycolor);
        transition: all 0.4s ease;
    }

#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: .7;
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink img {
    display: none;
}
/*#endregion */

/*#region Application Sections Styling */
/*v2 blox*/
#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { /*move this*/
    background: var(--tertiarycolor);
    border-color: var(--tertiarycolor);
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    border-radius: 0.25rem;
    border: 1px solid var(--primarycolor);
    background-color: #fdfffc;
    padding: 8px 8px 8px 8px;
}
/*end*/

#questions_question_130_formRow .controlContainer textarea.inputTextArea,
#questions_question_131_formRow .controlContainer textarea.inputTextArea,
#questions_question_132_formRow .controlContainer textarea.inputTextArea,
#questions_question_133_formRow .controlContainer textarea.inputTextArea,
#questions_question_142_formRow .controlContainer textarea.inputTextArea,
#questions_question_165_formRow .controlContainer textarea.inputTextArea,
#questions_question_28_formRow .controlContainer textarea.inputTextArea {
    height: 70px
}

#Application_Home_pageView .ulList,
#MyWelcomePacks_OfferInformation_Summary_pageView .ulList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
    #Application_Home_pageView .ulListItem,
    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem {
        background: white;
        border-radius: 5px;
        border: 1px solid var(--primarycolor);
        cursor: pointer;
        list-style: none;
        padding: 20px !important;
        height: auto !important;
        overflow: auto;
        float: none;
        display: block;
        margin: 0;
        flex: 30%;
        transition: all 0.4s ease;
        text-align: center;
        color: var(--primarycolor);
    }

        #Application_Home_pageView .ulListItem div.ulListItemLabel a,
        #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem a {
            color: inherit;
            text-decoration: none;
            font-size: 1.2rem;
            line-height: 41px;
        }

        #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations:hover,
        #Application_Home_pageView .ulListItem:hover,
        #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem:hover {
            border: 1px solid var(--primarycolor);
            background-color: var(--primarycolor);
            color: #fff;
        }

            #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations:hover div.ulListItemLabel a,
            #Application_Home_pageView .ulListItem:hover div.ulListItemLabel a,
            #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem:hover div.ulListItemLabel a {
                text-decoration: none;
            }

        #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations.Completed,
        #Application_Home_pageView .ulListItem.Completed,
        #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Completed {
            background-color: var(--primarycolor);
            color: #fff;
        }

    #Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
    #Application_Home_pageView .ulList div.ulListItemLabel,
    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList div.ulListItemLabel {
        margin: 0;
        padding-top: 0px;
        text-align: inherit;
        display: flex;
        flex-direction: column;
        text-align: center !important;
        gap: 5px;
        font-weight: 400;
        color: inherit !important;
    }

        #Application_Home_pageView .ulList div.ulListItemLabel:before,
        #MyWelcomePacks_OfferInformation_Summary_pageView .ulList div.ulListItemLabel:before {
            font-family: "Font Awesome 6 Pro";
            font-size: 30px;
            line-height: normal;
            color: inherit;
        }

    #Application_Home_pageView .ulList .ulListItem.Section_PersonalDetails div.ulListItemLabel:before {
        content: '\e49a';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_CV div.ulListItemLabel:before {
        content: '\e1d8';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_ProfQual div.ulListItemLabel:before {
        content: '\f19d';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_Referral div.ulListItemLabel:before {
        content: '\f2b5';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_EqualOps div.ulListItemLabel:before {
        content: '\e5e3';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_Rare div.ulListItemLabel:before {
        content: '\e542';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_Referees div.ulListItemLabel:before {
        content: '\f4b0';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_Questions1 div.ulListItemLabel:before {
        content: '\f4b0';
    }

    #Application_Home_pageView .ulList .ulListItem.Section_SubmitAndDeclarations div.ulListItemLabel:before {
        content: '\f560';
    }

    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Section_Questions1 div.ulListItemLabel:before {
        content: '\f52b';
    }

    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Section_OfferInformation11 div.ulListItemLabel:before {
        content: '\f52b';
    }

    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Section_OfferInformation14 div.ulListItemLabel:before {
        content: '\f762';
    }

    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Section_OfferInformation12 div.ulListItemLabel:before {
        content: '\f086';
    }

    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Section_OfferInformation13 div.ulListItemLabel:before {
        content: '\e0cc';
    }

    #MyWelcomePacks_OfferInformation_Summary_pageView .ulList .ulListItem.Section_OfferInformation5 div.ulListItemLabel:before {
        content: '\f508';
    }

.Application_Section_EqualOps .pageBlockInner_FormBlock div.textLiteralAlignment_Unknown {
    width: 100%;
    max-width: 500px;
    margin-top: 42px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

    .Application_Section_EqualOps .pageBlockInner_FormBlock div.textLiteralAlignment_Unknown strong {
        font-weight: 500 !important;
        font-family: apercumedium, sans-serif;
    }
/*#endregion */


/*#region Profile Styling */
#ToDoList_pageBlockContainer {
    display: block;
}

#ToDoList_pageBlock .ulList {
    list-style-type: none;
}

#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background: var(--lightgrey) url(http://localhost/Earcu.Web.ApplicantPortalIncludes/todolist/yellow_star.png?eav=3.69) no-repeat 10px 10px;
    padding: 10px 10px 5px 40px;
    border-radius: 0.25rem;
    border: 1px solid var(--darkgrey);
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
    background-image: none;
    background-color: var(--tertiarycolor);
    border-radius: 5px;
    border: none;
    width: calc(33% - 11px);
    font-size: 1rem;
    padding: 24px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    float: none;
    min-height: 168px;
    margin: 5px;
    transition: all 0.4s ease;
}

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover {
        transition: all 0.4s ease;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer {
        padding: 0;
        margin: 0;
        overflow: visible;
    }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage {
            display: none;
        }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue {
            margin-left: 0;
        }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel {
                transition: all 0.4s ease;
                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 {
                    text-decoration: none;
                    color: white;
                    background-size: 0 !important;
                    font-family: apercumedium, sans-serif;
                    font-weight: 500;
                    font-size: 1.2rem;
                }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconDescription {
                display: none;
            }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
            line-height: 24px;
            font-size: 1rem;
            overflow: visible;
            transition: all 0.4s ease;
            float: none;
            padding-right: 5px;
            color: white;
        }

            #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;
                        font-weight: 500;
                        font-family: apercumedium, sans-serif;
                        color: var(--darkgrey);
                        font-size: 13px;
                    }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                    color: var(--lightcolor);
                    font-weight: 500;
                    font-family: apercumedium, sans-serif;
                }

                #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: white;
    }

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    color: white;
}

div#WelcomeInfoBlock_Logout_formRow .iconLabel {
    display: block;
    width: 100%;
    height: 100%;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
    padding-top: 0px;
    padding-left: 6px;
    margin-top: -3px;
    font-weight: 400;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer a {
    background-size: 0 !important;
}

[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;
}

#form_ApplicationsGrid {
    background-color: var(--lightgrey);
    border-radius: 0.25rem;
    border: 1px solid var(--darkgrey);
}

    #form_ApplicationsGrid .gridContent {
        border: none;
    }

.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 {
            float: left;
            width: 49.5%;
        }

            .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) {
                float: right;
            }

            .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
                position: relative;
                display: block;
                color: white;
                text-align: center;
                text-decoration: none;
                max-width: 100%;
                width: 100%;
                background-image: none;
                background-color: var(--secondarycolor);
                border-radius: 0.25rem;
                padding: 14px 25px 13px 25px;
                margin: 0;
                margin-bottom: 10px;
                box-sizing: border-box;
                font-size: 1rem;
                outline: 0;
                transition: all 0.4s ease;
            }

                .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover {
                    background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
                    color: white;
                }

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
    width: 100%
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
    background-image: url(../images/icons/icon_avatar.png) !important;
    background-repeat: no-repeat;
}

a#newProfileImageContainer {
    display: none
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer {
    background: var(--lightgrey);
}

#MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
    overflow: auto;
    margin: 0 auto 10px auto;
    padding: 10px;
    background-color: var(--lightgrey);
    border-radius: 0.25rem;
    border: 1px solid var(--darkgrey);
}

#Summary_emailList_formRow {
    background-color: var(--lightgrey);
    border-radius: 0.25rem;
    border: 1px solid var(--darkgrey);
}



.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom {
    margin-top: 20px;
}

.MyDetails a.buttonActionId_delete {
    margin-right: 2px !important;
    width: auto;
}
/*mydetails*/
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent, #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage {
    border: 1px solid var(--lightgrey);
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: 3px solid transparent;
    padding: 10px;
}

.MyDetails #MyDetails_pageView #MyDetailsStauts_pageBlock {
    padding: 0;
}

    .MyDetails #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
    .MyDetails #MyDetails_pageView .pageBlockContainer_GridBlock,
    .MyDetails #MyDetails_pageView #SkillsForm_pageBlockContainer,
    .MyDetails #MyDetails_pageView #fileupload_pageBlockContainer {
        padding: 20px;
        border: 5px solid var(--tertiarycolor);
        border-radius: 5px;
        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;
            box-sizing: border-box;
            outline: 0;
            text-align: center;
            text-decoration: none;
            transition: all 0.4s ease;
            max-width: 50%;
            min-width: 12em;
            margin: 0 auto;
            background-color: var(--secondarycolor);
            border-radius: 0.25rem;
            color: var(--lightcolor);
            font-size: 1rem;
            width: 100%;
            padding: 14px 8px 13px 8px;
        }

            #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover {
                background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
                transition: all 0.4s ease;
            }

#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
    color: var(--darkcolor);
}

.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 */
.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer_Last {
    padding: 2px;
}

#Application_Section_CV_SectionCompleteBlock_completed {
    display: none
}

.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;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar {
    text-align: left;
}

#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
    display: none;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
    background: white;
    border-radius: 5px;
    border: 1px solid var(--primarycolor);
    cursor: pointer;
    list-style: none;
    padding: 5px 10px 5px 32px;
    height: 54px;
    overflow: auto;
    float: none;
    display: block;
    margin: 10px 0;
    width: 100%;
    transition: all 0.4s ease;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit {
    width: 100%;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover {
    border: 1px solid var(--primarycolor);
    background-color: var(--primarycolor);
    transition: all 0.4s ease;
}

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel {
        color: var(--darkcolor);
        text-decoration: none;
        transition: all 0.4s ease;
    }

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
    font-weight: 400;
    padding-top: 208px;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem div.ulListItemLabel a {
    color: var(--primarycolor);
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 41px;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations:hover,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover {
    border: 1px solid var(--primarycolor);
    background-color: var(--primarycolor);
    color: #fff;
    transition: all 0.4s ease;
}

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations:hover div.ulListItemLabel a,
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover a {
        text-decoration: none !important;
        transition: all 0.4s ease;
        color: white !important;
    }

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations.Completed,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed {
    background-color: var(--primarycolor);
}

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed div.ulListItemLabel a {
        color: white;
    }

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
    margin: 0;
    padding-top: 0px;
    text-align: left;
}

a.offerAnchor, a.downloadLink {
    text-decoration: underline;
}

/*.MyWelcomePacks_OfferForm_TaxInformation label,
.MyWelcomePacks_OfferForm_Referee label,
.MyWelcomePacks_OfferForm_HealthQuestions label,
.MyWelcomePacks_OfferForm_GenericForm label {
    font-weight: 500;
    font-family: apercumedium, sans-serif;
    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%;
}
/*#endregion */

/*#region Job Alerts */
div.ui-dialog-titlebar .ui-dialog-titlebar-close:after {
    content: '\f00d';
    font-weight: 700;
    color: var(--darkcolor);
    font-size: 1.2rem;
    font-family: "Font Awesome 6 Pro";
}

html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

body.MyJobFeed .ui-dialog {
    top: 118px !important;
}

.MyJobFeed th#col_lookupResults_name {
    width: 100% !important;
}

.MyJobFeed td.cell_lookupResults_name {
    font-size: 1.2rem;
    color: var(--darkcolor);
    font-weight: 400;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td,
.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: var(--primarycolor);
}

    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a {
        color: white;
        background-size: 0 !important;
    }

.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
    padding-left: 5px;
}

.pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { /**file uploads**/
    text-align: center !important;
}

.pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
.pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl {
    width: 30%;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    width: 360px;
}

#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
#eaContainer .formRowSelectMultiCodelistRow label {
    padding: 6px 7px;
}

#MyJobFeedForm_form div.formRow {
    margin-top: 1em;
}

.pageBlockInner_GridBlock table.gridTable th {
    color: var(--darkcolor)
}

.MyJobFeed .pageBlockInner_GridBlock div.gridContentWithHeader {
    border: 1px solid var(--lightcolor);
    background: none;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable th {
    background: var(--lightcolor);
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    overflow: hidden;
}

.modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCVBlockRow {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
}

    .modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCVBlockRow .labelContainer,
    .modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCVBlockRow .control {
        width: 100%;
    }

.modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
    max-width: 500px;
    display: block;
    margin: 0 auto;
    float: none;
}

    .modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
    .modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
        width: auto;
        float: none;
        margin: 0;
        display: inline-block;
    }

        .modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label,
        .modalContent #QuickApplyForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError {
            margin: 0;
        }
/*#endregion */
/*mydeeets - connected*/
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
    min-height: 160px;
}

/* Responsive Styling
@media all and (max-width:1600px) {
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
        height: 200px;
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit {
        height: 200px;
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
        padding-top: 158px;
    }
} */

@media screen and (max-width:1400px) {
    .Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock, .Pos_Find_Results_Map #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width:1240px) {
    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
        flex: 0 0 32%;
    }
}

@media screen and (max-width:1200px) {
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        width: calc(50% - 68px);
    }
}

@media screen and (max-width:1024px) {
    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        float: left;
        width: 100%;
    }

    li a.buttonAnchor.buttonActionId_saveSkill {
        padding-top: 11px;
        padding-bottom: 12px;
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
        /*        height: 200px;
        width: calc(50% - 8px);*/
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit {
        /*        height: 200px;
        width: calc(50% - 8px);*/
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
        /*delete*/
    }
}

@media screen and (max-width:991px) {
    .brno {
        display: none;
    }

    #bigvideo {
        margin-top: 0px;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        float: none;
        display: block;
        width: 100%;
    }

    #posdesc_pageBlockContainer #posdesc_pageBlock .section-left .ApplyNowContainer {
        display: none;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        /*border: none;*/
        width: calc(50% - 26px);
    }

    #Application_Home_pageView .ulListItem div.ulListItemLabel a {
        font-size: 1.2rem;
    }

    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;
        margin-bottom: 8px;
    }

    .Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock,
    .Pos_Find_Results_Map #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        padding-left: 20px;
        padding-right: 20px;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
        width: calc(50% - 14px);
        min-height: 168px;
        margin: 5px;
    }

    #posdesc_pageBlock ul.jobSum li {
        flex: 0 0 96%;
    }

    #MapBlock_pageBlockContainer,
    #posBrowser_ResultsGrid_pageBlockContainer {
        width: 100%;
        display: block;
    }

    .ApplyNowContainer .buttonsLeft.apply-main {
        display: none;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
        flex: 0 0 48%;
    }

    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
        flex: 0 0 49%;
    }

    .Pos_Find_Results #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    #posdesc_pageBlock .PosDescriptionText {
        padding-right: 0;
    }

    .callout-two-img {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .callout-one h2 {
        font-size: 2.2rem;
    }

    .cat-text h2,
    .callout-two h2 {
        font-size: 2.2rem;
        margin-top: 78px;
    }

    .cat-text h2 {
        margin-top: 8px;
    }

    .buttonsLeft,
    .buttonsRight {
        width: 100%;
    }

        .buttonsLeft ul li,
        .buttonsRight ul li {
            width: 100%;
            padding-bottom: 10px;
        }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
    #Application_Home_pageView .ulListItem {
        flex: 49%;
    }
}

@media screen and (max-width:900px) {
    .video-hero {
        background-image: url(../images/custom/home-hero.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }

    #bigvideo {
        display: none;
    }
}

@media all and (max-width:767px) {

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        width: calc(100% - 64px);
        transition: all 0.4s ease;
    }

        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
            background-color: var(--lightgrey);
            padding-bottom: 16px;
        }

    .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;
    }

    #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%;
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
        /*        height: 250px;
        width: calc(100% - 8px);*/
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit {
        /*height: 250px;
        width: calc(100% - 8px);*/
    }

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
        /*delete*/
    }

    .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        margin: 7px 0 0 14px;
    }

    .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 center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
    #Application_Home_pageView .ulListItem {
        flex: 100%;
    }

    #Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
    #Application_Home_pageView .ulList div.ulListItemLabel {
        flex-direction: row;
        align-items: center;
    }

    /*    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        height: 328px;
    }*/
    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
        width: calc(100% - 12px);
        min-height: 168px;
        margin: 5px 0;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
        flex: 0 0 100%;
    }

    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
        flex: 0 0 99%;
    }

    .sub-col {
        text-align: center;
    }
}
/* Responsive Styling Ends*/

/* Talent Pools Events Styling */
.CandidateEvent_List .main {
    min-height: 400px;
}

body.TalentPool_List .pageBlockInner_GridBlock div.gridContent {
    border: none;
}

#talentpoolgrid_pageBlock .ListGridContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}

#talentpoolgrid_pageBlock .rowContainerHolder {
    float: none;
    clear: both;
    flex: 0 0 calc(25% - 24px);
    overflow: auto;
    min-height: 300px;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--tertiarycolor);
}

#talentpoolgrid_pageBlock .rowContainer {
    margin: 0 !important;
    border: none;
}

#talentpoolgrid_pageBlock .rowContainerHolder:hover {
    background-color: var(--primarycolor);
    transition: all 0.4s ease;
}

#talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    text-align: center;
    display: grid;
}

    #talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader .rowLabel a {
        color: white;
        text-decoration: none;
        transition: all 0.4s ease;
    }

#talentpoolgrid_pageBlock .rowContainer:hover .rowHeader .rowLabel a {
    color: var(--lightcolor);
    transition: all 0.4s ease;
}

#talentpoolgrid_pageBlock .rowContainer .rowItemsContainer2 img {
    filter: brightness(1.2);
    transition: all 0.4s ease;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#talentpoolgrid_pageBlock .rowContainer:hover .rowItemsContainer2 img {
    transform: scale(1.1);
    filter: brightness(1);
    transition: all 0.4s ease;
}

.talentPoolDescription p {
    color: var(--darkcolor);
    font-size: 1rem;
}

.talentPoolDescription img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width:992px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        flex: 0 0 calc(50% - 24px);
    }
}

@media screen and (max-width:768px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        flex: 0 0 100%;
    }
}
/* Talent Pools Events Styling Ends */

/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}

#posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow {
    display: none;
}

/*---------------------------------------
   5.8 Animated Onboarding   
-----------------------------------------*/

.MyWelcomePacks_OfferForm_Summary .TopHero,
.MyWelcomePacks_OfferForm_Summary #breadcrumb,
.MyWelcomePacks_OfferForm_Summary h1.heading-section,
.MyWelcomePacks_OfferForm_Summary #intro_pageBlockContainer,
.MyWelcomePacks_OfferForm_Summary #posSummaryBlockv2_pageBlockContainer {
    display: none;
}

.MyWelcomePacks_OfferForm_Summary {
    border: none;
    background: #F4F4F4;
}

.MyWelcomePacks_OfferForm_Summary {
    border-bottom: 1px solid #dadbdb;
}

    .MyWelcomePacks_OfferForm_Summary .stage-anim-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        margin: auto;
        max-width: 1260px;
        overflow: hidden;
    }

        .MyWelcomePacks_OfferForm_Summary .stage-anim-wrapper .onboarding-intro {
            color: #163752;
            margin-left: 10px;
            margin-bottom: 30px;
        }

            .MyWelcomePacks_OfferForm_Summary .stage-anim-wrapper .onboarding-intro h2 {
                color: inherit;
                font-size: 30px;
                padding-top: 20px;
                margin-top: 0;
            }

    .MyWelcomePacks_OfferForm_Summary .stage-buttons {
        float: left;
        width: 300px;
    }

        .MyWelcomePacks_OfferForm_Summary .stage-buttons.mobile {
            display: none;
        }

        .MyWelcomePacks_OfferForm_Summary .stage-buttons a {
            --initialTextColor: #fdfffc;
            --slideTextColor: #fdfffc;
            --initialBgColor: #ff426f;
            --slideBgColor: #cc3558; /**/
            color: var(--initialTextColor);
            background-image: linear-gradient(90deg, var(--initialBgColor) 0%, var(--initialBgColor) 50%, var(--slideBgColor) 50%, var(--slideBgColor) 100%);
            background-size: 200%;
            transition: background-position .5s cubic-bezier(.4,0,.2,1), color .5s cubic-bezier(.4,0,.2,1);
            border-radius: 5px;
            cursor: pointer;
            display: block;
            font-family: apercumedium, sans-serif;
            font-size: 1.1rem;
            font-weight: 500;
            overflow: hidden;
            padding: 10px 25px !important;
            position: relative;
            margin: 4px 0 4px 0;
            text-decoration: none;
            border: none;
            float: none;
            clear: both;
            text-align: center;
        }

            .MyWelcomePacks_OfferForm_Summary .stage-buttons a:hover,
            .MyWelcomePacks_OfferForm_Summary .stage-buttons a.stage-complete,
            .MyWelcomePacks_OfferForm_Summary .stage-buttons a.stage-complete:hover {
                color: var(--slideTextColor);
                cursor: pointer;
                background-position: -100% 100%;
            }

    .MyWelcomePacks_OfferForm_Summary .ani-wrapper {
        width: calc(100% - 300px);
        max-width: 1260px;
        max-height: 700px;
        position: relative;
        padding-top: 56.9%;
        float: right;
        margin-top: -142px;
    }

        .MyWelcomePacks_OfferForm_Summary .ani-wrapper .replay {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            width: 40px;
            height: 40px;
            background: grey;
            border: 1px solid darkgrey;
            border-radius: 50%;
            color: #fff;
            transition: all .2s ease;
            cursor: pointer;
        }

            .MyWelcomePacks_OfferForm_Summary .ani-wrapper .replay:hover {
                background: #fff;
                color: grey;
            }

            .MyWelcomePacks_OfferForm_Summary .ani-wrapper .replay:before {
                content: '\f2f9';
                font-family: "Font Awesome\ 5 Pro";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-align: center;
                font-size: 20px;
            }

        .MyWelcomePacks_OfferForm_Summary .ani-wrapper iframe {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            display: block;
            border: none;
            overflow: hidden;
        }


    .MyWelcomePacks_OfferForm_Summary .sectionInPopup #SectionCompleteBlock_completed_formRow .labelContainer {
        padding-top: 0;
    }

    .MyWelcomePacks_OfferForm_Summary .modalContent {
        min-height: 1px !important;
    }

    .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .labelContainer,
    .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .controlContainer,
    .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .controlError {
        max-width: 500px;
        width: 100% !important;
        display: block;
        float: none;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 0;
    }

        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .labelContainer * {
            text-align: left;
            width: 100%;
        }

        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .controlContainer input,
        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .controlContainer select,
        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow .controlContainer textarea {
            width: 100%;
        }

    .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowCheckBoxRow .controlContainer input {
        width: auto;
    }

    .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow {
        width: 100% !important
    }

        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight,
        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft,
        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li,
        .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li {
            width: 100%;
            text-align: center;
        }

            .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li,
            .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li {
                margin-top: 5px;
            }

                .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li input,
                .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li input,
                .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li a,
                .MyWelcomePacks_OfferForm_Summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li a {
                    display: inline-block;
                    float: none;
                    margin-left: 0 !important;
                }

@media screen and (max-width:992px) {
    #posSummaryBlockv2_pageBlockContainer {
        display: none;
    }

    .MyWelcomePacks_OfferForm_Summary .stage-anim-wrapper .onboarding-intro {
        margin: 10px;
        display: block;
        float: none;
        clear: both;
    }

    .MyWelcomePacks_OfferForm_Summary .stage-buttons {
        display: none;
    }

    .MyWelcomePacks_OfferForm_Summary .ani-wrapper {
        display: block;
        float: none;
        clear: both;
        width: calc(100% - 10px);
        padding-top: 10px;
        margin-top: 10px;
        min-height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .MyWelcomePacks_OfferForm_Summary .stage-buttons.mobile {
        display: block;
        float: none;
        clear: both;
    }

        .MyWelcomePacks_OfferForm_Summary .stage-buttons.mobile a {
            padding: 2px 2px !important;
            font-size: 1rem;
        }
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Text p {
    margin-bottom: 1em !important;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Text p:last-child,
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Text ul:last-child {
        margin-bottom: 0 !important;
    }

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Image .imageContent {
    max-width: 100% !important;
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_PosCodeListPicker div.formRow.formRowButtonRow {
    padding-top: 0;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_PosCodeListPicker div.formRow.formRowButtonRow .buttonsRight,
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_PosCodeListPicker div.formRow.formRowButtonRow .buttonsRight li {
        width: 100%;
        text-align: center;
    }

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Map .addressValue {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Map .addressValue br {
        content: '';
    }

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Map .mapContainer .bigMapButton {
    background: none;
    padding: 0;
    margin-bottom: 0;
    cursor: initial;
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Text.hasValues ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Text.hasValues ul li {
        display: flex;
        gap: 10px;
        align-items: center;
    }

        #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder .offerBlockContainer_Text.hasValues ul li img {
            max-width: 70px;
            height: auto;
        }

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.benefitsTitle {
    margin-bottom: 0;
    background: none !important;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.benefitsTitle .offerLayoutPlaceHolder {
        background: none !important;
    }

        #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.benefitsTitle .offerLayoutPlaceHolder .offerBlockContainer_Text {
            padding-bottom: 0;
        }

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.hasBenefits {
    background: none;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.hasBenefits .offerLayoutInnerPlaceHolder {
        display: flex;
        flex-wrap: wrap;
        gap: 1px;
        padding: 0;
    }

        #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.hasBenefits .offerLayoutInnerPlaceHolder .offerBlockContainer {
            flex: 33%;
            background: #f0f0f0;
            padding: 20px;
            text-align: center;
        }

            #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.hasBenefits .offerLayoutInnerPlaceHolder .offerBlockContainer img {
                max-height: 55px;
                width: auto;
            }

@media all and (max-width:767px) {
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox.hasBenefits .offerLayoutInnerPlaceHolder .offerBlockContainer {
        flex: 100%;
    }
}

/* TUPE Styling */
.masonry-layout-2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

    .masonry-layout-2 .three-one-col,
    .masonry-layout-2 .two-one-col,
    .masonry-layout-2 .one-col,
    .masonry-layout-2 .two-col,
    .masonry-layout-2 .three-col {
        display: inline-block;
        vertical-align: top;
        padding: 0;
    }

    .masonry-layout-2 .shape {
        background: grey;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        background-size: cover;
    }

        .masonry-layout-2 .shape:hover {
            opacity: 2;
            cursor: pointer;
        }

    .masonry-layout-2 .shape-1,
    .masonry-layout-2 .shape-2 {
        height: 300px;
    }

    .masonry-layout-2 .shape-3 {
        height: 610px;
    }

    .masonry-layout-2 .one-col {
        width: 34%;
    }

.textpage_tupe .masonry-layout-2 .one-col,
.textpage_roles .masonry-layout-2 .one-col {
    width: 33%;
}

.masonry-layout-2 .two-col {
    width: 66%;
}

.masonry-layout-2 .three-col {
    width: 100%;
}

.masonry-layout-2 .two-one-col {
    width: 49.3%;
}

.textpage_tupe .masonry-layout-2 .two-one-col,
.textpage_roles .masonry-layout-2 .two-one-col {
    width: 49.7%;
}

.masonry-layout-2 .three-one-col {
    width: 32.85%;
}

.two-one-col .shape-3 {
    height: 610px;
}

.one-col .shape-1 {
    height: 300px;
}

.two-one-col .shape-1 {
    height: 302.5px;
}

.one-col .last-shape {
    height: 607.5px;
}

.textpage_tupe .shape {
    position: relative;
    overflow: hidden;
}

    .textpage_tupe .shape:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transition: all .5s ease-in-out;
    }

    .textpage_tupe .shape:hover:after {
        transform: scale(1.4) rotate(10deg) translate(-5px);
    }

.textpage_tupe #cat-1:after,
.textpage_tupe #test-cat-1:after {
    background-image: url("../Images/Roles/CustomerService.jpg");
}

.textpage_tupe #cat-2:after,
.textpage_tupe #test-cat-2:after {
    background-image: url("../Images/Roles/Operations.jpg");
}

.textpage_tupe #cat-3:after,
.textpage_tupe #test-cat-3:after {
    background-image: url("../Images/Roles/Sales.jpg");
}

.textpage_tupe #cat-4:after,
.textpage_tupe #test-cat-4:after {
    background-image: url("../Images/Roles/IT.jpg");
}

.textpage_tupe #cat-5:after,
.textpage_tupe #test-cat-5:after {
    background-image: url("../Images/Roles/Finance.jpg");
}

.textpage_tupe #cat-6:after,
.textpage_tupe #test-cat-6:after {
    background-image: url("../Images/Roles/Marketing.jpg");
}

.textpage_tupe #cat-7:after,
.textpage_tupe #test-cat-7:after {
    background-image: url("../Images/Roles/Manufacturing.jpg");
}

.textpage_tupe #cat-8:after,
.textpage_tupe #test-cat-8:after {
    background-image: url("../Images/Roles/Distribution.jpg");
}

.textpage_tupe #cat-9:after,
.textpage_tupe #test-cat-9:after {
    background-image: url("../Images/Roles/HumanResources.jpg");
    height: 302.5px;
}

.cat-container,
.tint h1,
.tint p,
.tint a.buttonAnchor {
    color: #fff;
    float: none;
}

.tint h1 {
    font-size: 32px;
    margin-top: 0;
}

.cat-container {
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}

.shape,
.cat-container {
    min-height: 100%;
    min-width: 100%;
    position: relative;
}

.tint {
    z-index: 1;
    height: 100%;
    width: 100%;
    position: absolute;
}

.cat-align {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 75%;
}

    .cat-align h1 {
        color: #fff;
        text-shadow: 1px 1px 3px #000;
    }

.tint:hover {
    background: rgba(0, 0, 0, 0.5);
}

.tint p {
    margin: 0 0 20px;
}

.tint p,
.tint a,
.tint span,
#cat-1 .tint h1 {
    display: none;
}

.tint:hover p {
    display: block;
}

.tint:hover a,
.tint:hover span,
#cat-1 .tint:hover h1 {
    display: inline;
    margin-top: 10px;
}

.tint a.buttonAnchor:hover {
    color: #fff !important;
}

.one-two-col,
.two-one-col {
    margin-right: 5px;
}

.textpage_tupe .one-two-col,
.textpage_tupe .two-one-col,
.textpage_roles .one-two-col,
.textpage_roles .two-one-col {
    margin-right: 0px;
}

span.fake-button {
    color: #fff;
    float: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
    background: #531a9c;
    font-family: 'walsheim_fflight', Helvetica Neue, Sans-serif;
    display: inline-block;
}

.cat-container p {
    font-family: 'walsheim_fflight', Helvetica Neue, Sans-serif;
}

@keyframes modal-video {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }

    to {
        transform: translate(0, 0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

    .modal-video-close .modal-video-movie-wrap {
        -webkit-transform: translate(0, 100px);
        -moz-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

    .modal-video-movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

    .modal-video-close-btn:before {
        transform: rotate(45deg)
    }

    .modal-video-close-btn:after {
        transform: rotate(-45deg)
    }

    .modal-video-close-btn:before, .modal-video-close-btn:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #fff;
        border-radius: 5px;
        margin-top: -6px
    }

div.accordion-content {
    padding: 22px 6px;
    display: none;
}

.accordion-container {
    border-bottom: 1px solid #E8E8E8;
}

.jigsawContainer {
    overflow: hidden;
    margin-bottom: 10px;
}

.jigsaw {
    width: calc(25% - 5px);
    height: 150px;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

    .jigsaw,
    .jigsaw span {
        background-color: #531a9c;
    }

        .jigsaw .text {
            display: block;
            color: #fff;
            font-size: 12px;
            text-align: left;
            padding: 20px 30px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 100%;
            background: transparent !important;
            z-index: 3;
        }

        .jigsaw .t {
            width: 2em;
            height: 2em;
            position: absolute;
            top: -1.5em;
            left: 2em;
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
        }

        .jigsaw .r {
            width: 25px;
            height: 25px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: -15px;
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
            z-index: 2;
        }

        .jigsaw .b {
            width: 25px;
            height: 25px;
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
            z-index: 2;
        }

        .jigsaw .l {
            width: 28px;
            height: 28px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: -13px;
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
            background-color: #fff;
            z-index: 1;
        }

        .jigsaw.reverse .r {
            width: 28px;
            height: 28px;
            right: -13px;
            background-color: #fff;
            z-index: 1;
        }

        .jigsaw.reverse .l {
            width: 25px;
            height: 25px;
            left: -15px;
            z-index: 2;
            background-color: #531a9c;
        }

        .jigsaw.reverse .t {
            width: 28px;
            height: 28px;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            z-index: 1;
        }

.textpage_networking p.center {
    text-align: center;
}

@media all and (max-width:1200px) {
    .masonry-layout-2 .two-col,
    .textpage_tupe .masonry-layout-2 .one-col,
    .textpage_tupe .masonry-layout-2 .two-one-col {
        width: 100%;
    }

    .masonry-layout-2 .shape {
        height: 200px !important;
    }
}

@media screen and (max-width: 767px) {
    .jigsaw {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

        .jigsaw .b,
        .jigsaw .t,
        .jigsaw .r,
        .jigsaw .l {
            display: none;
        }

        .jigsaw .text {
            position: relative;
            top: initial;
            transform: none;
            font-size: 12px;
        }
}
/* TUPE Styling Ends */