@charset "UTF-8";
/* #region Core Product Overrides */
:root {
    --fa-pro-family: "Font Awesome 7 Pro";
}
/* #region General */
div.pageBlockTitle {
    float: none;
    padding: 0;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

div.pageBlockContent {
    padding: 0;
}

div.pageBlockContainer {
    margin-bottom: 0;
}

div.pageView, div.pageBlockContainer, div.pageBlockContent {
    overflow: visible;
}

div.blockSummaryText {
    padding: 1rem;
    text-align: center;
}

.talentpool_register,
.application_login,
.passwordreset_request,
.login, .profileregister,
.profileregisterwithalerts,
.myjobfeed,
.mydetails_password,
.interviewdetail {
    --form-row-margin-inline: auto;

    .pageBlockHeader .pageBlockTitle {
        /* display: none; */
        text-align: center;
    }

    .actionMessageContainer {
        max-width: 550px;
        margin: 0 auto;
    }
}

.test .pageBlockHeader .pageBlockTitle {
    display: none;
}

.pageBlockInner .buttonsLeft li,
.pageBlockInner .buttonsRight li {
    float: none;
}

.buttonsLeft,
.buttonsRight {
    float: none;
}

.actionMessageContainer div.actionMessage {
    float: none;
    clear: none;
}

div.pageBlockHeader {
    overflow: visible;
}

[class*="p-t-"] {
    padding-block-start: calc(var(--p-t, 0px) / 2) !important;

    @media (min-width: 768px) {
        padding-block-start: var(--p-t, 0px) !important;
    }
}

[class*="p-b-"] {
    padding-block-end: calc(var(--p-b, 0px) / 2) !important;

    @media (min-width: 768px) {
        padding-block-end: var(--p-b, 0px) !important;
    }
}
/* #endregion */

/* #region Buttons */
button.buttonAnchor,
input.buttonSubmit,
a.buttonAnchor {
    float: none;
}

.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit,
.buttonsRight a.buttonAnchor {
    margin-left: var(--centred-buttons-margin-override, 0) !important;
}

.buttonsLeft button.buttonAnchor,
.buttonsRight button.buttonAnchor,
.buttonsLeft input.buttonSubmit,
.buttonsRight input.buttonSubmit,
.buttonsLeft a.buttonAnchor,
.buttonsRight a.buttonAnchor {
    float: none;
    display: inline-block;
}

/* #endregion */
/* #region Grids */
.pageBlockInner_GridBlock {
    .ListGridContainer {
        margin: 0;

        .rowLabel {
            float: none;
        }

        .rowContainer {
            border-bottom: none;
        }
    }

    .pagingControls_Tiles {
        a {
            float: none;
            height: auto;
            width: auto;
            margin: 0;
            display: inline-block;

            &:hover {
                border: none;
                margin: 0;
            }

            &:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "";
                display: inline-block;
            }

            img {
                display: none;
            }

            &.scroller_moveprev {
                background-image: none;

                &:before {
                    content: "\f053";
                }
            }

            &.scroller_movenext {
                background-image: none;

                &:before {
                    content: "\f054";
                }
            }
        }
    }

    a.buttonDisabled,
    a.buttonDisabled:hover {
        background-color: transparent;
    }

    div.gridContent {
        border: none;
        padding-top: 0;
    }
}

.gridContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0;

    .gridTop,
    .gridContent {
        width: 100%;
    }
}

.mydetails .gridContainer {
    gap: 0;
}
/* #endregion */
/* #region Forms */
.pageBlockInner_FormBlock {
    div.controlContainer_ReadOnly, div.controlContainer_ReadOnlyWithControl {
        padding: 0;
    }

    div.labelContainer {
        padding-top: 0;
    }

    div.curFocus, div.controlContainer {
        .inputText, .inputSelect, textarea {
            box-shadow: none;

            &:focus {
                box-shadow: none;
            }
        }
    }

    .formRowSelectMultipleToken.curFocus .selectmultiplerow ul {
        box-shadow: none;
    }
}

.mydetails {
    #BackBlock_pageBlockContainer {
        --form-row-margin-inline: 0;

        .buttonsLeft a.buttonAnchor.buttonActionId_back {
            --button-width: auto;
        }
    }

    &:has(.pageBlockContainer_FormBlock.appFormItemContainer:not(.CRUDPageBlockContainer_Hidden):not(#SkillsForm_pageBlockContainer, #fileupload_pageBlockContainer)),
    &:has(.pageBlockContainer_FormBlock.appFormItemContainer#SkillsForm_pageBlockContainer .formRowButtonRow) {
        #eaContainer {
            margin-bottom: 1.5rem;
        }

        #BackBlock_pageBlockContainer {
            display: none;
        }
    }

    .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow:has(.buttonActionId_SaveAndAddAnother):has(.buttonActionId_SaveAndFinish):has(.buttonActionId_ajaxCancel) {
        .buttonsRight {
            li:nth-child(1),
            li:nth-child(2) {
                @media (min-width: 992px) {
                    --width-override: calc(50% - .25rem);
                }
            }
        }
    }
}
/* #endregion */
/* #region Job Description */
.pos_description,
.pos_description_preview {
    .page-banner {
        background-image: url(../images/banners/pos_description.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;

        h1 {
            display: none;
        }
    }

    .JobTitle {
        h3 {
            font-size: 24px;
            margin-bottom: 15px;
        }
    }
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listItemContainer {
    float: none;
}

div.posDescriptionContainer317 .LeftJobBox,
div.posDescriptionContainer317 .RightJobBox {
    float: none;
}

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer {
    overflow: hidden;

    a {
        float: none;
    }
}

.mapContainer .ButtonHolder .miniMapButton,
.mapContainer .ButtonHolder .bigMapButton {
    background-color: transparent;
    padding: 0;
    color: var(--brand-color-1);
}

.mapContainer .locationsPickerContainer .locationSelectValue,
.mapContainer .locationsPickerContainer .locationSelectLabel {
    float: none;
}

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left;
}

#posdesc_pageBlock .posDescriptionContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;

    @media (min-width: 992px) {
        flex-wrap: nowrap;
    }
}

    #posdesc_pageBlock .posDescriptionContainer .LeftJobBox {
        flex: 1 auto;
        margin-right: 0;

        @media (min-width: 992px) {
            width: 66.6666666667%;
        }
    }

    #posdesc_pageBlock .posDescriptionContainer .RightJobBox {
        flex: 1 auto;
        margin-left: 0;
        display: flex;
        gap: 30px;
        flex-direction: column;
        background-color: none;
        padding: 0;

        @media (min-width: 992px) {
            width: 33.3333333333%;
        }

        .posdescriptionPropertyBox {
            display: block;
        }

        .rightBlock,
        .meetTheTeamMemberContainer {
            background-color: var(--brand-color-2);
            padding: 35px 45px;
            border: none;

            h3 {
                text-align: center;
                width: 100%;
            }
        }

        .meetTheTeamMemberContainer {
            .meetTheTeamMember {
                display: flex;
                flex-direction: column;
                gap: 15px;

                .meetTheTeamMemberImageContainer {
                    img {
                        border-radius: 50%;
                        width: 150px;
                        aspect-ratio: 1/1;
                    }
                }

                .meetTheTeamMemberTitle {
                    padding: 0;
                    margin: 0;
                }

                .meetTheTeamMemberDetail {
                    display: flex;
                    flex-direction: column;
                    gap: 15px;

                    .meetTheTeamMemberField {
                        padding: 0;

                        &.meetTheTeamMemberName {
                            font-size: clamp(1.25rem, 0.45vw + 1.16rem, 1.5rem);
                            font-weight: bold;
                            font-family: 'Intact Sans', sans-serif;
                            line-height: 1.5;
                            letter-spacing: normal;
                        }
                    }
                }
            }
        }
    }

#posdesc_pageBlock .posDescriptionContainer317 .posdescriptionPropertyBox,
#posdesc_pageBlock .posDescriptionContainer317 .possharing,
#posdesc_pageBlock .posAlerts {
    padding: 0;
    border: none;
    margin-bottom: 0;
}

#posdesc_pageBlock .posrightbox_header {
    margin-top: 0;
}

#posdesc_pageBlock .posrightbox_info {
    text-align: center;
}

#PosDescSharingItems {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0 0;
    overflow: visible;

    .PosDescSharingItem {
        float: none;
        margin: 0;

        div {
            display: none;
        }

        &:before {
            font-family: var(--fa-pro-brands-family);
            font-size: 2rem;
            font-weight: var(--fa-weight, 300);
            line-height: 1;
            color: inherit;
            display: inline-block;
            content: var(--fa, none);
        }

        &#linkedin_PosDescSharingItem {
            --fa: "\f08c";
        }

        &#facebook_PosDescSharingItem {
            --fa: "\f082";
        }

        &#twitter_PosDescSharingItem {
            --fa: "\e61a";
        }

        &#email_PosDescSharingItem:before {
            font-family: var(--fa-pro-family);
            font-weight: 700;
            --fa: "\f199";
        }
    }
}

div.posDescriptionContainer317 .MapVisible {
    width: 100%;
}

.mapContainer .locationsPickerContainer .locationSelectContainer,
.mapContainer .locationsPickerContainer .locationAddressContainer {
    padding: 0;
}

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

.mapContainer .locationsPickerContainer {
    padding: 0.5rem;
}
/* #endregion */
/* #region Job Alerts */
.pageBlockInner_FormBlock .inputContainer .inputText,
.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter,
.pageBlockInner_TextTagReplacementBlock input.inputText {
    float: none !important;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 0.5rem;
}

    .pageBlockInner_FormBlock .inputContainer .popup,
    .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
        float: none;

        &:before {
            font-family: var(--fa-pro-family);
            font-weight: 900;
            line-height: 1;
            color: inherit;
            content: "\f002";
            display: inline-block;
        }

        &:hover {
            text-decoration: none;
        }

        img {
            margin: 0;
            display: none;
        }
    }

.pageBlockInner_FormBlock div.selectmultipleContainer {
    div.selectmultipleHeader {
        padding: 0.5rem;
    }

    ul.selectmultiplelist {
        padding: 0;

        li {
            padding: 0 0.5rem 0.5rem;
            margin-top: 0;

            &:first-child {
                padding-top: 0.5rem;
            }
        }
    }
}

.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
    padding: 0 0.5rem 0.5rem;

    &:first-child {
        padding: 0.5rem;
    }
}

.pageBlockInner_FormBlock div.selectmultipleContainer .selectmultipleoptionitem {
    margin-left: 0.5rem;
}

.pageBlockInner_GridBlock div.gridFooter div.rowCounts {
    float: none;
    margin-top: 0;
}

.pageBlockInner_GridBlock div.rowCountsTopContainer,
.pageBlockInner_GridBlock div.rowCountsBottomContainer {
    float: none;
    clear: none;
}

.pageBlockInner_GridBlock div.totalRows {
    float: none;
}

.pageBlockInner_GridBlock table.gridTable {
    border-right: none;
}

#modalcodelistlookup_pageBlock .labelContainer,
.ui-dialog #LookupFilterBlock_pageBlock .labelContainer {
    width: 50%;
}

.ui-dialog .pageBlockInner_FormBlock div.controlError {
    color: var(--danger-color);
    padding-left: 0;
}

.ui-dialog .pageBlockInner_FormBlock input.inputText,
.ui-dialog .pageBlockInner_TextTagReplacementBlock input.inputText {
    padding: 0.5rem;
    margin-right: 0;
    border: 1px solid #CCC;
    border-radius: var(--main-border-radius, 0);
    width: 100%;
}

