/*
    Jump to:
    Misc Styling
    Home Page Styling
    TextPage and General Styling
    Application Review Styling
    Results Page Styling
    Job Description Styling
    Login/Register Styling
    Application Sections Styling
    Profile Styling
    Application/Onboarding Styling
    Job Alerts
    Responsive Styling
    Talent Pools Events
*/
/*debug*/
/** {
    outline: 1px solid red;
}*/
/* Misc Styling */
:root {
    --nspccgreen: #0AA14A;
    --nspccbtn: #018926;
    --nspccteal: #085470;
    --nspcclightblue: #f0f8f8; /*diff to named colour on design*/
    --nspccpurple: #582752;
    --nspccbabyblue: #ecf6f7;
    --nspccpink: #cb3d80;
    --nspccplum: #582752;
    --nspcclightacc: #80c492;
    --nspcclighteracc: #ceecda;
    --nspcclightplum: #e6dfe5;
    --nspcclightgrey: #f5f7fa;
}
/**/

html body {
    /*color: black;*/
    color: var(--nspccteal);
}

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



ol {
    list-style: decimal;
}

h1, h2, h3, h4 {
    color: var(--nspccteal);
}

a,
.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;
    color: var(--nspccteal);
}

    a, :hover
    .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;
}

.firstcontent h2 a,
.anglecontent p a,
.new-location-search-form p a,
a.txp-link {
    text-decoration: underline;
    color: var(--nspccgreen);
}

    .firstcontent h2 a:hover,
    .anglecontent p a:hover,
    .new-location-search-form p a:hover,
    a.txp-link:hover {
        text-decoration: none;
    }

.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: 2.2rem;
    line-height: 2.2rem;
    padding-top: 2px;
    padding-bottom: 12px;
    color: var(--nspccteal);
    font-family: nspccheadline, sans-serif;
}

ul.sitemap li {
    font-size: 1.2rem;
}

    ul.sitemap li a {
        color: var(--nspccgreen);
        text-decoration: underline;
    }

        ul.sitemap li a:hover {
            text-decoration: none;
        }

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

select {
    background-color: white;
}

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

.radioOptionLabel,
.pageBlockInner_FormBlock .formRowCheckboxMultiRow div.checkboxMultiOption label {
    font-family: nspccsemibold, sans-serif;
}

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

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

.site-breadcrumb {
    min-height: 110px;
    width: 100%;
}

    .site-breadcrumb .row {
        min-height: 110px;
    }

section#breadcrumb {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    color: var(--nspccteal);
    font-family: nspccbold, sans-serif;
}

    section#breadcrumb .fa-angle-right {
        font-size: 0.7rem;
    }

    section#breadcrumb a {
        color: var(--nspccteal);
        text-decoration: none;
        background-size: 0 !important;
        font-family: nspccsemibold, sans-serif;
    }

        section#breadcrumb a:hover {
            text-decoration: underline;
        }

.extra-links {
    text-align: end;
}

a.extra-link {
    text-decoration: none;
    font-family: nspccheadline, sans-serif;
    color: var(--nspccgreen);
}

.d-768 {
    display: none;
}

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_Option2 .listItemContainer {
    border: none;
    height: 200px;
    margin: 4px 12px 30px 12px;
    width: calc(50% - 24px);
}

.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; /*override core without new rule*/
    width: 100%;
    color: var(--nspccteal);
    height: auto;
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
    margin-bottom: 9px;
    margin-top: 8px;
}

    #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;
    }*/

.textpage_contact div.pageBlockInner_FormBlock div.formRow .controlError {
    margin: 0;
}

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

input.loc-search,
.searchformc,
#quickSearch select,
.new-location-search-form select,
.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 {
    border: 1px solid var(--nspccteal);
    color: black;
    padding: 13px 16px 13px 16px;
    width: 100%;
    font-size: 1.2rem;
    font-family: nspccregular, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    min-width: 1px;
    border-radius: 0;
}

    input.loc-search:focus,
    input.searchformc:focus,
    #quickSearch select: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 {
        box-shadow: none;
        border: 1px solid var(--nspccgreen);
        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: 15px 16px 15px 16px;
}

.suffixContainer {
    max-width: 500px;
    margin: auto;
}

.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: black;
}

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

.passwordStrength {
    width: 100%;
}

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

a.home-btn,
.jobdesc-c-btn,
input.searchbtnc,
input.contbtn,
a.pages-btn,
a.slider-button,
span.envision-button,
input.freesearchbtn,
a.diversitybtn,
a.buttonAnchorJobAlert,
.Pos_Description #eaContainer a.buttonAnchorApply,
a.landinglinkbtn,
.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 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    outline: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease-in;
    max-width: 100%;
    width: 100%;
    background-image: none;
    background-color: var(--nspccgreen);
    border: none;
    border-radius: 0;
    padding: 18px 25px 13px 25px;
    min-width: 198px;
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
}

    a.home-btn:hover,
    .jobdesc-c-btn:hover,
    input.searchbtnc:hover,
    input.contbtn:hover,
    a.medwriter-button:hover,
    input.freesearchbtn:hover,
    .mapContainer .ButtonHolder .bigMapButton span.closeMapButton:hover,
    .mapContainer .ButtonHolder .bigMapButton a:hover,
    a.diversitybtn:hover,
    a.buttonAnchorJobAlert:hover,
    .Pos_Description #eaContainer a.buttonAnchorApply:hover,
    input.buttonActionId_change.hover,
    a.landinglinkbtn:hover,
    .textpage_role_details a.nojobs_anchor:hover,
    .buttonsLeft button.buttonAnchor:hover,
    .buttonsRight button.buttonAnchor:hover,
    .buttonsLeft input.buttonSubmit:hover,
    .buttonsRight input.buttonSubmit:hover,
    .buttonsLeft a.buttonAnchor:hover,
    .buttonsRight a.buttonAnchor:hover,
    #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    button.buttonAnchor:hover,
    input.buttonSubmit:hover,
    a.buttonAnchor:hover,
    .linkContainer a:hover {
        background-color: var(--nspccteal);
        color: white;
        transition: all 0.3s ease-in;
    }

input.contbtn {
    max-width: 200px;
}

input.searchbtnc {
    min-width: 165px;
    padding: 15px 25px 11px 25px;
    max-width: 195px;
}

input.searchbtnextra {
    min-width: 326px;
    max-width: 326px;
}

.jobdesc-c-btn {
    text-align: left;
    margin-bottom: 22px;
}

.posId7741 .jobdesc-c-btn:not(.appProcess),
.posId7743 .jobdesc-c-btn:not(.appProcess) {
    display: none;
}

input.slider {
    appearance: none;
    width: calc(100% - 100px);
    height: 6px;
    background: var(--nspccgreen);
    outline: none;
    transition: opacity .2s;
    display: block;
}

.Pos_Find_Results input.slider {
    width: 100%;
}

a.loc-teal {
    display: inline-block;
    width: 100%;
    color: var(--nspccteal);
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
    margin-bottom: 9px;
    margin-top: 8px;
}

    a.loc-teal:hover {
        text-decoration: none;
    }

a.buttonActionId_add_email_address {
    margin-right: 10px !important;
}

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

a.pages-btn {
    max-width: 212px;
}

    a.pages-btn:hover {
        background-color: white;
        color: var(--nspccgreen);
    }

a.pb-max {
    max-width: 296px;
}

a.home-btn {
    max-width: 232px;
    margin: 50px auto 0 auto;
    display: block;
}

a.hb-max {
    max-width: 320px;
}

.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(--fordblue);
    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;
}

/*fix j alert*/
a.japplybtn {
    text-transform: uppercase;
}

#Pos_Description_pageView #posdesc_pageBlock a.jalertbtn {
    border: 1px solid var(--nspccgreen);
    color: var(--nspccgreen);
    background-color: white;
    padding: 17px 25px 12px 25px;
    font-family: nspccsemibold, sans-serif;
}

    #Pos_Description_pageView #posdesc_pageBlock a.jalertbtn:hover {
        color: white;
        background-color: var(--nspccgreen);
    }
/*end*/

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: 16px;
    padding-bottom: 13px;
    margin-left: 4px !important; /*override above*/
    min-width: 72px;
}

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

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

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

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

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

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

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

div#noPositions_pageBlock {
    color: black;
}

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

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

#New_MobileChatbutton {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 235px;
    border: 2px solid #00a251 !important;
    border-radius: 0 15px 15px 15px !important;
    font-size: 14px !important;
    padding-left: 55px;
    background-image: url(../images/unnamed.gif) !important;
    background-size: 48px !important;
    background-repeat: no-repeat !important;
    background-position: 3%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
    z-index: 100;
}

.textpage_chatbot #ChatBotSection {
    display: none;
}
/*#endregion */



/*#region home */
.home-hero {
    width: 100%;
    background-color: var(--nspccgreen);
    background-image: url(../images/headers/home-hero.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 674px;
}

    .home-hero .row {
        min-height: 674px;
    }

    .home-hero h1 {
        color: white;
        font-family: nspccheadline, sans-serif;
        font-size: 3.4rem;
        margin-top: 115px;
        margin-bottom: 14px;
        line-height: 4.8rem;
        display: block;
    }

        .home-hero h1 span {
            zoom: 1;
            background: var(--nspccgreen);
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            -moz-box-decoration-break: clone;
            -ms-box-decoration-break: clone;
        }

    .home-hero h2 {
        color: white;
        font-family: nspccheadline, sans-serif;
        font-size: 2.4rem;
        margin-top: 0px;
        margin-bottom: 21px;
        line-height: 3.8rem;
        display: block;
    }

        .home-hero h2 span {
            zoom: 1;
            background: var(--nspccgreen);
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            -moz-box-decoration-break: clone;
            -ms-box-decoration-break: clone;
        }

.searchbox {
    margin-top: 20px;
    margin-bottom: 0px;
}

.filter_text-label {
    display: none;
}

input.homesearch {
    background-color: white;
    color: black;
    border: none;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    height: 86px;
    max-width: 592px;
    width: 592px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 1.4rem;
}

    input.homesearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #898f97;
        font-size: 1.4rem;
    }

input.homesubmit {
    background-color: white;
    border: none;
    background-image: url(../images/custom/search-field-icon.svg);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: center center;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    height: 86px;
    max-width: 78px;
    width: 78px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 0;
    line-height: 0;
}

.formpart {
    display: flex;
    justify-content: left;
    gap: 0;
    min-height: 70px;
    margin-bottom: 10px;
}

/*more home*/


.ceo-vid {
    background-image: url(../images/custom/ceo-peter-wanless.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    min-height: 674px;
}

    .ceo-vid .row {
        min-height: 674px;
    }

    .ceo-vid h2 {
        color: var(--nspccteal);
        font-size: 3rem;
        font-family: nspccheadline, sans-serif;
        margin-bottom: 0;
    }

    .ceo-vid p {
        color: var(--nspccteal);
        font-size: 2rem;
        line-height: 2.2rem;
        font-family: nspccregular, sans-serif;
        margin-bottom: 0;
        margin-top: 10px;
    }

.behind-scenes {
    background-image: url(../images/custom/behind-scenes.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    min-height: 680px;
}

    .behind-scenes .row {
        min-height: 680px;
    }


    .behind-scenes h2 {
        color: white;
        font-size: 3rem;
        font-family: nspccheadline, sans-serif;
        margin-bottom: 0;
    }

.contentr {
    margin-top: 63px;
    margin-bottom: 63px;
    min-height: 600px;
    background-color: var(--nspcclightblue);
    background-image: url(../images/custom/content-bg.png), url(../images/custom/content-bg.png);
    background-repeat: repeat-x, repeat-x;
    background-size: auto;
    background-position: top left, bottom left;
}

.crmod {
    background-image: none, none;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contentr .row {
    min-height: 600px;
}

.contentleft {
    width: 80%;
}

.contentright {
    padding-left: 20%;
}

.contentr h3,
.contenth3 {
    color: var(--nspccpink);
    font-size: 1.4rem;
    font-family: nspccheadline, sans-serif;
    margin-bottom: 24px;
}
/*??is this used anywhere with a bottom margin??*/
.contentr h3 {
    margin-bottom: 0
}

.contentr h2,
.contenth2 {
    color: var(--nspccplum);
    font-size: 3rem;
    font-family: nspccheadline, sans-serif;
    margin-bottom: 0;
}

.ch2-less {
    font-size: 2.5rem;
}

.contentr p,
.contentp {
    color: var(--nspccteal);
    font-size: 1.2rem;
    font-family: nspccregular, sans-serif;
    margin-top: 26px;
    margin-bottom: 30px;
}

.cp-plum {
    color: var(--nspccplum);
}

.contentbtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    outline: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease-in;
    max-width: 198px;
    width: 100%;
    background-image: none;
    background-color: var(--nspccpink);
    border: none;
    border-radius: 5px;
    padding: 9px 15px 6px 15px;
    min-width: 168px;
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
}

.anglecontent {
    margin-top: 60px;
    margin-bottom: 60px;
    min-height: 600px;
}

    .anglecontent .row {
        min-height: 600px;
    }

    .anglecontent h2,
    .anglecontenth2,
    .new-location-search-form h2 {
        color: var(--nspccteal);
        font-size: 3rem;
        font-family: nspccheadline, sans-serif;
        margin-bottom: 0;
    }

        .new-location-search-form h2 {
            font-size: 2.5rem;
        }

        .anglecontent ol,
        .anglecontent ul,
        .anglecontent p,
        .anglecontentol,
        .anglecontentul,
        .anglecontentp {
            color: var(--nspccteal);
            font-size: 1.2rem;
            font-family: nspccregular, sans-serif;
            margin-top: 26px;
        }

    .new-location-search-form {
        ol,
        ul,
        p {
            color: var(--nspccteal);
            font-size: 1.2rem;
            font-family: nspccregular, sans-serif;
            margin-top: 26px;
        }
    }

        .anglecontent p span,
        .anglecontent ul li span,
        .anglecontentp span.bolder,
        .anglecontentul li span.bolder {
            font-family: nspccbold, sans-serif;
        }

.new-location-search-form p span,
.new-location-search-form ul li span {
    font-family: nspccbold, sans-serif;
}
/*#region help page */
h2.textpage-title {
    color: var(--nspccteal);
    font-size: 2.3rem;
    font-family: nspccheadline, sans-serif;
    margin-top: 0;
    margin-bottom: 32px;
}
/*faq*/



ol.question-list {
    list-style: decimal-leading-zero;
    margin-left: 24px;
    font-size: 1.2rem;
}

    ol.question-list li {
        padding-bottom: 12px;
    }



.accordion.nav {
    display: block;
}

#accordionFaq {
    border: none;
}

    #accordionFaq .accordion-item {
        border: none;
    }

    #accordionFaq .accordion-button::after {
        display: none;
    }

    #accordionFaq .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #accordionFaq .accordion-button:focus {
        border-color: none;
        outline: 0;
        box-shadow: none;
    }

    #accordionFaq .accordion-button {
        background-color: var(--nspcclightgrey);
        color: var(--nspccteal);
        padding: 6px 24px 6px 20px;
        font-family: nspccsemibold, sans-serif;
        font-size: 1.2rem;
        margin-bottom: 12px;
        box-shadow: none !important;
        background-image: url(../images/custom/plus-contract.png);
        background-position: center right 11px;
        background-repeat: no-repeat;
        background-size: auto;
        height: 90px;
        max-height: 90px;
    }

        #accordionFaq .accordion-button.collapsed {
            background-image: url(../images/custom/plus-expand.png);
        }

    #accordionFaq .accordion-body ul {
        list-style-type: none;
        padding-left: 7px;
        margin-left: 0;
    }

        #accordionFaq .accordion-body ul li {
            margin-bottom: 16px;
        }

            #accordionFaq .accordion-body ul li a {
                color: var(--nspccteal);
                text-decoration: none;
                font-size: 1.2rem;
            }

                #accordionFaq .accordion-body ul li a:hover {
                    text-decoration: underline;
                }

.tc-faq,
.tab-pane {
    color: var(--nspccteal);
    font-size: 1.2rem;
}

    .tc-faq h3,
    .tab-pane h3 {
        color: var(--nspccpink);
        font-family: nspccheadline, sans-serif;
        font-size: 1.8rem;
        margin-top: 23px;
        margin-bottom: 27px;
    }

    .tc-faq h4,
    .tab-pane h4 {
        font-family: nspccheadline, sans-serif;
        margin-bottom: 0;
        font-size: 1.2rem;
    }

    .tc-faq p,
    .tab-pane p {
        font-family: nspccregular, sans-serif;
        margin-bottom: 25px;
        font-size: 1.2rem;
    }

.tab-pane {
}

a.backtotop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: block;
    background-color: var(--nspccgreen);
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 1.1rem;
    padding: 18px 25px 16px 25px;
    text-align: center;
    text-decoration: none;
    opacity: .65;
}

    a.backtotop:hover {
        background-color: var(--nspccgreen);
        color: white;
        text-decoration: none;
        opacity: 1;
    }

/*#endregion */
/*#region people */
.employee-hero {
    background-image: url(../images/headers/employee-story.png);
}

.su-one-hero {
    background-image: url(../images/headers/su-one-hero.png);
}

.su-two-hero {
    background-image: url(../images/headers/su-one-hero.png);
}

.su-three-hero {
    background-image: url(../images/headers/su-one-hero.png);
}

.people-block h2,
h2.people-title {
    font-family: nspccheadline, sans-serif;
    color: var(--nspccgreen);
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 20px;
}

.people-block p,
p.people-text {
    color: var(--nspccteal);
    font-size: 1.2rem;
    margin-bottom: 30px
}

.pink-div p,
p.pink-callout {
    font-family: nspccheadline, sans-serif;
    color: var(--nspccpink);
    font-size: 2.5rem;
    margin-top: 60px;
    margin-bottom: 86px;
    line-height: 2.8rem;
}

.sharebox {
    display: block;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    margin-top: 48px;
    margin-bottom: 20px;
    padding-top: 16px;
    padding-bottom: 46px;
}

    .sharebox p {
        font-size: 1rem;
        color: var(--nspccteal);
    }

    .sharebox a {
        margin-right: 11px;
    }

h3.name-marker {
    font-family: 'Permanent Marker', cursive;
    font-size: 2rem;
    color: black;
    margin-top: 14px;
    margin-bottom: 18px;
}

p.n-section {
    color: var(--nspccgreen);
    font-family: nspccsemibold, sans-serif;
    margin-bottom: 0;
}

p.n-location {
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    margin-bottom: 0;
}

p.n-directorate {
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    margin-bottom: 0;
}

/*#endregion */

/*#region more textpages */
.heromob {
    display: none;
}

.large-hero {
    width: 100%;
    background-color: var(--nspccgreen);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 674px;
    position: relative;
}

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

.lh-row {
    min-height: 674px;
}

.whatwedo-hero {
    background-image: url(../images/headers/whatwedo-hero.png);
}

.serviceuserone-hero {
    background-image: url(../images/headers/typesofvol-hero.png);
}

.serviceuserthree-hero {
    background-image: url(../images/headers/whatwedo-hero.png);
}

.beingpart-hero {
    background-image: url(../images/headers/beingpart-hero.png);
}

.weare-hero {
    background-image: url(../images/headers/weare-hero.png);
}

.schools-hero {
    background-image: url(../images/headers/schools-hero.png);
}

.typesofvol-hero {
    background-image: url(../images/headers/typesofvol-hero.png);
}

.childline-hero {
    background-image: url(../images/headers/childline-hero.png);
}

.cpsu-hero {
    background-image: url(../images/headers/cpsu-hero.png);
}

.events-hero {
    background-image: url(../images/headers/events-hero.png);
}

.young-hero {
    background-image: url(../images/headers/young-hero.png);
}

.buildingconn-hero {
    background-image: url(../images/headers/buildingconn-hero.png);
}

.whattype-hero {
    background-image: url(../images/headers/whattype-hero.png);
}

.difference-hero {
    background-image: url(../images/headers/difference-hero.png);
}

.vsliz-hero {
    background-image: url(../images/headers/vsliz-hero.png);
}

.vsjenisha-hero {
    background-image: url(../images/headers/vsjenisha-hero.png);
}

.vslee-hero {
    background-image: url(../images/headers/vslee-hero.png);
}

.vsbasil-hero {
    background-image: url(../images/headers/vsbasil-hero.png);
}

.jd-row {
    min-height: 400px; /*remove?*/
}

.contact-hero {
    background-image: url(../images/headers/help-hero.png);
}

.help-hero {
    background-image: url(../images/headers/help-hero.png);
}

.directorate-hero {
    background-image: url(../images/headers/our-direc.png);
}

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

.jd-hero {
    background-image: url(../images/headers/jobdesc-hero.png);
}

.posId7888 .jd-hero {
    background-image: url(../images/headers/specialevents-hero.jpg);
}

.jdh-3097 {
    background-image: url(../images/headers/childline-hero.png);
}

.jdh-4874 {
    background-image: url(../images/headers/cpsu-hero.png);
}

.jdh-3489 {
    background-image: url(../images/headers/events-hero.jpg);
}

.jdh-3100 {
    background-image: url(../images/headers/schools-hero.png);
}

.jdh-4875 {
    background-image: url(../images/headers/young-hero.png);
}

.jdh-4881 {
    background-image: url(../images/headers/jdh-4881.png);
}

.jdh-3098 {
    background-image: url(../images/headers/jdh-3098.png);
}

.culture-hero {
    background-image: url(../images/headers/culture-hero.png);
}

.edi-hero {
    background-image: url(../images/headers/edi-hero.png);
}

.mission-hero {
    background-image: url(../images/headers/mission-hero.png);
}

.values-hero {
    background-image: url(../images/headers/values-hero.png);
}

.benefits-hero {
    background-image: url(../images/headers/benefits-hero.png);
}

.ourstrategy-hero {
    background-image: url(../images/headers/ourstrategy-hero.png);
}

.whatto-hero {
    background-image: url(../images/headers/whatto-hero.png);
}

.whattoexpect-hero {
    background-image: url(../images/headers/whattoexpect-hero.png); /*values*/
}

.home-hero h3,
.large-hero h3 {
    background-color: var(--nspccgreen);
    padding: 12px 24px 8px 24px;
    margin: 0;
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 1.7rem;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}

.large-hero.h3-teal h3,
.large-hero .h3-teal {
    background-color: var(--nspccteal);
}

.home-hero h3,
.large-hero.h3-pink h3,
.large-hero .h3-pink {
    background-color: var(--nspccpink);
}


.large-hero h3.pre-h3 {
    background-color: transparent;
    padding: 10px 0;
    margin: 0 0 10px 0;
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 1.7rem;
    display: block;
    text-align: left
}

/*.small-hero h1 {
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 3.1rem;
    margin-bottom: 0;
}*/

.large-hero h1 {
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 3.4rem;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 4.8rem;
    display: block;
}

    .large-hero h1 span {
        zoom: 1;
        background: var(--nspccgreen);
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        -moz-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
    }

.employee-hero h1 {
    margin-bottom: 34px;
}

@media screen and (max-width:992px) {
    .large-hero {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.modal-header {
    border-bottom: none;
}
/*.modal-fullscreen .modal-body {
    overflow: hidden;
    overflow-y: hidden;
}*/
.modal-content {
    background-color: black;
}

button.btn-close.mxclose {
    background-color: white;
    opacity: 1;
}

.ratio > * {
    top: -78px;
}

.modal-square-height {
    width: 60vw;
    max-width: none;
    height: 60vw;
    margin: auto;
}

.how-to-connect {
    background-color: var(--nspcclightblue);
    width: 100%;
    min-height: 550px;
}

    .how-to-connect .row {
        min-height: 550px;
    }

    .how-to-connect h2 {
        color: var(--nspccpurple);
        font-family: nspccheadline, sans-serif;
        font-size: 2.55rem;
        padding-bottom: 62px
    }

.connectways {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

a.connectway {
    flex: 1 0 218px;
    text-align: center;
    color: #085470;
    text-decoration: none;
    font-family: nspccsemibold, sans-serif;
    font-size: 1.2rem;
}

    a.connectway img {
        display: block;
        min-width: 196px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 27px;
    }

    a.connectway span {
        flex: 1 0 218px;
        text-align: center;
    }

    a.connectway strong {
        flex: 1 0 218px;
        text-align: center;
        font-family: nspccheadline, sans-serif;
    }


.contact-form {
    /*form fields*/
}

    .contact-form div.pageBlockInner_FormBlock div.formRow {
        margin-top: 24px;
    }

    .contact-form div.pageBlockInner_FormBlock div.formRowTextInputRow,
    .contact-form div.pageBlockInner_FormBlock div.formRowSelectInputRow {
        float: none;
        clear: both;
        display: inline-block;
        width: 100%;
    }

        .contact-form div.pageBlockInner_FormBlock div.formRowTextInputRow .labelContainer,
        .contact-form div.pageBlockInner_FormBlock div.formRowTextInputRow .controlContainer,
        .contact-form div.pageBlockInner_FormBlock div.formRowSelectInputRow .labelContainer,
        .contact-form div.pageBlockInner_FormBlock div.formRowSelectInputRow .controlContainer {
            max-width: 49%;
            width: 100% !important;
            margin: 0 !important;
        }

    .contact-form #ContactForm2_name_formRow,
    .contact-form #ContactForm2_surname_formRow,
    .contact-form #ContactForm2_email_formRow,
    .contact-form #ContactForm2_telephone_formRow {
        width: 49%;
    }

    .contact-form #ContactForm2_surname_formRow,
    .contact-form #ContactForm2_telephone_formRow {
        margin-left: 16px;
    }

    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_name_formRow .labelContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_name_formRow .controlContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_surname_formRow .labelContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_surname_formRow .controlContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_email_formRow .labelContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_email_formRow .controlContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_telephone_formRow .labelContainer,
    .contact-form div.pageBlockInner_FormBlock div#ContactForm2_telephone_formRow .controlContainer {
        max-width: 100%;
        width: 100% !important;
        margin: 0 !important;
    }

    .contact-form div.pageBlockInner_FormBlock div.formRow .labelContainer label {
        margin-left: 0;
    }

    .contact-form #ContactForm2_message_formRow .labelContainer .formLabel,
    .contact-form #ContactForm2_message_formRow .labelContainer,
    .contact-form #ContactForm2_message_formRow .controlContainer {
        width: 100%;
        max-width: 100%;
    }

    .contact-form textarea#ContactForm2_message_control {
        width: 100%;
        min-height: 315px;
    }

    .contact-form .buttonsRight {
        float: left;
    }