.ui-dialog {
    .ui-dialog-content {
        padding: 1rem;
    }

    .ui-dialog-title {
        float: none;
    }

    .modalContent1 {
        margin-bottom: 0 !important;
    }

    div.ui-dialog-titlebar .ui-dialog-titlebar-close:before {
        font-family: var(--fa-pro-family);
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f00d";
        display: inline-block;
    }

    table {
        thead,
        tbody,
        tfoot {
            tr td,
            tr th {
                min-width: 0;
                width: auto;
                font-size: 1rem;

                &.firstcolumn a[href*=multiselect_pick] {
                    &:before {
                        font-family: var(--fa-pro-family);
                        font-weight: 900;
                        line-height: 1;
                        color: inherit;
                        content: "+";
                        display: inline-block;
                    }

                    &:hover {
                        text-decoration: none;
                    }

                    img {
                        display: none;
                    }
                }
            }

            tr:hover {
                td, th {
                    a, a:hover {
                        color: var(--table-link-color, #FFF)
                    }
                }
            }
        }

        tbody {
            background-color: var(--table-body-color, #FFF);

            tr {
                border: none;

                td.cell_lookupResults_name {
                    padding: 0;

                    a {
                        padding: 0.5rem;
                    }
                }
            }
        }

        thead tr {
            background-color: var(--table-header-color, #E6E6E6);
        }

        tr:first-of-type {
            > th,
            > td {
                background-color: transparent;
                color: #000;
                font-size: 1rem;
            }
        }
    }

    .gridTableContainer {
        margin-top: 0.5rem;
    }

    .pageBlockInner.pageBlockInner_GridBlock {
        div.gridButtons {
            padding-top: 0;
        }

        .buttonsRight {
            width: 100%;
            display: flex;
            justify-content: end;
        }

        div.gridFooter {
            margin-top: 0;

            .buttonsRight {
                margin-top: 0;
            }
        }

        table.gridTable {
            border: 1px solid #E6E6E6;

            th {
                height: auto;
                line-height: 1.5;
            }

            td {
                margin-left: 0;
                padding: 0;

                &.defaultaction {
                    padding: 0;

                    a {
                        padding: 0.5rem;
                        display: inline-block;
                    }
                }
            }

            div.headerLabel {
                margin-left: 0;
                margin-right: 0;
                padding: 0.5rem;
            }
        }

        div.gridContentWithHeader {
            border: none;
            background: none;
        }
    }

    .pageBlockInner.pageBlockInner_FormBlock {
        margin-bottom: 0.5rem;

        &:last-child {
            margin-bottom: 0;
        }

        div.labelContainer,
        div.controlContainer {
            float: none;
            width: 100%;
            flex: 0 0 auto;
            margin-right: 0;
            text-align: left;
        }

        div.labelContainer {
            margin-bottom: 0.5rem;
        }

        div.formRow {
            float: none;
            display: flex;
            flex-wrap: wrap;
            padding-top: 0;
            width: 100%;
            margin: 0 auto 0.5rem;
            max-width: var(--form-row-max-width, 550px);
        }
    }

    #lookupResults_pageBlock #col_lookupResults_name {
        width: 100%;
    }

    #lookupResults_pageBlock #col_lookupResults__defaultaction {
        width: 30px;
    }

    .formRow {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
}

body #lookupResults_pageBlock .gridTable {
    width: 100%;
}
/* #endregion */
/* #region Questions */
.pageBlockInner_FormBlock div.radioOption {
    display: flex;
    align-items: center;
    gap: 0.5rem;

    input {
        float: none;
        margin: 0;
        width: auto;
    }

    label {
        width: fit-content;
    }

    .radioOptionLabel {
        margin-left: 0;
    }
}
/* #endregion */
/* #region Welcome */
#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background-image: none;
    background-color: var(--brand-color-2);
    border-radius: var(--main-border-radius);
    color: var(--brand-color-3);
    padding: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;

    .actionTextButtonContainer {
        margin-top: auto;

        .buttonsRight {
            width: 100%;
        }
    }

    > span,
    .actionTextContainer,
    .actionTextContent,
    .actionTextButtonContainer {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

#Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar {
    background-image: none;
}

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues {
    overflow: visible;
}
/* #endregion */
/* #region My Profile */
.basicIcons {
    background-image: none;
}

li.pageBlockHeader_AddNotClicked {
    float: none;
}

.pageBlockInner_FormBlock div.bottomControlContainer {
    float: none;
}

#posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner {
    border: none;
    margin-right: 0;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow {
    .filesContainer {
        border: none;
        padding: 0;
        margin: 0;
    }

    .dropHere {
        margin-top: 10px;
        width: 100%;
        height: 100px !important;
        text-align: center;
        background-color: var(--drop-here-background-color, #F1F1F1);
        justify-content: center;
        align-items: center;
        padding: 0 !important;
        max-width: 550px;
        margin: 0 auto;
        display: none !important;
        background-color: var(--highlight-box-background-color);
        border: var(--highlight-box-border);
        border-radius: var(--main-border-radius);
        color: var(--highlight-box-color);

        @media (min-width: 992px) {
            display: flex !important;
        }

        &:where(.ui-dialog .dropHere) {
            margin-block-start: 1rem;
        }
    }

    .dragging.filesContainer {
        height: auto !important;

        .fileOuterContainer {
            display: block;
        }
    }

    li.fileOuterContainer {
        float: none;
        margin: 0;
        position: relative;
    }

    .deletefile {
        float: none;
        padding: 0;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        margin-bottom: 0;
        vertical-align: auto;

        &:before {
            font-family: var(--fa-pro-family);
            font-weight: 900;
            font-size: 1.25rem;
            line-height: 1;
            color: var(--danger-color);
            content: "\f00d";
            display: inline-block;
        }

        img {
            display: none;
        }
    }

    .fileuploadbutton {
        margin-bottom: 0;
    }

    .fileuploadrow {
        min-width: 0;
    }

    .filename {
        background-color: #FFF;
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .filenameInner {
        padding: 0.5rem;
        text-align: center;
    }

    .bottomControlContainer li:hover {
        background-color: transparent;

        .filenameInner {
            background-color: transparent;
        }
    }
}

#MyDetails_pageView #MyDetailsStauts_pageBlock {
    #eArcuLinks {
        margin-right: 0;
        padding: 0.5rem;
        border: none;
    }

    .eArcuBottom {
        float: none;
    }

    #eArcuContactConsent .contactConsentButtonContainer {
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 0.5rem;

        a {
            float: none;
        }

        .ContactConsentLabel {
            float: none;
        }
    }

    .eArcuLeft, .eArcuRight {
        float: none;
        width: 100%;

        @media (min-width: 768px) {
            width: calc((100% - 0.5rem) / 2);
        }
    }

    .eArcuLeft {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        background-color: transparent;
        border: 2px solid var(--brand-color-2);
        border-radius: var(--main-border-radius);

        #eArcuProfileSummary,
        #eArcuLinks {
            width: 100%;
        }
    }

    .eArcuRight {
        display: flex;
        align-items: stretch;

        #eArcuProfileImage {
            padding: 0.5rem;
            display: flex;
            align-items: center;
            width: 100%;
            background-color: transparent;
            border: 2px solid var(--brand-color-2);
            border-radius: var(--main-border-radius);

            .messageContainer {
                order: 1;
                margin-right: 0;
            }

            .imageContainer {
                order: 2;
                float: none;
                display: flex;
                align-items: center;
                justify-content: center;

                &.imageContainer_DefaultImage {
                    a:before {
                        font-family: var(--fa-pro-family);
                        font-weight: 900;
                        font-size: 6rem;
                        line-height: 1;
                        color: inherit;
                        content: "\f007";
                        display: inline-block;
                    }

                    img {
                        display: none;
                    }
                }
            }
        }
    }

    #eArcuProfile {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    #eArcuProfileSummary {
        margin: 0;
        border: none;
    }
}

#MyDetails_Username_pageView {
    .usernameOrPrimaryEmailContainer {
        width: 100%;
        margin: 0;
        padding: 0.5rem;

        .usernameOrPrimaryEmailLabel {
            margin-bottom: 0;
        }
    }

    #Summary_emailList_formRow {
        .emailContainer {
            padding: 0.5rem;
            margin: 0 0 0.5rem;
            display: flex;
            flex-wrap: wrap;

            &:last-child {
                margin-bottom: 0;
            }
        }

        .emailValuesContainer {
            float: none;
            width: 100%;

            @media (min-width: 768px) {
                width: 60%;
            }
        }

        .emailButtonsContainer {
            float: none;
            display: flex;
            justify-content: end;
            width: 100%;
            margin-top: 0.5rem;

            @media (min-width: 768px) {
                width: 40%;
                margin-top: 0;
            }

            .buttonsRight {
                width: 100%;
            }
        }

        .emailPrimaryAlreadyContainer {
            width: auto;
            padding: 0.5rem 1rem;
            float: none;
            display: flex;
            align-items: center;
            width: 100%;

            @media (min-width: 768px) {
                width: auto;
            }
        }
    }
}

.pageBlockInner_GridBlock .ListGridContainer .withLabel {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5rem;

    &[style*=block] {
        display: flex !important;
    }

    .rowItemValue {
        margin-left: 0;
    }
}

.gridBlockCollapseColumns .gridContainer a.expandRow {
    padding-left: 0;
    margin-bottom: 0;
    display: none !important;
}

.pageBlockInner_FormBlock textarea.inputTextArea {
    min-width: 0;
}
/* #endregion */
/* #region Connected Services */
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock {
    .logoContainer {
        display: none;
    }

    .statusContainer {
        margin-left: 0;
    }

    .serviceContainer {
        width: auto;

        .connectedContainer {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--brand-color-3);

            &:before {
                font-family: var(--fa-pro-brands-family);
                font-weight: 100;
                font-size: 3rem;
                line-height: 1;
                color: inherit;
                display: inline-block;
            }
        }

        &:nth-child(1) .connectedContainer:before {
            content: "\f08c";
        }

        &:nth-child(2) .connectedContainer:before {
            content: "\f1a0";
        }

        &:nth-child(3) .connectedContainer:before {
            content: "\f082";
        }

        &:nth-child(4) .connectedContainer:before {
            content: "\f3ca";
        }

        .statusText {
            display: none;
        }
    }

    .serviceContainer2 {
        margin: 0;
        padding: 0.5rem;
    }
}
/* #endregion */
/* #region Application Home */
#Application_Home_pageView .ulListItem,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
    float: none;
    padding: 0;
    margin: 0;
    border: none;
}

#Application_Home_pageView .ulListItem,
#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
#Application_Home_pageView .ulList li.Section_OfferSubmit,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit {
    height: auto;
}

#Application_Home_pageView .ulList div.ulListItemLabel,
#Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_SubmitAndDeclarations div.ulListItemLabel {
    margin: 0;
    padding-top: 0;
    margin-left: 0;
}
/* #endregion */
/* #region Personal Details */
.questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn .appSummaryGridValue > div {
    float: none !important;
}

#postcodelookupcontainer {
    width: 100%;
}

.pageBlockInner_FormBlock .formRow .postcodelookup,
.pageBlockInner_FormBlock .formRow .postcodeskip {
    margin: 0.5rem 0;
}

.phoneInputMessageInvalid {
    color: #DD0F0F;
    margin-left: 0;
}

.iti {
    width: 100%;
}

.iti__selected-country {
    border-top-left-radius: var(--main-border-radius, 0);
    border-bottom-left-radius: var(--main-border-radius, 0);
}
/* #endregion */
/* #region New Company */
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .charCounterValue,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .charCounterValue {
    float: none;
}
/* #endregion */
/* #region Application submit */
.verifContainer {
    padding: 0.5rem;
    margin: 0;
}

#eaContainer .verifContainer .buttonsLeft {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    a.buttonAnchor {
        width: 100%;

        @media (min-width: 768px) {
            width: auto;
        }

        &.addEmail {
            @media (min-width: 768px) {
                margin-left: auto;
            }
        }
    }
}
/* #endregion */
/* #region Email Confirmation */
.myemailconfirmation .buttonsLeft {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* #endregion */
/* #region CandidateEvents */
#eventsListContainer .eventContainerWrapper {
    float: none;
}

.candidateevent_list .pageBlockInner_FormBlock div.formRow {
    float: none;
    clear: none;
}
/* #endregion */
/* #region jQuery UI */
.ui-widget-overlay {
    opacity: 0.3;
}
/* #endregion */
div.pageBlockInner_FormBlock div.boxedText {
    background-color: var(--highlight-box-background-color);
    border: var(--highlight-box-border);
    border-radius: var(--main-border-radius);
    color: #FFF;
}

.pageBlockInner_GridBlock .noResults {
    padding: 0.5rem;
}
/* #endregion */
/* #region CSS Variables */
:root {
    --bs-body-font-family: "Fira Sans", Arial;
    --fa-family: "Font Awesome 7 Pro";
    --fa-pro-family: "Font Awesome 7 Pro";
    --fa-pro-brands-family: "Font Awesome 7 Brands";
    --default-transition: background-color .5s, color .5s, border .5s, border-radius .5s;
    --form-row-margin-block: 0 .5rem;
    --form-row-margin-inline: auto;
    --highlight-box-background-color: var(--brand-color-1);
    --highlight-box-border: 2px solid var(--brand-color-1);
    --highlight-box-color: var(--brand-color-5);
    --highlight-box-border-radius: 0 20px;
    --form-row-margin-block: .625rem;
    --form-row-question-answer-gap: .625rem;
    .formRowButtonRow {
        --form-row-margin-block: 0 .5rem;
        --form-row-question-answer-gap: 5px;
    }
}

/*#Edit_PERSONALDETAILS_pageBlockContainer {
    --form-row-margin-block: .625rem;
    --form-row-question-answer-gap: .625rem;
    .formRowButtonRow {
        --form-row-margin-block: 0 .5rem;
        --form-row-question-answer-gap: 5px;
    }
}*/

#eaContainer:has(#Edit_PERSONALDETAILS_pageBlockContainer) {
    --form-row-max-width: 565px;
}

.pageBlockInner_FormBlock .formRow input,
.pageBlockInner_FormBlock .formRow select {
    &:focus-visible {
        outline: var(--accessible-outline);
        outline-offset: var(--accessible-outline-offset, 0);
        box-shadow: var(--accessible-shadow);
    }
}
/* #endregion */
/* #region Buttons */
/* Primary */
#eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a:where(.scroller, .pagenumber),
.ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a:where(.scroller, .pagenumber),
.ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber.pagenumber_current,
#eaContainer #SkillsForm_buttons_formRow .buttonsRight a.buttonAnchor.buttonActionId_back,
.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit,
#eaContainer button.buttonAnchor,
#eaContainer input.buttonSubmit,
#eaContainer a.buttonAnchor,
.ui-dialog button.buttonAnchor,
.ui-dialog input.buttonSubmit,
.ui-dialog a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlock a.right,
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.connect,
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.disconnect,
#pseRefresh,
.offer #eaContainer .offerAnchor,
#eaContainer .PosMyWelcomePackSummaryLinks a {
    border-radius: 0.25rem;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;  
    letter-spacing: normal;
    padding: .75rem 1rem !important;
    font-family: "Intact Sans", sans-serif;
    text-decoration: none;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    background: #df0030;
    color: #FFF;
    border: 1px solid #df0030;
    &:hover {
        text-decoration-line: underline;
        transition: background .3s ease-out, color .3s ease-out, text-decoration-line .3s ease-out;
        color: var(--btn-color, #fff);
        background: var(--btn-bg, #9b0723);
        border: 1px solid var(--btn-border, #9b0723);
    }

    &:active {
        text-decoration-line: underline;
        color: var(--btn-color, #fff);
        background: var(--btn-bg, #9b0723);
        border-radius: 6px;
        border: 1px solid var(--btn-border, #9b0723);
        outline: 2px solid var(--btn-outline, #9b0723);
        outline-offset: 2px;
        text-decoration-line: underline;
        transition: background .3s linear, color .3s linear, text-decoration-line .3s linear;
    }

    &:focus-visible {
        color: var(--btn-color, #fff);
        background: var(--btn-bg, #df0030);
        border-radius: 6px;
        border: 1px solid var(--btn-border, #df0030);
        outline-offset: 2px;
        outline: 2px solid var(--btn-outline, #df0030);
        text-decoration-line: underline;
        transition: background .3s ease-out, color .3s ease-out, text-decoration-line .3s ease-out;
        box-shadow: none;
    }
}

    /* Secondary */
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back,
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_ajaxCancel,
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_skip,
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_section_List,
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_back,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_backToSection,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_skip,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_section_List,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_back,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_ajaxCancel,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_backToSection,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_skip,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_backToSection,
    #eaContainer .buttonsLeft .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
    #eaContainer .buttonsRight .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
    #eaContainer .buttonsCenter .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
    #eaContainer .postcodelookup,
    #eaContainer button.buttonAnchor.buttonActionId_back,
    #eaContainer button.buttonAnchor.buttonActionId_ajaxCancel,
    #eaContainer button.buttonAnchor.buttonActionId_backToDesc,
    #eaContainer button.buttonAnchor.buttonActionId_skip,
    #eaContainer button.buttonAnchor.buttonActionId_backToSection,
    #eaContainer button.buttonAnchor.buttonActionId_cancel,
    #eaContainer input.buttonSubmit.buttonActionId_back,
    #eaContainer input.buttonSubmit.buttonActionId_ajaxCancel,
    #eaContainer input.buttonSubmit.buttonActionId_backToDesc,
    #eaContainer input.buttonSubmit.buttonActionId_cancel,
    #eaContainer input.buttonSubmit.buttonActionId_skip,
    #eaContainer input.buttonSubmit.buttonActionId_backToSection,
    #eaContainer a.buttonAnchor.buttonActionId_back,
    #eaContainer a.buttonAnchor.buttonActionId_ajaxCancel,
    #eaContainer a.buttonAnchor.buttonActionId_backToDesc,
    #eaContainer a.buttonAnchor.buttonActionId_cancel,
    #eaContainer a.buttonAnchor.buttonActionId_skip,
    #eaContainer a.buttonAnchor.buttonActionId_backToSection,
    #eaContainer a.buttonAnchor.buttonActionId_forgotten,
    #eaContainer a.buttonAnchor.buttonAnchor--secondary,
    .ui-dialog button.buttonAnchor.buttonActionId_back,
    .ui-dialog button.buttonAnchor.buttonActionId_ajaxCancel,
    .ui-dialog button.buttonAnchor.buttonActionId_backToDesc,
    .ui-dialog button.buttonAnchor.buttonActionId_cancel,
    .ui-dialog button.buttonAnchor.buttonActionId_skip,
    .ui-dialog button.buttonAnchor.buttonActionId_backToSection,
    .ui-dialog input.buttonSubmit.buttonActionId_back,
    .ui-dialog input.buttonSubmit.buttonActionId_ajaxCancel,
    .ui-dialog input.buttonSubmit.buttonActionId_backToDesc,
    .ui-dialog input.buttonSubmit.buttonActionId_cancel,
    .ui-dialog input.buttonSubmit.buttonActionId_skip,
    .ui-dialog input.buttonSubmit.buttonActionId_backToSection,
    .ui-dialog a.buttonAnchor.buttonActionId_back,
    .ui-dialog a.buttonAnchor.buttonActionId_ajaxCancel,
    .ui-dialog a.buttonAnchor.buttonActionId_backToDesc,
    .ui-dialog a.buttonAnchor.buttonActionId_cancel,
    .ui-dialog a.buttonAnchor.buttonActionId_skip,
    .ui-dialog a.buttonAnchor.buttonActionId_backToSection,
    .mydetails_forgetme #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar .mapCloseButton,
    .miniMapButton a {
        border-radius: 0.25rem;
        text-transform: none;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700;  
        letter-spacing: normal;
        padding: .75rem 1rem !important;
        font-family: "Intact Sans", sans-serif;
        text-decoration: none;
        text-underline-offset: auto;
        text-underline-position: from-font;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        background: #fff;
        color: #000;
        border: 1px solid #000000;
        &:hover {
            --btn-color: #FFF;
            --btn-bg: #000;
            --btn-border: #000;
            text-decoration-line: underline;
            transition: background .3s ease-out, color .3s ease-out, text-decoration-line .3s ease-out;
        }

        &:active {
            --btn-color: #FFF;
            --btn-bg: #000;
            --btn-outline: #000;
            --btn-border: #000;
            border-radius: 6px;
            outline-offset: 2px;
            text-decoration-line: underline;
            transition: background .3s linear, color .3s linear, text-decoration-line .3s linear;
        }

        &:focus-visible {
            --btn-color: #000;
            --btn-bg: #FFF;
            --btn-outline: #000;
            --btn-border: #000;
            border-radius: 6px;
            outline-offset: 2px;
            text-decoration-line: underline;
            transition: background .3s ease-out, color .3s ease-out, text-decoration-line .3s ease-out;
        }
    }

    /* Danger */
    /*#eaContainer button.buttonAnchor.buttonActionId_withdraw_application,
    #eaContainer button.buttonAnchor.buttonActionId_Delete,
    #eaContainer button.buttonAnchor.removeAnchor,
    #eaContainer button.buttonAnchor.buttonActionId_confirm_decline,
    #eaContainer button.buttonAnchor[href*=decline],
    #eaContainer button.buttonAnchor.buttonActionId_DeleteConfirm,
    #eaContainer input.buttonSubmit.buttonActionId_withdraw_application,
    #eaContainer input.buttonSubmit.buttonActionId_Delete,
    #eaContainer input.buttonSubmit.removeAnchor,
    #eaContainer input.buttonSubmit.buttonActionId_confirm_decline,
    #eaContainer input.buttonSubmit[href*=decline],
    #eaContainer input.buttonSubmit.buttonActionId_DeleteConfirm,
    #eaContainer a.buttonAnchor.buttonActionId_withdraw_application,
    #eaContainer a.buttonAnchor.buttonActionId_Delete,
    #eaContainer a.buttonAnchor.removeAnchor,
    #eaContainer a.buttonAnchor.buttonActionId_confirm_decline,
    #eaContainer a.buttonAnchor[href*=decline],
    #eaContainer a.buttonAnchor.buttonActionId_DeleteConfirm,
    .ui-dialog button.buttonAnchor.buttonActionId_withdraw_application,
    .ui-dialog button.buttonAnchor.buttonActionId_Delete,
    .ui-dialog button.buttonAnchor.removeAnchor,
    .ui-dialog button.buttonAnchor.buttonActionId_confirm_decline,
    .ui-dialog button.buttonAnchor[href*=decline],
    .ui-dialog button.buttonAnchor.buttonActionId_DeleteConfirm,
    .ui-dialog input.buttonSubmit.buttonActionId_withdraw_application,
    .ui-dialog input.buttonSubmit.buttonActionId_Delete,
    .ui-dialog input.buttonSubmit.removeAnchor,
    .ui-dialog input.buttonSubmit.buttonActionId_confirm_decline,
    .ui-dialog input.buttonSubmit[href*=decline],
    .ui-dialog input.buttonSubmit.buttonActionId_DeleteConfirm,
    .ui-dialog a.buttonAnchor.buttonActionId_withdraw_application,
    .ui-dialog a.buttonAnchor.buttonActionId_Delete,
    .ui-dialog a.buttonAnchor.removeAnchor,
    .ui-dialog a.buttonAnchor.buttonActionId_confirm_decline,
    .ui-dialog a.buttonAnchor[href*=decline],
    .ui-dialog a.buttonAnchor.buttonActionId_DeleteConfirm,
    .mydetails_forgetme #eaContainer a.buttonAnchor.buttonActionId_confirm {
        --btn-primary-color: var(--danger-color);
        --btn-secondary-color: var(--danger-text-color);
        --btn: "danger";
        background-color: var(--danger-btn-bg-color);
        color: var(--danger-btn-color);
        border: 2px solid var(--danger-btn-border-color);
        padding: var(--individual-btn-padding-y, var(--btn-padding-y)) var(--individual-btn-padding-x, var(--btn-padding-x));
        border-radius: var(--btn-border-radius);
        font-size: .75rem;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 2px;
        text-align: center;
        height: auto;
        line-height: 1.5;

        &:where(*) {
            --danger-btn-bg-color: var(--btn-primary-color);
            --danger-btn-color: var(--btn-secondary-color);
            --danger-btn-border-color: var(--btn-primary-color);
        }

        &:hover:where(*) {
            --danger-btn-bg-color: var(--btn-secondary-color);
            --danger-btn-color: var(--btn-primary-color);
            --danger-btn-border-color: var(--btn-primary-color);
        }
    }*/

    #eaContainer a.buttonAnchor.buttonActionId_forgotten,
    #eaContainer .buttonsRight:where(:has(.buttonActionId_SaveAndAddAnother):has(.buttonActionId_SaveAndFinish):has(.buttonActionId_ajaxCancel)) a.buttonAnchor.buttonActionId_ajaxCancel,
    #eaContainer a.buttonAnchor.buttonActionId_add_email_address {
        --individual-btn-padding-x: 4rem;
        padding-inline: 4rem;
        margin: 0 auto;
        /* @media (min-width: 992px) {
					--centred-buttons-margin-override: auto;
					--centred-buttons-display-override: block;
					--centred-buttons-width-override: fit-content;
				} */
    }
/* #endregion */
/* #region Basic Styling */
/* #region <html> / <body> Tags */
html {
    font-family: "Fira Sans", Arial;
    font-size: 16px;
    line-height: 1rem;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
body {
    overflow-x: hidden;
}
/* #endregion */
/* #region Headings */
/*h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
div.pageBlockTitle {
    font-family: "Fira Sans", Arial;
}*/

h1.heading-section {
    text-align: center;
}

body[class*="pos_desc"] .page-banner h1 {
    text-align: left;
}

.pos_questions h1 {
    text-align: center;
}

div.pageBlockTitle { /* Style as h2 */
    font-size: var(--h3-size);
    font-weight: bold;
    line-height: var(--h3-line-height);
}

h1 {
    color: var(--brand-color-1);
}
/* #endregion */
/* #region Links */
a {
    text-decoration: none;
    color: var(--brand-color-3);

    &:hover {
        color: var(--brand-color-3);
        text-decoration: underline;
    }

    &:focus-visible {
        text-decoration: none;
    }
}
/* #endregion */
/* #region Media */
video,
img {
    max-width: 100%;
}

video {
    width: 100%;
}
/* #endregion */
/* #region Breadcrumbs */
#breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumb {
    margin-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
}

a.breadcrumb {
    text-decoration: none;
    align-items: center;
}

    a.breadcrumb:after {
        font-family: var(--fa-pro-family);
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f054";
        display: inline-block;
        padding: 0 0.5rem;
    }

    a.breadcrumb:hover {
        text-decoration: none;
    }
/* #endregion */
/* #region Intro */
.earcuintro {
    margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Enterprise Notifications */
#enterprise-notifications {
    ul, li {
        list-style: none;
    }

    .alert {
        margin: 0;
        border-radius: 0;

        &:first-child {
            margin-top: 0.5rem;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
        }

        &:last-child {
            margin-bottom: 0.5rem;
            border-bottom-left-radius: 0.25rem;
            border-bottom-right-radius: 0.25rem;
        }
    }

    p {
        padding: 0.5rem 0;
        margin: 0;

        &:first-child {
            padding-block-start: 0;
        }

        &:last-child {
            padding-block-end: 0;
        }
    }
}
/* #endregion */
/* #endregion */
/* #region Large Components */
/* #region Forms */
.ui-dialog .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    padding: 0.5rem;
    border: 1px solid #CCC;
    border-radius: var(--main-border-radius, 0);
    width: 100%;
}

.ui-dialog .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
.ui-dialog .pageBlockInner_FormBlock div.controlContainer .inputText,
.ui-dialog .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
.ui-dialog .pageBlockInner_FormBlock div.controlContainer .inputSelect,
.ui-dialog .pageBlockInner_FormBlock div.curFocus div.controlContainer textarea,
.ui-dialog .pageBlockInner_FormBlock div.controlContainer textarea,
.ui-dialog .pageBlockInner_FormBlock .formRowSelectMultipleToken.curFocus .selectmultiplerow ul,
.ui-dialog .pageBlockInner_FormBlock input.inputText,
.ui-dialog .pageBlockInner_TextTagReplacementBlock input.inputText {
    padding: 0.5rem;
    margin-right: 0;
    border: 1px solid #CCC;
    border-radius: var(--main-border-radius, 0);

    &:focus,
    &:active {
        outline: var(--accessible-outline);
        outline-offset: var(--accessible-outline-offset, 0);
        box-shadow: var(--accessible-shadow);
    }
}

.ui-dialog .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
.ui-dialog .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
.ui-dialog .pageMode_Modern .pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
.ui-dialog .pageMode_Modern .pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer {
    overflow: visible;
}

.ui-dialog .pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: inherit;
}

.ui-dialog .pageBlockInner_FormBlock label.formLabel {
    text-align: left;
}

#eaContainer .pageBlockInner_FormBlock, #eaContainer .pageBlockInner_TextTagReplacementBlock,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock, #quickapplydialogDialogContainer .pageBlockInner_TextTagReplacementBlock {
    div.curFocus div.controlContainer .inputText,
    div.controlContainer .inputText,
    div.curFocus div.controlContainer .inputSelect,
    div.controlContainer .inputSelect,
    div.curFocus div.controlContainer textarea,
    div.controlContainer textarea,
    .formRowSelectMultipleToken.curFocus .selectmultiplerow ul,
    input.inputText,
    .addresspoints {
        padding: 0.5rem;
        margin-right: 0;
        border: 1px solid #CCC;
        border-radius: var(--main-border-radius, 0);

        &:focus-visible {
            outline: var(--accessible-outline);
            outline-offset: var(--accessible-outline-offset, 0);
            box-shadow: var(--accessible-shadow);
        }

        &:focus:not(:focus-visible),
        &:active:not(:focus-visible) {
            border-color: var(--brand-color-3);
        }
    }
}

    #eaContainer .pageBlockInner_FormBlock .addresspoints,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock .addresspoints {
        background-color: transparent;
        font-size: 1rem;
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
    #eaContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
    #eaContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
    #quickapplydialogDialogContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
    #quickapplydialogDialogContainer .pageMode_Modern .pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer {
        overflow: visible;
    }

#eaContainer .actionMessageContainer,
#quickapplydialogDialogContainer .actionMessageContainer {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    overflow: visible;
    margin-bottom: 1rem;
}

    #eaContainer .actionMessageContainer .actionMessage,
    #quickapplydialogDialogContainer .actionMessageContainer .actionMessage {
        width: 100%;
        display: flex;
        align-items: top;
        margin-bottom: 0;

        &.actionMessageWarning {
            background-image: none;
            padding-left: 0;
            color: #DD0F0F;

            &:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00d";
                display: inline-block;
                font-size: 1.25rem;
                margin-right: 0.5rem;
            }
        }

        &.actionMessageOk {
            background-image: none;
            padding-left: 0;
            color: green;

            &:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00c";
                display: inline-block;
                font-size: 1.25rem;
                margin-right: 0.5rem;
            }
        }
    }

#eaContainer .pageBlockInner_FormBlock hr,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock hr {
    width: 100%;
}

#eaContainer .pageBlockInner_FormBlock div.controlError,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.controlError {
    color: #DD0F0F;
    padding-left: 0;
}

#eaContainer .pageBlockInner_FormBlock label.formLabel,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock label.formLabel {
    text-align: left;
}

#eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: inherit;
}

#eaContainer .pageBlockInner_FormBlock div.textLiteral,
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.textLiteral {
    width: 100%;
}