@media screen and (max-width: 1200px) {
    .contact-form div.pageBlockInner_FormBlock div.formRowTextInputRow .labelContainer,
    .contact-form div.pageBlockInner_FormBlock div.formRowTextInputRow .labelContainer .formLabel,
    .contact-form div.pageBlockInner_FormBlock div.formRowTextInputRow .controlContainer,
    .contact-form div.pageBlockInner_FormBlock div.formRowSelectInputRow .labelContainer,
    .contact-form div.pageBlockInner_FormBlock div.formRowSelectInputRow .labelContainer .formLabel,
    .contact-form div.pageBlockInner_FormBlock div.formRowSelectInputRow .controlContainer {
        max-width: 100% !important;
    }

    .contact-form #ContactForm2_name_formRow,
    .contact-form #ContactForm2_surname_formRow,
    .contact-form #ContactForm2_email_formRow,
    .contact-form #ContactForm2_telephone_formRow {
        width: 100%;
    }

    .contact-form #ContactForm2_surname_formRow,
    .contact-form #ContactForm2_telephone_formRow {
        margin-left: 0;
    }
}



/**about*/
.firstcontent {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .firstcontent h2 {
        color: var(--nspccgreen);
        font-family: nspccsemibold, sans-serif;
        font-size: 2.6rem;
    }

        .firstcontent h2 span {
            font-family: nspccheadline, sans-serif;
        }

/*cont*/

.about-callout-one {
    background-image: url(../images/custom/patternbg.png);
    background-color: var(--nspccteal);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 480px;
    width: 100%;
}

    .about-callout-one .row {
        min-height: 480px;
    }

    .about-callout-one h2 {
        font-family: nspccheadline, sans-serif;
        font-size: 2.6rem;
        color: white;
        margin-bottom: 24px;
    }
    /*    .about-callout-one h2 span {
        font-family: nspccheadline, sans-serif;
        font-size: 2.6rem;
    }*/
    .about-callout-one p {
        font-family: nspccregular, sans-serif;
        font-size: 1.6rem;
        color: white;
        margin-bottom: 0;
    }

.acone-green {
    background-image: none;
    background-color: var(--nspccgreen);
}

.edi-bg {
    background-image: url(../images/custom/edi-people-quote.png);
}

.about-callout-two {
    background-color: var(--nspccgreen);
    min-height: 474px;
    width: 100%;
}

    .about-callout-two .row {
        min-height: 474px;
    }

    .about-callout-two h2 {
        font-family: nspccsemibold, sans-serif;
        font-size: 4.7rem;
        color: white;
        margin-bottom: 26px;
        line-height: 4.7rem;
    }

        .about-callout-two h2 span {
            font-family: nspccheadline, sans-serif;
            font-size: 4.7rem;
        }

    .about-callout-two p {
        font-family: nspccsemibold, sans-serif;
        font-size: 2.4rem;
        color: white;
        margin-bottom: 0;
    }

.video-callout {
    background-image: url(../images/custom/video-callout.png);
    background-color: var(--nspccteal);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 600px;
    width: 100%;
    padding-bottom: 30px;
}

    .video-callout .row {
        min-height: 600px;
    }

    .video-callout h2 {
        font-family: nspccheadline, sans-serif;
        font-size: 3.2rem;
        color: white;
        margin-top: 0;
        margin-bottom: 20px;
        display: inline-block;
    }

    .video-callout p {
        font-family: nspccsemibold, sans-serif;
        font-size: 1.6rem;
        color: white;
        display: inline-block;
    }



h2.tealh2 { /*currently not used*/
    font-family: nspccheadline, sans-serif;
    font-size: 3.4rem;
    color: var(--nspccteal);
    margin-bottom: 18px;
}

p.tealp {
    font-family: nspccregular, sans-serif;
    font-size: 1.2rem;
    color: var(--nspccteal);
    margin-bottom: 28px;
}

    p.tealp:last-child {
        margin-bottom: 0;
    }
/**end-about*/

/**wearenspcc*/
.our-peoples {
    margin-top: 44px;
    margin-bottom: 64px;
    background-color: var(--nspcclightgrey);
    width: 100%;
    padding-top: 70px;
    padding-bottom: 140px;
}

.peoples {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 52px;
}

.people {
    flex: 0 1 572px;
    height: 404px;
}

.p-img {
    height: 318px;
    display: block;
    overflow: hidden;
}

.p-txt {
    height: 86px;
    display: flex;
    background-color: var(--nspccgreen);
    background-image: url(../images/custom/directorate-go.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right 8px;
}

.p-title {
    flex: 0 0 68%;
    padding-left: 24px;
    padding-right: 10px;
    display: grid;
    place-items: center start;
}

    .p-title h3 {
        color: white;
        font-family: nspccheadline;
        font-size: 1.2rem;
        margin: 0;
    }

        .p-title h3 span {
            font-family: nspccregular, sans-serif;
        }

.p-links {
    flex: 0 0 30%;
    display: grid;
    place-items: center start;
}

    .p-links a {
        color: white;
        text-decoration: underline;
        font-size: 1rem;
    }

        .p-links a:hover {
            text-decoration: none;
        }


.dir-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
}

a.dir-item {
    background-color: white;
    background-image: url(../images/custom/go-home.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: auto;
    flex: 0 0 calc(25% - 14px);
    display: grid;
    place-items: center left;
    height: 119px;
    padding-left: 29px;
    text-decoration: none;
    transition: all 0.3s ease-in;
}

    a.dir-item:hover {
        background-color: var(--nspccteal);
        background-image: url(../images/custom/go-home-hover.png);
    }

    a.dir-item h3 {
        color: var(--nspccteal);
        font-family: nspccsemibold, sans-serif; /*semibold*/
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin: 0;
    }

    a.dir-item:hover h3 {
        color: white;
    }

/**end*/
/**directorates*/
h2.plumtitle {
    font-family: nspccheadline;
    font-size: 2.6rem;
    color: var(--nspccplum);
}

h2.greentitle {
    font-family: nspccheadline;
    font-size: 1.8rem;
    color: var(--nspccgreen);
}

h2.addplum {
    color: var(--nspccplum);
}

.our-directorates {
    margin-top: 44px;
    margin-bottom: 64px;
    background-color: var(--nspcclightgrey);
    width: 100%;
    padding-top: 70px;
    padding-bottom: 140px;
}

.directorates {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 52px;
}

.directorate { /*also used on wearenspcc*/
    flex: 0 1 572px;
    height: 342px;
}

.d-img {
    height: 248px;
    display: block;
    overflow: hidden;
}

.d-txt {
    height: 76px;
    display: flex;
    background-color: var(--nspccgreen);
    background-image: url(../images/custom/directorate-go.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right 8px;
}

.d-title {
    flex: 0 0 58%;
    padding-left: 24px;
    display: grid;
    place-items: center start;
}

    .d-title h3 {
        color: white;
        font-family: nspccheadline;
        font-size: 1.2rem;
        margin: 0;
    }

.d-links {
    flex: 0 0 40%;
    display: grid;
    place-items: center start;
}

    .d-links a {
        color: white;
        text-decoration: underline;
        font-size: 1rem;
    }

        .d-links a:hover {
            text-decoration: none;
        }

/**end directorates*/
/*#region directorate */

.rotateimg-toleft {
    transform: rotate(-3deg);
}

.rotateimg-toright {
    transform: rotate(3deg);
}


.looking-for {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
    /*h2.tealtitle{
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    font-size: 3.2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 4rem;
    display: block;
}*/
    /*h2.tealtitle span {
    font-family: nspccheadline, sans-serif;    
}*/
    /*p.tealp {
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.9rem;
    width: 80%;
}*/
    .looking-for h3 {
        font-family: nspccheadline;
        font-size: 1.8rem;
        color: var(--nspccplum)
    }

.l-attributes {
    display: flex;
    justify-content: center;
    gap: 10px 30px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 60px;
}

.l-attribute {
    flex: 0 1 266px;
    min-height: 314px;
    text-align: center;
}

.looking-for h3 {
    font-family: nspccheadline;
    font-size: 1.8rem;
    color: var(--nspccplum)
}

.l-attribute h3 {
    color: var(--nspccplum);
    font-family: nspccsemibold, sans-serif;
    font-size: 1.4rem;
    margin-top: 8px
}

a.green-page-btn {
    background-color: var(--nspccgreen);
    font-family: nspccheadline, sans-serif;
    font-size: 1.1rem;
    color: white;
    padding: 18px 25px 16px 25px;
    width: 256px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    transition: all 0.3s ease-in;
}

    a.green-page-btn:hover {
        background-color: var(--nspccteal);
        transition: all 0.3s ease-in;
    }

a.gpb-wide {
    width: 290px;
}

a.gpb-wider {
    width: 314px;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}

.vol-stories {
    min-height: 918px;
    width: 100%;
    background-color: var(--nspcclightgrey);
}

    .vol-stories .row {
        min-height: 918px;
    }

.emp-stories {
    min-height: 530px;
    width: 100%;
    background-color: var(--nspcclightgrey);
    padding-top: 40px;
    padding-bottom: 40px;
}

    .emp-stories .row {
        min-height: 530px;
    }

.titleslide {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*gap: 14px;*/
}

.tsleft {
    flex: 0 0 50%
}

.tsright {
    flex: 0 0 50%;
    text-align: right
}

a.volunteer-story {
    text-align: center;
    text-decoration: none;
}

    a.volunteer-story img {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    a.volunteer-story h3 {
        font-family: nspccsemibold, sans-serif;
        font-size: 1.8rem;
        color: var(--nspccteal);
        margin-top: 23px;
        margin-bottom: 13px;
    }

    a.volunteer-story p.esp-1 {
        color: var(--nspccgreen);
        font-family: nspccheadline, sans-serif;
        font-size: 1.2rem;
    }

    a.volunteer-story p.esp-2 {
        color: var(--nspccteal);
        font-family: nspccsemibold, sans-serif;
        font-size: 1.2rem;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    a.volunteer-story p.esp-3 {
        color: var(--nspccteal);
        font-family: nspccsemibold, sans-serif;
        font-size: 1.2rem;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

.pages-callout { /*also used on wearenspcc*/
    background-color: var(--nspccteal);
    background-image: url(../images/custom/roles-promo.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 400px;
    width: 100%;
    margin-top: 60px;
}

    .pages-callout .row {
        min-height: 400px;
    }

    .pages-callout h2 {
        font-family: nspccheadline, sans-serif;
        font-size: 2.5rem;
        color: white;
        margin-bottom: 26px;
        line-height: 2.7rem;
    }

/*latestjobs*/
.latest-jobs-container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.latest-jobs {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    gap: 14px;
}

a.lj-job {
    background-image: url(../images/custom/go-search.png);
    background-repeat: no-repeat;
    background-position: center right 28px;
    background-color: var(--nspccbabyblue);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    flex: 0 0 49%;
    min-height: 192px;
    border-radius: 0;
    color: var(--nspccteal);
    transition: all 0.3s ease-in;
    text-decoration: none;
    padding: 10px 0px 10px 39px;
}

    a.lj-job:hover {
        background-image: url(../images/custom/go-search-hover.png);
        background-color: var(--nspccteal);
        color: white;
        transition: all 0.3s ease-in;
        text-decoration: none;
    }

    a.lj-job h3 {
        text-decoration: none !important;
        color: var(--nspccpink);
        font-size: 1.2rem;
        font-family: nspccheadline, sans-serif;
        line-height: initial;
        transition: all 0.3s ease-in;
        display: block;
        width: 85%;
    }

    a.lj-job:hover h3 {
        text-decoration: none !important;
        color: white;
    }


.plocation {
    font-size: 1.2rem;
    display: block;
    font-family: nspccsemibold;
    margin-bottom: 0;
    display: block;
    width: 100%;
}

.pcdate {
    font-size: 1rem;
    display: block;
    font-family: nspccsemibold;
    margin-bottom: 0;
    display: block;
    width: 82%;
}


/*end*/

/*latest-for-you*/
.latest-jobs-container-you {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: var(--nspccbabyblue);
}

    .latest-jobs-container-you .latest-jobs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 24px;
    }

    .latest-jobs-container-you a.lj-job {
        background-image: url(../images/custom/volun01.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        background-color: var(--nspccbabyblue);
        flex: 0 0 48%;
        min-height: 362px;
        padding-left: 0;
        border-radius: 0;
        color: var(--nspccpink);
        transition: all 0.3s ease-in;
        text-decoration: none;
        max-width: 572px;
        display: inline-block;
    }

        .latest-jobs-container-you a.lj-job:hover {
            background-image: url(../images/custom/volun01.png);
            background-color: var(--nspccbabyblue);
            color: var(--nspccpink);
            transition: all 0.3s ease-in;
            text-decoration: none;
        }

        .latest-jobs-container-you a.lj-job.ljpic-3097, /*childline*/
        .latest-jobs-container-you a.lj-job.ljpic-3097:hover {
            background-image: url(../images/custom/volun01.png);
        }

        .latest-jobs-container-you a.lj-job.ljpic-3489, /*fundraising and events*/
        .latest-jobs-container-you a.lj-job.ljpic-3489:hover {
            background-image: url(../images/custom/volun03.png);
        }

        .latest-jobs-container-you a.lj-job.ljpic-3100, /*schools*/
        .latest-jobs-container-you a.lj-job.ljpic-3100:hover {
            background-image: url(../images/custom/volun02.png);
        }

        .latest-jobs-container-you a.lj-job.ljpic-4874, /*cpsu*/
        .latest-jobs-container-you a.lj-job.ljpic-4874:hover {
            background-image: url(../images/custom/volun07.png);
        }

        .latest-jobs-container-you a.lj-job.ljpic-4875, /*young witness*/
        .latest-jobs-container-you a.lj-job.ljpic-4875:hover {
            background-image: url(../images/custom/volun04.png);
        }


        .latest-jobs-container-you a.lj-job.ljpic-3490,
        .latest-jobs-container-you a.lj-job.ljpic-3491,
        .latest-jobs-container-you a.lj-job.ljpic-3492,
        .latest-jobs-container-you a.lj-job.ljpic-3098,
        .latest-jobs-container-you a.lj-job.ljpic-3490:hover,
        .latest-jobs-container-you a.lj-job.ljpic-3491:hover,
        .latest-jobs-container-you a.lj-job.ljpic-3492:hover,
        .latest-jobs-container-you a.lj-job.ljpic-3098:hover {
            background-image: url(../images/custom/volun03.png);
        }

        .latest-jobs-container-you a.lj-job h3 {
            text-decoration: none !important;
            color: var(--nspccpink);
            font-size: 1.2rem;
            font-family: nspccheadline, sans-serif;
            line-height: initial;
            transition: all 0.3s ease-in;
            display: block;
            width: 100%;
            padding-top: 339px;
        }

        .latest-jobs-container-you a.lj-job:hover h3 {
            text-decoration: none !important;
            color: var(--nspccpink);
        }


    .latest-jobs-container-you .plocation {
        font-size: 1.2rem;
        display: block;
        font-family: nspccsemibold;
        margin-bottom: 0;
        display: block;
        width: 100%;
        color: black;
    }

    .latest-jobs-container-you .pcdate {
        font-size: 1rem;
        display: block;
        font-family: nspccsemibold;
        margin-bottom: 0;
        display: block;
        width: 100%;
        color: black;
    }

    .latest-jobs-container-you a.lj-job:nth-child(3n),
    .latest-jobs-container-you a.lj-job:nth-child(4n),
    .latest-jobs-container-you a.lj-job:nth-child(5n),
    .latest-jobs-container-you a.lj-job:nth-child(6n) {
        display: none;
    }

@media screen and (max-width: 992px) {
    .latest-jobs-container-you a.lj-job {
        flex: 0 0 100%;
        max-width: 572px;
        margin-left: auto;
        margin-right: auto;
    }
}

.latest-jobs-container-you #latestRemote {
    margin-bottom: 0;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0 40px;
}

    .latest-jobs-container-you #latestRemote .latest-jobs {
        flex-wrap: nowrap;
        justify-content: initial;
        align-items: initial;
    }

        .latest-jobs-container-you #latestRemote .latest-jobs li {
            display: flex !important;
            flex-direction: column;
        }

            .latest-jobs-container-you #latestRemote .latest-jobs li a.lj-job {
                min-height: 1px;
                display: flex;
                flex-direction: column;
                flex: 1 0 auto;
                max-width: 100%;
                background: none;
                margin: 0;
            }

                .latest-jobs-container-you #latestRemote .latest-jobs li a.lj-job:before {
                    content: '';
                    background-image: url(../images/custom/volun03.png);
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: 50% 50%;
                    width: 100%;
                    height: 250px;
                }

                .latest-jobs-container-you #latestRemote .latest-jobs li a.lj-job h3 {
                    padding-top: 0;
                    margin-top: 20px;
                }

    .latest-jobs-container-you #latestRemote .flex-direction-nav a {
        transform: translateY(-50%);
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        opacity: 1;
    }

        .latest-jobs-container-you #latestRemote .flex-direction-nav a.flex-prev {
            left: 0;
        }

        .latest-jobs-container-you #latestRemote .flex-direction-nav a.flex-next {
            right: 0;
        }

    .latest-jobs-container-you #latestRemote .flex-control-nav {
        position: relative;
        margin-top: 40px;
        bottom: initial;
        display: none;
    }