#eaContainer, #quickapplydialogDialogContainer {
    #UsernameForm_NoSso_formRow .textLiteral,
    #RegisterForm_username_view_formRow .textLiteral,
    #RegisterForm_Register_Info_formRow .textLiteral,
    #RegisterForm_gdprinfo_formRow .textLiteral,
    #PasswordForm_Sign_In_Info_formRow .textLiteral,
    #PasswordForm_username_view_formRow .textLiteral,
    #intro_content_formRow .textLiteral {
        text-align: center;
    }
}

    #eaContainer .actionMessageContainer,
    #quickapplydialogDialogContainer .actionMessageContainer {
        max-width: var(--form-row-max-width, 550px);
        margin-block: var(--form-row-margin-block);
        margin-inline: var(--form-row-margin-inline);
    }

    #eaContainer .formRow,
    #quickapplydialogDialogContainer .formRow {
        max-width: var(--form-row-max-width, 550px);
        margin-block: var(--form-row-margin-block);
        margin-inline: var(--form-row-margin-inline);
    }

    #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
    #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
        max-width: var(--form-row-max-width, 550px);
        margin-block: var(--form-row-margin-block);
        margin-inline: var(--form-row-margin-inline);
    }

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow {
            max-width: 100%;
            &:where([id*="gdpr"]) {
                max-width: var(--form-row-max-width, 550px);
            }
        }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#SkillsForm_skills_formRow,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#SkillsForm_skills_formRow {
                max-width: var(--form-row-max-width, 550px);
            }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.mapRow,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.mapRow {
                max-width: var(--form-row-max-width, 550px);
            }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.boxedText,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.boxedText {
                margin: 0.5rem auto;
                padding: 0.5rem;
                max-width: var(--form-row-max-width, 550px);
            }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_UseSSO1_formRow,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_ssoicons_formRow,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_sso_or_formRow,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_UseSSO1_formRow,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_ssoicons_formRow,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#UsernameForm_sso_or_formRow {
                max-width: var(--form-row-max-width, 550px);
                justify-content: center;
            }

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft,
        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight,
        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter {
            float: none;
            width: 100%;
        }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft li,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight li,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter li,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft li,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight li,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter li {
                float: none;
                width: var(--width-override, 100%);
            }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft button.buttonAnchor,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight button.buttonAnchor,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft input.buttonSubmit,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight input.buttonSubmit,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft a.buttonAnchor,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight a.buttonAnchor,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft button.buttonAnchor,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight button.buttonAnchor,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft input.buttonSubmit,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight input.buttonSubmit,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft a.buttonAnchor,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight a.buttonAnchor {
                float: none;
            }

        /* #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_completed_formRow, */
        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#ApplicationExistsBlock_SaveButtonRow_formRow,
        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_buttons_formRow:where(:has(.buttonActionId_next)),
        /* #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_completed_formRow, */
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#ApplicationExistsBlock_SaveButtonRow_formRow,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#SectionCompleteBlock_buttons_formRow:where(:has(.buttonActionId_next)) {
            max-width: 100%;
        }

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow,
        /*#eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow,*/
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow
        /*#quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow*/ {
            max-width: 100%;
        }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow .buttonsLeft ul,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow .buttonsLeft ul,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#Summary_buttons_formRow .buttonsLeft ul,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow#TestDetail_testbuttonrow_formRow .buttonsLeft ul {
                justify-content: end;
            }

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow {
            max-width: 100%;
        }

            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer,
            #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer,
            #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

                #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer .buttonsLeft,
                #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer .buttonsLeft,
                #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .labelContainer .buttonsLeft,
                #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer .buttonsLeft {
                    margin: 1rem 0;
                }

    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
        margin: 0;
    }

    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow div.textLiteral,
    #quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow div.textLiteral {
        width: 100% !important;
    }

    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar,
    #quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar {
        background: none;
        padding: 0;
        margin-bottom: 0.5rem;
    }

    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .mandatoryIndicator,
    #quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer,
    #quickapplydialogDialogContainer .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .mandatoryIndicator {
        height: auto;
    }

    #eaContainer .pageBlockInner_FormBlock div.formRow,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow {
        width: 100%;
        padding-top: 0;
        float: none;
        clear: none;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
        gap: var(--form-row-question-answer-gap, .5rem);

        &[style="display: block;"] {
            @media (min-width: 768px) {
                display: flex !important;
            }
        }
    }

        #eaContainer .pageBlockInner_FormBlock div.formRow.boxedText,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.boxedText {
            padding-top: 0.5rem;
        }

        #eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow {
            width: 100%;
            display: block;
        }

            #eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
            #eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer {
                display: block;
            }

                #eaContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label,
                #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label {
                    margin-left: 0;
                }

        #eaContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow {
            width: 100%;
            display: block;

            &.questionType_TextSmall textarea {
                resize: none;
                overflow: hidden;
            }
        }

            #eaContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer label,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer label {
                margin-left: 0;
            }

        #eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow {
            justify-content: center;
            align-content: center;
            align-items: center;
            display: flex;
            margin-top: 0.5rem;
        }

            #eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer {
                order: 2;
                justify-content: start;
                flex: 0 0 auto;
                width: auto;
                max-width: calc(100% - 40px);
                line-height: 1;
                display: flex;
            }

                #eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer label,
                #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer label {
                    margin-left: 0;
                    padding-right: 0;
                    margin-top: 1.5rem;
                    position: relative;
                    display: flex;
                    align-items: center;
                    &:after {
                        content: "";
                        position: absolute;
                        top: -1rem;
                        left: -25%;
                        right: -25%;
                        border-top: 1px solid var(--brand-color-2);
                    }
                }

            #eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlContainer,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlContainer {
                order: 1;
                flex: 0 0 auto;
                width: auto;
                display: none;
                margin-right: 0;
                padding-top: 0;
            }

            #eaContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlError,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlError {
                order: 3;
                width: 100%;
                padding-top: 0;
                display: flex;
            }

        #eaContainer .pageBlockInner_FormBlock div.formRow .labelContainer,
        #eaContainer .pageBlockInner_FormBlock div.formRow .controlContainer,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow .labelContainer,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow .controlContainer {
            margin: 0;
            width: 100%;
            float: none;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        #eaContainer .pageBlockInner_FormBlock div.formRow .customButtonContainer,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow .customButtonContainer {
            position: relative;
            margin-top: 0.5rem;
            display: flex;
            justify-content: end;
            width: 100%;
        }

#eaContainer, #quickapplydialogDialogContainer {
    .pageBlockInner_FormBlock div.formRow {
        .controlContainer {
            input[type=text], input[type=password], input[type=tel], input:not(input[type]), textarea, select, .iti {
                width: 100%;
            }
        }

        &.hiddenElement, &.skillmessagehidden {
            display: none;
        }
    }

    #RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral,
    #PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral {
        border: none;
        border-radius: 0;
        padding: 0;

        a {
            display: inline-block;
            border: 1px solid #D0D0D0;
            border-radius: 1rem;
            padding: 0.5rem 2rem;
        }
    }
}

    #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer,
    #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer {
        display: flex;
        gap: 1rem;

        .ssoIcon {
            float: none;

            .ssoIconLink {
                transition: all .2s ease;

                &:hover {
                    text-decoration: none;
                    color: var(--brand-color-1);
                }

                &:before {
                    font-family: var(--fa-pro-brands-family);
                    font-weight: 900;
                    line-height: 1;
                    color: inherit;
                    display: inline-block;
                    font-size: 4rem;
                }

                img {
                    display: none;
                }
            }

            &.linkedin_ssoIcon {
                .ssoIconLink:before {
                    content: "\f08c";
                }
            }

            &.google_ssoIcon {
                .ssoIconLink:before {
                    content: "\f1a0";
                }
            }

            &.facebook_ssoIcon {
                .ssoIconLink:before {
                    content: "\f082";
                }
            }

            &.microsoft_ssoIcon {
                .ssoIconLink:before {
                    font-weight: 100;
                    content: "\f3ca";
                }
            }
        }
    }

    #eaContainer #RegisterForm_data_source_formRow,
    #quickapplydialogDialogContainer #RegisterForm_data_source_formRow {
        text-align: center;
    }

        #eaContainer #RegisterForm_data_source_formRow:after,
        #quickapplydialogDialogContainer #RegisterForm_data_source_formRow:after {
            font-family: var(--fa-pro-family);
            font-weight: 900;
            line-height: 1;
            color: var(--brand-color-3);
            content: "\f0e0";
            display: inline-block;
            font-size: 3rem;
            width: 100%;
            text-align: center;
        }

        #eaContainer #RegisterForm_data_source_formRow img,
        #quickapplydialogDialogContainer #RegisterForm_data_source_formRow img {
            display: none;
        }

    #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input,
    #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input {
        background-size: 30px 30px;
        background-position: 100% 50%;
    }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password],
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password] {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><g fill='%23df0030' stroke='%23df0030'><path d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z'/></g></svg>");
        }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text],
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text] {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><g fill='%23df0030' stroke='%23df0030'><path d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/></g></svg>");
            background-size: 30px 24px;
        }

    #eaContainer div.pageBlockInner_FormBlock div.formRow,
    #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow {
        width: 100%;
    }

#eaContainer,
#quickapplydialogDialogContainer,
.ui-dialog {
    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        justify-content: start;

        .controlContainer {
            display: none !important;
        }

        .labelContainer:has(+ .controlContainer input[type=checkbox]) {
            order: 1;
            flex: 0 1 auto;
            flex-wrap: wrap;
            text-align: left;
            width: 100% !important;

            label {
                margin-bottom: 0;
                display: flex;
                align-items: start;
                gap: 0.5rem;

                &:before {
                    font-family: var(--fa-pro-family);
                    font-weight: 400;
                    line-height: 1;
                    color: var(--brand-color-3);
                    content: "\f0c8";
                    display: inline-block;
                    min-width: 24px;
                    min-height: 24px;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 1.5rem;
                    padding: 0;
                    font-size: 1.5rem;
                    display: inline-block;
                }
            }
        }

        .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before {
            font-family: var(--fa-pro-family);
            font-weight: 900;
            line-height: 1;
            color: var(--brand-color-3);
            content: "\f14a";
            display: inline-block;
        }

        .controlError {
            order: 2;
            flex: 0 0 100%;
        }
    }

    div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer {
        position: relative;
        width: 100%;

        input {
            width: 100%;
        }

        .popup {
            position: absolute;
            right: 0.6rem;
            bottom: 0.6rem;
            width: auto;
            height: auto;

            &:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f073";
                display: inline-block;
                line-height: 1;
            }

            img {
                display: none;
            }
        }
    }
}

    #eaContainer .pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter {
        margin-right: 0;
    }

    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        width: 100%;
    }

    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        position: relative;
    }

        #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
            width: 100%;
        }

        #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
            width: auto;
            height: auto;
        }

    #eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage {
        padding: 0.5rem;
    }

    #eaContainer .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons,
    #quickapplydialogDialogContainer .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
        padding: 0;
    }

    #eaContainer #SkillsForm_skills_formRow .textLiteral,
    #eaContainer #SkillsForm_skills_formRow .skillscontainer,
    #quickapplydialogDialogContainer #SkillsForm_skills_formRow .textLiteral,
    #quickapplydialogDialogContainer #SkillsForm_skills_formRow .skillscontainer {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    #eaContainer .skillcontainer,
    #quickapplydialogDialogContainer .skillcontainer {
        float: none;
        width: auto;
        border-radius: var(--main-border-radius, 0);
        margin: 0;
        padding: 0.5rem;
        position: relative;
        background-color: var(--brand-color-3);
    }

        #eaContainer .skillcontainer a.skillremove,
        #quickapplydialogDialogContainer .skillcontainer a.skillremove {
            position: absolute;
            top: 0.1rem;
            right: 0.5rem;
            float: none;
            height: auto;
            width: auto;
        }

            #eaContainer .skillcontainer a.skillremove:before,
            #quickapplydialogDialogContainer .skillcontainer a.skillremove:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00d";
                display: inline-block;
                font-size: 0.75rem;
                color: #FFF;
            }

            #eaContainer .skillcontainer a.skillremove:hover,
            #quickapplydialogDialogContainer .skillcontainer a.skillremove:hover {
                text-decoration: none;
            }

        #eaContainer .skillcontainer .skilledit,
        #eaContainer .skillcontainer .skillclass,
        #quickapplydialogDialogContainer .skillcontainer .skilledit,
        #quickapplydialogDialogContainer .skillcontainer .skillclass {
            margin-right: 1rem;
            color: #FFF;
        }

        #eaContainer .skillcontainer .skill,
        #quickapplydialogDialogContainer .skillcontainer .skill {
            color: #FFF;
        }

        #eaContainer .skillcontainer:hover,
        #quickapplydialogDialogContainer .skillcontainer:hover {
            background-color: #6a21c8;
        }

            #eaContainer .skillcontainer:hover a.skillremove:before,
            #quickapplydialogDialogContainer .skillcontainer:hover a.skillremove:before {
                color: #FFF;
            }

            #eaContainer .skillcontainer:hover .skilledit,
            #eaContainer .skillcontainer:hover .skillclass,
            #eaContainer .skillcontainer:hover .skill,
            #quickapplydialogDialogContainer .skillcontainer:hover .skilledit,
            #quickapplydialogDialogContainer .skillcontainer:hover .skillclass,
            #quickapplydialogDialogContainer .skillcontainer:hover .skill {
                color: #FFF;
            }

    #eaContainer #SectionCompleteBlock_completed_formRow .labelContainer,
    #quickapplydialogDialogContainer #SectionCompleteBlock_completed_formRow .labelContainer {
        padding-top: 0;
    }

    #eaContainer .pageBlockInner_FormBlock .fakecheck,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck {
        background: none;
        float: none;
        display: none;
    }

        #eaContainer .pageBlockInner_FormBlock .fakecheck:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:before {
            font-family: var(--fa-pro-family);
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 1.5rem;
            color: var(--brand-color-3);
            content: "\f0c8";
            display: inline-block;
            min-width: 24px;
            min-height: 24px;
            display: inline-block;
            vertical-align: middle;
            padding: 0;
        }

        #eaContainer .pageBlockInner_FormBlock .fakecheck:hover,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:hover {
            background: none;
        }

            #eaContainer .pageBlockInner_FormBlock .fakecheck:hover:before,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:hover:before {
                color: var(--brand-color-3);
            }

    #eaContainer .pageBlockInner_FormBlock .fakechecked:hover,
    #eaContainer .pageBlockInner_FormBlock .fakechecked,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:hover,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked {
        background: none;
    }

        #eaContainer .pageBlockInner_FormBlock .fakechecked:hover:before,
        #eaContainer .pageBlockInner_FormBlock .fakechecked:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:hover:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:before {
            content: "\f14a";
            color: var(--brand-color-3);
        }

    #eaContainer .pageBlockInner_GridBlock div.gridFooter,
    #quickapplydialogDialogContainer .pageBlockInner_GridBlock div.gridFooter {
        margin-top: 0;
    }

        #eaContainer .pageBlockInner_GridBlock div.gridFooter div.gridButtons,
        #quickapplydialogDialogContainer .pageBlockInner_GridBlock div.gridFooter div.gridButtons {
            padding-top: 0;
        }

    #eaContainer .charCounter,
    #quickapplydialogDialogContainer .charCounter {
        display: flex;
        flex-wrap: wrap;
    }

    #eaContainer .StandardQuestionsForm .formRowTextAreaRow .charCounter div,
    #quickapplydialogDialogContainer .StandardQuestionsForm .formRowTextAreaRow .charCounter div {
        float: none;
    }

.myjobfeed .pageBlockInner.pageBlockInner_FormBlock #BackBlock_form .formRow {
    max-width: var(--form-row-max-width, 550px);
}

.application_section_cv .pageBlockInner.pageBlockInner_FormBlock .formRow,
/* .pageBlockInner.pageBlockInner_FormBlock #BackBlock_form .formRow, */
.mydetails_username #eaContainer .formRowButtonRow,
.mydetails_forgetme #eaContainer .formRowButtonRow,
.interviewtimesunsuitable_confirm #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRowButtonRow,
.offeraccept #eaContainer #AcceptForm_buttons_formRow,
.offerdecline #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
.interviewbookingvideo #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
    max-width: 100%;
}