.latest-jobs-container-you .buttonContainer {
    text-align: center;
}

    .latest-jobs-container-you .buttonContainer .home-btn {
        max-width: 100%;
        width: auto;
        display: inline-block;
    }



/*end*/
/*#endregion */

/***owl slider***/
.owl-nav button span {
    color: var(--nspccpink);
    font-weight: 400;
    font-size: 4rem;
    font-family: monospace;
}


.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 30%;
    left: -40px;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 30%;
    right: -40px;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 30px;
}

    .owl-carousel .owl-dots .owl-dot span {
        background: #fff;
        border: 1px solid var(--nspccgreen);
        width: 13px;
        height: 13px;
        display: inline-block;
        border-radius: 12px;
        margin: 4px;
    }

    .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
        background: var(--nspccgreen);
    }

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}
/**end**/
/*#endregion */
/*#region Application Review Styling */
.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    overflow: hidden;
}

.questionsAnswerBlock div.appSummaryGridColumn {
    padding-bottom: 10px;
}

div#SubmitForm_checkboxlegal_formRow {
    padding-top: 20px;
}

    div#SubmitForm_contactconsent_formRow .labelContainer label,
    div#SubmitForm_checkboxlegal_formRow .labelContainer label {
        font-weight: 700;
    }
/*#endregion */

/*#region Results Page Styling */
h2.searchc {
    font-family: nspccheadline, sans-serif;
    font-size: 1.85rem;
    color: var(--nspccteal);
    margin-bottom: 13px;
}

.searchc-col {
    border-top: 1px solid var(--nspccteal);
    border-bottom: 1px solid var(--nspccteal);
    padding-top: 12px;
    padding-bottom: 25px;
}

.show {
    display: block !important;
}

.Pos_Find_Results .blockSummarySurround {
    display: none;
}

.FilterContainer .ValueContainer,
.FilterContainer.show .ValueContainer {
    display: block;
    transition: all 0.3s ease-in;
}

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

#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(--fordblue);
}

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

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: 5px 0 5px;
    }

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

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer .noEntries,
            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel {
                color: var(--nspccteal);
                padding: 19px 6px 19px 20px;
                font-family: nspccsemibold, sans-serif;
                font-size: 1.2rem;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel.active {
                    font-family: nspccbold, sans-serif;
                }


.FilterContainer .HeaderLabel:after {
    content: '';
    background-image: url(../images/custom/plus-expand.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-right: 6px;
    margin-top: 2px;
    width: 27px;
    height: 27px;
}

.FilterContainer .HeaderLabel.active:after {
    background-image: url(../images/custom/plus-contract.png);
}


/*#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: 1px 1px 1px 21px;
        background: url(../images/sprites/search-unticked.png) no-repeat center left;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
            background: url(../images/sprites/search-ticked.png) no-repeat center left;
        }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a {
            display: inline-block;
            color: var(--nspccteal);
            padding: 0 0 0 9px;
            text-decoration: none;
            transition: all 0.3s ease-in;
            background-size: 0 !important;
            font-size: 1.2rem;
            line-height: 26px;
            font-family: nspccsemibold, sans-serif;
        }


            #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 35px;
    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;
}

.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
/*.Pos_Find_Results .alternateViewsCurrent a,
.Pos_Find_Results_Map .alternateViewsCurrent a*/ {
    width: 190px;
    height: 40px;
    display: inline-block;
    line-height: 24px;
    background-color: var(--lightblue);
    outline: 0;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease-in;
    max-width: 190px;
    border-radius: 0;
    border: none;
    padding: 8px 10px !important;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
}

    .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.3s ease-in;
    font-size: 1.2rem;
    text-transform: uppercase;
    background-image: url(../images/custom/map-view.png);
    background-position: top 1px left 0;
    background-repeat: no-repeat;
    background-size: auto;
    color: var(--nspccgreen);
    padding-left: 35px;
    text-decoration: none;
    padding-top: 2px;
    font-family: 'nspccsemibold', sans-serif;
    margin-left: 14px;
}

.Pos_Find_Results_Map .alternateViewsCurrent a {
    background-image: url(../images/custom/list-view.png);
}


.Pos_Find_Results_Map .noResults .noRecordsContainer,
.Pos_Find_Results .noResults .noRecordsContainer {
    padding: 10px;
    color: var(--nspccteal);
    font-size: 1.2rem;
    font-family: nspccsemibold, sans-serif;
    margin-top: 20px;
}

.pageBlockInner_GridBlock .pagingControls_Tiles .pagingText {
    float: left;
    margin-right: 10px;
    padding-top: 26px;
    color: var(--nspccteal);
    font-size: 1.2rem;
    font-family: nspccsemibold, sans-serif;
}
/*end*/

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

div.sortingCurrent a.normalanchor {
    background-image: url(../images/custom/sort.png);
    background-position: top 1px left 0;
    background-repeat: no-repeat;
    background-size: auto;
    color: var(--nspccgreen);
    font-family: nspccsemibold,sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    padding-left: 25px;
    margin-left: 5px;
    text-decoration: none;
}

.pageBlockInner_GridBlock .TilesGridSortingPopup {
    border: none;
}

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

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

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

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




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

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

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
            border: none;
            overflow: hidden;
            min-height: 80px;
            margin-bottom: 4px;
        }

            #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: 24px 0 0 0;
                    margin: 0;
                }

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

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

.pageBlockInner_GridBlock .pagingControls_Tiles {
    float: right;
}

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

    .pageBlockInner_GridBlock .pagingControls_Tiles a {
        margin: 21px 0 1px 0;
        background-color: #fff;
        line-height: 1.25;
        padding: 18px 16px;
    }

        .pageBlockInner_GridBlock .pagingControls_Tiles a.buttonDisabled:hover,
        .pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
            margin: 21px 0 1px 0;
            background-color: #ffffff;
            background-position: center center;
            padding: 18px 16px;
            border: none;
        }

        .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
            background-image: url(../images/sprites/page-left.png);
            background-repeat: no-repeat;
        }

        .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
            background-image: url(../images/sprites/page-right.png);
            background-repeat: no-repeat;
            border-left: none;
        }

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

        .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev.buttonDisabled {
            background-image: url(../images/sprites/page-left-first.png);
        }

        .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext.buttonDisabled {
            background-image: url(../images/sprites/page-right-last.png);
        }

#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 {
    /*overflow: hidden;*/
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
    background-image: url(../images/custom/go-search.png);
    background-repeat: no-repeat;
    background-position: center right 6px;
    border-radius: 0;
    display: block;
    background-color: var(--nspccbabyblue);
    color: var(--nspccteal);
    transition: all 0.3s ease-in;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover {
        background-image: url(../images/custom/go-search-hover.png);
        background-color: var(--nspccteal);
        color: white;
        transition: all 0.3s ease-in;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder br,
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .codelist5value_vacancyColumn strong {
        display: none;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        width: 100%;
        border: none;
        margin: 0;
        height: 208px;
        background: none;
        padding: 0;
        transition: all 0.3s ease-in;
        float: none;
        border: 1px solid transparent;
        margin-bottom: 24px;
        margin-left: 0 !important; /*override inline*/
    }

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

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContainer .rowHeader .rowLabel a {
        color: white;
        transition: all 0.3s ease-in;
    }

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

        #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: 1.2rem;
                display: block;
                font-family: nspccsemibold;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.pospublishenddate_vacancyColumn {
                    font-size: 1rem;
                }
                /*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: 1rem;
        }

    #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: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(--nspccgreen);
    border: 0;
    transition: all 0.3s ease-in;
    text-align: center;
    color: white;
    border-radius: 0;
    width: 48px;
    text-transform: uppercase;
    font-family: nspccsemibold, sans-serif;
}

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

.posBrowserMapBlock .addressContainer .addressInput {
    float: left;
    width: 125px;
    margin-right: 10px;
    border-radius: 0;
    border: 1px solid #444e55;
    height: 31px;
}

.posBrowserMapBlock .addressContainer {
    z-index: 88;
}

.posBrowserMapBlock .addressContainer {
    margin-top: 9px;
}

.searchpage-filtertxt {
    min-height: 80px;
    display: grid;
    place-items: center left;
}

.sp-ft {
    color: var(--nspccteal);
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
    margin: 0;
}

.searchpagealert-cta {
    margin: 48px auto 100px auto;
    display: block;
    text-align: center;
    width: 80%;
}

.spacta-p1 {
    color: var(--nspccgreen);
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.spacta-p2 {
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    font-size: 1.2rem;
}

a.spacta-btn {
    max-width: 275px;
    display: block;
    margin: 0 auto;
    float: none;
    clear: both;
}

.Pos_Find_Results .noResults {
    display: none;
}

/*#endregion */
/*#region Job Description Styling */
h2.jobdesctitle {
    font-family: nspccheadline;
    font-size: 2.6rem;
    color: var(--nspccpink)
}


.jd-closing {
    margin-bottom: 0;
}

    .jd-closing .jobSumValue,
    .jd-closing .jobSumLabel {
        color: white;
        font-family: nspccbold, sans-serif;
        font-size: 1.4rem;
        display: inline-block;
        padding-right: 4px;
    }




#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 {
    font-size: 1.2rem;
    text-align: left;
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    list-style-type: none;
}

    #posdesc_pageBlock ul.jobSum li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: none;
        flex: 0 0 32%;
    }

        #posdesc_pageBlock ul.jobSum li .jobSumLabel {
            display: inline;
            font-family: nspccbold, sans-serif;
        }

        /*        #posdesc_pageBlock ul.jobSum li.SumItem_codelist2value .jobSumLabel,
        #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate .jobSumLabel {
            display: inline;
        }*/

        #posdesc_pageBlock ul.jobSum li .jobSumValue {
            margin-right: 0;
        }