.interviewdetailform .pageBlockInner_FormBlock .panelContent .panelMemberContainer {
    width: auto;
}

.mydetails div.pageBlockTitle,
.application_section_personaldetails div.pageBlockTitle {
    margin-bottom: 0.5rem;
}

.mydetails .pageBlockInner_GridBlock .ListGridContainer .rowItemsContainer,
.application_section_personaldetails .pageBlockInner_GridBlock .ListGridContainer .rowItemsContainer {
    margin: 0;
    padding: 0;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowHeader,
.application_section_personaldetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 0;
    margin: 0;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowLabel,
.application_section_personaldetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowLabel {
    margin: 0;
    padding: 0;
}

.mydetails .pageBlockInner_GridBlock .ListGridContainer .rowItemContainer,
.application_section_personaldetails .pageBlockInner_GridBlock .ListGridContainer .rowItemContainer {
    padding: 0;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer,
.application_section_personaldetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: none;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
    padding-top: 0;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent {
    margin-right: 0;
    margin-top: 0;
    padding: 0.5rem;
    background-color: transparent;
    border: 2px solid var(--brand-color-2);
    border-radius: var(--main-border-radius);
}

    #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent #contactConsentDescription {
        margin-right: 0;
    }

.contactConsentButtonContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

a, span {
    &:has(> img[src*="Profile/checkbox.png"], > img[src*="grid_images/checkbox.png"], > img[src*="Profile/checkbox_unchecked.png"], > img[src*="grid_images/checkbox_unchecked.png"]) {
        &:before {
            font-family: var(--fa-pro-family);
            font-weight: 500;
            line-height: 1;
            color: var(--brand-color-3);
            content: var(--fa, none);
            display: inline-block;
            min-width: 24px;
            min-height: 24px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.5rem;
            padding: 0;
            font-size: 1.5rem;
            display: flex;
            justify-content: center;
        }

        img {
            display: none;
        }
    }

    &:has(> img[src*="Profile/checkbox.png"], > img[src*="grid_images/checkbox.png"]) {
        --fa: "\f14a";
    }

    &:has(> img[src*="Profile/checkbox_unchecked.png"], > img[src*="grid_images/checkbox_unchecked.png"]) {
        --fa: "\f0c8";
    }
}

.application_section_submit .verifContainer .verifyEmail {
    margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Lists */
/* #region General */
#eaContainer .gridContent .ListGridContainer,
.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;
}

    #eaContainer .gridContent .ListGridContainer .rowContainer {
        margin: 0;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, 250px)), 1fr));
    --item-width: 200px;
    justify-content: center;
    padding-bottom: 0;
    --cols: 1;

    @media (min-width: 768px) {
        --cols: 2;
    }

    @media (min-width: 992px) {
        margin-top: 1.5rem;
        --cols: 3;
    }

    @media (min-width: 1200px) {
        --cols: 4;
    }

    li {
        margin: 0;
        border-radius: var(--main-border-radius, 0);
        /* 1. Allow it to grow and shrink, but set the base basis to 0 */
        flex: 1 1 0%;
        /* 2. Calculate the exact width based on your columns and gaps */
        --gap-count: calc(var(--cols, 1) - 1);
        --total-gap-width: calc(var(--gap-count) * var(--gap, 16px));
        flex-basis: calc((100% - var(--total-gap-width)) / var(--cols, 1));
        /* 3. Replicate your minmax min-width constraint (so it never shrinks below 250px) */
        min-width: min(100%, var(--item-width, 250px));
        max-width: 200px;
    }
}

#eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    > div {
        margin: 0;
    }
}
/* #endregion */
/* #region Welcome */
.welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, max(50% - .25rem, 400px))), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    div.formRow.formRow.formRowIconRow {
        margin: 0;
        background-color: var(--brand-color-2);
        border-radius: var(--main-border-radius);
        padding: 2rem;
    }

    div.formRow.formRowIconRow {
        max-width: none;
        margin: 0;
    }
}

#eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle {
    margin-bottom: 0;
}

#ToDoList_pageBlock ul.ulList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, max(50% - .25rem, 400px))), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .ulListItem {
        margin: 0;
    }
}
/* #endregion */
/* #region My Details */
.mydetails #eaContainer .gridContent .ListGridContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, 300px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .rowContainer {
        margin: 0;
        padding: 0.5rem;
        background-color: #FFF;
    }
}

#eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
    display: grid;
    /*grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, 300px)), 1fr));*/
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .rowContainer {
        margin: 0;
    }
}

#eaContainer .MySummaryItemsContainer {
    margin-bottom: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 300px)), 1fr));
    gap: var(--gap, .5rem);
    align-items: stretch;
    justify-content: center;

    .MySummaryItem {
        width: 100%;
        margin: 0;
    }
}

li.pageBlockHeader_AddNotClicked .iconContainer {
    margin-top: 0;
}
/* #endregion */
/* #region Talent pools */
#eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--item-width, max(33% - .5rem, 300px))), 1fr)); */
    grid-template-columns: repeat(var(--cols, 1), 1fr);
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    @media (min-width: 768px) {
        --cols: 2
    }

    @media (min-width: 992px) {
        --cols: 3
    }

    .rowContainerHolder {
        margin: 0;
        float: none;
        width: 100%;

        .rowContainer {
            width: 100%;
            margin: 0 !important;
        }
    }
}
/* #endregion */
/* #region Application forms */
.application_section_referral #eaContainer .gridContent .ListGridContainer,
.application_section_equalops #eaContainer .gridContent .ListGridContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .rowContainer {
        margin: 0;
        padding: 0.5rem;
    }
}

.application_section_education #eaContainer .gridContent .ListGridContainer,
.application_section_workexperience #eaContainer .gridContent .ListGridContainer,
.application_section_profqual #eaContainer .gridContent .ListGridContainer,
.application_section_referee #eaContainer .gridContent .ListGridContainer {
    margin-top: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .rowContainer {
        margin: 0;
        padding: 0.5rem;
    }
}

.application_section_personaldetails,
.mydetails {
    .pageBlockContainer.pageBlockContainer_GridBlock,
    .pageBlockContainer.pageBlockContainer_FormBlock {
        position: relative;
        width: 100%;

        &:last-child {
            margin-bottom: 0;
        }

        .pageBlockHeader2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;

            &:has(.pageBlockHeaderButtons) {
                .pageBlockHeader {
                    width: 100%;

                    &:where(.pageBlockContainer_FormBlock .pageBlockHeader) {
                        text-align: center;
                    }
                }

                .pageBlockHeaderButtons {
                    width: 100%;
                }
            }
        }

        .pageBlockHeaderButtonsContainer.buttonsRight {
            width: auto;
            margin-left: auto;
        }
    }

    .pageBlockContainer.pageBlockContainer_GridBlock,
    #SkillsForm_pageBlockContainer:not(:has(.formRowButtonRow)) {
        &:has(.pageBlockHeaderButtons) {
            padding-bottom: 4rem;
            position: relative;

            .pageBlockHeaderButtonsContainer {
                position: absolute;
                bottom: .5rem;
                display: block;
                margin: 0 auto;

                &:before {
                    border-top: 1px solid var(--brand-color-2);
                    content: "";
                    position: absolute;
                    top: -10px;
                    left: -50%;
                    right: -50%;
                }
            }
        }
    }
}
/* #endregion */
/* #region Events */
#eaContainer #eventsListContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .eventContainerWrapper {
        margin: 0;

        .eventContainer {
            min-height: 150px;
        }
    }
}
/* #endregion */
/* #region Questions */
.questionsAnswerBlock #questionsSummary_pageBlock {
    padding: 0;
    border: none;
    background-color: #FFF;
}

    .questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridRow {
        padding: 0.5rem;
    }

    .questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn {
        clear: none;
        display: flex;
    }

        .questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn .appSummaryGridHeader {
            flex: 0 0 auto;
            float: none;
            border: none;
            background-color: transparent;
            font-weight: bold;
        }

        .questionsAnswerBlock #questionsSummary_pageBlock .appSummaryGridColumn .appSummaryGridValue {
            flex: 1 1 auto;
            float: none;
            margin-left: 0;
        }
/* #endregion */
/* #region Position summary block */
#posSummaryBlockv2_pageBlock .MySummaryItemsContainer {
    height: auto;
}

#posSummaryBlockv2_pageBlock .MySummaryItem {
    height: auto;
    background-color: #F9F9F9;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    height: auto;
}
/* #endregion */
#Application_Home_pageView #sectionslist_pageBlock .ulList,
#Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .ulListItem {
        margin: 0;
    }
}
/* #region Connected services */
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
    --item-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;
    margin-bottom: 1.5rem;

    @media (min-width: 992px) {
        --item-width: calc(50% - (var(--gap, .5rem) / 2));
    }

    .serviceContainer {
        margin: 0;
        float: none;

        .statusContainer {
            min-height: 0;
            position: relative;

            @media (min-width: 768px) {
                display: flex;
                flex-wrap: wrap;
                gap: 0.5rem;
            }
        }
    }

    .serviceContainer2 {
        border-radius: var(--main-border-radius, 0);
    }
}
/* #endregion */
/* #region Offers / Onboarding */
.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
.mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .ulListItem {
        margin: 0;
    }
}

#eaContainer #Grid_OFFERBANKDETAILS_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFEREMERGENCYCONTACT_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFERHEALTHQUESTIONS_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFERNEXTOFKIN_pageBlock .gridContent .ListGridContainer,
#eaContainer #Grid_OFFERTAXINFORMATION_pageBlock .gridContent .ListGridContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr));
    justify-content: start;
    gap: var(--gap, .5rem);
    align-items: stretch;

    .rowContainer {
        margin: 0;
        padding: .5rem;
        border-radius: var(--main-border-radius, 0);
    }
}

#OfferInfoBlock_pageBlock .offerBlockContainer_Text p {
    margin-block-end: 10px;
}

.listarrowmessageblock ol {
    padding: 0;
}

    .listarrowmessageblock ol li {
        margin: 20px auto;
        background-color: var(--primary-color);
        color: #fff;
        padding: 30px 30px 30px 50px;
        list-style-position: inside;
        /* list-style-image: url(https://cdn.prod.website-files.com/668f964276953a8d446956f4/668ff6f98532eecd16056363_Path%20625.svg); */
        position: relative;
    }


        .listarrowmessageblock ol li:before {
            content: "";
            background-image: url(https://d36rd0l160k43h.cloudfront.net/c55d7af92f137d0df53a49e9dfae8348/a23213408afd73ab2889dc0ce3a2cc04/img/arrow-white.png);
            position: absolute;
            background-repeat: no-repeat;
            background-size: contain;
            width: 40px;
            height: 40px;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

.offerLayoutBox.offerLayoutBox_TotalItems_3.three-cols .offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_3.offerLayoutPlaceHolder_Multi {
    width: 33% !important;
}


/* #endregion */
/* #endregion */
/* #region Tables */
/* #region CSS Variables */
table.gridTable {
    /* #region Table Properties */
    --table-border-color: #CCC;
    --table-header-color: var(--brand-color-3);
    --table-header-text-color: #FFF;
    /* #endregion */
    /* #region Odd Rows */
    /* #region Default State */
    --alt-row-color-odd: #EEE;
    --alt-row-text-color-odd: #333;
    --alt-row-link-color-odd: var(--brand-color-3);
    /* #endregion */
    /* #region Hover State */
    --alt-row-hover-color-odd: var(--brand-color-3);
    --alt-row-hover-text-color-odd: #FFF;
    --alt-row-hover-link-color-odd: #FFF;
    /* #endregion */
    /* #endregion */
    /* #region Even Rows */
    /* #region Default State */
    --alt-row-color-even: #FFF;
    /* Note that tables start with an even row for some obscure reason */
    --alt-row-text-color-even: #333;
    --alt-row-link-color-even: var(--brand-color-3);
    /* #endregion */
    /* #region Hover State */
    --alt-row-hover-color-even: var(--brand-color-3);
    --alt-row-hover-text-color-even: #FFF;
    --alt-row-hover-link-color-even: #FFF;
    /* #endregion */
    /* #endregion */
}
/* #endregion */
/* #region Table Styling */
/* Can appear in #eaContainer (interviews) or in dialogs (job alerts codelist lookup) */
#eaContainer .pageBlockInner_GridBlock,
.ui-dialog .pageBlockInner_GridBlock {
    div.gridContentWithHeader {
        background: none;
        border-left: none;
    }

    .gridFooter {
        div.pagingControls {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            align-items: stretch;
            justify-content: center;
            padding: 0.5rem 0;

            a.scroller, a.pagenumber {
                text-align: center;
                transition: var(--default-transition, none);
                display: inline-block;
                width: auto;
                font-weight: normal;
                cursor: pointer;
                text-decoration: none;
                margin-left: 0;
                margin-right: 0;
                display: flex;
                align-items: center;

                &:hover {
                    text-decoration: none;
                }
            }

            a.scroller {
                font-size: 0;

                &[href*="movefirst=1"], &&[href*="moveprev=1"], &[href*="movenext=1"], &[href*="movelast=1"] {
                    font-family: var(--fa-pro-family);
                    font-weight: 900;
                    font-size: 1rem;
                    line-height: 1;
                    color: inherit;
                    content: var(--fa, none);
                    display: inline-block;
                }

                &[href*="movefirst=1"] {
                    --fa: "\f323";
                }

                &[href*="moveprev=1"] {
                    --fa: "\f053";
                }

                &[href*="movenext=1"] {
                    --fa: "\f054";
                }

                &[href*="movelast=1"] {
                    --fa: "\f324";
                }

                &.buttonDisabled {
                    --btn-background-color: #E7E9ED;
                    --btn-border-color: #E7E9ED;
                    --btn-color: #FFF;

                    &:hover {
                        --btn-background-color: #E7E9ED;
                        --btn-border-color: #E7E9ED;
                        --btn-color: #FFF;
                    }
                }
            }

            a.pagenumber {
                margin-top: 0;

                &.pagenumber_current {
                    gap: 0.5rem;
                    padding: 0.5rem 2rem;

                    &:before {
                        content: "Page";
                    }
                }
            }
        }
    }

    .kiketable-colsizable-handler {
        border-color: var(--table-border-color);
    }

    table.gridTable {
        th {
            border-color: var(--table-border-color);
            background-color: var(--table-header-color);
            color: var(--table-header-text-color);

            div.kiketable-th-text {
                padding: .5rem;
            }
        }

        td {
            border-color: var(--table-border-color);
        }

        tbody td {
            &:where(:not(:has(a))) {
                padding: .5rem;
            }

            &:where(:has(a)) {
                padding: 0;

                a {
                    padding: 0.5rem;
                }
            }
        }

        div.headerLabel {
            margin-left: 0;
            margin-right: 0;
            padding-right: 0;
        }

        tr.oddRow {
            background-color: var(--alt-row-color-odd);

            td {
                background-color: var(--alt-row-color-odd);
                color: var(--alt-row-text-color-odd);

                a {
                    color: var(--alt-row-link-color-odd);
                }
            }

            &:hover {
                background-color: var(--alt-row-hover-color-odd);

                td {
                    background-color: var(--alt-row-hover-color-odd);
                    color: var(--alt-row-hover-text-color-odd);

                    a {
                        color: var(--alt-row-hover-link-color-odd);
                    }
                }
            }
        }

        tr.evenRow {
            background-color: var(--alt-row-color-even);

            td {
                background-color: var(--alt-row-color-even);
                color: var(--alt-row-text-color-even);

                a {
                    color: var(--alt-row-link-color-even);
                }
            }

            &:hover {
                background-color: var(--alt-row-hover-color-even);

                td {
                    background-color: var(--alt-row-hover-color-even);
                    color: var(--alt-row-hover-text-color-even);

                    a {
                        color: var(--alt-row-hover-link-color-even);
                    }
                }
            }
        }
    }
}
/* #endregion */
/* #endregion */
/* #endregion */
/* #region Small Components*/
/* #region Buttons */
.application_section_personaldetails .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: end;

    @media (min-width: 992px) {
        flex-direction: row;
    }
}

    .application_section_personaldetails .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight ul li {
        width: auto;
    }

#eaContainer .formRow.formRowButtonRow {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;

    @media (min-width: 992px) {
        gap: .5rem;
    }
}

    #eaContainer .formRow.formRowButtonRow .buttonsLeft:not(:has(.buttonActionId_DeleteConfirm)) {
        flex: 1 0 100%;

        @media (min-width: 992px) {
            order: 1;
            flex: 1 0 calc(50% - (var(--form-row-question-answer-gap, .5rem) / 2));
        }
    }

    #eaContainer .formRow.formRowButtonRow:not(:has(.buttonsLeft .buttonActionId_DeleteConfirm)) .buttonsRight {
        flex: 1 0 100%;

        @media (min-width: 992px) {
            order: 2;
            flex: 1 0 calc(50% - (var(--form-row-question-answer-gap, .5rem) / 2));
        }
    }