#posdesc_pageBlock .PosDescriptionText {
    padding-right: 40px;
}

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

.earcu_posdescription p strong {
    color: var(--fordblue);
    font-weight: 400;
    font-size: 1.4rem;
}

.earcu_posdescription p {
    margin-bottom: 34px
}


.earcu_posdescriptionnote ul {
    list-style: disc;
    padding-left: 0;
    margin-left: 48px
}


.earcu_posdescriptionnote li {
    font-size: 1.4rem;
    padding-left: 0;
    padding-bottom: 8px;
}



.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: 5px 10px;
    text-align: center;
}

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

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


/*sharing*/
#posdesc_pageBlock .posDescriptionContainer317 .possharing {
    margin-bottom: 36px;
    margin-top: 42px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding-top: 28px;
    padding-bottom: 49px;
}

    #posdesc_pageBlock .posDescriptionContainer317 .possharing .possharing_header {
        text-align: left;
        margin-bottom: 18px;
    }

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

#PosDescSharingItems {
    overflow: auto;
    margin-top: 10px;
    display: flex;
    justify-content: left;
    gap: 18px;
}


    #PosDescSharingItems .PosDescSharingItem:after {
        content: none
    }

    #PosDescSharingItems .PosDescSharingItem {
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        border-radius: 0;
        display: inline-block;
        margin: 0;
        flex: 0 0 36px;
        height: 36px;
        float: none;
        text-decoration: none;
        transition: all 0.3s ease-in;
    }

a#linkedin_PosDescSharingItem {
    background-image: url(../images/custom/page-linkedin.png);
}

a#facebook_PosDescSharingItem {
    background-image: url(../images/custom/page-facebook.png);
}

a#twitter_PosDescSharingItem {
    background-image: url(../images/custom/page-twitter.png);
}

#PosDescSharingItems .PosDescSharingItem:hover {
}


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

a#email_PosDescSharingItem {
    display: none !important;
}


.earcu_posdescriptionnote {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: 'nspccregular', sans-serif;
}

/**END-NEW**/
div#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
    margin-top: 10px;
}

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_info {
    padding: 20px 5px 40px 5px;
    font-size: 1.2rem;
}

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

.appsupport,
#arrowdoclist,
#supportdoclist {
    background-color: var(--nspccbabyblue);
    padding: 34px 20px 34px 20px;
    margin-bottom: 22px;
}

.arrowListTitle {
    font-size: 1.4rem;
    font-family: nspccheadline, sans-serif;
    color: var(--nspccplum);
    padding-bottom: 13px;
    border-bottom: 1px solid #20679a;
    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(--nspccteal);
            text-decoration: none;
        }


.cta-jds {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 94px;
}

a.cta-jd {
    background-color: var(--nspcclightplum);
    background-image: url(../images/custom/cta-jd-chevron.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: auto;
    flex: 0 0 360px;
    display: grid;
    place-items: center left;
    height: 152px;
    padding-left: 29px;
    text-decoration: none;
    transition: all 0.3s ease-in;
}

    a.cta-jd:hover {
        background-color: var(--nspccplum);
        text-decoration: none;
        transition: all 0.3s ease-in;
    }

    a.cta-jd h3 {
        color: var(--nspccplum);
        font-family: nspccheadline, sans-serif;
        font-size: 1.4rem;
        margin: 0;
        text-decoration: none;
        transition: all 0.3s ease-in;
    }

    a.cta-jd:hover h3 {
        color: var(--nspcclightplum);
        text-decoration: none;
        transition: all 0.3s ease-in;
    }



.jobdesc-callout { /*also used on wearenspcc*/
    background-color: var(--nspccgreen);
    min-height: 400px;
    width: 100%;
}

    .jobdesc-callout .row {
        min-height: 400px;
    }

    .jobdesc-callout h2 {
        font-family: nspccsemibold, sans-serif;
        font-size: 2.5rem;
        color: white;
        margin-bottom: 26px;
        line-height: 2.7rem;
    }

        .jobdesc-callout h2 span {
            font-family: nspccheadline, sans-serif;
            font-size: 2.5rem;
        }

    .jobdesc-callout p {
        font-family: nspccsemibold, sans-serif;
        font-size: 1.75rem;
        color: white;
        margin-bottom: 0;
    }

        .jobdesc-callout p span {
            font-family: nspccheadline, sans-serif;
            font-size: 1.75rem;
        }

.jdicons {
    min-height: 238px;
    background-color: var(--nspcclightgrey);
}

    .jdicons .row {
        min-height: 238px;
    }

.owl-carousel .owl-item .jdis-i img {
    display: block;
    width: auto;
    max-height: 100px;
    margin-left: auto;
    margin-right: auto;
}

a.floatapply {
    position: fixed;
    right: 10px;
    top: 200px;
    display: block;
    background-color: var(--nspccgreen);
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 1.1rem;
    padding: 18px 25px 16px 25px;
    text-align: center;
    text-decoration: none;
    opacity: .65;
}

    a.floatapply:hover {
        background-color: var(--nspccgreen);
        color: white;
        text-decoration: none;
        opacity: 1;
    }

#posdesc_pageBlock .posDescriptionContainer.company11 .jobdesc-c-btn.appProcess {
    display: none;
}
/*#endregion */

/*#region Login/Register Styling */
#RegisterForm_pageBlockContainer,
#PasswordForm_pageBlockContainer,
#UsernameForm_pageBlockContainer {
    background-color: var(--nspccbabyblue);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 6px;
    padding: 50px 18px 40px 18px;
}

.ProfileRegisterWithAlerts .pageBlockTitle,
.ProfileRegister .pageBlockTitle,
.Login .pageBlockTitle,
.Application_Login .pageBlockTitle {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#RegisterForm_username_view_formRow div,
#PasswordForm_username_view_formRow div {
    background-color: white;
    border: none;
}

#PasswordForm_username_view_formRow a {
    color: var(--nspccteal);
    background-color: white;
}

/*check this code block*/
.ProfileRegisterWithAlerts div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight,
.ProfileRegisterWithAlerts div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsLeft,
.ProfileRegister div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight,
.ProfileRegister div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsLeft,
.Login div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight,
.Login div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsLeft {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin: 2px 0;
    text-align: center;
}

    .ProfileRegisterWithAlerts div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight ul li,
    .ProfileRegisterWithAlerts div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsLeft ul li,
    .ProfileRegister div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight ul li,
    .ProfileRegister div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsLeft ul li,
    .Login div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight ul li,
    .Login div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsLeft ul li {
        width: auto;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
/*END*/

#RegisterForm_gdprinfo_formRow .textLiteral,
#RegisterForm_Register_Info_formRow .textLiteral,
#PasswordForm_Sign_In_Info_formRow .textLiteral,
#UsernameForm_sso_or_formRow .textLiteral,
#UsernameForm_UseSSO1_formRow .textLiteral {
    font-size: 1.2rem;
    font-family: nspccregular, sans-serif;
}

#RegisterForm_data_source_formRow img {
    display: none;
}

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

.pageBlockInner_FormBlock div.formRow.formRowButtonRow { /*overriding line 189*/
    padding-top: 10px;
}

#UsernameForm_pageBlock .ssoIconsInnerContainer {
    max-width: 400px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#UsernameForm_pageBlock .ssoIcon {
    display: inline-block;
    float: none;
    clear: both;
    padding: 5px;
    width: 96px;
}

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink {
        position: relative;
        /*background-size: 0 !important;*/
    }

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink {
        width: 79px;
        height: 76px;
        display: block;
        box-sizing: border-box;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    #UsernameForm_pageBlock .ssoIcon.linkedin_ssoIcon a.ssoIconLink {
        background-image: url(../images/custom/sso-linkedin.png);
    }


    #UsernameForm_pageBlock .ssoIcon.google_ssoIcon a.ssoIconLink {
        background-image: url(../images/custom/sso-google.png);
    }

    #UsernameForm_pageBlock .ssoIcon.facebook_ssoIcon a.ssoIconLink {
        background-image: url(../images/custom/sso-facebook.png);
    }

    #UsernameForm_pageBlock .ssoIcon.microsoft_ssoIcon a.ssoIconLink {
        background-image: url(../images/custom/sso-microsoft.png);
    }



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





/*#endregion */

/*#region Application Sections Styling */
/*v2 blox*/
div[id^='Application_Section_'] #intro_pageBlockContainer, div[id*=' Application_Section_'] #intro_pageBlockContainer,
div [id^='Application_Section_'] #posSummaryBlockv2_pageBlockContainer, div[id*=' Application_Section_'] #posSummaryBlockv2_pageBlockContainer {
    display: none;
}

#posSummaryBlockv2_pageBlock {
    border-radius: 26px;
}

    #posSummaryBlockv2_pageBlock .appCompleteChartBlock {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    #posSummaryBlockv2_pageBlock .appCompleteChartBlockInner {
        background: transparent;
        height: 31px;
        background-image: url(../images/custom/open-bar.png);
        background-repeat: repeat;
        background-position: center;
        margin: 0;
        border: none
    }

    #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { /*move this*/
        background: transparent;
        background-image: url(../images/custom/sect-complete.png), url(../images/custom/complete-bar.png);
        background-repeat: no-repeat, repeat;
        background-position: center right 0px, center;
    }

    #posSummaryBlockv2_pageBlock .appCompleteChartBlock:first-child /* .appCompleteChartBlockInner*/ {
        border-top-left-radius: 10px;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItemsContainer {
        display: table;
        width: 100%;
        height: 160px;
        background-color: var(--nspccbabyblue);
        border-radius: 4px;
    }

    /*#posSummaryBlockv2_pageBlock .MySummaryItem {
    
    background-color: var(--nspccbabyblue);
    
}*/

    #posSummaryBlockv2_pageBlock .MySummaryItemInner {
        border: none;
        text-align: left;
        background-color: var(--nspccbabyblue);
        padding: 26px 20px 26px 20px;
    }


    #posSummaryBlockv2_pageBlock .MySummaryItemTitle {
        margin: 0;
        font-weight: bold;
        font-family: nspccsemibold, sans-serif;
        color: var(--nspccteal);
        font-size: 1.2rem;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItemContent,
    #posSummaryBlockv2_pageBlock .MySummaryItemContent span.earcujobref {
        margin: 0;
        font-family: nspccsemibold, sans-serif;
        color: var(--nspccteal);
        font-size: 1.2rem;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItemContent span.earcujobref a {
            color: var(--nspccpink);
        }

    #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner .MySummaryItemContent span.earcujobref,
    #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner .MySummaryItemContent {
        font-family: nspccheadline, sans-serif;
        color: var(--nspccpink);
        font-size: 1.4rem;
    }

/*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 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
    #Application_Home_pageView .ulListItem {
        background-image: url(../images/custom/app-counter-todo.png), url(../images/custom/steps-bg.png);
        background-repeat: no-repeat, repeat-x;
        background-position: top center, top 60px center;
        background-size: auto;
        background-color: transparent;
        height: 180px;
        flex: 0 0 160px;
        border: none;
        cursor: pointer;
        list-style: none;
        padding: 114px 0px 0px 0px;
        overflow: auto;
        float: none;
        margin: 10px 0;
        text-align: center;
        position: relative;
    }



        #Application_Home_pageView .ulListItem div.ulListItemLabel a {
            color: var(--nspccteal);
            text-decoration: none;
            font-size: 1.1rem;
            font-family: nspccheadline, sans-serif;
            line-height: 1rem;
        }

        #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations:hover,
        #Application_Home_pageView .ulListItem:hover {
            border: none;
            background-color: transparent;
            transition: all 0.3s ease-in;
        }

            #Application_Home_pageView .ulListItem:hover div.ulListItemLabel a {
                color: var(--nspccteal);
                text-decoration: none;
                transition: all 0.3s ease-in;
            }

        #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations.Completed,
        #Application_Home_pageView .ulListItem.Completed {
            background-image: url(../images/custom/app-counter-completed.png), url(../images/custom/steps-bg.png);
        }

            #Application_Home_pageView .ulListItem.Completed div.ulListItemLabel a {
                color: var(--nspccteal);
            }

    #Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
    #Application_Home_pageView .ulList div.ulListItemLabel {
        margin: 0;
        padding-top: 16px;
    }

.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: 700 !important;
    }

.ulListItem::before {
    content: "";
    position: absolute;
    top: 31px;
    left: 55px;
    font-family: nspccheadline, sans-serif;
    font-size: 2.75rem;
    color: var(--nspccteal);
}

.ulListItem.Completed::before {
    color: white;
}

.ulListItem1::before {
    content: "01";
}

.ulListItem2::before {
    content: "02";
}

.ulListItem3::before {
    content: "03";
}

.ulListItem4::before {
    content: "04";
}

.ulListItem5::before {
    content: "05";
}

.ulListItem6::before {
    content: "06";
}

.ulListItem7::before {
    content: "07";
}

.ulListItem8::before {
    content: "08";
}

.ulListItem9::before {
    content: "09";
}

.ulListItem10::before {
    content: "10";
}

body[class*="Application_Section"] #SectionCompleteBlock_pageBlockContainer #SectionCompleteBlock_pageBlock #SectionCompleteBlock_buttons_formRow {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
/*#endregion */
/*modal close*/
button.ui-dialog-titlebar-close:after {
    content: 'x';
    color: black;
    font-weight: 700;
}