#eaContainer #ShowCurrentAppLink_form .formRow.formRowButtonRow .buttonsLeft ul,
#eaContainer #ShowCurrentAppLink_form .formRow.formRowButtonRow .buttonsRight ul,
#eaContainer #ShowCurrentAppLink2_form .formRow.formRowButtonRow .buttonsLeft ul,
#eaContainer #ShowCurrentAppLink2_form .formRow.formRowButtonRow .buttonsRight ul {
    justify-content: center;
}

#eaContainer .buttonsLeft ul,
#eaContainer .buttonsRight ul,
#eaContainer .buttonsCenter ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.5rem;

    @media (min-width: 992px) {
        flex-direction: row;
    }
}

    #eaContainer .buttonsLeft ul li,
    #eaContainer .buttonsRight ul li,
    #eaContainer .buttonsCenter ul li {
        width: auto;
    }

#eaContainer .buttonsCenter ul {
    justify-content: center;
}

#eaContainer .buttonsRight ul {
    justify-content: end;
    width: 100%;

    &:where(.missingGapInfo ul) {
        justify-content: start;
        margin-block-start: auto;

        li, span, a {
            width: 100%;
        }
    }
}

    #eaContainer .buttonsRight ul:where(:has(.buttonActionId_toWelcomePackSummary, .buttonActionId_toAppHome)) {
        justify-content: center;
    }

.mydetails #eaContainer .buttonsLeft li,
.mydetails #eaContainer .buttonsRight li,
.mydetails #eaContainer .buttonsCenter li {
    width: 100%;
}

.ui-dialog .buttonsLeft ul,
.ui-dialog .buttonsRight ul,
.ui-dialog .buttonsCenter ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.5rem;

    @media (min-width: 992px) {
        flex-direction: row;
    }
}

    .ui-dialog .buttonsLeft ul li,
    .ui-dialog .buttonsRight ul li,
    .ui-dialog .buttonsCenter ul li {
        width: auto;
    }

.latest-jobs-section .buttonsLeft ul,
.latest-jobs-section .buttonsRight ul,
.latest-jobs-section .buttonsCenter ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.5rem;

    @media (min-width: 992px) {
        flex-direction: row;
    }
}

    .latest-jobs-section .buttonsLeft ul li,
    .latest-jobs-section .buttonsRight ul li,
    .latest-jobs-section .buttonsCenter ul li {
        width: auto;
    }

.latest-jobs-section .buttonsCenter ul {
    justify-content: center;
}

.latest-jobs-section .buttonsRight ul {
    justify-content: end;
}

.pos_description #eaContainer .ApplyNowContainer .buttonsRight ul,
.pos_description #eaContainer .posAlerts .buttonsRight ul {
    display: block;
    width: 100%;
}

    .pos_description #eaContainer .ApplyNowContainer .buttonsRight ul li,
    .pos_description #eaContainer .posAlerts .buttonsRight ul li {
        display: block;
        width: 100%;
    }

        .pos_description #eaContainer .ApplyNowContainer .buttonsRight ul li a,
        .pos_description #eaContainer .posAlerts .buttonsRight ul li a {
            float: none;
        }

#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsRight a.buttonAnchor.buttonActionId_backToSection,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_back,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_backToSection {
    text-align: center;
    transition: var(--default-transition, none);
    display: var(--centred-buttons-display-override, inline-block);
    width: var(--centred-buttons-width-override, var(--button-width, 100%));
    font-weight: 600;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

#eaContainer .buttonsLeft .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .buttonsRight .editblocklink a.buttonAnchor:where(:not(#renewconsent)),
#eaContainer .buttonsCenter .editblocklink a.buttonAnchor:where(:not(#renewconsent)) {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: auto;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0.5rem;

    &:hover {
        text-decoration: none;
    }
}

#eaContainer .buttonsLeft .editblocklink a.buttonAnchor#renewconsent,
#eaContainer .buttonsRight .editblocklink a.buttonAnchor#renewconsent,
#eaContainer .buttonsCenter .editblocklink a.buttonAnchor#renewconsent {
    width: auto;
}

#eaContainer #SkillsForm_buttons_formRow .buttonsRight a.buttonAnchor.buttonActionId_back {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: 600;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

.candidateevent_detail #eaContainer .buttonsLeft a.buttonAnchor {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
}

    .candidateevent_detail #eaContainer .buttonsLeft a.buttonAnchor:hover {
        text-decoration: none;
    }

.candidateevent_detail #eaContainer .buttonsRight a.buttonAnchor:where([href*=cancel]) {
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

.latest-jobs-section .buttonsLeft a.buttonAnchor,
.latest-jobs-section .buttonsRight a.buttonAnchor,
.latest-jobs-section .buttonsCenter a.buttonAnchor {
    padding: 1rem 3rem;
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--main-border-radius, 0);

    &:hover {
        text-decoration: none;
    }
}

.buttonsLeft a.buttonAnchor,
.buttonsLeft button.buttonAnchor,
.buttonsLeft input.buttonSubmit {
    margin-right: 0;
}

.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    margin-left: 0 !important;
    margin-right: 0;

    &:hover {
        text-decoration: none;
    }
}

#eaContainer .postcodelookup {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: auto;
    font-weight: normal;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

div.buttonsRight li.pageBlockHeader_AddNotClicked .iconContainer.buttonAnchor.basicIcons {
    width: 100% !important;

    @media (min-width: 992px) {
        width: auto !important;
    }
}

ul.pageBlockHeaderButtons {
    float: none;
}

#eaContainer button.buttonAnchor,
#eaContainer input.buttonSubmit,
#eaContainer a.buttonAnchor,
.ui-dialog button.buttonAnchor,
.ui-dialog input.buttonSubmit,
.ui-dialog a.buttonAnchor {
    text-align: center;
    transition: var(--default-transition, none);
    display: var(--centred-buttons-display-override, inline-block);
    width: var(--centred-buttons-width-override, 100%);
    font-weight: 600;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

#eaContainer, .ui-dialog {
    button, input, a {
        &.buttonAnchor.buttonActionId_back,
        &.buttonAnchor.buttonActionId_ajaxCancel,
        &.buttonAnchor.buttonActionId_backToDesc,
        &.buttonAnchor.buttonActionId_cancel {
            text-align: center;
            transition: var(--default-transition, none);
            display: var(--centred-buttons-display-override, inline-block);
            width: var(--centred-buttons-width-override, 100%);
            font-weight: 600;
            cursor: pointer;

            &:hover {
                text-decoration: none;
            }
        }
    }
}

#eaContainer, .ui-dialog {
    button, input, a {
        &.buttonAnchor.buttonActionId_withdraw_application,
        &.buttonAnchor.buttonActionId_Delete,
        &.buttonAnchor.removeAnchor,
        &.buttonAnchor.buttonActionId_confirm_decline,
        &.buttonAnchor[href*=decline],
        &.buttonAnchor.buttonActionId_DeleteConfirm {
            transition: var(--default-transition, none);
            display: var(--centred-buttons-display-override, inline-block);
            width: var(--centred-buttons-width-override, 100%);
            font-weight: 600;
            cursor: pointer;

            &:hover {
                text-decoration: none;
            }
        }
    }
}

.mapContainer .ButtonHolder .miniMapButton a {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

#JobDescriptionMap_BigVacancyMap_pageBlock .mapContainer .ButtonHolder {
    display: flex;
    justify-content: end;
}

.mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton,
.mapContainer .ButtonHolder_Bottom .bigMapButton a {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #FFF; 
    @media (min-width: 992px) {
        width: auto;
    }

    &:hover {
        text-decoration: none;
    }
}

#eaContainer .addressContainer .addressButton {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    width: auto;
    float: none;
    padding: 0 1rem;
    line-height: 1rem;
    height: 30px;

    &:hover {
        text-decoration: none;
    }
}

.mydetails_forgetme #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

.mydetails_forgetme #eaContainer a.buttonAnchor.buttonActionId_confirm {
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

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

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar .mapCloseButton {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    width: 100%;
    display: block;

    &:hover {
        text-decoration: none;
    }
}

.buttonsRight {
    margin-top: 0;
}

.mydetails .buttonsRight {
    margin-top: 0;
}

.mydetails .formRowButtonRow .buttonsRight {
    margin-top: 0.5rem;

    @media (min-width: 992px) {
        margin-top: 0;
    }
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .buttonsContainer {
    overflow: visible;
}

.buttonsCenter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    #MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li:first-child {
        order: 2;
        margin-left: auto;
    }

    #MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li:last-child {
        order: 1;
    }

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.connect,
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.disconnect {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    margin-top: 0.5rem;

    @media (min-width: 992px) {
        margin-top: 0;
    }

    &:hover {
        text-decoration: none;
    }
}

#pseRefresh {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

#PagestampErrorBlock_pageBlockContainer #PagestampErrorBlock_pserror2_formRow {
    justify-content: center;
}

.ui-dialog {
    box-shadow: 0 var(--main-border-radius) rgba(0, 0, 0, 0.8);
}

.ui-widget-overlay {
    background-color: #000;
}
/* #endregion */
/* #region Tooltips */
.tooltip2_Surround,
.tooltip2_SurroundClosing {
    .tooltip2_Outer {
        display: none;

        &.Edit_OFFERBANKDETAILS_accountsortcode_formRow,
        &.Edit_PERSONALDETAILS_requiredsalary_formRow {
            display: block;
        }
    }
}
/* #endregion */
/* #region Password Strength */
.passwordStrength {
    --message-color: green;
    --message-icon: "";
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.25rem;
    border: 2px solid var(--message-color);
}

    .passwordStrength.strength-4,
    .passwordStrength.strength-5,
    .passwordStrength.strength-6,
    .passwordStrength.strength-7,
    .passwordStrength.strength-8,
    .passwordStrength.strength-9,
    .passwordStrength.strength-10,
    .passwordStrength.strength-11,
    .passwordStrength.strength-12 {
        --message-color: green;
        --message-icon: "";
    }

        .passwordStrength.strength-4 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-5 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-6 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-7 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-8 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-9 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-10 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-11 .passwordStrengthProgressContainer .passwordStrengthProgress,
        .passwordStrength.strength-12 .passwordStrengthProgressContainer .passwordStrengthProgress {
            background-color: var(--message-color);
        }

    .passwordStrength.strength-1,
    .passwordStrength.strength-2,
    .passwordStrength.strength-3 {
        --message-color: #DD0F0F;
        --message-icon: "";
    }

    .passwordStrength.passwordError {
        --message-color: #DD0F0F;
        --message-icon: "";
    }

    .passwordStrength .passwordStrengthMessage {
        color: var(--message-color);
        background-image: none;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
    }

        .passwordStrength .passwordStrengthMessage:before {
            font-family: var(--fa-pro-family);
            font-weight: 900;
            line-height: 1;
            color: inherit;
            content: var(--message-icon);
            display: inline-block;
        }

    .passwordStrength.passwordError {
        border: 2px solid var(--message-color);
    }

        .passwordStrength.passwordError .passwordStrengthMessage {
            color: var(--message-color);
            background-image: none;
        }

            .passwordStrength.passwordError .passwordStrengthMessage:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: var(--message-icon);
                display: inline-block;
            }

        .passwordStrength.passwordError .passwordStrengthProgressContainer .passwordStrengthProgress {
            background-color: var(--message-color);
        }
/* #endregion */
/* #endregion */
/* #region Pages */
/* #region Job Description */
.quickApplyTagContainer {
    display: none;
}