/*#region Profile Styling */
/*to do list*/
#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background-color: var(--nspccbabyblue);
    border-radius: 6px;
    background-image: url(../images/icons/bell.png);
    background-repeat: no-repeat;
    background-position: center left 30px;
    padding: 20px 40px 20px 94px;
}

    #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextContent {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextMessage {
        color: var(--nspccteal);
        font-family: nspccheadline, sans-serif;
        font-size: 1.4rem;
        flex: 0 0 67%;
        display: grid;
        place-items: center left;
    }

    #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer {
        flex: 100%
    }

        #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer .buttonsRight {
            float: left;
        }

#Welcome_pageView #ToDoList_pageBlockContainer .pageBlockTitle {
    display: none;
}
/*end*/
#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
    background-image: url(../images/custom/go-search.png);
    background-position: bottom 34px right 44px;
    background-repeat: no-repeat;
    background-color: var(--nspccbabyblue);
    border: none;
    width: calc(50% - 14px);
    font-size: 1.4rem;
    padding: 26px 44px 26px 44px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    float: none;
    min-height: 356px;
    margin: 5px;
    border-radius: 6px;
}

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover {
        background-color: var(--nspccbabyblue);
        transition: all 0.3s ease-in;
    }

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

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



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

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel {
                transition: all 0.3s ease-in;
                margin-bottom: 0;
                display: inline-block;
                text-transform: lowercase;
            }

                #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: var(--nspccpink);
                    background-size: 0 !important;
                    font-family: nspccheadline, sans-serif;
                    font-size: 1.4rem;
                }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconDescription {
                border-top: 2px solid #cfe9ea;
                margin-top: 12px;
                padding-top: 18px;
                font-size: 1.6rem;
                font-family: nspccsemibold, sans-serif;
                line-height: 1.6rem;
                padding-bottom: 20px;
            }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
            line-height: 24px;
            font-size: 1rem;
            font-family: nspccsemibold, sans-serif;
            overflow: visible;
            transition: all 0.3s ease-in;
            float: none;
            padding-right: 5px;
            color: var(--nspccteal);
            min-height: 90px;
        }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
                margin: 0;
                display: block;
                float: none;
                clear: both;
                font-size: 1.2rem;
                font-family: nspccsemibold, sans-serif;
            }

                #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-size: 1.1rem;
                    font-family: nspccregular, sans-serif;
                }

                /*#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
                        content: '|';
                        padding: 0 12px;
                    }*/

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                    color: white;
                    font-weight: 700;
                }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after {
                    display: none;
                }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover:before {
        height: 100%;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel,
    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconRowValues {
        color: var(--nspccteal);
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue::after {
        content: 'Edit my VIMs';
        display: inline-block;
        width: 222px;
        height: 47px;
        background-color: var(--nspccteal);
        color: white;
        font-family: nspccbold, sans-serif;
        font-size: 1rem;
        text-align: center;
        line-height: 47px;
    }


#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_Emails_formRow .iconContainer .iconValue::after {
    content: 'Edit My Progress Updates';
    width: 242px;
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_MyDetails_formRow .iconContainer .iconValue::after {
    content: 'Edit My Profile';
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_Applications_formRow .iconContainer .iconValue::after {
    content: 'Edit My Applications';
}

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_Feeds_formRow .iconContainer .iconValue::after {
    content: 'Edit My Alerts';
}

#WelcomeInfoBlock_Emails_formRow .iconLabel {
    background-image: url(../images/icons/megaphone.png);
    background-repeat: no-repeat;
    background-size: 36px;
}

    #WelcomeInfoBlock_Emails_formRow .iconLabel a {
        padding-left: 50px;
    }

#WelcomeInfoBlock_MyDetails_formRow .iconLabel {
    background-image: url(../images/icons/book-open-check.png);
    background-repeat: no-repeat;
    background-size: 36px;
}

    #WelcomeInfoBlock_MyDetails_formRow .iconLabel a {
        padding-left: 50px;
    }

#WelcomeInfoBlock_Applications_formRow .iconLabel {
    background-image: url(../images/icons/clipboard-list.png);
    background-repeat: no-repeat;
    background-size: 36px;
}

    #WelcomeInfoBlock_Applications_formRow .iconLabel a {
        padding-left: 50px;
    }

#WelcomeInfoBlock_Feeds_formRow .iconLabel {
    background-image: url(../images/icons/mail.png);
    background-repeat: no-repeat;
    background-size: 36px;
}

    #WelcomeInfoBlock_Feeds_formRow .iconLabel a {
        padding-left: 50px;
    }

#WelcomeInfoBlock_Logout_formRow {
    display: none !important;
}



.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    color: var(--nspccpink);
}

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

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

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

.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: #ffffff;
                text-align: center;
                text-decoration: none;
                transition: all 0.3s ease-in;
                max-width: 100%;
                width: 100%;
                background-image: none;
                background-color: var(--nspccgreen);
                border: none;
                border-radius: 0;
                padding: 16px 25px 16px 25px;
                margin: 0;
                margin-bottom: 10px;
                box-sizing: border-box;
                font-size: 1rem;
                outline: 0;
                font-family: nspccheadline, sans-serif;
                font-size: 1.2rem;
                transition: all 0.3s ease-in;
            }

                .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover {
                    background-color: var(--nspccteal);
                    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,*/
#MyDetails_Username_pageView {
    background-color: white;
}

    #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
        overflow: auto;
        margin: 0 auto 10px auto;
        padding: 10px;
        border: 1px solid var(--fordblue);
        background-color: white;
    }

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

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

.MyDetails #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
.MyDetails #MyDetails_pageView .pageBlockContainer_GridBlock,
.MyDetails #MyDetails_pageView #SkillsForm_pageBlockContainer,
.MyDetails #MyDetails_pageView #fileupload_pageBlockContainer {
    padding: 20px;
    border: 1px solid #f2f2f2;
    margin-right: 0;
}

.MyDetails .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
    margin: 0;
    border: 3px solid transparent;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader {
    padding: 0;
}

    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel {
        margin: 10px 0 0;
    }

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer {
    margin: 0;
    padding: 0;
}

    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer,
    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel {
        padding: 0;
    }


#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
    padding: 20px;
    border: none;
    text-align: center;
    min-height: 90px;
    margin: 0;
}

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer {
        width: 100%;
        margin-bottom: 20px;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer {
        margin-left: 0;
        float: left;
        width: 100%;
    }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer {
            margin-bottom: 20px;
        }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a {
            position: relative;
            display: block;
            box-sizing: border-box;
            outline: 0;
            text-align: center;
            text-decoration: none;
            transition: all 0.3s ease-in;
            max-width: 50%;
            min-width: 12em;
            margin: 0 auto;
            background-color: var(--nspccgreen);
            border: none;
            border-radius: 0;
            color: #fff;
            font-size: 1.2rem;
            width: 100%;
            padding: 15px 8px;
            font-family: nspccheadline, sans-serif;
        }

            #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover {
                background-color: var(--nspccteal);
                color: white;
            }

#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
    color: #000;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    padding: 0;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer {
        width: 100%;
        margin: 0;
    }

/*assessment centre tables*/
.pageBlockInner_GridBlock div.gridContentWithHeader {
    border: none;
    background: white;
}

.pageBlockInner_GridBlock #SlotGrid_gridTable {
    border: 1px solid var(--nspccgreen);
    border-collapse: inherit;
    margin-left: auto;
    margin-right: auto;
}

    .pageBlockInner_GridBlock #SlotGrid_gridTable tbody {
        background-color: white;
    }

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

@media screen and (max-width: 992px) {
    .pageBlockInner_GridBlock table#SlotGrid_gridTable {
        width: auto;
        table-layout: auto;
        min-width: 100%
    }
}
/*end*/
/*#endregion */

/*#region Application/Onboarding Styling */
.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer_Last {
    border-bottom: 1px solid #d0d0d0;
    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 {
    width: calc(33% - 8px);
    border: none;
    overflow: hidden;
    position: relative;
    background: none;
    display: block;
    margin: 0 0 10px 0;
    min-height: 10px;
    height: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 4px;
}

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

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover {
    background-color: white;
    transition: all 0.3s ease-in;
}

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel {
        color: black;
        text-decoration: underline;
        transition: all 0.3s ease-in;
    }

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

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

.Pos_Questions label,
.MyWelcomePacks_OfferForm_TaxInformation label,
.MyWelcomePacks_OfferForm_Referee label,
.MyWelcomePacks_OfferForm_HealthQuestions label,
.MyWelcomePacks_OfferForm_GenericForm label {
    /*    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;*/
}

.Offer_Accepted div#OfferDetails_video_formRow {
    padding-bottom: 40px;
}

div#RegisterForm_gdprinfo_formRow {
    padding-top: 20px;
}

    div#RegisterForm_gdprinfo_formRow div.textLiteral {
        text-align: left
    }

    div#RegisterForm_gdprinfo_formRow .labelContainer {
        width: 100%;
        max-width: 100%;
    }

label[for="Application_Login_RegisterForm_GpdrDeclaration"],
label[for="Login_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegister_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegisterWithAlerts_RegisterForm_GpdrDeclaration"] {
    max-width: 100% !important;
    width: 100% !important;
}

div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .labelContainer,
div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .controlContainer {
    max-width: 100%;
}

.Application_Finished.catId5021 .pageBlockInner_FormBlock div.formRow#SubmittedBlock_appCompleted_formRow {
    display: none;
}
/*#endregion */
/*#region Job Alerts */
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

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

.MyJobFeed td.cell_lookupResults_name {
    font-size: 1.2rem;
    color: black;
    font-weight: 400;
}

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

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

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

.MyJobFeed .pageBlockInner_GridBlock div.gridContentWithHeader {
    border: 1px solid #d0d0d0;
    background: none;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable th {
    background: white;
}

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

.modalContent, .modalContent1 {
    min-height: auto !important;
}
/*#endregion */
/*mydeeets - connected*/
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
    min-height: 160px;
}

/* Responsive Styling */
@media all and (max-width:1600px) {
    #posdesc_pageBlock .posdescriptionPropertyBox {
        padding: 10px 7px;
    }

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

    .directorate {
        flex: 0 1 494px;
        height: 354px;
    }

    .d-img {
        height: 214px;
    }

    .people {
        flex: 0 1 494px;
        height: 354px;
    }

    .p-img {
        height: 268px;
    }
}

@media screen and (max-width:1400px) {
    .latest-jobs-container-you a.lj-job h3 {
        padding-top: 314px;
    }
}


@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) {
    .directorate {
        flex: 0 1 418px;
        height: 275px;
    }

    .d-img {
        height: 181px;
    }

    .d-title {
        flex: 0 0 60%;
    }

    .latest-jobs-container-you a.lj-job h3 {
        padding-top: 264px;
    }

    .people {
        flex: 0 1 418px;
        height: 326px;
    }

    .p-img {
        height: 240px;
    }

    .p-title {
        flex: 0 0 60%;
        padding-left: 14px;
    }


        .p-title h3 {
            font-size: 1rem;
        }

    a.dir-item {
        flex: 0 0 calc(33% - 14px);
    }

    a.scene {
        flex: 0 0 calc(33% - 15px);
    }

    .contentright {
        padding-left: 0;
    }

    .contentleft {
        width: 100%;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        height: 248px;
    }

    .d-title {
        flex: 0 0 51%;
    }

    .d-links {
        flex: 0 0 48%;
    }
}

@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 {
        padding-top: 158px;
    }

    .jobalerts {
        background-image: none;
        min-height: 300px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .jobalerts .row {
            min-height: 300px;
        }

            .jobalerts .row .col-lg-6 {
                width: 100%;
            }
}

@media screen and (max-width:992px) {
    .homehero {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .lh-overlay {
        min-height: 714px;
    }

    .latest-jobs-container-you a.lj-job h3 {
        padding-top: 322px;
    }

    .searchbox {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .behind-scenes h2 br,
    .ful-one li br,
    .large-hero h1 br,
    .heromob h1 br,
    .brno {
        display: none;
    }

    .formpart, .formpart-btn1, .formpart-btn2 {
        flex: 0 0 100%;
        min-height: 70px;
        margin-bottom: 10px
    }


    .dayinlife .nav-pills .nav-item {
        background-image: none;
        min-height: auto;
    }

        .dayinlife .nav-pills .nav-item:has(>.nav-link.active) {
            background-image: none;
        }

    .dayinlife .nav-pills .nav-link {
        font-size: 1.2rem;
        padding-top: 6px;
        padding-bottom: 8px;
    }

        .dayinlife .nav-pills .nav-link.active,
        .dayinlife .nav-pills .show > .nav-link {
            color: white;
            background-color: var(--fordlightblue);
            background-image: none;
        }


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

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

    a.scene {
        flex: 0 0 calc(50% - 15px);
    }

    #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: 100%;
        margin: 5px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer,
    .posBrowserMapBlock {
        width: 100%;
    }

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

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

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
    #Application_Home_pageView .ulListItem {
        flex: 0 1 100%;
        margin: 10px;
    }

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

    .explore {
        min-height: 330px;
        background-image: none;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .explore .row {
            min-height: 330px;
        }

    .behind-scenes {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    a.dir-item {
        flex: 0 0 calc(50% - 14px);
    }

    .rotateimg-toright,
    .rotateimg-toleft {
        transform: rotate(0deg);
        margin-bottom: 36px;
    }

    .square-img {
        margin-bottom: 36px;
    }

    a.lj-job {
        flex: 0 0 48%;
        padding: 10px 14px;
        align-content: flex-start;
        background-position: bottom 10px left 13px;
        min-height: 190px;
    }

        a.lj-job h3 {
            width: 100%;
        }

    .contentr {
        background-image: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contentright, .contentleft {
        padding-top: 40px;
    }

    .directorates {
        justify-content: center;
        gap: 16px;
    }

    .about-callout-one {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextMessage {
        flex: 0 0 100%;
        text-align: left;
    }

    #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer {
        flex: 0 0 100%;
        text-align: left;
    }

    .extra-links {
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .d-title {
        flex: 0 0 52%;
    }

    .d-links {
        flex: 0 0 46%;
    }
}

@media all and (max-width:768px) {
    .large-hero {
        min-height: 383px;
    }

    .lh-row {
        min-height: 383px;
    }

    .lh-overlay {
        min-height: 383px;
    }

    .benefits-hero {
        background-image: url(../images/headers/benefits-hero-mob.png) !important;
    }

    .contact-hero {
        background-image: url(../images/headers/contact-hero-mob.png) !important;
    }

    .culture-hero {
        background-image: url(../images/headers/culture-hero-mob.png) !important;
    }

    .help-hero {
        background-image: url(../images/headers/help-hero-mob.png) !important;
    }

    .mission-hero {
        background-image: url(../images/headers/mission-hero-mob.png) !important;
    }

    .ourstrategy-hero {
        background-image: url(../images/headers/ourstrategy-hero-mob.png) !important;
    }

    .values-hero {
        background-image: url(../images/headers/values-hero-mob.png) !important;
    }

    .whatto-hero {
        background-image: url(../images/headers/whatto-hero-mob.png) !important;
    }

    .whattoexpect-hero {
        background-image: url(../images/headers/whattoexpect-hero-mob.png) !important;
    }

    .whatwedo-hero {
        background-image: url(../images/headers/whatwedo-hero-mob.png) !important;
    }

    .serviceuserone-hero {
        background-image: url(../images/headers/typesofvol-hero-mob.png) !important;
    }

    .serviceuserthree-hero {
        background-image: url(../images/headers/whatwedo-hero-mob.png) !important;
    }

    .beingpart-hero {
        background-image: url(../images/headers/beingpart-hero-mob.png) !important;
    }

    .weare-hero {
        background-image: url(../images/headers/weare-hero-mob.png) !important;
    }

    .schools-hero {
        background-image: url(../images/headers/schools-hero-mob.png) !important;
    }

    .typesofvol-hero {
        background-image: url(../images/headers/typesofvol-hero-mob.png) !important;
    }

    .childline-hero {
        background-image: url(../images/headers/childline-hero-mob.png) !important;
    }

    .cpsu-hero {
        background-image: url(../images/headers/cpsu-hero-mob.png) !important;
    }

    .events-hero {
        background-image: url(../images/headers/events-hero-mob.png) !important;
    }

    .young-hero {
        background-image: url(../images/headers/young-hero-mob.png) !important;
    }

    .buildingconn-hero {
        background-image: url(../images/headers/buildingconn-hero-mob.png) !important;
    }

    .whattype-hero {
        background-image: url(../images/headers/whattype-hero-mob.png) !important;
    }

    .difference-hero {
        background-image: url(../images/headers/difference-hero-mob.png) !important;
    }

    .employee-hero {
        background-image: url(../images/headers/abi-baker-mob.png) !important;
    }

    .vsliz-hero {
        background-image: url(../images/headers/vsliz-hero.png) !important;
    }

    .vsjenisha-hero {
        background-image: url(../images/headers/vsjenisha-hero.png) !important;
    }

    .vslee-hero {
        background-image: url(../images/headers/vslee-hero.png) !important;
    }

    .vsbasil-hero {
        background-image: url(../images/headers/vsbasil-hero-mob.png) !important;
    }

    .su-one-hero {
        background-image: url(../images/headers/su-one-hero-mob.png) !important;
    }

    .su-two-hero {
        background-image: url(../images/headers/su-one-hero-mob.png) !important;
    }

    .su-three-hero {
        background-image: url(../images/headers/su-one-hero-mob.png) !important;
    }

    .contact-hero {
        background-image: url(../images/headers/help-hero-mob.png) !important;
    }

    .help-hero {
        background-image: url(../images/headers/help-hero-mob.png) !important;
    }

    .directorate-hero {
        background-image: url(../images/headers/our-direc-mob.png) !important;
    }

    .results-hero {
        background-image: url(../images/headers/search-hero-mob.png) !important;
    }

    .jd-hero {
        background-image: url(../images/headers/jobdesc-hero-mob.png) !important;
    }

    .jdh-3097 {
        background-image: url(../images/headers/childline-hero-mob.png) !important;
    }

    .jdh-4874 {
        background-image: url(../images/headers/cpsu-hero-mob.png) !important;
    }

    .jdh-3489 {
        background-image: url(../images/headers/events-hero-mob.png) !important;
    }

    .jdh-3100 {
        background-image: url(../images/headers/schools-hero-mob.png) !important;
    }

    .jdh-4875 {
        background-image: url(../images/headers/young-hero-mob.png) !important;
    }

    .jdh-3098 {
        background-image: url(../images/headers/jdh-3098.png) !important;
    }

    .culture-hero {
        background-image: url(../images/headers/culture-hero-mob.png) !important;
    }

    .edi-hero {
        background-image: url(../images/headers/edi-hero-mob.png) !important;
    }

    .posId7888 .jd-hero {
        background-image: url(../images/headers/specialevents-hero-mob.jpg);
    }

    .heromob {
        display: block;
        min-height: 100px;
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: var(--nspccgreen);
    }

        .heromob .row {
            min-height: 100px;
        }

    .dnr-768 {
        display: none;
    }

    .heromob .h3-teal,
    .heromob .h3-teal,
    .heromob .h3-pink,
    .heromob .h3-pink,
    .heromob h3 {
        background-color: white;
        color: var(--nspccgreen);
        font-size: 1.1rem;
        padding: 6px 24px;
        margin-bottom: 14px;
        display: inline-block;
    }

    .heromob h1 {
        color: white;
        font-family: nspccheadline, sans-serif;
        font-size: 2.1rem;
        line-height: 2.2rem;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }

    input.homesearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 1rem;
    }
    /************/
    section#breadcrumb {
        font-size: 1.1rem;
        padding-top: 37px;
    }

    .site-breadcrumb, .site-breadcrumb .row {
        min-height: 63px;
    }

    .firstcontent {
        padding-top: 8px;
    }

        .firstcontent h2 {
            font-size: 1.7rem;
        }

    .our-directorates {
        margin-top: 10px;
        padding-bottom: 40px;
        padding-top: 40px;
    }

    h2.plumtitle, h2.greentitle {
        font-size: 1.4rem;
    }

    .directorates {
        margin-top: 22px;
    }

    .ceo-vid {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: 400px;
    }

        .ceo-vid .row {
            min-height: 400px;
        }

    a.dir-item {
        flex: 0 0 100%;
    }

    a.scene {
        flex: 0 0 100%;
    }

        a.scene span {
            width: 75%;
        }

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

    .textpage_role_details a.nojobs_anchor {
        max-width: 100%;
    }

    .buttonsRight li:nth-child(n+2),
    #MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li {
        margin-left: 0 !important;
    }

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

    #posSummaryBlockv2_pageBlock .MySummaryItem {
        display: block;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner,
        #posSummaryBlockv2_pageBlock .MySummaryItem .MySummaryItemInner {
            margin-left: 0;
            margin-right: 0;
        }

    li a.buttonAnchor.buttonActionId_saveSkill {
        padding-top: 13px;
        padding-bottom: 13px;
        margin-bottom: -10px !important;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel,
    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
        float: left;
        width: 100%;
    }

    .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 {
        padding-top: 200px;
    }

    .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        margin: 7px 0 0 -16px;
    }

    .pageBlockInner_GridBlock .TilesGridSortingContainer {
        width: 100%;
    }

    .MyJobFeed #dialogDialogContainer {
        width: 100% !important; /*override inline style*/
        left: 0 !important; /*override inline style*/
    }

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

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        background-position: top -48px center;
    }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations, #Application_Home_pageView .ulListItem {
        padding: 0px 10px 0px 10px;
        height: 70px;
        display: grid;
        place-items: center left;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        height: 235px;
    }

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

    .Pos_Find_Results .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
        padding: 20px 85px 0px 38px;
    }

    .pageBlockInner_GridBlock .sortingCurrent {
        margin-left: 22px;
    }

    .anglecontent h2, .anglecontenth2, .new-location-search-form h2 {
        font-size: 2rem;
    }

    .dn-768 {
        display: none;
    }

    .d-768 {
        display: block;
    }

    .directorate {
        flex: 1 1 auto;
        height: 251px;
        max-width: 400px;
    }

    .d-img {
        height: 157px;
        overflow: hidden;
        display: grid;
        place-items: end;
    }

    .d-txt {
        background-position: center right -4px;
    }

    .people {
        flex: 1 1 auto;
        height: 288px;
        max-width: 400px;
    }

    .p-img {
        height: 202px;
        overflow: hidden;
        display: grid;
        place-items: end;
    }

    .p-txt {
        background-position: center right -4px;
    }

    .anglecontenth2 {
        font-size: 2rem;
    }

    .looking-for h3 {
        font-size: 1.6rem;
    }

    .whatto-h2 {
        font-size: 2.2rem;
    }

    .talentpools {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    h2.tp-title {
        font-size: 2rem;
    }

    a.tplink {
        flex: 0 0 100%;
    }

    .contentleft {
        width: 100%;
    }

    .contenth2 {
        margin-top: 20px;
        font-size: 2rem;
    }

    .behind-scenes h2 {
        font-size: 2rem;
    }

    .modal-fullscreen-height {
        width: 100vw;
        margin-top: 30px;
    }

    .about-callout-one {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .about-callout-one,
        .about-callout-one .row {
            min-height: auto;
        }

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

    .about-callout-two,
    .about-callout-two .row {
        min-height: 400px;
    }

        .about-callout-two h2 span,
        .about-callout-two h2 {
            font-size: 2rem;
            margin-bottom: 10px;
            line-height: 2rem;
        }

        .about-callout-two p {
            font-size: 1.6rem;
        }

    .video-callout {
        padding-top: 40px;
        padding-bottom: 40px;
        background-position: top left;
    }

        .video-callout,
        .video-callout .row {
            min-height: 400px;
        }

            .video-callout h2 {
                font-size: 2rem;
                color: white;
                margin-top: 28px;
                margin-bottom: 50px;
            }

    .pages-callout {
        min-height: 300px;
    }

        .pages-callout .row {
            min-height: 300px;
        }

        .pages-callout h2 {
            font-size: 1.8rem;
            line-height: 2rem;
        }

    .tsright {
        margin-bottom: 20px;
    }

    .looking-for {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .talentpools {
        background-image: none;
    }

        .talentpools p {
            font-size: 1.4rem;
        }

    .talentpoollinks {
        margin-top: 40px;
    }

    .people-block h2,
    h2.people-title {
        font-size: 1.8rem;
    }

    p.n-section {
        margin-bottom: 20px;
    }

    p.pink-callout {
        font-size: 1.8rem;
        margin-top: 30px;
        margin-bottom: 30px;
        line-height: 1.8rem;
    }

    a.lj-job {
        flex: 0 0 100%;
    }

    .emp-circ {
        max-width: 80%;
    }

    .contentright {
        padding-left: 0;
    }

    .ceo-vid h2 {
        font-size: 2rem;
    }

    .home-hero {
        background-image: url(../images/headers/home-hero-mob.png);
        min-height: 383px;
        padding-bottom: 40px;
    }

        .home-hero .row {
            min-height: 383px
        }

        .home-hero h1,
        .home-hero h2 {
            font-size: 2rem;
            line-height: 2.2rem;
        }

    .homeplay {
        max-width: 60px;
    }

    input.homesearch {
        height: 46px;
        max-width: 100%;
        width: 338px;
        font-size: 1.2rem;
    }

    input.homesubmit {
        background-size: 24px;
        padding-left: 6px;
        padding-right: 6px;
        height: 46px;
        max-width: 60px;
        width: 60px;
    }

    .jobdesc-callout {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: auto;
    }

        .jobdesc-callout .row {
            min-height: auto;
        }

        .jobdesc-callout h2 {
            font-size: 2rem;
            line-height: 2.2rem;
        }

    .modal-square-height {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .latest-jobs-container-you a.lj-job h3 {
        padding-top: 59%;
    }

    .ratio > * {
        top: 0;
    }
}
/* Responsive Styling Ends*/
/* Talent Pools Events Styling */
.CandidateEvent_List .main {
    min-height: 400px;
}

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

#talentpoolgrid_pageBlock .rowContainerHolder {
    float: left;
    width: 25%;
    max-width: 269px;
    overflow: auto;
}

#talentpoolgrid_pageBlock .rowContainer {
    min-height: 300px;
    border: 1px solid #dddde0;
    transition: all 0.3s ease-in;
}

    #talentpoolgrid_pageBlock .rowContainer:hover {
        background-color: #00a6e2;
        transition: all 0.3s ease-in;
    }

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

    #talentpoolgrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowHeader .rowLabel a {
        color: #0079c5;
        text-decoration: none;
        transition: all 0.3s ease-in;
    }