body[class*="pos_description"] {
    .RightJobBox {
        border-radius: var(--main-border-radius);

        h2 {
            color: var(--brand-color-3);
            font-size: var(--h3-size);
            text-align: center;
        }
    }

    #Pos_Description_pageView #posdesc_pageBlock {
        .posdescriptionPropertyBox,
        .VacancyMap {
            border: none;
            background: none;
            padding: 0;
        }

        .arrowList {
            border: none;
        }

        .jobSum {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 20px;

            li {
                display: flex;
                width: 100%;

                .jobSumLabel {
                    &:before {
                        font-family: var(--fa-pro-family);
                        font-weight: 900;
                        width: 1.75em;
                        text-align: center;
                        display: inline-block;
                    }
                }

                &.SumItem_name {
                    .jobSumLabel {
                        &:before {
                            content: "\f5ab";
                        }
                    }
                }

                &.SumItem_city {
                    .jobSumLabel {
                        &:before {
                            content: "\f124";
                        }
                    }
                }

                &.SumItem_codelist2value {
                    .jobSumLabel {
                        &:before {
                            content: "\f500";
                        }
                    }
                }
            }
        }

        .PosDescriptionText {
            .ApplyNowContainer {
                display: none;
            }
        }

        .posDescriptionContainer {
            .LeftJobBox {
                .PosDescriptionText {
                    display: block !important;
                }
            }
        }

        .download-list.arrowList {
            margin: 0;
            list-style: none;

            ul, li {
                margin: 0;
                padding: 0;
            }

            a {
                color: #000;
            }
        }

        div.posDescriptionContainer317 {
            .MapVisible {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #000000CC;
                z-index: 998;
                display: flex !important;
                align-items: center;
                justify-content: center;

                .map {
                    width: 100%;

                    @media (min-width: 768px) {
                        width: 500px;
                    }

                    @media (min-width: 992px) {
                        width: 700px;
                    }

                    @media (min-width: 1200px) {
                        width: 900px;
                    }

                    @media (min-width: 1400px) {
                        width: 1000px;
                    }
                }
            }
        }
    }

    #JobDescriptionMap_vacancyMap_pageBlock {
        #vacancyMap {
            height: 300px;
            border-radius: .25rem;
            margin-bottom: .5rem;
            border: none;
        }
    }

    #PosDescSharingItems {
        .PosDescSharingItem {
            transition: var(--default-transition, none);

            &:hover {
                transform: scale(1.2);
            }
        }
    }

    .BigVacancyMap {
        .map {
            position: relative;
            padding: 48px;
        }

        .mapContainer {
            background-color: var(--brand-color-3);
            padding: 3rem;
            border-top-left-radius: 2rem;
            border-bottom-left-radius: 2rem;
            border-bottom-right-radius: 2rem;

            .locationsPickerContainer {
                border-top-left-radius: 0.25rem;
                border-top-right-radius: 0.25rem;
                display: flex;
                gap: 0.5rem;
                flex-wrap: wrap;
                justify-content: center;

                .locationSelectLabel {
                    padding-right: 0;
                    font-weight: bold;
                }

                .locationSelectContainer {
                    display: flex;
                    gap: 0.5rem;
                    flex-wrap: wrap;
                }
            }

            #BigVacancyMap {
                border-bottom-left-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                overflow: hidden;
            }

            .ButtonHolder_Top {
                position: absolute;
                top: 0;
                right: 48px;

                .bigMapButton {
                    .closeMapButton {
                        display: flex;
                        align-items: center;
                        font-size: 0;
                        padding: 1rem;

                        &:before {
                            font-family: var(--fa-pro-family);
                            font-weight: 900;
                            line-height: 1;
                            color: inherit;
                            content: "\f00d";
                            display: inline-block;
                            font-size: 1rem;
                        }
                    }
                }
            }

            .ButtonHolder_Bottom {
                position: absolute;
                top: 0;
                right: 96px;

                .bigMapButton {
                    a {
                        display: flex;
                        align-items: center;
                        font-size: 0;
                        padding: 1rem;

                        &:before {
                            font-family: var(--fa-pro-family);
                            font-weight: 900;
                            line-height: 1;
                            color: inherit;
                            content: "\f08e";
                            display: inline-block;
                            font-size: 1rem;
                        }
                    }
                }
            }
        }
    }

    .recruiter-container {
        border: none;
        background: #DAF5FE;
        padding: 1rem;
        border-radius: .25rem;
        word-break: break-all;
        text-align: center;
    }

    h2.recruiter-title {
        text-align: center;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.8;
        font-size: 1.5rem;
        color: #39393c;
    }

    .recruiter-name {
        margin-top: 1rem;
        font-size: 1.25rem;
        font-weight: bold;
    }

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

    .latest-jobs-section {
        background-color: #FFF;
        padding-bottom: 3rem;
    }

    .benefits-block {
        padding: 2rem;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 17px;

        .benefit-block {
            width: 100%;
            display: flex;
            gap: 12px;
            align-items: center;

            &:before {
                font-family: var(--fa-pro-family);
                font-weight: 900;
                font-size: 34px;
                line-height: 1;
                color: var(--brand-color-3);
                content: var(--fa, none);
                display: inline-block;
            }

            p {
                font-weight: 700;
                margin: 0;
            }

            &.benefit-family {
                --fa: "\e300";
            }

            &.benefit-wellbeing {
                --fa: "\f21e";
            }

            &.benefit-holiday {
                --fa: "\f5b0";
            }

            &.benefit-flexible {
                --fa: "\e066";
            }

            &.benefit-training {
                --fa: "\f5da";
            }

            &.benefit-financial {
                --fa: "\f4d3";
            }

            &.benefit-cycle-to-work {
                --fa: "\f206";
            }

            &.benefit-eyecare {
                --fa: "\f530";
            }

            &.benefit-ticket {
                --fa: "\f145";
            }

            &.benefit-pension {
                --fa: "\f4d3";
            }

            &.benefit-bonus {
                --fa: "\f81d";
            }
        }
    }
}
/* #endregion */
/* #region Events */
.candidateevent_list #eventsListContainer .eventContainerWrapper .eventContainer {
    position: relative;
    padding-top: 2rem;
}

.candidateevent_list #eventsListContainer .eventContainerWrapper .eventName {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.5rem;
}

.candidateevent_list #eventsListContainer .eventContainerWrapper .eventHeadline {
    font-size: 1.4rem;
}

.candidateevent_detail .buttonsContainer {
    display: flex;
    flex-wrap: wrap;
}

    .candidateevent_detail .buttonsContainer .buttonsLeft,
    .candidateevent_detail .buttonsContainer .buttonsRight {
        width: 50%;
    }

    .candidateevent_detail .buttonsContainer .buttonsRight {
        margin-left: auto;
    }
/* #endregion */
/* #region Talent Pools */
#talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
    background-color: #000;
    color: #FFF;
    border: none;

    a {
        color: #FFF;
        display: block;
    }

    &:hover {
        background-color: #000;
        color: #FFF;
        border: none;

        a {
            color: #FFF;
        }
    }

    .rowContainer {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;

        .rowHeader {
            padding: 0;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: stretch;

            .rowLabel {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                align-content: stretch;

                a {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                }
            }
        }
    }
}

    #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .vacancyColumn._rowimage_vacancyColumn img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

#talentpoolgrid_pageBlockContainer .pageBlockHeader {
    display: none;
}

#talentpoolgrid_pageBlock .rowContainer {
    min-height: 100px;
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent {
    border: none;
    padding: 0;

    .ListGridContainer {
        margin: 0;
        --gap: .75rem;
        display: grid;
        /* grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 250px)), 1fr)); */
        justify-content: start;
        gap: var(--gap, .5rem);
        align-items: stretch;
        overflow: visible;

        .rowContainerHolder {
            /*height: 300px;*/
            margin: 0;
            position: relative;
            margin: 0;
            overflow: hidden;
            /*
							background-size: cover;
							background-repeat: no-repeat;
							background-position: var(--background-position-x, 0) var(--background-position-y, 0);
							*/
            border-radius: var(--main-border-radius);
            transition: border-radius .2s ease-in-out;

            &:hover {
                border-radius: var(--main-border-radius);
            }

            &:focus, &:active, &:focus-within {
                border-radius: var(--main-border-radius);
                outline: var(--accessible-outline);
                outline-offset: var(--accessible-outline-offset);
                box-shadow: var(--accessible-shadow);
            }
            /*&.rowContainerHolder_5_rowId {
								background-image: url("../images/banners/talentpool/5.jpg");
							}

							&.rowContainerHolder_6_rowId {
								background-image: url("../images/banners/talentpool/6.jpg");
							}

							&.rowContainerHolder_7_rowId {
								background-image: url("../images/banners/talentpool/7.jpg");
							}

							&.rowContainerHolder_8_rowId {
								background-image: url("../images/banners/talentpool/8.jpg");
							}

							&.rowContainerHolder_9_rowId {
								background-image: url("../images/banners/talentpool/9.jpg");
							}

							&.rowContainerHolder_10_rowId {
								background-image: url("../images/banners/talentpool/10.jpg");
							}*/

            .rowContainer {
                width: 100%;
                margin: 0 auto !important;
                position: relative;
                overflow: hidden;
                transition: all 0.2s ease-in-out;
                border: none;
                background: none;
                padding: 0;
                overflow: hidden;

                .rowHeader {
                    position: relative;
                    width: 100%;
                    z-index: 1;
                    text-align: center;
                    margin-top: 0;
                    padding: 0;

                    a {
                        text-decoration: none;
                        transition: all 0.2s ease;
                        padding: 15px;
                        width: 100%;
                        overflow: auto;
                        font-size: 20px;
                        aspect-ratio: 2/1;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        align-content: space-evenly;
                        position: relative;
                        z-index: 1;

                        &:before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            /* background: linear-gradient(228.78deg, #FF5278AA 35.19%, #82FFFFAA 70.85%); */
                            background-color: #333A;
                            transition: opacity 0.2s;
                            opacity: 1;
                            z-index: -1;
                        }

                        &:hover:before {
                            /* background: linear-gradient(228.78deg, #FF5278AA 35.19%, #82FFFFAA 70.85%); */
                            opacity: 0.5;
                        }
                    }

                    .rowLabel {
                        float: none;

                        a.rcMenu {
                            color: #fff;
                        }
                    }
                }
            }

            .rowContentContainer {
                float: left;
                width: 100%;

                .rowItemsContainer {
                    padding: 0;
                    margin: 0;

                    span {
                        z-index: 1;
                        transition: all 0.2s ease-in-out;

                        a.rcMenu img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            object-position: 50% 50%;
                        }
                    }
                }
            }
        }
    }
}
/* #endregion */
/* #region Welcome */
.welcome #eaContainer {
    #WelcomeInfoBlock_form {
        .formRowIconRow {
            position: relative;

            &:after {
                background-image: var(--arrow-url, url("https://d36rd0l160k43h.cloudfront.net/e76a1ed0ac62666ed658c345efac3a3d/76a996a68e4f69658ca960f51875bffe/arrow-right-solid-white.svg"));
                background-size: 80% 80%;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-color: var(--brand-color-1);
                content: "";
                position: absolute;
                bottom: 0px;
                right: 0px;
                min-width: 3rem;
                min-height: 3rem;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
                font-size: 2rem;
                pointer-events: none;
                z-index: 1;
            }

            &:hover a {
                text-decoration: underline;
            }

            .iconContainer {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                flex: 0 0 100%;
                margin: 0;
                padding: 1rem 0.5rem;
                gap: 1rem;

                .iconImage {
                    flex: 0 0 auto;
                    width: 100px !important;
                    height: auto !important;
                    float: none;
                    margin-left: 0;
                    text-align: center;
                    display: none;
                    justify-content: center;

                    @media (min-width: 992px) {
                        display: flex;
                    }

                    &:before {
                        @media (min-width: 992px) {
                            font-family: var(--fa-pro-family);
                            font-weight: 900;
                            font-size: 60px;
                            line-height: 1;
                            color: var(--brand-color-1);
                            content: var(--fa, none);
                            display: inline-block;
                            transition: color 0.2s;
                            line-height: 1;
                            margin-top: 0;
                        }
                    }

                    img {
                        display: none !important;
                    }
                }

                .iconValue {
                    flex: 1 1 auto;
                    width: calc(100% - 100px - 1rem);
                    margin-left: 0;
                }

                .iconLabel {
                    a, &:before, a:before {
                        color: var(--brand-color-3);
                    }

                    a {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 0.5rem;
                        align-items: center;
                        font-size: var(--h4-size);
                        line-height: var(--h4-line-height);
                        text-align: start;

                        @media (min-width: 992px) {
                            display: block;
                            align-items: start;
                        }

                        &:before {
                            font-family: var(--fa-pro-family);
                            font-weight: 400;
                            line-height: 1;
                            color: var(--brand-color-3);
                            content: var(--fa, none);
                            display: inline-block;
                            transition: color 0.2s;

                            @media (min-width: 992px) {
                                display: none;
                                content: none;
                            }
                        }

                        &:after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
                    }
                }
            }

            &#WelcomeInfoBlock_MyDetails_formRow {
                --fa: "\f007";
            }

            &#WelcomeInfoBlock_Applications_formRow {
                --fa: "\f46d";
            }

            &#WelcomeInfoBlock_Interviews_formRow {
                --fa: "\e14e";
            }

            &#WelcomeInfoBlock_Offers_formRow {
                --fa: "\f0b1";
            }

            &#WelcomeInfoBlock_Emails_formRow {
                --fa: "\f1fa";
            }

            &#WelcomeInfoBlock_Feeds_formRow {
                --fa: "\f0a1";
            }

            &#WelcomeInfoBlock_Logout_formRow {
                --fa: "\f011";
            }

            &#WelcomeInfoBlock_Tests_formRow {
                --fa: "\f4ac";
            }

            &#WelcomeInfoBlock_Welcome_Packs_formRow {
                --fa: "\f52b";
            }

            &#WelcomeInfoBlock_TalentPools_formRow {
                --fa: "\f0c0";
            }
        }

        .iconRowValues {
            width: 100%;
        }

        .iconRowValue {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            float: none;
            margin-right: 0;

            .iconRowValueLabel {
                width: auto;
                padding: 0.5rem 0.5rem 0 0;
                float: none;
                margin-right: 0;
            }

            .iconRowValueData {
                width: auto;
                padding: 0.5rem 0.5rem 0 0;
                float: none;
                overflow: hidden;
                word-break: break-word;
                word-wrap: break-word;
            }
        }
    }

    #ToDoList_pageBlock {
        margin-bottom: .5rem;
    }

    .actionTextGreeting {
        font-weight: bold;
    }

    .actionTextGreeting,
    .actionTextMessage,
    .actionTextButtonContainer {
        width: 100%;
    }
}

#Welcome_pageView #ToDoList_pageBlock .ulListContainer ul li {
    margin-bottom: 0;
    display: flex;
}

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    color: #DD0F0F;
}
/* #endregion */
/* #region My Details */
#MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
    background-color: var(--brand-color-1);
    border: 1px solid var(--brand-color-1);
    color: var(--brand-color-5);
    border-radius: var(--main-border-radius, 0);
}

#MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
    background-color: var(--brand-color-1);
    border: 1px solid var(--brand-color-1);
    color: var(--brand-color-5);
    border-radius: var(--main-border-radius, 0);
}

.mydetails .pageViewMain {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mydetails h1#EarcuHeadingTextBlockTitle,
.mydetails .earcuintro {
    text-align: center;
}

.mydetails .pageBlockContainer_GridBlock,
.mydetails .pageBlockContainer_FormBlock {
    &:where(:not(#BackBlock_pageBlockContainer)) {
        /* background-color: var(--brand-color-2); */
        border: 1px solid var(--brand-color-2);
        border-radius: 0;
        padding: 0.5rem;

        .pageBlockTitle {
            text-align: center;
            width: 100%;
        }
    }

    &#SkillsForm_pageBlockContainer,
    &#fileupload_pageBlockContainer {
        border: 1px solid var(--brand-color-2);
        border-radius: var(--main-border-radius, 0);
        padding: 0.5rem;
    }
}

.mydetails div.pageBlockTitle:where(:not(.eArcuBottom div.pageBlockTitle)) {
    margin-top: 0;
}

.mydetails #eaContainer .ListGridContainer .rowContainer {
    padding: 0;
}

.mydetails #eaContainer .pageBlockInner_FormBlock div.formRow#fileupload_Files_formRow {
    margin-bottom: 0;
}

.mydetails_username .eArcuInfoText {
    margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Interviews */
.interviewbookingconfirm #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly,
.interviewdetail #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly {
    padding: 0.5rem;
    border-radius: var(--main-border-radius, 0);
}

.interviewbookingconfirm #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
.interviewdetail #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
    max-width: var(--form-row-max-width, 550px);
}
/* #endregion */
/* #region Offers */
.offer #eaContainer .offerAnchor {
    text-align: center;
    transition: var(--default-transition, none);
    display: inline-block;
    width: auto;
    font-weight: normal;
    cursor: pointer;

    &:hover {
        text-decoration: none;
    }
}

.offer #eaContainer .offerDecisionContainer {
    margin-top: 2rem;
}

.offer #eaContainer .pageBlockInner.pageBlockInner_FormBlock #BackBlock_form .formRow {
    margin-top: 0.5rem;
}
/* #endregion */
/* #region Animated Onboarding */
/* #region Grey block */
#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

#eaContainer .PosMyWelcomePackSummaryLinks {
    background-color: #FFF;
    border: 1px solid var(--brand-color-2);
    /*color: var(--brand-color-5);
						border-radius: var(--main-border-radius, 0);*/
    display: flex;
    gap: 1rem;

    a {
        display: inline-block;
    }
}

.jsonAnimContainer {
    width: 100%;
    overflow: hidden;

    iframe {
        width: 100%;
        aspect-ratio: 7/5;
    }
}

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

.mywelcomepacks_offerform_summary section {
    border: none;
}

.stage-anim-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-block-start: 2rem;

    .onboarding-intro h2 {
        color: #003B4E;
        font-size: 30px;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    .stage-buttons {
        width: 100%;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 10px;

        @media (min-width: 992px) {
            max-width: 400px;
        }

        a {
            --stage-primary-color: #003B4E;
            --stage-secondary-color: #FFF;
            margin: 0;
            width: 100%;
            background: transparent;
            color: #003B4E;
            text-decoration: none;
            text-align: center;
            display: flex;
            position: relative;
            align-items: center;
            gap: 10px;
            overflow: visible;

            &.stage-complete {
                --stage-primary-color: #FFF;
                --stage-secondary-color: #003B4E;
                --stage-highlight-color: #003B4E;
            }

            &.stage-active {
                --stage-primary-color: #FFF;
                --stage-secondary-color: var(--brand-color-3);
                --stage-highlight-color: var(--brand-color-3);
            }

            &:before {
                @media (min-width: 768px) {
                    content: '';
                    position: absolute;
                    left: 13px;
                    bottom: -20px;
                    width: 5px;
                    height: 100%;
                    background: var(--stage-highlight-color, var(--stage-primary-color));
                }
            }

            .stepNo {
                width: 35px;
                aspect-ratio: 1/1;
                justify-content: center;
                align-items: center;
                background: var(--stage-highlight-color, var(--stage-secondary-color));
                border: 1px solid var(--stage-highlight-color, var(--stage-primary-color));
                color: var(--stage-primary-color);
                border-radius: 200px;
                position: relative;
                z-index: 2;
                display: none;

                @media (min-width: 768px) {
                    display: flex;
                }
            }

            span {
                background: var(--stage-secondary-color);
                border: 1px solid var(--stage-primary-color);
                color: var(--stage-primary-color);
                border-radius: 3px;
                padding: 5px 10px;
                position: relative;
                z-index: 2;
                flex: 100%;
            }

            &:first-child,
            &.stage-complete,
            &.stage-active {
                display: flex;
            }

                &:hover,
                &.stage-complete,
                &.stage-complete:hover {
                    .stepNo {
                        /*background: #003B4E;
										color: #fff;*/
                    }
                }

            &:last-child:before {
                display: none;
            }

            &.stage-complete span {
                /*background: #003B4E;
									color: #FFF;*/
            }

            &.stage-active span {
                /*background: var(--brand-color-3);
									border-color: var(--brand-color-3);
									color: #FFF;*/
            }
        }
    }

    .ani-wrapper {
        width: 100%;
        margin: auto 0; /* auto; */
        display: flex;
        flex: 1 1 fit-content;
        position: relative;
        aspect-ratio: 7/5;
        overflow: hidden;

        @media (min-width: 1200px) {
            max-width: calc(100% - 600px);
        }

        iframe {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            display: block;
            border: none;
            overflow: hidden;
            transition: all .2s ease;

            &.fadeOutIframe {
                opacity: 0;
            }
        }
    }
}

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

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

.sectionInPopup {
    padding: 2rem;

    h1#EarcuHeadingTextBlockTitle {
        display: none;
    }

    .formRow {
        .labelContainer,
        .controlContainer,
        .controlError {
            width: 100% !important;
            display: block;
            float: none;
            margin: 0 auto;
            padding-left: 0;
        }

            .labelContainer *:not(.mandatoryContainer) {
                text-align: left;
                width: 100%;
                justify-content: flex-start !important;
            }

        .controlContainer {
            input:where(:not([type="radio"], [type="checkbox"])),
            select,
            textarea {
                width: 100%;
                margin-right: 0;
            }
        }
    }

    #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
    #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
        width: 100%;
        margin-right: 0;
    }

    .formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer .popup {
        float: none;
    }

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

    .formRow.formRowButtonRow {
        width: 100% !important;

        .buttonsLeft, .buttonsRight {
            width: 100%;
            text-align: center;

            ul li {
                width: 100%;
                text-align: center;
                margin-top: 5px;

                &:last-child {
                    margin-bottom: 0;
                }

                input, a {
                    display: inline-block;
                    float: none;
                    margin-left: var(--centred-buttons-margin-override, 0) !important;
                    text-decoration: none;
                }
            }
        }
    }

    div.pageBlockContainer {
        margin-bottom: 0;
    }
}
/* #endregion */
/* #region Welcome pack section list */
.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    margin-bottom: 0;
}
/* #endregion */
/* #region Welcome pack forms */
.mywelcomepacks_offerform_summary,
.mywelcomepacks_offerform_bankdetails,
.mywelcomepacks_offerform_emergencycontact,
.mywelcomepacks_offerform_healthquestions,
.mywelcomepacks_offerform_nextofkin,
.mywelcomepacks_offerform_taxinformation,
.mywelcomepacks_offerform_submit {
    .pageBlockTitle {
        text-align: center;
    }

    #SectionCompleteBlock_buttons_formRow .buttonsRight {
        display: flex;
        justify-content: center;

        &:where(:has(.buttonActionId_next)) {
            justify-content: end;
            width: 100%;
        }
    }
}

    .mywelcomepacks_offerform_nextofkin #Edit_OFFERNEXTOFKIN_copyButtons_formRow .buttonsRight {
        display: flex;
        justify-content: center;
    }

    .mywelcomepacks_offerform_submit #SubmitForm_ajaxButtons_formRow .buttonsRight {
        display: flex;
        justify-content: center;
    }

    .mywelcomepacks_offerform_submit #SubmitForm_checkboxlegal_formRow .labelContainer {
        justify-content: center;
    }

    .mywelcomepacks_offerform_healthquestions .pageBlockInner_FormBlock div.textLiteralAlignment_Left,
    .mywelcomepacks_offerform_nextofkin .pageBlockInner_FormBlock div.textLiteralAlignment_Left,
    .mywelcomepacks_offerform_taxinformation .pageBlockInner_FormBlock div.textLiteralAlignment_Left {
        text-align: center;
        padding: 0.5rem;
    }

        .mywelcomepacks_offerform_taxinformation .pageBlockInner_FormBlock div.textLiteralAlignment_Left ul {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 0;
        }

            .mywelcomepacks_offerform_taxinformation .pageBlockInner_FormBlock div.textLiteralAlignment_Left ul li {
                width: fit-content;
            }

    .mywelcomepacks_offerform_taxinformation #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom .textLiteral {
        padding: 0.5rem;
    }

    .mywelcomepacks_offerform_taxinformation #eaContainer #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop {
        max-width: 100%;
        margin-bottom: 0;
        justify-content: center;

        .labelContainer,
        .errorContainer {
            max-width: var(--form-row-max-width, 550px);
            margin: 0.5rem auto;
            justify-content: center;
        }
    }

    .mywelcomepacks_offerform_taxinformation #eaContainer #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom {
        max-width: 100%;
        margin-bottom: 0;
    }

#MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlock .offerLayoutBox {
    &.accordionsContainer {
        margin-top: 20px;

        .offerLayoutPlaceHolder {
            .offerLayoutInnerPlaceHolder {
                display: flex;
                flex-direction: column;

                .offerBlockContainer {
                    &.accordionHeader {
                        padding: 20px;
                        background: var(--brand-color-2);
                        cursor: pointer;
                        display: flex;
                        flex-direction: column;

                        h3 {
                            display: flex;
                            gap: 20px;
                            justify-content: space-between;
                            color: var(--brand-color-1);

                            &:last-child {
                                margin-bottom: 0;
                            }

                            &:after {
                                content: '\f078';
                                font-family: var(--fa-pro-family);
                                font-size: var(--h3-size);
                                line-height: var(--h3-line-height);
                            }
                        }

                        p {
                            &:last-child {
                                margin-bottom: 0;
                            }
                        }
                    }

                    &.accordionContent {
                        height: 0px;
                        overflow: hidden;
                        padding: 0 20px;
                        border: 2px solid var(--brand-color-2);
                        border-top: none;

                        &:not(:last-child) {
                            margin-bottom: 20px;
                        }
                    }

                    &.accordionHeader.active {
                        h3 {
                            &:after {
                                content: '\f077';
                            }
                        }
                    }

                        &.accordionHeader.active + &.accordionContent {
                            height: auto;
                            padding: 20px;
                        }
                }
            }
        }
    }
}
/* #endregion */
/* #endregion */
/* #region Application Pages */
#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    margin-left: 0;
}

#eaContainer .MySummaryItemsContainer .MySummaryItem {
    background-color: var(--brand-color-1);
    border: 1px solid var(--brand-color-1);
    border-radius: var(--main-border-radius);
    transition: border-radius .2s ease-in-out;
    color: #FFF;

    &:focus-within {
        border-radius: var(--main-border-radius);
    }

    a {
        color: inherit;
    }
}

#eaContainer #posSummaryBlockv2_pageBlock .MySummaryItemInner {
    background-color: transparent;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    border: none;
}

#Application_Home_pageView,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock {
    margin-bottom: 0.5rem;
}

    #Application_Home_pageView .ulList li.ulListItem,
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--brand-color-3);
        color: #FFF;
        border: none;
        transition: var(--default-transition, none);
        overflow: hidden;
        min-height: 130px;
        padding: 0.5rem;
        border-radius: var(--main-border-radius);
        background-image: none;
        width: auto;

        a {
            transition: var(--default-transition, none);
            color: #FFF;
            position: relative;

            &:before {
                margin-right: 0.5rem;
            }

            &:hover {
                &:before {
                    text-decoration: none;
                }
            }
        }

        &.Completed {
            background-image: none;
            background-color: var(--brand-color-3);
            color: #FFF;
            border: none;

            a {
                &:before {
                    font-family: var(--fa-pro-family);
                    font-weight: 900;
                    line-height: 1;
                    color: inherit;
                    content: "\f00c";
                    display: inline-block;
                }
            }

            &:hover {
                background-color: var(--brand-color-3);
                color: #FFF;
                border: none;

                a {
                    color: #FFF;
                }
            }
        }

        &:hover,
        &:focus-within {
            background-color: var(--brand-color-3);
            color: #FFF;
            border: none;
            text-decoration: none;

            a {
                color: #FFF;
            }
        }

        &:focus-within {
            border-radius: var(--main-border-radius);
        }
    }

#posSummaryBlockv2_pageBlock .appCompleteChartBlock {
    margin-bottom: 0;

    .appCompleteChartBlockInner {
        background-color: transparent;
        border: 2px solid #fff;
    }

    &.done .appCompleteChartBlockInner {
        background-color: #fff;
        border: #fff;
    }
}

#Application_Home_pageView #sectionslist_pageBlock .ulList {
    margin-bottom: 0.5rem;
}

#posSummaryBlockv2_pageBlock .MySummaryItemTitle,
#posSummaryBlockv2_pageBlock .MySummaryItemContent {
    margin: 0.5rem;
}

.mydetails_forgetme h1#EarcuHeadingTextBlockTitle,
.mydetails_forgetme .earcuintro,
.offerlist h1#EarcuHeadingTextBlockTitle,
.offerlist .earcuintro {
    text-align: center;
}

.mydetails_forgetme #confirm_form .buttonsRight {
    display: flex;
    justify-content: center;
}

.application_section_referee .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    padding: 0.5rem;
}
/* #endregion */
/* #endregion */

.page-banner {
    &:has(h1) {
        background-color: var(--intact-soothing-sand);
        min-height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;

        h1 {
            color: #000;
            text-align: center;
        }
    }
}

body[class*="application_section_"] #eaContainer {
    div.pageBlockTitle {
        text-align: center;
    }

    .buttonsRight ul.pageBlockHeaderButtons {
        justify-content: center;
    }
}

.application_section_cv .pageBlockTitle {
    display: none;
}

.application_finished .pageBlockInner_FormBlock div.textLiteralAlignment_Left {
    text-align: center;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li {
    border-width: 2px;
    border-color: var(--brand-color-2);

    &:hover {
        border-color: var(--brand-color-2);
    }

    &:has(.filename:focus) {
        border-color: var(--brand-color-1);
    }

    .fileContainer {
        display: flex;
        flex-wrap: wrap;
    }

    .filename:focus,
    .filename:focus-visible {
        outline: none;
        box-shadow: none;
        border: none;
    }
}

.offerfilesection .downloadcontainer {
    width: 100%;
    border: none;
    text-align: center;
    margin-inline-start: 0;
}

.offerfilesection .downloaddesc {
    width: 100%;
    text-align: center;
    font-size: calc(1rem * var(--font-size-multiplier, 1));
    color: var(--brand-color-1);
    line-height: 1.9;
    margin-block-end: 0;

    + a {
        margin: 0 auto;
        display: inline-block;
    }
}

.ui-dialog .buttonsLeft ul li:has(.fileuploadbutton) {
    margin: 0 auto;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton {
    max-width: 100%;
    margin: 0 auto;
    width: auto;
}

.offerfilesection .downloadimage {
    margin: 0 auto;
}

.ui-dialog div.gridRemove .pageBlockContent {
    background-image: none;
    padding: 1rem;
}

header:not(.chatbot-header) .nav-item:has(.profile-link) {
    display: none;
}

.form-restricted {
    max-width: var(--form-row-max-width, 550px);
    margin: 0 auto;
}