#talentpoolgrid_pageBlock .rowContainer:hover .rowHeader .rowLabel a {
    color: #ffffff;
    transition: all 0.3s ease-in;
}

#talentpoolgrid_pageBlock .rowContainer .rowItemsContainer2 img {
    filter: brightness(1.2);
    transition: all 0.3s ease-in;
}


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

.talentPoolDescription p {
    color: #4a4a48;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

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

@media screen and (max-width:768px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        width: 100%;
        float: none;
        clear: both;
        margin: auto;
    }
}
/* Talent Pools Events Styling Ends */

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

/*roles extras*/
li.item {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

    li.item span {
        display: inline-block;
        flex: 0 0 33%;
        padding: 10px;
        border: 1px solid white;
    }

        li.item span:hover {
            background-color: black;
        }

        li.item span a,
        li.item span a h3 {
            text-decoration: none;
            color: white;
        }

        li.item span p {
            font-size: 16px;
            color: white;
        }

/*end*/

/*#region odds */
.findrow {
    padding: 0;
    margin: 0;
}

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


/*#endregion */



/*#region SCRATCHPAD accordion */
.applicationp {
    margin-top: 0;
}

.latest-h3 {
    color: var(--nspccpink);
    font-family: nspccheadline, sans-serif;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.addteal {
    color: var(--nspccteal);
}

.whatto-h3 {
    color: var(--nspccplum);
    font-family: nspccheadline, sans-serif;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.whatto-h2 {
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    font-size: 3.8rem;
}

    .whatto-h2 span {
        font-family: nspccheadline, sans-serif;
    }

#accordionApply .accordion-item {
    border: none;
}

#accordionApply .accordion-button::after {
    display: none;
}

#accordionApply .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}




#accordionApply .accordion-button:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

#accordionApply .accordion-item:nth-of-type(even) .accordion-button {
    background-color: var(--nspcclightacc);
}

#accordionApply .accordion-button {
    min-height: 96px;
    text-align: center;
    background-color: var(--nspccbtn);
    justify-content: center;
    color: white;
    font-family: nspccheadline, sans-serif;
    font-size: 2.8rem;
}

#accordionApply .accordion-body {
    background-color: var(--nspcclighteracc);
}

.table-one {
    display: table;
    padding: 5px;
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    margin-bottom: 30px;
}

.tr {
    display: table-row;
    padding: 5px;
}


.td {
    display: table-cell;
    padding: 5px;
    text-align: center;
    /*border: #000000 solid 1px;*/
    margin: 5px;
    width: 33%;
    color: black;
    font-family: nspccbold, sans-serif;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

    .td span {
        font-family: nspccheadline, sans-serif;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

.td-right {
    text-align: right;
}

.td-left {
    text-align: left;
}

.td-top {
    vertical-align: top;
}

.tdlast {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}


#accordionApply .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
/*#endregion */
.mob-whatto {
    display: none;
}

@media screen and (max-width: 992px) {
    .dt-whatto {
        display: none;
    }

    .mob-whatto {
        display: block;
    }

    #accordionApply .accordion-button {
        min-height: 66px;
        font-size: 1.8rem;
    }

    .w-bl {
        display: block;
        padding: 10px 5px;
        text-align: center;
        margin: 5px;
        width: 100%;
        color: black;
        font-family: nspccbold, sans-serif;
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

        .w-bl span {
            font-family: nspccheadline, sans-serif;
            font-size: 1.4rem;
            line-height: 1.6rem;
        }
}

@media screen and (max-width: 768px) {
    .whatto-h2 {
        font-size: 2.2rem;
    }

    .applicationp {
        margin-top: 30px;
    }
}

/**BUTTON FOCUS**/

a.something:focus {
    border: 2px solid black;
    border-radius: 6px;
}

.talentPoolDescriptionValue,
.talentPoolDescriptionValue p {
    font-size: 1.2rem;
}

.bottext p {
    color: var(--nspccteal);
    height: auto;
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
    margin-bottom: -18px;
}

/*scratchpad*/
.wizard {
    background-color: #ceecdb;
    padding-top: 70px;
    padding-bottom: 70px;
}

.wizard-tabs {
    /*    background-image: url(../images/custom/green-bar.png);
    background-repeat: no-repeat;
    background-position: top 52px center;*/
    justify-content: center;
    padding-bottom: 30px;
}

.wizard button.nav-link {
    width: 120px;
    height: 120px;
    border: none;
    background-image: url(../images/custom/wiz-one.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 26px;
    margin-right: 26px;
}

.wizard h2.wiztitle {
    color: var(--nspccteal);
    font-family: nspccheadline, sans-serif;
    font-size: 2rem;
    text-align: center;
}

.wizard p.wizpara {
    color: var(--nspccteal);
    font-family: nspccsemibold, sans-serif;
    font-size: 1.2rem;
    text-align: center;
}

.wizard button.nav-link.one-tt {
    background-image: url(../images/custom/wiz-one.png);
}

.wizard button.nav-link.active.one-tt {
    background-image: url(../images/custom/wiz-one-a.png);
}

.wizard button.nav-link.two-tt {
    background-image: url(../images/custom/wiz-two.png);
}

.wizard button.nav-link.active.two-tt {
    background-image: url(../images/custom/wiz-two-a.png);
}

.wizard button.nav-link.three-tt {
    background-image: url(../images/custom/wiz-three.png);
}

.wizard button.nav-link.active.three-tt {
    background-image: url(../images/custom/wiz-three-a.png);
}

.wizard button.nav-link.four-tt {
    background-image: url(../images/custom/wiz-four.png);
}

.wizard button.nav-link.active.four-tt {
    background-image: url(../images/custom/wiz-four-a.png);
}

.wizard button.nav-link.five-tt {
    background-image: url(../images/custom/wiz-five.png);
}

.wizard button.nav-link.active.five-tt {
    background-image: url(../images/custom/wiz-five-a.png);
}

.wizard button.nav-link.six-tt {
    background-image: url(../images/custom/wiz-six.png);
}

.wizard button.nav-link.active.six-tt {
    background-image: url(../images/custom/wiz-six-a.png);
}


.wizard-tabs li {
    text-align: center;
    background-image: url(../images/custom/complete-bar.png);
    background-repeat: repeat-x;
    background-position: center top 46px;
}

    .wizard-tabs li button + span {
        display: inline-block;
        padding-top: 26px;
        font-family: nspccregular, sans-serif;
        font-size: 1rem;
        color: #888F97;
    }

    .wizard-tabs li button.active + span {
        font-family: nspccbold, sans-serif;
        color: black;
    }

    .wizard-tabs li:hover {
        border-bottom: 4px solid transparent;
    }

.wizard h2.tabtitle {
    color: var(--nspccteal);
    font-family: nspccbold, sans-serif;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.radiocontainers {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.radiocontainer {
    flex: 0 0 264px;
    text-align: left;
    background-color: #eff1f3;
    color: black;
    text-decoration: none;
    font-family: nspccsemibold, sans-serif;
    font-size: 1.2rem;
    min-height: 56px;
    display: flex;
    align-items: center;
    padding: 10px;
}

    .radiocontainer input[type=checkbox],
    .radiocontainer input[type=radio] {
        accent-color: black;
    }

    .radiocontainer label {
        padding-left: 22px;
        padding-top: 6px;
    }

p.np-buttons {
    display: block;
    margin-top: 60px;
    margin-bottom: 10px;
    text-align: center;
}

a.btnprevious {
    background-color: var(--nspccgreen);
    background-image: url(../images/custom/c-goleft.png);
    background-position: center left;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding: 11px 15px 9px 40px;
    font-size: 1rem;
    font-family: nspccregular, sans-serif;
    color: white;
    width: 175px;
}

a.btnnext {
    background-color: var(--nspccgreen);
    background-image: url(../images/custom/c-goright.png);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding: 11px 40px 9px 15px;
    font-size: 1rem;
    font-family: nspccregular, sans-serif;
    color: white;
    width: 175px;
}

    a.btnprevious:hover,
    a.btnnext:hover {
        background-color: #80c492;
        color: white;
    }

a.btnn-bigger {
    width: 246px;
}

input.btngo {
    background-color: var(--nspccgreen);
    background-image: url(../images/custom/c-goright.png);
    background-position: center right;
    background-repeat: no-repeat;
    border: none;
    border-radius: 4px;
    padding: 11px 40px 9px 15px;
    font-size: 1rem;
    font-family: nspccregular, sans-serif;
    color: white;
    width: 175px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    input.btndis,
    input.btngo:hover {
        background-color: #80c492;
        color: white;
    }

/***endbackfour***/
/***whattype***/
.whattype-callout {
    background-color: var(--nspccgreen);
    min-height: 474px;
}

    .whattype-callout .row {
        min-height: 474px;
    }

    .whattype-callout h1 {
        font-family: nspccheadline, sans-serif;
        color: white;
        font-size: 5.3rem;
        margin-bottom: 1.3rem;
    }

    .whattype-callout h2 {
        font-family: nspccsemibold, sans-serif;
        color: white;
        font-size: 2.6rem;
        margin-bottom: 1rem;
    }

        .whattype-callout h2 span {
            font-family: nspccheadline, sans-serif;
        }

    .whattype-callout p {
        font-family: nspccregular;
        font-size: 1.6rem;
        color: white;
        line-height: 1.8rem;
        width: 64%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }

a.whattype-btn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    outline: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease-in;
    max-width: 50%;
    background-color: var(--nspccteal);
    border: none;
    border-radius: 3px;
    padding: 13px 35px 8px 35px;
    min-width: 198px;
    font-family: nspccheadline, sans-serif;
    font-size: 1.2rem;
}

/*show hide*/
.activate label { /*change the name of this classss*/
    color: #cccccc;
}

.form-not {
    display: block;
}

.form-fill {
    display: none;
}

/*.abc .intro_pageBlockContainer {
    display: none;
}*/

h2.steptitle {
    color: var(--nspccteal);
    font-family: nspccheadline, sans-serif;
    font-size: 2rem
}

p.stepparaone {
    color: var(--nspccgreen);
    font-family: nspccsemibold, sans-serif;
    font-size: 2rem;
    line-height: 2rem
}

p.stepparatwo {
    color: var(--nspccteal);
    font-family: nspccregular, sans-serif;
    font-size: 1.2rem
}

/*what the fixes*/
.Application_Section_Education .buttonsRight li:nth-child(n+1),
.Application_Section_WorkExperience .buttonsRight li:nth-child(n+1) {
    margin-right: 5px !important;
    margin-left: 0 !important;
    margin-top: 5px;
}

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

/*end*/

@media screen and (max-width: 768px) {
    .whattype-callout {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: auto;
        margin-top: 20px;
    }

        .whattype-callout .row {
            min-height: auto;
        }

        .whattype-callout h1 {
            font-size: 3rem;
        }

        .whattype-callout h2 {
            font-size: 1.8rem;
        }

        .whattype-callout p {
            font-size: 1.4rem;
            line-height: 1.6rem;
            width: 100%;
        }
}

/*end*/

/*right sect scratch*/

.right-sect {
    width: 70%;
    margin-left: auto;
    margin-right: 0
}

.right-sect-text p {
    color: black;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .right-sect-text p span {
        font-size: 1.4rem;
    }

.Application_Section_CV #fileupload_Files_formRow {
    background-color: var(--nspccbabyblue);
}

@media screen and (max-width:992px) {
    .right-sect {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/*end rss*/
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password] {
    background-image: url(../images/icons/eye-slash-solid.svg);
    background-position-x: calc(100% + 1.75px);
}


div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text] {
    background-image: url(../images/icons/eye-solid.svg);
}
/*password scratch*/

@media screen and (max-width: 340px) {
    .d-links a {
        font-size: 0.8rem;
    }
}

a.reslink {
    text-decoration: underline;
}

    a.reslink:hover {
        text-decoration: none;
    }

.whattype-callout {
    display: none
}

#quickapplydialogDialogContainer {
    /*top: 200px !important;*/
}

QuickApplyForm_TShirtSize_formRow,
#QuickApplyForm_KeepMePosted_formRow,
#QuickApplyForm_PostInfo_formRow,
#QuickApplyForm_Thankyou_formRow,
#QuickApplyForm_Photography_formRow,
#QuickApplyForm_18YO_formRow,
#QuickApplyForm_EventsVolunteeringIntro_formRow,
#QuickApplyForm_submitinstructions_formRow,
#QuickApplyForm_gdprinfo_formRow {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    clear: both;
}

/* #region Zendesk 16033 */
recite-focus-normal {
    font-family: sans-serif !important;
}
/* #endregion */