@charset "UTF-8";
/* #region General */
@font-face {
    font-display: swap;
    font-family: "Wales Sans Body";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/wales-sans-body/WalesSansBody-Regular.eot);
    src: url(../fonts/wales-sans-body/WalesSansBody-Regular.eot#iefix) format('embedded-opentype'),url(../fonts/wales-sans-body/WalesSansBody-Regular.woff2) format('woff2'),url(../fonts/wales-sans-body/WalesSansBody-Regular.woff) format('woff'),url(../fonts/wales-sans-body/WalesSansBody-Regular.ttf) format('truetype'),url(../fonts/wales-sans-body/WalesSansBody-Regular.svg#WalesSansBody-Regular) format('svg');
}

@font-face {
    font-display: swap;
    font-family: "Wales Sans Body";
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/wales-sans-body/WalesSansBody-Medium.eot);
    src: url(../fonts/wales-sans-body/WalesSansBody-Medium.eot#iefix) format('embedded-opentype'),url(../fonts/wales-sans-body/WalesSansBody-Medium.woff2) format('woff2'),url(../fonts/wales-sans-body/WalesSansBody-Medium.woff) format('woff'),url(../fonts/wales-sans-body/WalesSansBody-Medium.ttf) format('truetype'),url(../fonts/wales-sans-body/WalesSansBody-Medium.svg#WalesSansBody-Medium) format('svg');
}

@font-face {
    font-display: swap;
    font-family: "Wales Sans Body";
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/wales-sans-body/WalesSansBody-Medium.eot);
    src: url(../fonts/wales-sans-body/WalesSansBody-Medium.eot#iefix) format('embedded-opentype'),url(../fonts/wales-sans-body/WalesSansBody-Medium.woff2) format('woff2'),url(../fonts/wales-sans-body/WalesSansBody-Medium.woff) format('woff'),url(../fonts/wales-sans-body/WalesSansBody-Medium.ttf) format('truetype'),url(../fonts/wales-sans-body/WalesSansBody-Medium.svg#WalesSansBody-Medium) format('svg');
}

:root {
    --red: #E60000;
    --red-r: rgb(230, 0, 0);
    --black: #222222;
    --black-r: rgb(34, 34, 34);
    --pink: #E81F76;
    --purple: #7A2682;
    --dark-blue: #003DA6;
    --light-blue: #00A5B5;
    --dark-green: #009845;
    --light-green: #C2D500;
    --yellow: #FFCD00;
    --orange: #FF6B00;
    --grey: #968B83;
    --light-grey: #F6F5F5;
    --color: 34, 24, 16;
    --blue: #0A8ACB;
    --grey-2: #EBEBEB;
    --pink-2: #EF4E94;
    --red-2: #ED1B24;
    --btn-background: #000;
    --btn-color: #FFF;
    --btn-border: 2px solid #000;
    --btn-hover-background: #FFF;
    --btn-hover-color: #000;
    --btn-hover-border: 2px solid #000;
    --btn-border-radius: 500px;
    --border-radius: 2rem;
    --border-color: #000;
    --font-family: "Wales Sans Body";
}

.accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-border-radius: 0;
    --bs-accordion-border-width: 0;
}

.accordion-body {
    padding: 0;
    padding-top: 1rem;
}

.accordion-button {
    padding: 0;
    padding-top: 1rem;
}

.accordion-item {
    border-bottom: 1px solid var(--border-color);
    color: inherit;
    padding-bottom: 1rem;

    &:first-child {
        border-top: 1px solid var(--border-color);
    }
}

.accordion-button,
.accordion-button:not(.collapsed),
.accordion-button:focus {
    box-shadow: none;
    color: inherit;
    font-weight: bold;
    font-size: 1.2rem;
}

    .accordion-button::after {
        font-family: "Font Awesome 6 Pro";
        content: "\2b";
        background-image: none;
        transform: none;
    }

    .accordion-button:not(.collapsed)::after {
        content: "\f068";
        background-image: none;
        transform: none;
    }

.nav-pills {
    display: flex;
    gap: 1rem;
    margin-bottom: .5rem;
}

    .nav-pills .nav-link {
        border: 2px solid var(--pink);
        color: var(--pink);
        border-radius: 500px;
        width: 100%;
        padding: 10px 40px;
        font-size: 18px;

        &.active {
            background-color: var(--pink);
            color: #FFF;
        }
    }

    .nav-pills .nav-item {
        width: 100%;

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

    .nav-pills#modal-social-partnerships .nav-item .nav-link {
        pointer-events: none;
    }

.light-blue-block {
    .nav-pills .nav-link {
        border: 2px solid #FFF;
        color: #FFF;

        &.active {
            background-color: #FFF;
            color: var(--light-blue);
        }
    }
}

.orange-block {
    .nav-pills .nav-link {
        border: 2px solid #FFF;
        color: #FFF;

        &.active {
            background-color: #FFF;
            color: var(--orange);
        }
    }
}

.tab-pane {
    padding: 1rem 0 0;
}

.row-with-margin {
    margin-top: 1rem;

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

header {
    --btn-hover-background: transparent;

    .nav-item {
        display: flex;
        align-items: center;
        justify-content: center;

        &.has-children {
            position: relative;
            flex-direction: column;

            span.nav-link {
                display: flex;
                gap: 0.75rem;
                align-items: center;

                &:after {
                    content: '\f078';
                    font-family: "Font Awesome 6 Pro";
                    transition: all .4s ease;
                }

                &.toggled {
                    &:after {
                        transform: rotate(180deg);
                    }
                }
            }

            ul.sub-nav {
                padding: 0;
                margin: 0;
                overflow: hidden;
                display: none;
                height: auto;
                width: 100%;
                background: #EBEBEB;

                @media all and (min-width:1200px) {
                    position: absolute;
                    background: #fff;
                    top: 100%;
                    height: auto;
                    width: auto;
                }

                li.nav-item {
                    .nav-link {
                        @media all and (min-width:1200px) {
                            width: 100%;
                            white-space: nowrap;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav {
        flex-grow: 1;
    }
}

.white-block {
    background: #fff;
}

.pink-block {
    background-color: var(--pink);
    --border-color: #FFF;
    color: #FFF;
}

.purple-block {
    background-color: var(--purple);
    --border-color: #FFF;
    color: #FFF;
}

.dark-blue-block {
    background-color: var(--dark-blue);
    --border-color: #FFF;
    color: #FFF;
}

.light-blue-block {
    background-color: var(--light-blue);
    --border-color: #FFF;
    color: #FFF;
}

.dark-green-block {
    background-color: var(--dark-green);
    --border-color: #FFF;
    color: #FFF;
}

.light-green-block {
    background-color: var(--light-green);
    --border-color: #FFF;
    color: #FFF;
}

.yellow-block {
    background-color: var(--yellow);
    --border-color: #000;
    color: #000;
}

.orange-block {
    background-color: var(--orange);
    --border-color: #FFF;
    color: #FFF;
}

.grey-block {
    background-color: var(--grey);
    --border-color: #000;
    color: #000;
}

.light-grey-block {
    background-color: var(--light-grey);
    --border-color: #000;
    color: #000;
}

.blue-block {
    background-color: var(--blue);
    --border-color: #fff;
    color: #FFF;

    .nav-pills .nav-link {
        color: #FFF;
        border-color: #FFF;

        &:hover {
            color: var(--blue);
            background-color: #FFF;
            text-decoration: none;
        }
    }
}

.grey-2-block {
    background-color: var(--grey-2);
    --border-color: #000;
    color: #000;
}

.pink-2-block {
    background-color: var(--pink-2);
    --border-color: #fff;
    color: #FFF;

    .nav-pills .nav-link {
        background-color: transparent;
        color: #FFF;
        border-color: #FFF;

        &.active {
            color: var(--pink-2);
            background-color: #FFF;
            text-decoration: none;
        }

        &:hover {
            color: var(--pink-2);
            background-color: #FFF;
            text-decoration: none;
        }
    }

    a {
        color: #fff;
        text-decoration: underline;
    }
}

.red-2-block {
    background-color: var(--red-2);
    --border-color: #fff;
    color: #FFF;

    .accordion-button,
    .accordion-button:not(.collapsed),
    .accordion-button:focus {
        color: #FFF;
    }

    p {
        color: #FFF;
    }

    .accordion-item {
        border-color: #FFF;
    }
}

.black-block {
    background-color: #000;
    --border-color: #FFF;
    color: #FFF;

    .nav-pills .nav-link {
        color: #FFF;
        border-color: #FFF;

        &:hover {
            color: #000;
            background-color: #FFF;
            text-decoration: none;
        }
    }

    .btn {
        background: #fff;
        color: #000;
        border-color: #fff;

        &:hover,
        &:focus {
            background: #000;
            color: #fff;
            border-color: #fff;
        }
    }
}

.border-radius-left {
    @media (min-width: 992px) {
        border-top-left-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
    }
}

.border-radius-right {
    @media (min-width: 992px) {
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }
}

.border-radius-all {
    border-radius: calc(var(--border-radius) / 2);

    @media (min-width: 992px) {
        border-radius: var(--border-radius);
    }
}

.content {
    width: 100%;
    padding: 2rem 1rem 1rem;

    @media (min-width: 768px) {
        padding: 0 3rem;
    }

    @media (min-width: 992px) {
        padding: 3rem;

        &:has(.uncropped) {
            padding-inline: 0 3rem;
        }
    }

    &.has-heading-with-btn,
    &.has-heading {
        padding-top: 0;
        padding-bottom: 0;
    }

    &.has-heading {
        padding-top: 1rem;
    }

    .accordion {
        width: 100%;
        margin-top: 1rem;
    }

    &.content-0 {
        @media (min-width: 992px) {
            padding-top: 0;
            padding-bottom: 0;
        }
    }

    &:has(.content) {
        padding-top: 0;
        padding-bottom: 0;
    }

    &:has(> .content) {
        display: flex;
        align-items: stretch;
    }

    &:has(.block-image):not(:has(h2)) {
        padding-top: 0;
        padding-bottom: 0;
    }

    &.no-pad-y {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.col-12 {
    .content {
        .accordion {
            display: flex;
            flex-direction: column;
            align-items: center;

            .accordion-item {
                width: 100%;

                @media all and (min-width:1200px) {
                    max-width: 75%;
                }
            }
        }
    }
}

.home-tagline-block {
    .content {
        padding: 0;
    }
}

.centred-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-image {
    &:not(.uncropped) {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-height: 400px;

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

    &.uncropped {
        width: 100%;
    }
}

.btn,
.btn-primary {
    display: inline-block;
    border-radius: var(--btn-border-radius);
    padding: 1rem 2rem;
    background-color: var(--btn-background);
    border: var(--btn-border);
    color: var(--btn-color);
    transition: background-color .3s, color .3s;
    width: 100%;

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

    &:hover,
    &:focus,
    &:active,
    &:first-child:active {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }
}

.relative {
    position: relative;
}

.has-heading-with-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;

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

    h2 {
        /*white-space: nowrap;*/
        margin-bottom: 1rem;

        @media (min-width: 576px) {
            margin-bottom: 0;
        }
    }

    .btn {
        width: 100%;

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

            &:first-of-type {
                margin-left: auto;
            }
        }
    }
}

@media (min-width: 576px) {
    .abs-top-right {
        position: absolute;
        top: var(--v-offset, 0);
        right: var(--h-offset, 0);
    }

    .abs-bottom-right {
        position: absolute;
        bottom: var(--v-offset, 0);
        right: var(--h-offset, 0);
    }
}

.img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.home-tagline {
    font-size: clamp(1.5rem, 2.5rem + 1vw, 5em);
    line-height: clamp(1.5rem, 2.5rem + 1vw, 6em);
    text-align: center;

    @media (min-width: 992px) {
        text-align: left;
        position: absolute;
        top: 50%;
        left: 5rem;
        width: 30%;
        transform: translateY(-75%);
    }
}

/*.home-tagline-block {
		background-color: #EDEBEC;
	}*/

#more-about-us {
    --slide-padding: 0;
}

.carousel-standard .carousel .slick-track {
    .carousel-slide {
        flex: 0 0 auto;
        padding: 0;
        display: flex;
        position: relative;
        border-radius: var(--border-radius);
        aspect-ratio: 3 / 2;
        width: 100%;
        display: flex;
        flex-wrap: wrap;

        @media (min-width: 768px) {
            padding: var(--slide-padding, .5rem);
            aspect-ratio: 1 / 1;
        }

        img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            border-radius: var(--border-radius);
        }

        .img-caption {
            position: absolute;
            bottom: 1rem;
            left: 1rem;
            right: 1rem;
            border-radius: calc(var(--border-radius) / 2);
            background-color: #FFF;
            padding: 1rem;
            text-align: center;
            color: #000;
            font-weight: bold;
            width: 100%;

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

        .content {
            padding: 1rem;
            text-align: center;
            width: 100%;
        }

        &.noImg {
            .img-caption {
                position: relative;
                bottom: initial;
                left: initial;
                right: initial;
                /*padding-bottom:0;*/
                background: none;
            }
        }
    }
}

.grey-2-block {
    --carousel-slide-background-color: #FFF;
}

.white-block {
    --carousel-slide-background-color: #EBEBEB;
}

.carousel-standard {
    .carousel-slide {
        background: var(--carousel-slide-background-color, transparent);
    }
}

.textpage_early, .textpage_graduates, .textpage_placements, .textpage_workexperience, .pos_category_description {
    .carousel-standard {
        .carousel {
            .slick-track {
                /*transform: none !important;*/
                .carousel-slide {
                    aspect-ratio: initial;
                    display: flex;
                    flex-wrap: wrap;
                    flex-direction: column;

                    @media (min-width: 768px) {
                        aspect-ratio: initial;
                    }
                }
            }
        }

        &#carousel-etbenefits,
        &#carousel-etappprocess,
        &#carousel-gradsbenefits,
        &#carousel-gradsappprocess,
        &#carousel-placementsbenefits,
        &#carousel-placementsappprocess,
        &#carousel-webenefits,
        &#carousel-weappprocess,
        &#carousel-appProcess,
        &#carousel-training {
            .carousel {
                .slick-track {
                    .carousel-slide {
                        align-items: center;
                        justify-content: center;
                        padding: 1rem;

                        img {
                            height: auto;
                            width: auto;
                            max-width: 96px;
                            max-height: 96px;
                            border-radius: 0;
                        }

                        .img-caption {
                            position: relative;
                            bottom: initial;
                            left: initial;
                            right: initial;
                            padding: 0;
                            background: none;
                            width: 100%;
                        }

                        .content {
                            padding: 0;
                        }
                    }
                }
            }
        }
    }
}

.slick-list {
    margin: 0 -12px;
    display: flex;
    align-items: stretch;

    .slick-track {
        display: flex;
        align-items: stretch;
    }

    .carousel-slide {
        margin: 0 12px;
    }
}

.arrow-container {
    display: flex;
    justify-content: end;
    gap: .5rem;
    padding-bottom: 1rem;
    padding-right: .5rem;

    .slick-arrow {
        --arrow-width: 40px;
        --arrow-font-size: 1rem;
        font-size: 0;
        aspect-ratio: 1 / 1;
        border-radius: 100px;
        background-color: #000000AA;
        border: none;
        color: #FFF;
        width: var(--arrow-width);
        transition: background-color .3s;

        &:hover {
            background-color: #000000FF;
        }

        @media (min-width: 768px) {
            --arrow-width: 60px;
            --arrow-font-size: 1.5rem;
        }

        &:before {
            font-size: var(--arrow-font-size);
            font-family: "Font Awesome 6 Pro";
            content: "\f053";
        }

        &.slick-next:before {
            content: "\f054";
        }
    }
}

div.pageBlockTitle {
    float: none;
    padding: 0;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

div.pageBlockContent {
    padding: 0;
}

div.pageBlockContainer {
    margin-bottom: 0;
    width: 100%;
}

div.blockSummaryText {
    padding: 1rem;
}

form#questions_form .labelContainer {
    padding-bottom: 1em;
}

.talentpool_register .pageBlockHeader .pageBlockTitle,
.application_login .pageBlockHeader .pageBlockTitle,
.passwordreset_request .pageBlockHeader .pageBlockTitle,
.login .pageBlockHeader .pageBlockTitle,
.profileregister .pageBlockHeader .pageBlockTitle,
.profileregisterwithalerts .pageBlockHeader .pageBlockTitle,
.myjobfeed .pageBlockHeader .pageBlockTitle {
    display: none;
}

.talentpool_register .actionMessageContainer,
.application_login .actionMessageContainer,
.passwordreset_request .actionMessageContainer,
.login .actionMessageContainer,
.profileregister .actionMessageContainer,
.profileregisterwithalerts .actionMessageContainer,
.myjobfeed .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.pageBlockContainer#quicksearch_pageBlockContainer {
    margin-bottom: 0;
}

div.pageBlockHeader {
    overflow: visible;
}
/* #endregion */
/* #region Buttons */
button.buttonAnchor,
input.buttonSubmit,
a.buttonAnchor {
    float: none;
}

.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit,
.buttonsRight a.buttonAnchor {
    margin-left: 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 .rowItemsContainer2 {
    overflow: visible;
}

.pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
    overflow: visible;
}

.pageBlockInner_GridBlock .ListGridContainer .rowLabel {
    float: none;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a {
    float: none;
    height: auto;
    width: auto;
    margin: 0;
    display: inline-block;
    aspect-ratio: 1 / 1;
}

    .pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
        border: none;
        margin: 0;

        &:before {
            color: #FFF;
            border-color: var(--red-2);
            background-color: var(--red-2);
        }
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        margin: 0;
        padding: .75rem;
        border: 2px solid #444;
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        transition: border-color .5s, color .5s, background-color .5s;
    }

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

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

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

    .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev:before {
        content: "\f053";
    }

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

    .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext:before {
        content: "\f054";
    }

.pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border-bottom: none;
}

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

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

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

#posBrowser_ResultsGrid_pageBlock .gridContainer {
    gap: 1rem;
}

.mydetails .gridContainer {
    gap: 0;
}

.pageBlockInner_GridBlock .ListGridContainer {
    margin: 0;
}
/* #endregion */
/* #region Forms */
.pageBlockInner_FormBlock div.controlContainer_ReadOnly,
.pageBlockInner_FormBlock div.controlContainer_ReadOnlyWithControl {
    padding: 0;
}

.pageBlockInner_FormBlock div.labelContainer {
    padding-top: 0;
}

.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
.pageBlockInner_FormBlock div.controlContainer .inputText:focus,
.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
.pageBlockInner_FormBlock div.controlContainer .inputSelect:focus,
.pageBlockInner_FormBlock div.curFocus div.controlContainer textarea,
.pageBlockInner_FormBlock div.controlContainer textarea:focus,
.pageBlockInner_FormBlock .formRowSelectMultipleToken.curFocus .selectmultiplerow ul {
    box-shadow: none;
}
/* #endregion */
/* #region Search Results */
#posBrowser_Filter_pageBlock .ButtonsContainer {
    float: none;
    justify-content: end;
    display: flex;
    padding-right: 2rem;
    align-items: center;
}

    #posBrowser_Filter_pageBlock .ButtonsContainer a {
        float: none;
        color: #FFF;
    }

#posBrowser_Filter_pageBlock .FiltersContainer,
.pageBlockInner_GridBlock .gridTop {
    border: none;
}

    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li,
    #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
        float: none;
    }

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

.pageBlockInner_GridBlock .TilesGridAlternateViewsContainer,
.pageBlockInner_GridBlock .TilesGridAlternateViewsInnerContainer,
.pageBlockInner_GridBlock .TilesGridSortingContainer,
.pageBlockInner_GridBlock .TilesGridSortingInnerContainer,
.pageBlockInner_GridBlock .pagingControls_Tiles {
    float: none;
    padding: 0;
    margin: 0;
}

.pageBlockInner_GridBlock .TilesGridAlternateViewsContainer,
.pageBlockInner_GridBlock .TilesGridAlternateViewsInnerContainer,
.pageBlockInner_GridBlock .TilesGridSortingContainer,
.pageBlockInner_GridBlock .TilesGridSortingInnerContainer,
.pageBlockInner_GridBlock .pagingControls_Tiles {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.pageBlockInner_GridBlock .gridFooter {
    width: 100%;
}

    .pageBlockInner_GridBlock .gridFooter .pagingControls_Tiles {
        justify-content: center;
    }

#eaContainer {
    margin-bottom: 50px;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
        display: flex;
    }

.pageBlockInner_GridBlock .alternateViewsText,
.pageBlockInner_GridBlock .alternateViewsCurrent,
.pageBlockInner_GridBlock .sortingText,
.pageBlockInner_GridBlock .sortingCurrent,
.pageBlockInner_GridBlock .pagingControls_Tiles .pagingText,
.pageBlockInner_GridBlock .pagingControls_Tiles .pagingButtons,
.pageBlockInner_GridBlock .pagingControls_Tiles a {
    float: none;
    padding: 0;
    margin: 0;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a {
    margin: 0 .25rem;

    &:hover {
        margin: 0 .25rem;
    }
}

.pageBlockInner_GridBlock .alternateViewsCurrent a,
.pageBlockInner_GridBlock .sortingCurrent a {
    padding: 0;
}

#posBrowser_ResultsGrid_pageBlock .rowContainer {
    border: none;
}

#posBrowser_ResultsGrid_pageBlock .rowContainer {
    background: none;
}

.posBrowserMapBlock .TilesGridAlternateViewsContainer {
    float: none;
    margin: 0;
}

.posBrowserMapBlock .TilesGridAlternateViewsInnerContainer {
    float: none;
    clear: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    margin: 0;
}

.posBrowserMapBlock .alternateViewsText {
    margin-right: 0;
}

.posBrowserMapBlock .alternateViewsText,
.posBrowserMapBlock .alternateViewsCurrent {
    float: none;
}

.posBrowserMapBlock .gridTop {
    margin-bottom: 0;
}

.posBrowserMapBlock .markerStatsContainer {
    margin-top: 0;
    padding: 0.5rem;
    background-color: transparent;
    border: 1px solid #d0d0d0;
}

.gmnoprint {
    display: flex;
}

.gm-style-mtc {
    float: none !important;
}

.posBrowserMapBlock .addressContainer {
    width: auto;
    padding: 0.5rem;
    margin: 10px 0 0;
    border: none;
    left: 50% !important;
    transform: translateX(-50%);
}

    .posBrowserMapBlock .addressContainer form {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
    }

    .posBrowserMapBlock .addressContainer .addressLabel {
        float: none;
        width: fit-content;
        margin-right: 0;
        padding-top: 0;
    }

    .posBrowserMapBlock .addressContainer .addressInput {
        float: none;
        margin-right: 0;
        padding-top: 0;
    }

.pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 0;
}

.pageBlockInner_GridBlock .ListGridContainer .rowItemsContainer {
    padding: 0;
    margin: 0;
}

.pageBlockInner_GridBlock .ListGridContainer .rowItemContainer {
    padding: 0;
}

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

#posBrowser_Filter_pageBlock .LocationValue {
    padding-left: 0;
}

#posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop > div {
    z-index: 1;
}

div.pageBlockInner_FormBlock div.boxedText {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

.pageBlockInner_GridBlock .noResults {
    padding: 0.5rem;
}
/* #endregion */
/* #region Job Description */
.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listItemContainer {
    float: none;
}

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

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer a {
    float: none;
}

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

.mapContainer .ButtonHolder .miniMapButton,
.mapContainer .ButtonHolder .bigMapButton {
    background-color: transparent;
    padding: 0;
}

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

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

#posdesc_pageBlock .posDescriptionContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

    #posdesc_pageBlock .posDescriptionContainer .RightJobBox {
        flex: 1 auto;
        margin-left: 0;
        display: flex;
        gap: 2rem;
        flex-direction: column;
    }

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

    #PosDescSharingItems .PosDescSharingItem {
        float: none;
        margin: 0;
    }

        #PosDescSharingItems .PosDescSharingItem div {
            display: none;
        }

        #PosDescSharingItems .PosDescSharingItem:before {
            display: inline-block;
            font-size: 2rem;
        }

        #PosDescSharingItems .PosDescSharingItem#linkedin_PosDescSharingItem:before {
            font-family: "Font Awesome 6 Brands";
            font-weight: 300;
            line-height: 1;
            color: inherit;
            content: "\f08c";
            display: inline-block;
        }

        #PosDescSharingItems .PosDescSharingItem#facebook_PosDescSharingItem:before {
            font-family: "Font Awesome 6 Brands";
            font-weight: 300;
            line-height: 1;
            color: inherit;
            content: "\f082";
            display: inline-block;
        }

        #PosDescSharingItems .PosDescSharingItem#twitter_PosDescSharingItem:before {
            font-family: "Font Awesome 6 Brands";
            font-weight: 300;
            line-height: 1;
            color: inherit;
            content: "\e61a";
            display: inline-block;
        }

        #PosDescSharingItems .PosDescSharingItem#email_PosDescSharingItem:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 700;
            line-height: 1;
            color: inherit;
            content: "\f199";
            display: inline-block;
        }

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

        .pageBlockInner_FormBlock .inputContainer .popup:before,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            line-height: 1;
            color: inherit;
            content: "\f002";
            display: inline-block;
        }

        .pageBlockInner_FormBlock .inputContainer .popup:hover,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup:hover {
            text-decoration: none;
        }

        .pageBlockInner_FormBlock .inputContainer .popup img,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup img {
            margin: 0;
            display: none;
        }

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

.pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist {
    padding: 0;
}

    .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li {
        padding: 0 0.5rem 0.5rem;
        margin-top: 0;
    }

        .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li:first-child {
            padding-top: 0.5rem;
        }

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

    .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li: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;
}

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

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

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

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

.ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    line-height: 1;
    color: inherit;
    content: "\f00d";
    display: inline-block;
}

.ui-dialog .pageBlockInner_FormBlock div.controlError {
    color: var(--red-2);
    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: 0.25rem;
    width: 100%;
}

.ui-dialog .pageBlockInner_FormBlock div.formRow {
    float: none;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    width: 100%;
    margin: 0 auto 0.5rem;
    max-width: 550px;
}

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

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

.ui-dialog .pageBlockInner.pageBlockInner_FormBlock {
    margin-bottom: 0.5rem;
}

    .ui-dialog .pageBlockInner.pageBlockInner_FormBlock:last-child {
        margin-bottom: 0;
    }

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

.ui-dialog .gridFooter .buttonsRight {
    margin-top: 0;
}

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

.ui-dialog .pageBlockInner_GridBlock div.gridFooter {
    margin-top: 0;
}

.ui-dialog .pageBlockInner_GridBlock table.gridTable th {
    line-height: 1.5;
}

.ui-dialog .pageBlockInner_GridBlock table.gridTable div.headerLabel {
    margin-left: 0;
    margin-right: 0;
    padding: 0.5rem;
}

.ui-dialog .pageBlockInner_GridBlock table.gridTable td {
    margin-left: 0;
    padding: 0;
}

    .ui-dialog .pageBlockInner_GridBlock table.gridTable td.defaultaction {
        padding: 0;
    }

        .ui-dialog .pageBlockInner_GridBlock table.gridTable td.defaultaction a {
            padding: 0.5rem;
            display: inline-block;
        }

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

.ui-dialog .pageBlockInner_GridBlock table.gridTable {
    border: 1px solid #E6E6E6;
}

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

    .ui-dialog table thead tr td.firstColumn a[href*=multiselect_pick]:before,
    .ui-dialog table thead tr th.firstColumn a[href*=multiselect_pick]:before,
    .ui-dialog table tbody tr td.firstColumn a[href*=multiselect_pick]:before,
    .ui-dialog table tbody tr th.firstColumn a[href*=multiselect_pick]:before,
    .ui-dialog table tfoot tr td.firstColumn a[href*=multiselect_pick]:before,
    .ui-dialog table tfoot tr th.firstColumn a[href*=multiselect_pick]:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "+";
        display: inline-block;
    }

    .ui-dialog table thead tr td.firstColumn a[href*=multiselect_pick]:hover,
    .ui-dialog table thead tr th.firstColumn a[href*=multiselect_pick]:hover,
    .ui-dialog table tbody tr td.firstColumn a[href*=multiselect_pick]:hover,
    .ui-dialog table tbody tr th.firstColumn a[href*=multiselect_pick]:hover,
    .ui-dialog table tfoot tr td.firstColumn a[href*=multiselect_pick]:hover,
    .ui-dialog table tfoot tr th.firstColumn a[href*=multiselect_pick]:hover {
        text-decoration: none;
    }

    .ui-dialog table thead tr td.firstColumn a[href*=multiselect_pick] img,
    .ui-dialog table thead tr th.firstColumn a[href*=multiselect_pick] img,
    .ui-dialog table tbody tr td.firstColumn a[href*=multiselect_pick] img,
    .ui-dialog table tbody tr th.firstColumn a[href*=multiselect_pick] img,
    .ui-dialog table tfoot tr td.firstColumn a[href*=multiselect_pick] img,
    .ui-dialog table tfoot tr th.firstColumn a[href*=multiselect_pick] img {
        display: none;
    }

.ui-dialog table thead tr:hover td a,
.ui-dialog table thead tr:hover td a:hover,
.ui-dialog table thead tr:hover th a,
.ui-dialog table thead tr:hover th a:hover,
.ui-dialog table tbody tr:hover td a,
.ui-dialog table tbody tr:hover td a:hover,
.ui-dialog table tbody tr:hover th a,
.ui-dialog table tbody tr:hover th a:hover,
.ui-dialog table tfoot tr:hover td a,
.ui-dialog table tfoot tr:hover td a:hover,
.ui-dialog table tfoot tr:hover th a,
.ui-dialog table tfoot tr:hover th a:hover {
    color: var(--table-link-color, #FFF);
}

.ui-dialog table tbody {
    background-color: var(--table-body-color, #FFF);
}

    .ui-dialog table tbody tr {
        border: none;
    }

        .ui-dialog table tbody tr td.cell_lookupResults_name {
            padding: 0;
        }

            .ui-dialog table tbody tr td.cell_lookupResults_name a {
                padding: 0.5rem;
            }

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

.ui-dialog #lookupResults_pageBlock #col_lookupResults_name {
    width: 100%;
}

.ui-dialog .gridTableContainer {
    margin-top: 0.5rem;
}

.ui-dialog .pageBlockInner_GridBlock table.gridTable th {
    height: auto;
}

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

.ui-dialog #lookupResults_pageBlock #col_lookupResults__defaultaction {
    width: 30px;
}

.ui-dialog .pageBlockInner_GridBlock div.gridContentWithHeader {
    border: none;
    background: none;
}

body #lookupResults_pageBlock .gridTable {
    width: 100%;
}
/* #endregion */
/* #region Questions */
.pageBlockInner_FormBlock div.radioOption input {
    float: none;
    margin: 0;
}

.pageBlockInner_FormBlock div.radioOption {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .pageBlockInner_FormBlock div.radioOption input {
        width: auto;
    }

    .pageBlockInner_FormBlock div.radioOption label {
        width: fit-content;
    }

    .pageBlockInner_FormBlock div.radioOption .radioOptionLabel {
        margin-left: 0;
    }
/* #endregion */
/* #region Welcome */
#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background-image: none;
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
    padding: 0.5rem;
}

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

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues {
    overflow: visible;
}

/* #endregion */
/* #region Account */
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks {
    margin-right: 0;
    padding: 0.5rem;
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuBottom {
    float: none;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
    float: none;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer a {
    float: none;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer {
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    overflow: visible;
}
/* #endregion */
/* #region My Profile */
.basicIcons {
    background-image: none;
}

li.pageBlockHeader_AddNotClicked {
    float: none;
}

.pageBlockInner_FormBlock div.bottomControlContainer {
    float: none;
}

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

.pageBlockInner_FormBlock div.formRowFileUploadRow .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(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .dragging.filesContainer {
    height: auto !important;
}

    .pageBlockInner_FormBlock div.formRowFileUploadRow .dragging.filesContainer .fileOuterContainer {
        display: block;
    }

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

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
    padding: 0.5rem 0;
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap);
}

@media (min-width: 576px) {
    .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
        --cols: 4;
    }
}

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload li {
    width: var(--item-width, 100%);
    margin: 0;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload li {
    border-radius: 0.25rem;
}

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

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

    .pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: 1.25rem;
        line-height: 1;
        color: var(--red-2);
        content: "\f00d";
        display: inline-block;
    }

    .pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile img {
        display: none;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton {
    margin-bottom: 0;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow {
    min-width: 0;
}

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

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

.pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover,
.pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner {
    background-color: transparent;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
#MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight {
    float: none;
    width: 100%;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight {
    display: flex;
    align-items: stretch;
}

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

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary {
    margin: 0;
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

    #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary,
    #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks {
        width: 100%;
        border-radius: 0.25rem;
    }

#MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight #eArcuProfileImage {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

    #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight #eArcuProfileImage .messageContainer {
        order: 1;
        margin-right: 0;
    }

    #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight #eArcuProfileImage .imageContainer {
        order: 2;
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight #eArcuProfileImage .imageContainer.imageContainer_DefaultImage a:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 6rem;
            line-height: 1;
            color: inherit;
            content: "\f007";
            display: inline-block;
        }

        #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight #eArcuProfileImage .imageContainer.imageContainer_DefaultImage img {
            display: none;
        }

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

    #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer .usernameOrPrimaryEmailLabel {
        margin-bottom: 0;
    }

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

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer:last-child {
        margin-bottom: 0;
    }

#MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer {
    float: none;
    width: 100%;
}

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

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight {
        width: 100%;
    }

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

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

    .pageBlockInner_GridBlock .ListGridContainer .withLabel[style*=block] {
        display: flex !important;
    }

    .pageBlockInner_GridBlock .ListGridContainer .withLabel .rowItemValue {
        margin-left: 0;
    }

.gridBlockCollapseColumns .gridContainer a.expandRow {
    padding-left: 0;
    margin-bottom: 0;
}

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

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
    margin-left: 0;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer .connectedContainer {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #000;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(1) .connectedContainer:before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 100;
    font-size: 3rem;
    line-height: 1;
    color: inherit;
    content: "\f08c";
    display: inline-block;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(2) .connectedContainer:before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 100;
    font-size: 3rem;
    line-height: 1;
    color: inherit;
    content: "\f1a0";
    display: inline-block;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(3) .connectedContainer:before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 100;
    font-size: 3rem;
    line-height: 1;
    color: inherit;
    content: "\f082";
    display: inline-block;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(4) .connectedContainer:before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 100;
    font-size: 3rem;
    line-height: 1;
    color: inherit;
    content: "\f3ca";
    display: inline-block;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer .statusText {
    display: none;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .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: var(--red-2);
    margin-left: 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;
}

    #eaContainer .verifContainer .buttonsLeft a.buttonAnchor {
        width: 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 */
/* #region CSS Variables */
:root {
    --bs-body-font-family: var(--font-family);
}

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #000;
    --bs-btn-hover-color: #FFFFFF;
}

.navbar {
    --bs-navbar-color: #FFF;
    --bs-navbar-toggler-border-color: #FFF;
    --bs-navbar-padding-y: 0rem;
    --bs-navbar-brand-padding-y: 0rem;
}

.navbar-nav {
    --bs-nav-link-color: #000;
    --bs-navbar-active-color: #000;
}

.FilterContainer {
    --filter-chevron: "";
}

    .FilterContainer.filter-collapsed {
        --filter-chevron: "";
    }
/* #endregion */
/* #region Basic Styling */
/* #region <html> / <body> Tags */
html {
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1.75;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    --header-height: 70px;
    scroll-padding-block-start: var(--header-height, 0px);
}

html,
body {
    overflow-x: hidden;
    padding-right: 0 !important;
}

    html:has(body.modal-open) {
        overflow: hidden;
    }

body {
    line-height: inherit;
}

p {
    margin-bottom: 0.5rem;
}
/* #endregion */
/* #region Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
div.pageBlockTitle {
    font-family: var(--font-family);
    font-weight: normal;
    line-height: normal;
}

h1,
.h1 {
    font-size: clamp(1.5rem, 1.5rem + 2vw, 2.5rem);
    font-weight: normal;
    line-height: 3rem;
}

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

.pos_description h1.heading-section {
    text-align: left;
}

.pos_questions h1 {
    text-align: center;
}

h1.eArcuInfoHeader {
    display: none;
}

h2,
.h2,
div.pageBlockTitle {
    font-size: clamp(1.25rem, 1.5rem + 2vw, 3rem);
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 2rem;

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

    h2.accordion-header {
        line-height: 1;
    }

h3,
.h3 {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-top: 1.5rem;
    margin-bottom: .5rem;

    &:first-child {
        margin-top: 0;
    }
}

h4,
.h4 {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

h5,
.h5 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

h6,
.h6 {
    font-size: 1.2rem;
    line-height: 1.3rem;
}
/* #endregion */
/* #region Links */
a {
    color: var(--red-2);
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.block a {
    font-weight: bold;
    color: inherit;
    text-decoration: underline;
}

    .block a:hover {
        font-weight: bold;
    }

#breadcrumb a {
    color: #000;
}
/* #endregion */
/* #region Media */
video,
img {
    max-width: 100%;
}

video {
    width: 100%;
}
/* #endregion */
/* #region Header */
header {
    background-color: transparent;
}
/* #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: "Font Awesome 6 Pro";
        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 .alert {
    margin: 0;
    border-radius: 0;
}

    #enterprise-notifications .alert:first-child {
        margin-top: 0.5rem;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    #enterprise-notifications .alert:last-child {
        margin-bottom: 0.5rem;
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

#enterprise-notifications p {
    padding: 0.5rem 0;
    margin: 0;
}

    #enterprise-notifications p:first-child {
        padding-top: 0;
    }

    #enterprise-notifications p:last-child {
        padding-bottom: 0;
    }
/* #endregion */

.cms-instructions-menu {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 1000000;
}

    .cms-instructions-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .cms-instructions-menu li {
        padding: 0;
        margin: 0 0 0.5rem;
    }

    .cms-instructions-menu a {
        border-radius: var(--btn-border-radius);
        padding: 1rem 2rem;
        background-color: var(--btn-background);
        border: var(--btn-border);
        color: var(--btn-color);
        transition: background-color .3s, color .3s;
        text-decoration: none;
        display: inline-block;
    }

        .cms-instructions-menu a:hover {
            background-color: var(--btn-hover-background);
            color: var(--btn-hover-color);
            border: var(--btn-hover-border);
            text-decoration: none;
        }

p.image-helper-text {
    position: absolute;
    bottom: 10px;
    right: 58px;
    z-index: 99;
    background-color: #FFF !important;
    color: #000 !important;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
    width: fit-content;
    min-width: 250px;
}

.card p.image-helper-text {
    bottom: initial;
    top: 10px;
    right: 10px;
}

body.textpage_cmsinstructions:not(.show-pencils) main .resourceTag {
    display: none;
}
/* #endregion */
/* #region Client Template */
.homepage-banner,
.alerts-banner {
    border-radius: 1rem;
    object-fit: cover;
    object-position: center center;
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .homepage-banner,
    .alerts-banner {
        transform: rotate(5deg);
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .homepage-banner {
        margin-left: 8rem;
    }
}

@media (min-width: 992px) {
    .alerts-banner {
        max-width: 80%;
    }
}

#quicksearch_SaveButtonRow_formRow input {
    --btn-background: #FFF;
    --btn-color: #000;
    --btn-border: 2px solid #FFF;
    --btn-hover-background: transparent;
    --btn-hover-color: #FFF;
    --btn-hover-border: 2px solid #FFF;
}

#sticky-apply {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 1000;
    transform: translateY(-50%);
}

.sticky-apply-btn,
#Pos_Description_pageView #sticky-apply a.right.buttonAnchor {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: auto;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    width: auto;
    white-space: nowrap;
}

    .sticky-apply-btn:hover,
    #Pos_Description_pageView #sticky-apply a.right.buttonAnchor:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

.sticky-apply-btn {
    font-weight: bold;
    padding: 1rem 2rem;
}

header {
    padding-top: var(--header-height);
    background-color: #FFF;
    z-index: 100;
}

    header nav.navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #FFF;
        min-height: var(--header-height);
        z-index: 1000;
    }

    header .navbar-nav {
        border-bottom: 0;
        padding-bottom: 0;
    }

    header .logo {
        width: 225px;
        color: #000;
    }

.has-banner-image header {
    position: relative;
    /*min-height: 525px;*/
    margin-bottom: 2rem;
}

    /*.has-banner-image header:before {
        content: "";
        position: absolute;
        top: 125px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-size: cover;
        background-position: center center;
    }

    .has-banner-image header:after {
        content: "";
        position: absolute;
        top: 125px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;*/
    /*background-color: #7A268244;*/
    /*}*/

    .has-banner-image header .logo {
        color: #FFF;
    }

    .has-banner-image header .navbar {
        z-index: 4;
    }

        header .navbar .navbar-brand,
        header .navbar .navbar-toggler,
        .has-banner-image header .navbar .navbar-brand,
        .has-banner-image header .navbar .navbar-toggler {
            position: relative;
            z-index: 1;
        }

@media (max-width: 1199.98px) {
    header .navbar-collapse,
    .has-banner-image header .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        background-color: #FFF;
    }

        header .navbar-collapse.collapsing,
        .has-banner-image header .navbar-collapse.collapsing {
            height: 0;
        }

        header .navbar-collapse ul,
        .has-banner-image header .navbar-collapse ul {
            margin-top: 110px;
            height: 100vh;
            overflow: auto;
        }
}

.has-banner-image header h1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5rem;
    color: #FFF;
    text-align: center;
    z-index: 3;
    font-size: 2rem;
    line-height: 3rem;
}

@media (min-width: 992px) {
    .has-banner-image header h1 {
        font-size: 4rem;
        line-height: 6rem;
    }
}

.has-banner-image header #breadcrumbComtainer {
    background-color: #FFF;
    z-index: 3;
    border-bottom: 2px solid #F1F1F1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem;
}

.navbar-nav {
    --bs-nav-link-padding-x: 1rem;

    .nav-link {
        transition: all .2s;

        i {
            font-size: 2rem;
        }

        &:hover i {
            color: var(--red-2);
        }
    }
}

@media (min-width: 1200px) {
    .menu-item-job-search,
    .menu-item-account,
    .menu-item-logout {
        --btn: "primary";
        background-color: #FFF;
        color: #000;
        border: 2px solid #000;
        padding: .5rem 2rem !important;
        text-align: center;
        transition: all 0.5s;
        display: inline-block;
        width: 100%;
        font-weight: normal;
        cursor: pointer;
        border-radius: var(--btn-border-radius);
        --bs-navbar-nav-link-padding-x: 1rem;
        display: flex;
        gap: 0.75rem;
        align-items: center;

        &:focus {
            color: var(--btn-color);
        }

        &:hover,
        &.nav-link.active,
        &.nav-link.active:hover,
        &:focus {
            background-color: #000;
            color: #FFF;
            border: 2px solid #000;
            text-decoration: none;
        }
    }

    .nav-link[data-recite-translate="en"],
    .nav-link[data-recite-translate="cy"] {
        margin-left: 1rem;
    }

    .menu-item-account,
    .menu-item-logout {
        margin-left: 1rem;
    }

    .menu-item-job-search:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f002";
        display: inline-block;
    }

    .menu-item-account:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f007";
        display: inline-block;
    }

    .menu-item-logout:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f002";
        display: inline-block;
    }

    #myAccessibilityButton {
        display: flex;
        align-items: center;

        i {
            font-size: 1.25rem;
            margin-inline-end: .5rem;
        }

        &:hover {
            text-decoration: none;

            i {
                color: inherit;
            }

            span {
                text-decoration: underline;
            }
        }
    }
}

@media (min-width: 1400px) {
    .menu-item-job-search,
    .menu-item-account,
    .menu-item-logout {
        padding: .5rem 2rem !important;
    }
}

/*body:where(:not(:has(.section-alerts))) main {
		margin-bottom: 1rem;
	}*/

.bannerContainer {
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    display: block;

    #bannerCarousel {
        &.totalSlides1 {
            button {
                display: none;
            }
        }

        img {
            width: 100%;
            max-height: 400px;
            object-fit: cover;
            object-position: 50% 50%;
        }
    }
}

body.home {
    .bannerContainer {
        #bannerCarousel {
            img {
                max-height: 600px;
            }
        }
    }
}
/* #endregion */
/* #region Large Components */
/* #region Filters */
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer {
    overflow: hidden;
    border: none;
    border-radius: 20px;
    border: 1px solid #142C52;
    overflow: hidden;
}

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .HeaderContainer {
        font-family: var(--font-family);
        background-color: #000;
        margin-bottom: 0;
        padding: 0.6rem 1rem;
        cursor: pointer;
        position: relative;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-top: none;
        border-bottom: none;
        display: flex;
        flex-wrap: wrap;
        transition: border-radius 1s;
    }

        #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .HeaderContainer:after {
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            margin-right: 1rem;
            margin-right: 0;
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            line-height: 1;
            color: #FFF;
            content: "\f078";
            display: inline-block;
        }

        #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .HeaderContainer .HeaderLabel {
            padding: 0;
            margin: 0;
            color: #FFF;
            font-weight: 600;
        }

        #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .HeaderContainer .ButtonsContainer {
            margin-left: auto;
        }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer.filter-collapsed .HeaderContainer {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

        #eaContainer #posBrowser_Filter_pageBlock .FilterContainer.filter-collapsed .HeaderContainer:after {
            content: "\f077";
        }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueContainer {
        padding: 1rem;
        background-color: #FFF;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList {
        padding: 0;
        margin: 0;
        width: 100%;
    }

        #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
            padding: 0;
            margin: 0 0 0.5rem 0;
            width: 100%;
            position: relative;
            display: flex;
            gap: 0.5rem;
            align-items: center;
            vertical-align: middle;
        }

            #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:last-child {
                margin-bottom: 0;
            }

            #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li a {
                flex: 1 1 100%;
                padding: 5px 0;
                position: relative;
                display: flex;
                align-items: center;
                color: #000000CC;
            }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li a:hover {
                    text-decoration: none;
                }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li a .count {
                    color: #000;
                    background-color: #000;
                    color: #FFF;
                    padding: 0.5rem 1rem;
                    margin-left: auto;
                    border-radius: 0.25rem;
                    min-width: 53px;
                    text-align: center;
                    margin-top: 0.2rem;
                    line-height: 1;
                }

            #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.possibleDistancesLabel:hover {
                cursor: auto;
            }

            #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:not(.possibleDistancesLabel):before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 400;
                font-size: 1.6rem;
                line-height: 1.6rem;
                color: #000;
                content: "\f0c8";
                width: 1.6rem;
                height: 1.6rem;
                vertical-align: middle;
                font-size: 1.6rem;
                line-height: 1.6rem;
                padding: 0;
                flex: 0 0 auto;
                justify-content: center;
                align-content: center;
                justify-items: center;
                align-items: center;
                display: flex;
                font-weight: 400;
                background-color: #FFF;
            }

            #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:not(.possibleDistancesLabel):hover {
                color: #000;
            }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:not(.possibleDistancesLabel):hover a {
                    color: #000;
                }

                    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:not(.possibleDistancesLabel):hover a .count {
                        color: #FFF;
                    }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:not(.possibleDistancesLabel):hover:before {
                    color: #000;
                }

            #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected {
                color: #000;
                background: none;
            }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected a {
                    color: #000;
                }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected:before {
                    color: #000;
                    content: "\f14a";
                    font-weight: 900;
                }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected .count {
                    background-color: #000;
                }

                #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected:hover {
                    color: #000;
                }

                    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected:hover a {
                        color: #000;
                    }

                        #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected:hover a .count {
                            color: #FFF;
                        }

                    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected:hover:before {
                        color: #000;
                    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances .ValueList li:not(.possibleDistancesLabel):before {
        content: "\f111";
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances .ValueList li.ValueItem_selected:before {
        content: "\f058";
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer.filter-collapsed .ValueList li:not(.ValueItem_selected, .possibleDistancesLabel) {
        display: none;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer.filter-collapsed:not(.has-checked-items) .HeaderContainer {
        margin-bottom: 0;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer.filter-collapsed.has-checked-items .HeaderContainer {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer.filter-collapsed:not(.has-checked-items) .ValueContainer {
        display: none;
    }

#posBrowser_Filter_pageBlock .locationValueData {
    margin-left: 1rem;
    font-weight: bold;
}

#posBrowser_Filter_pageBlock .ButtonsContainer a {
    margin: 0;
}
/* #endregion */
/* #region Forms */
.ui-dialog .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    padding: 0.5rem;
    border: 1px solid #CCC;
    border-radius: 0.25rem;
    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: 0.25rem;
}

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

#FindJobColumn .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
#FindJobColumn .pageBlockInner_FormBlock div.controlContainer .inputText,
#FindJobColumn .pageBlockInner_FormBlock input.inputText {
    padding: 0.5rem;
    margin-right: 0;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 500px;
}

#FindJobColumn .pageBlockInner_FormBlock div.textLiteral {
    width: 100%;
}

#FindJobColumn .formRow,
#FindJobColumn h1 {
    @media (max-width: 991.9px) {
        max-width: 550px;
        margin: 0 auto 0.5rem;
    }
}

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

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

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

#FindJobColumn .pageBlockInner_FormBlock .formRow {
    width: 100%;
    padding-top: 0;
    float: none;
    clear: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

    #FindJobColumn .pageBlockInner_FormBlock .formRow .labelContainer {
        display: none;
    }

    #FindJobColumn .pageBlockInner_FormBlock .formRow .controlContainer {
        margin: 0;
        width: 100%;
        float: none;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        &:has(#Home_quicksearch_filter_locationradius) {
            @media (min-width: 992px) {
                padding-left: .5rem;
            }
        }
    }

#FindJobColumn .controlContainer input[type=text] {
    width: 100%;
}

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

#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: start;
        margin-bottom: 0;
    }

        #eaContainer .actionMessageContainer .actionMessage.actionMessageWarning,
        #quickapplydialogDialogContainer .actionMessageContainer .actionMessage.actionMessageWarning {
            background-image: none;
            padding-left: 0;
            color: var(--red-2);
        }

            #eaContainer .actionMessageContainer .actionMessage.actionMessageWarning:before,
            #quickapplydialogDialogContainer .actionMessageContainer .actionMessage.actionMessageWarning:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00d";
                display: inline-block;
                font-size: 1.25rem;
                margin-right: 0.5rem;
            }

        #eaContainer .actionMessageContainer .actionMessage.actionMessageOk,
        #quickapplydialogDialogContainer .actionMessageContainer .actionMessage.actionMessageOk {
            background-image: none;
            padding-left: 0;
            color: green;
        }

            #eaContainer .actionMessageContainer .actionMessage.actionMessageOk:before,
            #quickapplydialogDialogContainer .actionMessageContainer .actionMessage.actionMessageOk:before {
                font-family: "Font Awesome 6 Pro";
                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: var(--red-2);
    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 #UsernameForm_NoSso_formRow .textLiteral,
#eaContainer #RegisterForm_username_view_formRow .textLiteral,
#eaContainer #RegisterForm_Register_Info_formRow .textLiteral,
#eaContainer #RegisterForm_gdprinfo_formRow .textLiteral,
#eaContainer #PasswordForm_Sign_In_Info_formRow .textLiteral,
#eaContainer #PasswordForm_username_view_formRow .textLiteral,
#quickapplydialogDialogContainer #UsernameForm_NoSso_formRow .textLiteral,
#quickapplydialogDialogContainer #RegisterForm_username_view_formRow .textLiteral,
#quickapplydialogDialogContainer #RegisterForm_Register_Info_formRow .textLiteral,
#quickapplydialogDialogContainer #RegisterForm_gdprinfo_formRow .textLiteral,
#quickapplydialogDialogContainer #PasswordForm_Sign_In_Info_formRow .textLiteral,
#quickapplydialogDialogContainer #PasswordForm_username_view_formRow .textLiteral,
#quickapplydialogDialogContainer #intro_content_formRow .textLiteral {
    text-align: center;
}

body {
    /*--form-margin: 0 auto 0.5rem;*/
    &.login,
    &.application_login,
    &.passwordreset_request,
    &.pos_questions,
    &.profileregisterwithalerts,
    &.talentpool_register {
        --form-margin: 0 auto 0.5rem;
    }

    #QuickApplyForm_form {
        --form-margin: 0 auto 0.5rem;
    }
}

#eaContainer .formRow,
#quickapplydialogDialogContainer .formRow,
#RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow,
#PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow {
    max-width: 550px;
    margin: var(--form-margin, 0 0 0.5rem);
}

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

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

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#SkillsForm_skills_formRow,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow#SkillsForm_skills_formRow {
            max-width: 550px;
        }

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.mapRow,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.mapRow {
            max-width: 550px;
        }

        #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.boxedText,
        #quickapplydialogDialogContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowTextLiteralRow.boxedText {
            margin: var(--form-margin, 0.5rem 0);
            padding: 0.5rem;
            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: 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: 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:not(#TileList_eventslist_formRow),
#quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) {
    /*width: 100%;*/
    padding-top: 0;
    float: none;
    clear: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

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

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

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

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

    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow).formRowTextAreaRow,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow).formRowTextAreaRow {
        width: 100%;
        display: block;
    }

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

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

        #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow)#SectionCompleteBlock_completed_formRow .labelContainer,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_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:not(#TileList_eventslist_formRow)#SectionCompleteBlock_completed_formRow .labelContainer label,
            #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow)#SectionCompleteBlock_completed_formRow .labelContainer label {
                margin-left: 0;
                padding-right: 0;
            }

        #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow)#SectionCompleteBlock_completed_formRow .controlContainer,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_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:not(#TileList_eventslist_formRow)#SectionCompleteBlock_completed_formRow .controlError,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow)#SectionCompleteBlock_completed_formRow .controlError {
            order: 3;
            width: 100%;
            padding-top: 0;
            display: flex;
        }

    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .controlContainer,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .labelContainer,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_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:not(#TileList_eventslist_formRow) .customButtonContainer,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .customButtonContainer {
        position: relative;
        margin-top: 0.5rem;
        display: flex;
        justify-content: end;
        width: 100%;
    }

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

    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .controlContainer textarea,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .controlContainer textarea {
        width: 100%;
    }

    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow).hiddenElement,
    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow).skillmessagehidden,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow).hiddenElement,
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow).skillmessagehidden {
        display: none;
    }

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

    #eaContainer #RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral a,
    #eaContainer #PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral a,
    #quickapplydialogDialogContainer #RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral a,
    #quickapplydialogDialogContainer #PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral 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;
    justify-content: center;
    max-width: none;
}

    #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon,
    #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon {
        float: none;
        padding: 0;
        width: auto;

        &:hover {
            text-decoration: none;
        }

        img {
            display: none;
        }
    }

        #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink,
        #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink {
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 1 / 1;
            background-color: #222;
            border-radius: 100px;
            padding: 1.25rem;

            &:before {
                font-family: "Font Awesome 6 Brands";
                font-weight: 400;
                line-height: 1;
                color: #FFF;
                display: inline-block;
                font-size: 2rem;
            }

            &:hover {
                text-decoration: none;
            }

            img {
                display: none;
            }
        }

        #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink:before,
        #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink:before {
            content: "\f08c";
        }

        #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink:before,
        #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink:before {
            content: "\f1a0";
        }

        #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink:before,
        #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink:before {
            content: "\f09a";
        }

        #eaContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink:before,
        #quickapplydialogDialogContainer #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink:before {
            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: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: #000;
        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='%23E60000' stroke='%23E60000'><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='%23E60000' stroke='%23E60000'><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 div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow,
    #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        justify-content: start;
    }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            display: none !important;
        }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]),
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) {
            order: 1;
            flex: 0 1 auto;
            flex-wrap: wrap;
            text-align: left;
            width: 100%;
        }

            #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label,
            #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label {
                margin-bottom: 0;
                display: flex;
                align-items: center;
                gap: 0.5rem;
            }

                #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label:before,
                #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) > div:before,
                #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label:before,
                #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) > div:before {
                    font-family: "Font Awesome 6 Pro";
                    font-weight: 400;
                    line-height: 1;
                    color: #000;
                    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;
                }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before,
        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) > div:before,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) > div:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            line-height: 1;
            color: #000;
            content: "\f14a";
            display: inline-block;
        }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError {
            order: 2;
            flex: 0 0 100%;
        }

    #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer,
    #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer {
        position: relative;
        width: 100%;
    }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer input,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer input {
            width: 100%;
        }

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup {
            position: absolute;
            right: 0.6rem;
            bottom: 0.6rem;
            width: auto;
            height: auto;
        }

            #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup:before,
            #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f073";
                display: inline-block;
                line-height: 1;
            }

            #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img,
            #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup 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: 0.25rem;
    margin: 0;
    padding: 0.5rem;
    position: relative;
    background-color: #000;
}

    #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: "Font Awesome 6 Pro";
            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: "Font Awesome 6 Pro";
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #000;
        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: #000;
        }

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

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

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

.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: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

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

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

a:has(> img[src*="Profile/checkbox.png"]):before,
span:has(> img[src*="grid_images/checkbox.png"]):before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    line-height: 1;
    color: #000;
    content: "\f14a";
    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;
}

a:has(> img[src*="Profile/checkbox.png"]) img,
span:has(> img[src*="grid_images/checkbox.png"]) img {
    display: none;
}

a:has(> img[src*="Profile/checkbox_unchecked.png"]):before,
span:has(> img[src*="grid_images/checkbox_unchecked.png"]):before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    line-height: 1;
    color: #000;
    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: flex;
    justify-content: center;
}

a:has(> img[src*="Profile/checkbox_unchecked.png"]) img,
span:has(> img[src*="grid_images/checkbox_unchecked.png"]) img {
    display: none;
}
/* #endregion */
/* #region Lists */
/* #region General */
#eaContainer .gridContent .ListGridContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    #eaContainer .gridContent .ListGridContainer {
        --cols: 4;
    }
}

@media (min-width: 1400px) {
    #eaContainer .gridContent .ListGridContainer {
        --cols: 3;
    }
}

#eaContainer .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

#eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    #eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 4;
    }
}

@media (min-width: 1200px) {
    #eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 4;
    }
}

#eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop > div {
    width: var(--item-width, 100%);
    margin: 0;
}
/* #endregion */
/* #region Welcome */
.welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    .welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    .welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    .welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form {
        --cols: 2;
    }
}

.welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form div.formRow.formRow.formRowIconRow:not(#TileList_eventslist_formRow) {
    width: var(--item-width, 100%);
    margin: 0;
}

.welcome .pageBlockInner_FormBlock #WelcomeInfoBlock_form div.formRow.formRowIconRow:not(#TileList_eventslist_formRow) {
    max-width: none;
    margin: 0;
}

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

#ToDoList_pageBlock ul.ulList {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #ToDoList_pageBlock ul.ulList {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #ToDoList_pageBlock ul.ulList {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    #ToDoList_pageBlock ul.ulList {
        --cols: 1;
    }
}

@media (min-width: 1200px) {
    #ToDoList_pageBlock ul.ulList {
        --cols: 1;
    }
}

#ToDoList_pageBlock ul.ulList .ulListItem {
    width: var(--item-width, 100%);
    margin: 0;
}
/* #endregion */
/* #region My Details */
.mydetails #eaContainer .gridContent .ListGridContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    .mydetails #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .mydetails #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    .mydetails #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    .mydetails #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

.mydetails #eaContainer .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

.mydetails #eaContainer .ListGridContainer .rowContainer {
    padding: 0.5rem;
    background-color: #FFF;
}

#eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    #eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 1200px) {
    #eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 1400px) {
    #eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

#eaContainer #Grid_PERSONALDETAILS_pageBlockContainer .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

#eaContainer .MySummaryItemsContainer {
    margin-bottom: 0.5rem;
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap);
    align-items: stretch;

    a {
        color: #000;
    }
}

@media (min-width: 576px) {
    #eaContainer .MySummaryItemsContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer .MySummaryItemsContainer {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #eaContainer .MySummaryItemsContainer {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    #eaContainer .MySummaryItemsContainer {
        --cols: 2;
    }
}

#eaContainer .MySummaryItemsContainer .MySummaryItem {
    width: var(--item-width, 100%);
    margin: 0;
}

li.pageBlockHeader_AddNotClicked .iconContainer {
    margin-top: 0;
}
/* #endregion */
/* #region Talent pools */
#eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    #eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    #eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 4;
    }
}

#eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
    width: var(--item-width, 100%);
    margin: 0;
}

#eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
    float: none;
}

    #eaContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
        width: 100%;
        margin: 0 !important;
    }
/* #endregion */
/* #region Application forms */
.application_section_referral #eaContainer .gridContent .ListGridContainer,
.application_section_equalops #eaContainer .gridContent .ListGridContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    .application_section_referral #eaContainer .gridContent .ListGridContainer,
    .application_section_equalops #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .application_section_referral #eaContainer .gridContent .ListGridContainer,
    .application_section_equalops #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    .application_section_referral #eaContainer .gridContent .ListGridContainer,
    .application_section_equalops #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 1200px) {
    .application_section_referral #eaContainer .gridContent .ListGridContainer,
    .application_section_equalops #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 1400px) {

    .application_section_referral #eaContainer .gridContent .ListGridContainer,
    .application_section_equalops #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

.application_section_referral #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_equalops #eaContainer .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

.application_section_referral #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_equalops #eaContainer .gridContent .ListGridContainer .rowContainer {
    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;
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    .application_section_education #eaContainer .gridContent .ListGridContainer,
    .application_section_workexperience #eaContainer .gridContent .ListGridContainer,
    .application_section_profqual #eaContainer .gridContent .ListGridContainer,
    .application_section_referee #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .application_section_education #eaContainer .gridContent .ListGridContainer,
    .application_section_workexperience #eaContainer .gridContent .ListGridContainer,
    .application_section_profqual #eaContainer .gridContent .ListGridContainer,
    .application_section_referee #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    .application_section_education #eaContainer .gridContent .ListGridContainer,
    .application_section_workexperience #eaContainer .gridContent .ListGridContainer,
    .application_section_profqual #eaContainer .gridContent .ListGridContainer,
    .application_section_referee #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    .application_section_education #eaContainer .gridContent .ListGridContainer,
    .application_section_workexperience #eaContainer .gridContent .ListGridContainer,
    .application_section_profqual #eaContainer .gridContent .ListGridContainer,
    .application_section_referee #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 1400px) {
    .application_section_education #eaContainer .gridContent .ListGridContainer,
    .application_section_workexperience #eaContainer .gridContent .ListGridContainer,
    .application_section_profqual #eaContainer .gridContent .ListGridContainer,
    .application_section_referee #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

.application_section_education #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_workexperience #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_profqual #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_referee #eaContainer .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

.application_section_education #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_workexperience #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_profqual #eaContainer .gridContent .ListGridContainer .rowContainer,
.application_section_referee #eaContainer .gridContent .ListGridContainer .rowContainer {
    padding: 0.5rem;
}

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

    .application_section_personaldetails .pageBlockContainer.pageBlockContainer_GridBlock:last-child,
    .application_section_personaldetails .pageBlockContainer.pageBlockContainer_FormBlock:last-child,
    .mydetails .pageBlockContainer.pageBlockContainer_GridBlock:last-child,
    .mydetails .pageBlockContainer.pageBlockContainer_FormBlock:last-child {
        margin-bottom: 0;
    }

    .application_section_personaldetails .pageBlockContainer.pageBlockContainer_GridBlock .pageBlockHeader2,
    .application_section_personaldetails .pageBlockContainer.pageBlockContainer_FormBlock .pageBlockHeader2,
    .mydetails .pageBlockContainer.pageBlockContainer_GridBlock .pageBlockHeader2,
    .mydetails .pageBlockContainer.pageBlockContainer_FormBlock .pageBlockHeader2 {
        display: flex;
        flex-wrap: wrap;
    }

    .application_section_personaldetails .pageBlockContainer.pageBlockContainer_GridBlock .pageBlockHeaderButtonsContainer.buttonsRight,
    .application_section_personaldetails .pageBlockContainer.pageBlockContainer_FormBlock .pageBlockHeaderButtonsContainer.buttonsRight,
    .mydetails .pageBlockContainer.pageBlockContainer_GridBlock .pageBlockHeaderButtonsContainer.buttonsRight,
    .mydetails .pageBlockContainer.pageBlockContainer_FormBlock .pageBlockHeaderButtonsContainer.buttonsRight {
        width: auto;
        margin-left: auto;
    }
/* #endregion */
/* #region Search results */
.pos_find_results #eaContainer .gridContent .ListGridContainer {
    --cols: 1;
    --gap: .25rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    .pos_find_results #eaContainer .gridContent .ListGridContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .pos_find_results #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    .pos_find_results #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    .pos_find_results #eaContainer .gridContent .ListGridContainer {
        --cols: 2;
    }
}

.pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

.pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainer {
    flex: 0 0 var(--item-width);
    width: var(--item-width);
}

.pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder {
    flex: 0 0 var(--item-width);
    width: var(--item-width);
}

    .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
        flex: none;
        margin-left: 0 !important;
        margin-top: 0;
        margin-bottom: 0;
        min-height: 250px;
        height: auto;
        float: none;
        width: 100%;
    }

#eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
    --cols: 1;
    --gap: 1rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
        --cols: 4;
    }
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop > div {
    width: var(--item-width, 100%);
    margin: 0;
}

@media (max-width: 575.98px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop > div {
        width: auto;
    }
}

@media (max-width: 448px) {

    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .labelContainer, #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .controlContainer, #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .labelContainer, #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow) .controlContainer {
        width: 100%;
        text-align: left;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop > div {
        width: auto;
    }
}

@media (min-width: 768px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop > div {
        width: auto;
    }
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop .sortingText,
#eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop .sortingCurrent {
    text-align: right;
}

#eaContainer .FilterRowsContainer {
    margin-bottom: 0.5rem;
    --cols: 1;
    --gap: 1rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #eaContainer .FilterRowsContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #eaContainer .FilterRowsContainer {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    #eaContainer .FilterRowsContainer {
        --cols: 1;
    }
}

@media (min-width: 1200px) {
    #eaContainer .FilterRowsContainer {
        --cols: 1;
    }
}

#eaContainer .FilterRowsContainer .FilterRow {
    width: var(--item-width, 100%);
    margin: 0;
}

.pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder {
    display: flex;
    align-items: stretch;
}
/* #endregion */
/* #region Events */
#eaContainer #eventsListContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
    align-items: stretch;
}

@media (min-width: 576px) {
    #eaContainer #eventsListContainer {
        --cols: 1;
    }
}

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

@media (min-width: 992px) {
    #eaContainer #eventsListContainer {
        --cols: 3;
    }
}

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

#eaContainer #eventsListContainer .eventContainerWrapper {
    width: var(--item-width, 100%);
    margin: 0;
}

    #eaContainer #eventsListContainer .eventContainerWrapper .eventContainer {
        min-height: 150px;
    }
/* #endregion */
/* #region Category blocks */
#eaContainer #CodeListCounts_pageBlock .listContainer {
    padding-bottom: .5rem;
}

    #eaContainer #CodeListCounts_pageBlock .listContainer .listItemContainer {
        margin: 0;
        scroll-snap-align: start;
        height: auto;
        aspect-ratio: 2 / 1;

        @media (min-width: 768px) {
            aspect-ratio: 1 / 1;
        }
    }
/* #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 {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #Application_Home_pageView #sectionslist_pageBlock .ulList {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #Application_Home_pageView #sectionslist_pageBlock .ulList {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #Application_Home_pageView #sectionslist_pageBlock .ulList {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    #Application_Home_pageView #sectionslist_pageBlock .ulList {
        --cols: 4;
    }
}

#Application_Home_pageView #sectionslist_pageBlock .ulList .ulListItem {
    width: var(--item-width, 100%);
    margin: 0;
}

#Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList {
        --cols: 4;
    }
}

#Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulList .ulListItem {
    width: var(--item-width, 100%);
    margin: 0;
}
/* #region Connected services */
#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer {
        --cols: 2;
    }
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer {
    float: none;
}

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer {
        min-height: 0;
        position: relative;
    }

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer2 {
    border-radius: 0.25rem;
}
/* #endregion */
/* #region Home */
#Home_pageView #noPositions_pageBlockContainer .topContent {
    background-color: #000;
    color: #FFF;
    border: none;
    padding: 1rem;
    width: 100%;
}

    #Home_pageView #noPositions_pageBlockContainer .topContent .title {
        background-color: transparent;
        border: none;
        color: #FFF;
        padding: 0;
        margin-bottom: 1rem;
    }

    #Home_pageView #noPositions_pageBlockContainer .topContent .text {
        padding: 0;
    }
/* #endregion */
/* #region Offers / Onboarding */
.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
.mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    .mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    .mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    .mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    .mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
        --cols: 4;
    }
}

.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem,
.mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem {
    width: var(--item-width, 100%);
    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 {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: var(--gap);
}

@media (min-width: 576px) {
    #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 {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #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 {
        --cols: 1;
    }
}

@media (min-width: 992px) {
    #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 {
        --cols: 1;
    }
}

@media (min-width: 1200px) {
    #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 {
        --cols: 1;
    }
}

#eaContainer #Grid_OFFERBANKDETAILS_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFEREMERGENCYCONTACT_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFERHEALTHQUESTIONS_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFERNEXTOFKIN_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFERTAXINFORMATION_pageBlock .gridContent .ListGridContainer .rowContainer {
    width: var(--item-width, 100%);
    margin: 0;
}

#eaContainer #Grid_OFFERBANKDETAILS_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFEREMERGENCYCONTACT_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFERHEALTHQUESTIONS_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFERNEXTOFKIN_pageBlock .gridContent .ListGridContainer .rowContainer,
#eaContainer #Grid_OFFERTAXINFORMATION_pageBlock .gridContent .ListGridContainer .rowContainer {
    padding: 0.5rem;
    border-radius: 0.25rem;
}
/* #endregion */
/* #endregion */
/* #region Tables */
/* #region CSS Variables */
table.gridTable {
    /* #region Table Properties */
    --table-border-color: #CCC;
    --table-header-color: #000;
    --table-header-text-color: #FFF;
    /* #endregion */
    /* #region Odd Rows */
    /* #region Default State */
    --alt-row-color-odd: #EEE;
    --alt-row-text-color-odd: #000;
    --alt-row-link-color-odd: var(--red-2);
    /* #endregion */
    /* #region Hover State */
    --alt-row-hover-color-odd: var(--light-grey);
    --alt-row-hover-text-color-odd: #000;
    --alt-row-hover-link-color-odd: var(--red-2);
    /* #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: #000;
    --alt-row-link-color-even: var(--red-2);
    /* #endregion */
    /* #region Hover State */
    --alt-row-hover-color-even: var(--light-grey);
    --alt-row-hover-text-color-even: #000;
    --alt-row-hover-link-color-even: var(--red-2);
    /* #endregion */
    /* #endregion */
}
/* #endregion */
/* #region Table Styling */
/* Can appear in #eaContainer (interviews) or in dialogs (job alerts codelist lookup) */
#eaContainer .pageBlockInner_GridBlock div.gridContentWithHeader,
.ui-dialog .pageBlockInner_GridBlock div.gridContentWithHeader {
    background: none;
    border-left: none;
}

#eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls,
.ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: stretch;
    justify-content: center;
    padding: 0.5rem 0;
}

    #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller,
    #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber,
    .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller,
    .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber {
        --btn: "primary";
        background-color: var(--btn-background);
        color: var(--btn-color);
        border: var(--btn-border);
        padding: 0.5rem 1rem;
        text-align: center;
        border-radius: var(--btn-border-radius);
        transition: all 0.5s;
        display: inline-block;
        width: auto;
        font-weight: normal;
        cursor: pointer;
        border-radius: 0.25rem;
        text-decoration: none;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller:hover,
        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber:hover,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller:hover,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber:hover {
            background-color: var(--btn-hover-background, transparent);
            color: var(--btn-hover-color);
            border: var(--btn-hover-border);
            text-decoration: none;
        }

    #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller,
    .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller {
        font-size: 0;
    }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="movefirst=1"]:before,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="movefirst=1"]:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 1rem;
            line-height: 1;
            color: inherit;
            content: "\f323";
            display: inline-block;
        }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="moveprev=1"]:before,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="moveprev=1"]:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 1rem;
            line-height: 1;
            color: inherit;
            content: "\f053";
            display: inline-block;
        }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="movelast=1"]:before,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="movelast=1"]:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 1rem;
            line-height: 1;
            color: inherit;
            content: "\f324";
            display: inline-block;
        }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="movenext=1"]:before,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller[href*="movenext=1"]:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 1rem;
            line-height: 1;
            color: inherit;
            content: "\f054";
            display: inline-block;
        }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller.buttonDisabled,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.scroller.buttonDisabled {
            --btn-background: #E7E9ED;
            --btn-color: #FFF;
            --btn-border: 2px solid #E7E9ED;
            --btn-hover-background: #E7E9ED;
            --btn-hover-color: #FFF;
            --btn-hover-border: 2px solid #E7E9ED;
        }

    #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber,
    .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber {
        margin-top: 0;
    }

        #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber.pagenumber_current,
        .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber.pagenumber_current {
            --btn-background: #000;
            --btn-color: #FFF;
            --btn-border: 2px solid #000;
            --btn-hover-background: transparent;
            --btn-hover-color: #000;
            --btn-hover-border: 2px solid #000;
            gap: 0.5rem;
            padding: 0.5rem 2rem;
        }

            #eaContainer .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber.pagenumber_current:before,
            .ui-dialog .pageBlockInner_GridBlock .gridFooter div.pagingControls a.pagenumber.pagenumber_current:before {
                content: "Page";
            }

#eaContainer .pageBlockInner_GridBlock .kiketable-colsizable-handler,
.ui-dialog .pageBlockInner_GridBlock .kiketable-colsizable-handler {
    border-color: var(--table-border-color);
}

#eaContainer .pageBlockInner_GridBlock table.gridTable th,
.ui-dialog .pageBlockInner_GridBlock table.gridTable th {
    border-color: var(--table-border-color);
    background-color: var(--table-header-color);
    color: var(--table-header-text-color);
}

    #eaContainer .pageBlockInner_GridBlock table.gridTable th div.kiketable-th-text,
    .ui-dialog .pageBlockInner_GridBlock table.gridTable th div.kiketable-th-text {
        padding: 0.5rem;
    }

#eaContainer .pageBlockInner_GridBlock table.gridTable td,
.ui-dialog .pageBlockInner_GridBlock table.gridTable td {
    border-color: var(--table-border-color);
}

#eaContainer .pageBlockInner_GridBlock table.gridTable tbody td:where(:not(:has(a))),
.ui-dialog .pageBlockInner_GridBlock table.gridTable tbody td:where(:not(:has(a))) {
    padding: 0.5rem;
}

#eaContainer .pageBlockInner_GridBlock table.gridTable tbody td:where(:has(a)),
.ui-dialog .pageBlockInner_GridBlock table.gridTable tbody td:where(:has(a)) {
    padding: 0;
}

    #eaContainer .pageBlockInner_GridBlock table.gridTable tbody td:where(:has(a)) a,
    .ui-dialog .pageBlockInner_GridBlock table.gridTable tbody td:where(:has(a)) a {
        padding: 0.5rem;
    }

#eaContainer .pageBlockInner_GridBlock table.gridTable div.headerLabel,
.ui-dialog .pageBlockInner_GridBlock table.gridTable div.headerLabel {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
}

#eaContainer .pageBlockInner_GridBlock table.gridTable tr.oddRow,
.ui-dialog .pageBlockInner_GridBlock table.gridTable tr.oddRow {
    background-color: var(--alt-row-color-odd);
}

    #eaContainer .pageBlockInner_GridBlock table.gridTable tr.oddRow td,
    .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.oddRow td {
        background-color: var(--alt-row-color-odd);
        color: var(--alt-row-text-color-odd);
    }

        #eaContainer .pageBlockInner_GridBlock table.gridTable tr.oddRow td a,
        .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.oddRow td a {
            color: var(--alt-row-link-color-odd);
        }

    #eaContainer .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover,
    .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover {
        background-color: var(--alt-row-hover-color-odd);
    }

        #eaContainer .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td,
        .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td {
            background-color: var(--alt-row-hover-color-odd);
            color: var(--alt-row-hover-text-color-odd);
        }

            #eaContainer .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
            .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a {
                color: var(--alt-row-hover-link-color-odd);
            }

#eaContainer .pageBlockInner_GridBlock table.gridTable tr.evenRow,
.ui-dialog .pageBlockInner_GridBlock table.gridTable tr.evenRow {
    background-color: var(--alt-row-color-even);
}

    #eaContainer .pageBlockInner_GridBlock table.gridTable tr.evenRow td,
    .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.evenRow td {
        background-color: var(--alt-row-color-even);
        color: var(--alt-row-text-color-even);
    }

        #eaContainer .pageBlockInner_GridBlock table.gridTable tr.evenRow td a,
        .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.evenRow td a {
            color: var(--alt-row-link-color-even);
        }

    #eaContainer .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover,
    .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover {
        background-color: var(--alt-row-hover-color-even);
    }

        #eaContainer .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td,
        .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
            background-color: var(--alt-row-hover-color-even);
            color: var(--alt-row-hover-text-color-even);
        }

            #eaContainer .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a,
            .ui-dialog .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a {
                color: var(--alt-row-hover-link-color-even);
            }
/* #endregion */
/* #endregion */
/* #endregion */
/* #region Small Components*/
/* #region Search Results */
.pos_find_results #eaContainer .pageBlockInner_GridBlock .TilesGridSortingPopup {
    width: auto !important;
    border: none;
    z-index: 2 !important;
}

    .pos_find_results #eaContainer .pageBlockInner_GridBlock .TilesGridSortingPopup li {
        padding: 0.25rem 0.5rem;
    }

.pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder {
    transition: background-color linear 0.2s, color linear 0.2s, border-color linear 0.2s;
    background-color: #FFF;
    color: #000;
    border: none;
    padding: .5rem;
}

    .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
        padding: 1rem 1rem 5rem;
        position: relative;
        border-radius: .25rem;
        -webkit-box-shadow: 0px 0px 1rem 0px rgba(170,170,170,1);
        -moz-box-shadow: 0px 0px 1rem 0px rgba(170,170,170,1);
        box-shadow: 0px 0px 1rem 0px rgba(170,170,170,1);
    }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowItemsInnerContainer {
            display: flex;
            flex-wrap: wrap;
        }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowItemsInnerContainer2 {
            order: 2;
            margin-top: .5rem;
            width: 100%;
        }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowItemsInnerContainer2_desc {
            order: 1;
            width: 100%;
        }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer:after {
            content: var(--apply-now-button-text, "Apply Now");
            --btn: "primary";
            background-color: var(--btn-background);
            color: var(--btn-color);
            border: var(--btn-border);
            padding: 0.5rem 1rem;
            text-align: center;
            transition: all 0.5s;
            display: inline-block;
            width: 100%;
            font-weight: normal;
            cursor: pointer;
            border-radius: var(--btn-border-radius);
            position: absolute;
            bottom: 1rem;
            left: 1rem;
            right: 1rem;
            width: auto;
        }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer:hover:after {
            background-color: var(--btn-hover-background);
            color: var(--btn-hover-color);
            border: var(--btn-hover-border);
            text-decoration: none;
        }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .vacancyColumn {
            display: flex;
            width: 100%;
            align-items: center;
            padding: .5rem 0;
            border-top: 1px solid #CCC;
        }

            .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .vacancyColumn.codelist3value_vacancyColumn:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\e196";
                display: inline-block;
                min-width: 24px;
                text-align: center;
            }

            .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .vacancyColumn.codelist5value_vacancyColumn:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f3c5";
                display: inline-block;
                min-width: 24px;
                text-align: center;
                font-weight: 300;
            }

        .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder .rowContainer .comma {
            display: none;
        }

    .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder a {
        font-size: 1.25rem;
        font-weight: normal;
        color: #000;
    }

    .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer:after {
        background-color: var(--red-2);
        color: #FFF;
        border-color: var(--red-2);
    }

    .pos_find_results #eaContainer .gridContent .ListGridContainer .rowContainerHolder:hover a {
        color: #000;
    }

.pos_find_results #eaContainer #Pos_Find_Results_pageView {
    --gap: 1rem;
}

    .pos_find_results #eaContainer #Pos_Find_Results_pageView .pageViewMain {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap);
    }

    .pos_find_results #eaContainer #Pos_Find_Results_pageView #posBrowser_Filter_pageBlockContainer {
        width: 100%;
        flex: 0 0 auto;
    }

    .pos_find_results #eaContainer #Pos_Find_Results_pageView #posBrowser_ResultsGrid_pageBlockContainer {
        width: 100%;
        flex: 1 1 auto;
    }

.pos_find_results_map #eaContainer #Pos_Find_Results_Map_pageView {
    --gap: 1rem;
}

    .pos_find_results_map #eaContainer #Pos_Find_Results_Map_pageView .pageViewMain {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap);
    }

    .pos_find_results_map #eaContainer #Pos_Find_Results_Map_pageView #posBrowser_Filter_pageBlockContainer {
        width: 100%;
        flex: 0 0 auto;
    }

    .pos_find_results_map #eaContainer #Pos_Find_Results_Map_pageView #MapBlock_pageBlockContainer {
        width: 100%;
        flex: 1 1 auto;
    }

.pageBlockInner_GridBlock .alternateViewsText {
    display: none;
}

.pageBlockInner_GridBlock .alternateViewsCurrent a {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .pageBlockInner_GridBlock .alternateViewsCurrent a:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color, #FFF);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

    .pageBlockInner_GridBlock .alternateViewsCurrent a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f279";
        display: inline-block;
        margin-right: 0.5rem;
    }

.pageBlockInner_GridBlock .sortingText {
    display: none;
}

.pageBlockInner_GridBlock .sortingCurrent a {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .pageBlockInner_GridBlock .sortingCurrent a:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

    .pageBlockInner_GridBlock .sortingCurrent a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f0dc";
        display: inline-block;
        margin-right: 0.5rem;
    }

.pageBlockInner_GridBlock .pagingControls_Tiles {
    display: flex;
    --item-width: fit-content;
    width: fit-content;
}

    .pageBlockInner_GridBlock .pagingControls_Tiles .pagingText:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\e428";
        display: inline-block;
        margin-right: 0.5rem;
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles:hover a[disabled] {
        color: #a0a0a0;
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles a {
        transition: all 0.5s;
        color: #142C52;
    }

        .pageBlockInner_GridBlock .pagingControls_Tiles a[disabled] {
            display: none;
        }

        .pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
            text-decoration: none;
        }

.pageBlockInner_Other .alternateViewsText {
    display: none;
}

.pageBlockInner_Other .alternateViewsCurrent a {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .pageBlockInner_Other .alternateViewsCurrent a:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

    .pageBlockInner_Other .alternateViewsCurrent a:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 1;
        color: inherit;
        content: "\f03a";
        display: inline-block;
        margin-right: 0.5rem;
    }

div.pageBlockContainer#MapBlock_pageBlockContainer {
    margin-bottom: 3rem;
}

/* Job description hover functionality */
.posListHover {
    border: 1px solid #000;
    border-radius: 0.5rem;
    background: none;
    padding: 0;
    overflow: hidden;
    width: 300px;
}

    .posListHover .contentContainer {
        margin: 0;
    }

.posBrowserMapBlock .gridTop {
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
}

.posBrowserMapBlock .markerStatsContainer {
    border-bottom-left-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
}
/* #endregion */
/* #region Category Blocks */
#categoryCounts {
    background-color: #FFF;
}

    #categoryCounts .buttonsCenter {
        margin-top: 1.5rem;
    }

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer {
    margin-left: 0;
    flex-wrap: nowrap;
    overflow-x: hidden;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background-color: transparent;
    flex-shrink: 0;
    border-radius: 2rem;
    min-height: 0;
    padding: 0;

    @media (min-width: 768px) {
        padding: .5rem;
    }
}

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemContainerBorder {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        position: relative;
        border-radius: 1rem;
        overflow: hidden;
        background-color: #7A2682;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        background-size: cover;
        background-position: center center;
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
        z-index: 1;
        position: relative;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        background-color: #7A268244;
        color: #FFF;
        transition: all 0.5s;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        border-radius: 1rem;
        background-color: #FFF;
        padding: 1rem 0;
    }

        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemTitle {
            width: 100%;
            text-align: center;
            padding: 0;
        }

            .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemTitle a {
                color: #000;
                font-size: 24px;
            }

        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemCountContainer {
            width: 100%;
            margin-right: 0;
            background-color: transparent;
            color: #000;
            text-align: center;
            font-size: 1rem;
            transition: all 0.5s;
        }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .codeListBlockLower .listItemTitle a:hover {
        text-decoration: none;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemDescriptionContainer {
        display: block;
        max-height: 0px;
        transition: max-height .4s;
        color: #000;
        text-align: center;
        overflow: hidden;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemDescriptionContent {
        padding: 20px;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .codeListBlockLower .listItemDescriptionContainer {
        max-height: 200px;
    }

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemDescriptionContainer {
    padding: 5px 0;
}
/* #endregion */
/* #region Latest Jobs */
.latest-jobs-section {
    margin-top: 3rem;
    padding-top: 3rem;
}

    .latest-jobs-section .latest-jobs-list {
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }

        .latest-jobs-section .latest-jobs-list > .row {
            gap: 1.5rem 0;
        }

    .latest-jobs-section .job-box {
        padding: 1.5rem;
        border: none;
        background-color: var(--light-grey);
        display: flex;
        width: 100%;
        border-radius: 1.5rem;
        position: relative;

        a.job-description-url {
            color: inherit;
            text-decoration: underline;
            font-weight: bold;

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

        .job-codelist {
            &.pospublishenddate {
                --content: "\f017";
            }

            &.poslocation {
                --content: "\f3c5";
            }

            &.pospublishenddate,
            &.poslocation {
                p:before {
                    font-family: "Font Awesome 6 Pro";
                    content: var(--content);
                    font-weight: bold;
                    display: flex;
                    width: 1rem;
                    justify-content: center;
                }
            }
        }
    }

        .latest-jobs-section .job-box a:hover {
            text-decoration: none;
        }

        .latest-jobs-section .job-box .row {
            height: 100%;
        }

        .latest-jobs-section .job-box:hover .btn-see-more {
            background-color: transparent;
            color: #142C52;
            border-color: #142C52;
        }

    .latest-jobs-section .latest-job {
        display: flex;
    }

    .latest-jobs-section h5 {
        margin-bottom: 1rem;
        color: #142C52;
    }

    .latest-jobs-section p {
        margin-bottom: 0;
    }

    .latest-jobs-section .job-codelist p {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: start;

        .value {
            max-width: calc(100% - 1.5rem);
        }
    }

        .latest-jobs-section .job-codelist p i {
            min-width: 24px;
            text-align: center;
        }

    .latest-jobs-section .btn-see-more-container {
        margin-top: auto;
    }

    .latest-jobs-section .btn-see-more {
        --btn: "primary";
        background-color: var(--btn-background);
        color: var(--btn-color);
        border: var(--btn-border);
        padding: 1rem;
        text-align: center;
        transition: all 0.5s;
        display: inline-block;
        width: 100%;
        font-weight: normal;
        cursor: pointer;
        border-radius: var(--btn-border-radius);
        margin-top: 1rem;
        white-space: nowrap;
    }

        .latest-jobs-section .btn-see-more:hover {
            background-color: var(--btn-hover-background);
            color: var(--btn-hover-color);
            border: var(--btn-hover-border);
            text-decoration: none;
        }
/* #endregion */
/* #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;
}

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

#eaContainer .formRow.formRowButtonRow {
    display: flex;
    flex-wrap: wrap;
}

    #eaContainer .formRow.formRowButtonRow .buttonsLeft {
        order: 1;
        flex: 1 0 100%;
        margin-bottom: 0.5rem;
    }

    #eaContainer .formRow.formRowButtonRow .buttonsRight {
        order: 2;
        flex: 1 0 100%;
    }

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

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

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

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

    .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 {
    --btn: "secondary";
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_back:hover,
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_ajaxCancel:hover,
    #eaContainer .buttonsLeft a.buttonAnchor.buttonActionId_backToSection:hover,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_back:hover,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_ajaxCancel:hover,
    #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_backToSection:hover,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_back:hover,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_ajaxCancel:hover,
    #eaContainer .buttonsCenter a.buttonAnchor.buttonActionId_backToSection:hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        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)) {
    --btn: "secondary";
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: auto;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--border-radius);
    margin-top: 0.5rem;
    white-space: nowrap;
}

    #eaContainer .buttonsLeft .editblocklink a.buttonAnchor:where(:not(#renewconsent)):hover,
    #eaContainer .buttonsRight .editblocklink a.buttonAnchor:where(:not(#renewconsent)):hover,
    #eaContainer .buttonsCenter .editblocklink a.buttonAnchor:where(:not(#renewconsent)):hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        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 {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    #eaContainer #SkillsForm_buttons_formRow .buttonsRight a.buttonAnchor.buttonActionId_back:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

.candidateevent_detail #eaContainer .buttonsLeft a.buttonAnchor {
    --btn: "secondary";
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .candidateevent_detail #eaContainer .buttonsLeft a.buttonAnchor:hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        text-decoration: none;
    }

.candidateevent_detail #eaContainer .buttonsRight a.buttonAnchor:where([href*=cancel]) {
    --btn: "danger";
    background-color: var(--red-2);
    color: #FFF;
    border: 2px solid var(--red-2);
    padding: 0.5rem 1rem;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .candidateevent_detail #eaContainer .buttonsRight a.buttonAnchor:where([href*=cancel]):hover {
        background-color: #FFF;
        color: var(--red-2);
        border: 2px solid var(--red-2);
        text-decoration: none;
    }

.latest-jobs-section .buttonsLeft a.buttonAnchor,
.latest-jobs-section .buttonsRight a.buttonAnchor,
.latest-jobs-section .buttonsCenter a.buttonAnchor {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 1rem 3rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .latest-jobs-section .buttonsLeft a.buttonAnchor:hover,
    .latest-jobs-section .buttonsRight a.buttonAnchor:hover,
    .latest-jobs-section .buttonsCenter a.buttonAnchor:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

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

.buttonsRight button.buttonAnchor,
.buttonsRight input.buttonSubmit {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    margin-left: 0 !important;
    margin-right: 0;
    white-space: nowrap;
}

    .buttonsRight button.buttonAnchor:hover,
    .buttonsRight input.buttonSubmit:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

#eaContainer .postcodelookup {
    --btn: "secondary";
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: auto;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    #eaContainer .postcodelookup:hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        text-decoration: none;
    }

a.buttonAnchor#JobsNearMe {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: 2px solid var(--btn-border);
    padding: 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    margin-left: 0 !important;
    white-space: nowrap;
}

    a.buttonAnchor#JobsNearMe:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

div.buttonsRight li.pageBlockHeader_AddNotClicked .iconContainer.buttonAnchor.basicIcons {
    width: 100% !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 {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

@media (min-width: 992px) {
    #eaContainer button.buttonAnchor,
    #eaContainer input.buttonSubmit,
    #eaContainer a.buttonAnchor,
    .ui-dialog button.buttonAnchor,
    .ui-dialog input.buttonSubmit,
    .ui-dialog a.buttonAnchor {
        width: auto;
    }
}

#eaContainer button.buttonAnchor:hover,
#eaContainer input.buttonSubmit:hover,
#eaContainer a.buttonAnchor:hover,
.ui-dialog button.buttonAnchor:hover,
.ui-dialog input.buttonSubmit:hover,
.ui-dialog a.buttonAnchor:hover {
    background-color: var(--btn-hover-background);
    color: var(--btn-hover-color);
    border: var(--btn-hover-border);
    text-decoration: none;
}

#eaContainer button.buttonAnchor.buttonActionId_back,
#eaContainer button.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer button.buttonAnchor.buttonActionId_backToDesc,
#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 a.buttonAnchor.buttonActionId_back,
#eaContainer a.buttonAnchor.buttonActionId_ajaxCancel,
#eaContainer a.buttonAnchor.buttonActionId_backToDesc,
#eaContainer a.buttonAnchor.buttonActionId_cancel,
.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 input.buttonSubmit.buttonActionId_back,
.ui-dialog input.buttonSubmit.buttonActionId_ajaxCancel,
.ui-dialog input.buttonSubmit.buttonActionId_backToDesc,
.ui-dialog input.buttonSubmit.buttonActionId_cancel,
.ui-dialog a.buttonAnchor.buttonActionId_back,
.ui-dialog a.buttonAnchor.buttonActionId_ajaxCancel,
.ui-dialog a.buttonAnchor.buttonActionId_backToDesc,
.ui-dialog a.buttonAnchor.buttonActionId_cancel {
    --btn: "secondary";
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    #eaContainer button.buttonAnchor.buttonActionId_back:hover,
    #eaContainer button.buttonAnchor.buttonActionId_ajaxCancel:hover,
    #eaContainer button.buttonAnchor.buttonActionId_backToDesc:hover,
    #eaContainer button.buttonAnchor.buttonActionId_cancel:hover,
    #eaContainer input.buttonSubmit.buttonActionId_back:hover,
    #eaContainer input.buttonSubmit.buttonActionId_ajaxCancel:hover,
    #eaContainer input.buttonSubmit.buttonActionId_backToDesc:hover,
    #eaContainer input.buttonSubmit.buttonActionId_cancel:hover,
    #eaContainer a.buttonAnchor.buttonActionId_back:hover,
    #eaContainer a.buttonAnchor.buttonActionId_ajaxCancel:hover,
    #eaContainer a.buttonAnchor.buttonActionId_backToDesc:hover,
    #eaContainer a.buttonAnchor.buttonActionId_cancel:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_back:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_ajaxCancel:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_backToDesc:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_cancel:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_back:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_ajaxCancel:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_backToDesc:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_cancel:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_back:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_ajaxCancel:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_backToDesc:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_cancel:hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        text-decoration: none;
    }

#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 {
    --btn: "danger";
    background-color: var(--red-2);
    color: #FFF;
    border: 2px solid var(--red-2);
    padding: 0.5rem 1rem;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    #eaContainer button.buttonAnchor.buttonActionId_withdraw_application:hover,
    #eaContainer button.buttonAnchor.buttonActionId_Delete:hover,
    #eaContainer button.buttonAnchor.removeAnchor:hover,
    #eaContainer button.buttonAnchor.buttonActionId_confirm_decline:hover,
    #eaContainer button.buttonAnchor[href*=decline]:hover,
    #eaContainer button.buttonAnchor.buttonActionId_DeleteConfirm:hover,
    #eaContainer input.buttonSubmit.buttonActionId_withdraw_application:hover,
    #eaContainer input.buttonSubmit.buttonActionId_Delete:hover,
    #eaContainer input.buttonSubmit.removeAnchor:hover,
    #eaContainer input.buttonSubmit.buttonActionId_confirm_decline:hover,
    #eaContainer input.buttonSubmit[href*=decline]:hover,
    #eaContainer input.buttonSubmit.buttonActionId_DeleteConfirm:hover,
    #eaContainer a.buttonAnchor.buttonActionId_withdraw_application:hover,
    #eaContainer a.buttonAnchor.buttonActionId_Delete:hover,
    #eaContainer a.buttonAnchor.removeAnchor:hover,
    #eaContainer a.buttonAnchor.buttonActionId_confirm_decline:hover,
    #eaContainer a.buttonAnchor[href*=decline]:hover,
    #eaContainer a.buttonAnchor.buttonActionId_DeleteConfirm:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_withdraw_application:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_Delete:hover,
    .ui-dialog button.buttonAnchor.removeAnchor:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_confirm_decline:hover,
    .ui-dialog button.buttonAnchor[href*=decline]:hover,
    .ui-dialog button.buttonAnchor.buttonActionId_DeleteConfirm:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_withdraw_application:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_Delete:hover,
    .ui-dialog input.buttonSubmit.removeAnchor:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_confirm_decline:hover,
    .ui-dialog input.buttonSubmit[href*=decline]:hover,
    .ui-dialog input.buttonSubmit.buttonActionId_DeleteConfirm:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_withdraw_application:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_Delete:hover,
    .ui-dialog a.buttonAnchor.removeAnchor:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_confirm_decline:hover,
    .ui-dialog a.buttonAnchor[href*=decline]:hover,
    .ui-dialog a.buttonAnchor.buttonActionId_DeleteConfirm:hover {
        background-color: #FFF;
        color: var(--red-2);
        border: 2px solid var(--red-2);
        text-decoration: none;
    }

#categoryCounts #eaContainer a.buttonAnchor {
    padding: 1rem 3rem;
}

#eaContainer #quicksearch_pageBlockContainer input[type=submit] {
    --btn-background: #000;
    --btn-color: #FFF;
    --btn-border: 2px solid #000;
    --btn-hover-background: transparent;
    --btn-hover-color: #000;
    --btn-hover-border: 2px solid #000;
}

.mapContainer .ButtonHolder .miniMapButton a,
#Pos_Description_pageView #posdesc_pageBlock a.right {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .mapContainer .ButtonHolder .miniMapButton a:hover,
    #Pos_Description_pageView #posdesc_pageBlock a.right:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

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

.mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton,
.mapContainer .ButtonHolder_Bottom .bigMapButton a {
    --btn-background: #FFF;
    --btn-color: #000;
    --btn-border: 2px solid #FFF;
    --btn-hover-background: #FFF;
    --btn-hover-color: #000;
    --btn-hover-border: 2px solid #FFF;
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    white-space: nowrap;
}

    .mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton:hover,
    .mapContainer .ButtonHolder_Bottom .bigMapButton a:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

#eaContainer .addressContainer .addressButton {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    width: auto;
    float: none;
    padding: 0 1rem;
    line-height: 1rem;
    height: 30px;
    white-space: nowrap;
}

    #eaContainer .addressContainer .addressButton:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

.mydetails_forgetme #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel {
    --btn: "secondary";
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .mydetails_forgetme #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_cancel:hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        text-decoration: none;
    }

.mydetails_forgetme #eaContainer a.buttonAnchor.buttonActionId_confirm {
    --btn: "danger";
    background-color: var(--red-2);
    color: #FFF;
    border: 2px solid var(--red-2);
    padding: 0.5rem 1rem;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .mydetails_forgetme #eaContainer a.buttonAnchor.buttonActionId_confirm:hover {
        background-color: #FFF;
        color: var(--red-2);
        border: 2px solid var(--red-2);
        text-decoration: none;
    }

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

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar .mapCloseButton {
    --btn: "secondary";
    background-color: #FFF;
    color: #000;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    width: 100%;
    display: block;
    white-space: nowrap;
}

    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar .mapCloseButton:hover {
        background-color: #000;
        color: #FFF;
        border-color: #000;
        text-decoration: none;
    }

.buttonsRight {
    margin-top: 0;
}

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

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

.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 {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    margin-top: 0.5rem;
    white-space: nowrap;
}

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.connect:hover,
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.disconnect:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

#pseRefresh {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    #pseRefresh:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

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

.ui-dialog {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.8);
}

.ui-widget-overlay {
    background-color: #000;
}

#Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer {
    display: none;
}

#Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer {
    margin-top: 1rem;
}

.pos_category_description #latest-jobs {
    margin-top: 1rem;
}

.pos_category_description #eaContainer .buttonsRight ul {
    justify-content: start;
}

.pos_category_description {
    .btn,
    .btn-primary {
        padding: .5rem 1rem;
    }
}
/* #endregion */
/* #region Quick Search */
#FindJobColumn #quicksearch_pageBlockContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
    margin-bottom: 0;
}

#FindJobColumn #quicksearch_pageBlockContainer .pageBlockTitle {
    font-size: 4rem;
    line-height: 4.5rem;
    font-weight: normal;
}

#FindJobColumn #quicksearch_pageBlockContainer label {
    display: none;
}

#FindJobColumn #quicksearch_pageBlockContainer input[type=text] {
    border: none;
    padding: 1rem;
    padding-left: 3.5rem;
    font-size: 1rem;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 500px;
}

#FindJobColumn #quicksearch_pageBlockContainer .buttonsRight li {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: auto;
    gap: 0 .5rem;

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

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

#FindJobColumn #quicksearch_pageBlockContainer input[type=submit] {
    width: 100%;
    border-radius: 500px;
    padding: 1rem 3rem;
    background-color: #FFF;
    color: #000;
    border: 2px solid #000;

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

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

#FindJobColumn #quicksearch_pageBlockContainer #quicksearch_filter_text_formRow,
#FindJobColumn #quicksearch_pageBlockContainer #quicksearch_filter_locationradius_formRow {
    position: relative;

    &:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1;
        color: #000;
        content: "";
        display: flex;
        position: absolute;
        left: 1.5rem;
        top: 0;
        bottom: 0;
        justify-content: center;
        align-items: center;
    }
}

    #FindJobColumn #quicksearch_pageBlockContainer #quicksearch_filter_text_formRow:before {
        content: "\f002";
    }

    #FindJobColumn #quicksearch_pageBlockContainer #quicksearch_filter_locationradius_formRow:before {
        content: "\f3c5";
        left: 2rem;
    }

#FindJobColumn #FindJobHeroBlock {
    position: relative;
    padding-top: 2rem;
    margin-bottom: 3rem;

    .formRow {
        @media (max-width: 991.9px) {
            margin-top: 1rem;

            &#quicksearch_filter_text_formRow {
                margin-top: 0;
            }
        }
    }

    h1 {
        margin-bottom: 0;
    }

    a.buttonAnchor#JobsNearMe {
        border-radius: 500px;
        width: 100%;
        background-color: #FFF;
        color: #000;
        border: 2px solid #000;
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;

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

        &:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 1.5rem;
            color: inherit;
            content: "\f602";
            display: inline-block;
            margin-right: 0.5rem;
        }

        &:hover {
            background-color: #000;
            border-color: #000;
            color: #FFF;
        }
    }
}
/* #endregion */
/* #region Job Alerts */
.section-alerts {
    background-color: #000;
    margin-top: 1rem;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

    .section-alerts h1,
    .section-alerts p,
    .section-alerts .buttonAnchor {
        color: #FFF;
    }

    .section-alerts label {
        color: #FFF;
        margin-bottom: 0.5rem;
    }

    .section-alerts input[type=email].form-control {
        background-color: #000;
        border-radius: 0;
        border: none;
        padding-left: 0;
        color: #FFF;
        border-bottom: 1px solid #FFF;
        margin-bottom: 2rem;
    }

        .section-alerts input[type=email].form-control::placeholder {
            color: #FFF;
        }

        .section-alerts input[type=email].form-control:focus {
            box-shadow: none;
        }

    .section-alerts .buttonSubmit {
        --btn: "primary";
        --btn-background: #FFF;
        --btn-color: #000;
        --btn-border: 2px solid #FFF;
        --btn-hover-background: #000;
        --btn-hover-color: #FFF;
        --btn-hover-border: 2px solid #FFF;
        background-color: var(--btn-background);
        color: var(--btn-color);
        border: var(--btn-border);
        padding: 1rem 3rem;
        text-align: center;
        transition: all 0.5s;
        display: inline-block;
        width: auto;
        font-weight: normal;
        cursor: pointer;
        border-radius: var(--btn-border-radius);
        margin-left: 0 !important;
        white-space: nowrap;
    }

        .section-alerts .buttonSubmit:hover {
            background-color: var(--btn-hover-background);
            color: var(--btn-hover-color);
            border: var(--btn-hover-border);
            text-decoration: none;
        }
/* #endregion */
/* #region Tooltips */
.tooltip2_Surround,
.tooltip2_SurroundClosing {
    display: none !important;
}
/* #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: var(--red-2);
        --message-icon: "";
    }

    .passwordStrength.passwordError {
        --message-color: var(--red-2);
        --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: "Font Awesome 6 Pro";
            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: "Font Awesome 6 Pro";
                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 Skin-specific Components */
/* #region Flex Slider */
body .flexslider {
    border: 0;
    margin: 0;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    background: #fff;
    padding: 7px;
}

body .flexslider .flex-direction-nav .flex-prev,
body .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0;
}

body .flexslider .flex-direction-nav .flex-next,
body .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}

body .flexslider .flex-direction-nav .flex-next,
body .flexslider .flex-direction-nav .flex-prev {
    opacity: 0.6;
}

body .flexslider:hover .flex-direction-nav .flex-next,
body .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}
/* #endregion */
.navbar-toggler {
    cursor: pointer;
    margin: auto;
    height: 36px;
    display: flex;
    position: relative;
    border: none;
    box-shadow: none;
}

    .navbar-toggler:focus {
        border: none;
        box-shadow: none;
    }

    .navbar-toggler .navbar-toggler-icon-2 {
        display: block;
        background: #000;
        width: 30px;
        height: 3px;
        position: relative;
        transition: background 10ms 300ms ease;
        transform: translateY(12px);
    }

        .navbar-toggler .navbar-toggler-icon-2:before,
        .navbar-toggler .navbar-toggler-icon-2:after {
            position: absolute;
            background: #000;
            width: 30px;
            height: 3px;
            content: "";
            left: 0;
        }

    .navbar-toggler.collapsed {
        border: none;
        box-shadow: none;
    }

        .navbar-toggler.collapsed:focus {
            border: none;
            box-shadow: none;
        }

        .navbar-toggler.collapsed .navbar-toggler-icon-2:before,
        .navbar-toggler.collapsed .navbar-toggler-icon-2:after {
            transition: top 300ms 350ms ease, transform 300ms 50ms ease;
        }

        .navbar-toggler.collapsed .navbar-toggler-icon-2:before {
            top: -9px;
        }

        .navbar-toggler.collapsed .navbar-toggler-icon-2:after {
            top: 9px;
        }

    .navbar-toggler:where(:not(.collapsed)) .navbar-toggler-icon-2 {
        background: transparent;
    }

        .navbar-toggler:where(:not(.collapsed)) .navbar-toggler-icon-2:after,
        .navbar-toggler:where(:not(.collapsed)) .navbar-toggler-icon-2:before {
            transition: top 300ms 50ms ease, transform 300ms 350ms ease;
            top: 0;
        }

        .navbar-toggler:where(:not(.collapsed)) .navbar-toggler-icon-2:before {
            transform: rotate(45deg);
        }

        .navbar-toggler:where(:not(.collapsed)) .navbar-toggler-icon-2:after {
            transform: rotate(-45deg);
        }
/* #endregion */
/* #region Home */
.home #pageMessages,
.textpage_landing #pageMessages {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.home .actionMessageContainer,
.textpage_landing .actionMessageContainer {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    overflow: visible;
}

    .home .actionMessageContainer .actionMessage,
    .textpage_landing .actionMessageContainer .actionMessage {
        width: 100%;
        display: flex;
        align-items: top;
        margin-bottom: 0;
    }

        .home .actionMessageContainer .actionMessage.actionMessageWarning,
        .textpage_landing .actionMessageContainer .actionMessage.actionMessageWarning {
            background-image: none;
            padding-left: 0;
            color: var(--red-2);
        }

            .home .actionMessageContainer .actionMessage.actionMessageWarning:before,
            .textpage_landing .actionMessageContainer .actionMessage.actionMessageWarning:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00d";
                display: inline-block;
                font-size: 1.25rem;
                margin-right: 0.5rem;
            }

        .home .actionMessageContainer .actionMessage.actionMessageOk,
        .textpage_landing .actionMessageContainer .actionMessage.actionMessageOk {
            background-image: none;
            padding-left: 0;
            color: green;
        }

            .home .actionMessageContainer .actionMessage.actionMessageOk:before,
            .textpage_landing .actionMessageContainer .actionMessage.actionMessageOk:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00c";
                display: inline-block;
                font-size: 1.25rem;
                margin-right: 0.5rem;
            }
/* #endregion */
/* #region Job Description */
.quickApplyTagContainer {
    display: none;
}

.pos_description #posdesc_pageBlock .posdescriptionPropertyBox,
.pos_description_review #posdesc_pageBlock .posdescriptionPropertyBox {
    border: none;
    padding: 2rem;
    background-color: #000;
    color: #FFF;
    border-radius: 3rem;
    margin-bottom: 2rem;
}

.pos_description #posdesc_pageBlock .jobSum,
.pos_description_review #posdesc_pageBlock .jobSum {
    display: flex;
    flex-wrap: wrap;
}

    .pos_description #posdesc_pageBlock .jobSum li,
    .pos_description_review #posdesc_pageBlock .jobSum li {
        display: inline-block;
        width: 100%;
    }

.pos_description #posdesc_pageBlock .PosDescriptionText .ApplyNowContainer,
.pos_description_review #posdesc_pageBlock .PosDescriptionText .ApplyNowContainer {
    display: none;
}

.pos_description #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText,
.pos_description_review #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText {
    display: block !important;
}

.pos_description #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap,
.pos_description_review #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    height: 300px;
    border-radius: 2rem;
    margin-bottom: 2rem;
    border: none;
}

.pos_description #posdesc_pageBlock .posDescriptionContainer317 .possharing,
.pos_description_review #posdesc_pageBlock .posDescriptionContainer317 .possharing {
    background-color: #000;
    border-radius: 2rem;
    padding: 2rem;
    color: #FFF;
}

.pos_description #PosDescSharingItems .PosDescSharingItem,
.pos_description_review #PosDescSharingItems .PosDescSharingItem {
    color: #FFF;
    transition: all 0.5s;
}

    .pos_description #PosDescSharingItems .PosDescSharingItem:hover,
    .pos_description_review #PosDescSharingItems .PosDescSharingItem:hover {
        transform: scale(1.2);
    }

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

    .pos_description div.posDescriptionContainer317 .MapVisible .map,
    .pos_description_review div.posDescriptionContainer317 .MapVisible .map {
        width: 100%;
    }

.pos_description .BigVacancyMap .map,
.pos_description_review .BigVacancyMap .map {
    position: relative;
    padding: 35px;
}

.pos_description .BigVacancyMap .mapContainer,
.pos_description_review .BigVacancyMap .mapContainer {
    background-color: #FFF;
    padding: 1.5rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

    .pos_description .BigVacancyMap .mapContainer .locationsPickerContainer,
    .pos_description_review .BigVacancyMap .mapContainer .locationsPickerContainer {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }

        .pos_description .BigVacancyMap .mapContainer .locationsPickerContainer .locationSelectLabel,
        .pos_description_review .BigVacancyMap .mapContainer .locationsPickerContainer .locationSelectLabel {
            padding-right: 0;
            font-weight: bold;
        }

        .pos_description .BigVacancyMap .mapContainer .locationsPickerContainer .locationSelectContainer,
        .pos_description_review .BigVacancyMap .mapContainer .locationsPickerContainer .locationSelectContainer {
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

    .pos_description .BigVacancyMap .mapContainer #BigVacancyMap,
    .pos_description_review .BigVacancyMap .mapContainer #BigVacancyMap {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        overflow: hidden;
    }

    .pos_description .BigVacancyMap .mapContainer .ButtonHolder_Top,
    .pos_description_review .BigVacancyMap .mapContainer .ButtonHolder_Top {
        position: absolute;
        top: 0;
        right: 35px;
    }

        .pos_description .BigVacancyMap .mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton,
        .pos_description_review .BigVacancyMap .mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton {
            display: flex;
            align-items: center;
            font-size: 0;
        }

            .pos_description .BigVacancyMap .mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton:before,
            .pos_description_review .BigVacancyMap .mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00d";
                display: inline-block;
                font-size: 1rem;
            }

    .pos_description .BigVacancyMap .mapContainer .ButtonHolder_Bottom,
    .pos_description_review .BigVacancyMap .mapContainer .ButtonHolder_Bottom {
        position: absolute;
        top: 0;
        right: 95px;
    }

        .pos_description .BigVacancyMap .mapContainer .ButtonHolder_Bottom .bigMapButton a,
        .pos_description_review .BigVacancyMap .mapContainer .ButtonHolder_Bottom .bigMapButton a {
            display: flex;
            align-items: center;
            font-size: 0;
        }

            .pos_description .BigVacancyMap .mapContainer .ButtonHolder_Bottom .bigMapButton a:before,
            .pos_description_review .BigVacancyMap .mapContainer .ButtonHolder_Bottom .bigMapButton a:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f08e";
                display: inline-block;
                font-size: 1rem;
            }

.pos_description .recruiter-container,
.pos_description_review .recruiter-container {
    border: none;
    background: #F5F5F5;
    padding: 1rem;
    border-radius: 2rem;
    word-break: break-all;
    text-align: center;
}

.pos_description h2.recruiter-title,
.pos_description_review 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;
}

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

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

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

.pos_description,
.pos_description_review {
    .benefits-block {
        background: #F5F5F5;
        padding: 1rem;
        border-radius: 2rem;
        display: flex;
        flex-wrap: wrap;

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

        .benefitBlocksContainer {
            display: flex;
            flex-wrap: wrap;
            margin-top: 1rem;
            justify-content: center;

            .benefit-block {
                width: 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 0.5rem;
                padding: 1rem;
                text-align: center;
                font-size: 0.8rem;

                i {
                    font-size: 3rem;
                    line-height: 1;
                    color: var(--red-2);
                    display: inline-block;
                }
            }
        }
    }
}
/* #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: var(--red-2);
    color: #FFF;
    border: none;
}

    #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder a {
        color: #142C52;
    }

    #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover {
        color: #212529;
        border: none;
    }

        #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover a {
            color: #212529;
        }

    #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }

        #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
            padding: 0;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: stretch;
        }

            #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                align-content: stretch;
            }

                #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                }

        #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
            display: none;
        }

#talentpoolgrid_pageBlockContainer .pageBlockHeader {
    display: none;
}

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

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

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        --cols: 1;
        --gap: 0.75rem;
        --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        gap: var(--gap);
    }

@media (min-width: 576px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 768px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 3;
    }
}

@media (min-width: 1200px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 4;
    }
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
    width: var(--item-width, 100%);
    margin: 0;
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
    /*height: 300px;*/
    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: 2rem;
}

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .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;
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
            position: relative;
            width: 100%;
            z-index: 1;
            text-align: center;
            margin-top: 0;
            padding: 0;
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a {
                text-decoration: none;
                transition: all 0.2s ease;
                padding: 15px;
                width: 100%;
                overflow: auto;
                font-size: 20px;
                aspect-ratio: 1/1;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: space-evenly;
                position: relative;
                z-index: 1;
            }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: var(--red-2);
                    transition: opacity 0.2s;
                    opacity: 1;
                    z-index: -1;
                }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:hover:before {
                    background: var(--grey-2);
                    opacity: 0.5;
                }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:after {
                    content: var(--register-interest-button-text, "Register your interest");
                    width: 100%;
                    position: absolute;
                    bottom: 20px;
                    left: 50%;
                    transform: translateX(-50%);
                }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                float: none;
            }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a.rcMenu {
                    color: #fff;
                }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
            float: left;
            width: 100%;
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer {
                padding: 0;
                margin: 0;
            }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span {
                    z-index: 1;
                    transition: all 0.2s ease-in-out;
                }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span a.rcMenu img {
                        width: 100%;
                        height: 284px;
                        object-fit: cover;
                        object-position: 50% 50%;
                    }
/* #endregion */
/* #region Welcome */
.welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    flex: 0 0 100%;
    margin: 0;
    padding: 1rem 0.5rem;
    gap: 1rem;
}

    .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconImage {
        flex: 0 0 auto;
        width: 100px !important;
        height: auto !important;
        float: none;
        margin-left: 0;
        text-align: center;
    }

    .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue {
        flex: 1 1 auto;
        width: calc(100% - 100px - 1rem);
        margin-left: 0;
    }

.welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconImage img {
    display: none !important;
}

.welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow:hover .iconLabel a,
.welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow:hover .iconLabel a:before,
.welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow:hover .iconImage:before {
    color: var(--red-2);
}

.welcome #eaContainer #WelcomeInfoBlock_form .iconRowValues {
    width: 100%;
}

.welcome #eaContainer #WelcomeInfoBlock_form .iconRowValue {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: none;
    margin-right: 0;
}

    .welcome #eaContainer #WelcomeInfoBlock_form .iconRowValue .iconRowValueLabel {
        width: auto;
        padding: 0.5rem 0.5rem 0 0;
        float: none;
        margin-right: 0;
    }

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

.welcome #eaContainer #ToDoList_pageBlock {
    margin-bottom: 1rem;
}

.welcome #eaContainer .actionTextGreeting {
    font-weight: bold;
}

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

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    color: var(--red-2);
}
/* #endregion */
/* #region My Details */
#MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    color: #333;
    border-radius: 0.25rem;
}

#MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

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

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

.mydetails .pageBlockContainer_GridBlock:where(:not(#BackBlock_pageBlockContainer)) {
    border: 1px solid #CCC;
    border-radius: 0.25rem;
    padding: 0.5rem;
}

.mydetails .pageBlockContainer_FormBlock:where(:not(#BackBlock_pageBlockContainer)) .pageBlockTitle {
    text-align: center;
    width: 100%;
}

.mydetails .pageBlockContainer_FormBlock:where(:not(#BackBlock_pageBlockContainer))#SkillsForm_pageBlockContainer,
.mydetails .pageBlockContainer_FormBlock:where(:not(#BackBlock_pageBlockContainer))#fileupload_pageBlockContainer {
    border: 1px solid #CCC;
    border-radius: 0.25rem;
    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:not(#TileList_eventslist_formRow)#fileupload_Files_formRow {
    margin-bottom: 0;
}

.mydetails .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
    padding-bottom: 0;
}

.mydetails_username .eArcuInfoHeader {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.5rem;
}

.mydetails_username .eArcuInfoText {
    margin-bottom: 0.5rem;
}

div#fileupload_Files_formRow .labelContainer label.formLabel, #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow.uploadRow .controlContainer {
    width: 100%;
}

/* #endregion */
/* #region Interviews */
.interviewbookingconfirm #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly,
.interviewdetail #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly {
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.interviewbookingconfirm #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow,
.interviewdetail #eaContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
    max-width: 550px;
}
/* #endregion */
/* #region Offers */
.offer #eaContainer .offerAnchor {
    --btn: "primary";
    background-color: var(--btn-background);
    color: var(--btn-color);
    border: var(--btn-border);
    padding: 0.5rem 1rem;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    width: auto;
    font-weight: normal;
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
}

    .offer #eaContainer .offerAnchor:hover {
        background-color: var(--btn-hover-background);
        color: var(--btn-hover-color);
        border: var(--btn-hover-border);
        text-decoration: none;
    }

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

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

#eaContainer .PosMyWelcomePackSummaryLinks {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}
/* #endregion */
/* #region Welcome pack section list */
.mywelcomepacks_offerform_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    margin-bottom: 0;
}
/* #endregion */
/* #region Welcome pack forms */
.mywelcomepacks_offerform_summary .pageBlockTitle,
.mywelcomepacks_offerform_bankdetails .pageBlockTitle,
.mywelcomepacks_offerform_emergencycontact .pageBlockTitle,
.mywelcomepacks_offerform_healthquestions .pageBlockTitle,
.mywelcomepacks_offerform_nextofkin .pageBlockTitle,
.mywelcomepacks_offerform_taxinformation .pageBlockTitle,
.mywelcomepacks_offerform_submit .pageBlockTitle {
    text-align: center;
}

.mywelcomepacks_offerform_summary #SectionCompleteBlock_buttons_formRow .buttonsRight,
.mywelcomepacks_offerform_bankdetails #SectionCompleteBlock_buttons_formRow .buttonsRight,
.mywelcomepacks_offerform_emergencycontact #SectionCompleteBlock_buttons_formRow .buttonsRight,
.mywelcomepacks_offerform_healthquestions #SectionCompleteBlock_buttons_formRow .buttonsRight,
.mywelcomepacks_offerform_nextofkin #SectionCompleteBlock_buttons_formRow .buttonsRight,
.mywelcomepacks_offerform_taxinformation #SectionCompleteBlock_buttons_formRow .buttonsRight,
.mywelcomepacks_offerform_submit #SectionCompleteBlock_buttons_formRow .buttonsRight {
    display: flex;
    justify-content: center;
}

    .mywelcomepacks_offerform_summary #SectionCompleteBlock_buttons_formRow .buttonsRight:where(:has(.buttonActionId_next)),
    .mywelcomepacks_offerform_bankdetails #SectionCompleteBlock_buttons_formRow .buttonsRight:where(:has(.buttonActionId_next)),
    .mywelcomepacks_offerform_emergencycontact #SectionCompleteBlock_buttons_formRow .buttonsRight:where(:has(.buttonActionId_next)),
    .mywelcomepacks_offerform_healthquestions #SectionCompleteBlock_buttons_formRow .buttonsRight:where(:has(.buttonActionId_next)),
    .mywelcomepacks_offerform_nextofkin #SectionCompleteBlock_buttons_formRow .buttonsRight:where(:has(.buttonActionId_next)),
    .mywelcomepacks_offerform_taxinformation #SectionCompleteBlock_buttons_formRow .buttonsRight:where(:has(.buttonActionId_next)),
    .mywelcomepacks_offerform_submit #SectionCompleteBlock_buttons_formRow .buttonsRight: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: start;
        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;
}

    /*.mywelcomepacks_offerform_taxinformation #eaContainer #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop .labelContainer,*/
    .mywelcomepacks_offerform_taxinformation #eaContainer #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop .errorContainer {
        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;
    border-bottom: 1px solid #AAA;
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox {
    --cols: 1;
    --gap: 0.5rem;
    --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap, 0)) / var(--cols, 1)));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap);
    gap: 0.5rem 0;
    margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox {
        --cols: 1;
    }
}

@media (min-width: 768px) {
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox {
        --cols: 2;
    }
}

@media (min-width: 992px) {
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox {
        --cols: 2;
    }
}

@media (min-width: 1200px) {
    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox {
        --cols: 2;
    }
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder {
    width: var(--item-width, 100%);
    margin: 0;
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--item-width, 100%) !important;
    flex-grow: 1;
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder {
    padding: 0.5rem;
}

    #MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .offerLayoutInnerPlaceHolder ul {
        margin-bottom: 0;
    }

#OfferInfoBlock_pageBlock .offerBlockContainer_Text {
    padding: 0.5rem;
}

#MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock label {
    display: block;
    justify-content: start;
    text-align: end;
    margin-right: 10px;

    span.mandatoryContainer {
        margin-right: 0;
    }

    ul, li {
        text-align: left;
    }

    &:has(ul, li) {
        text-align: start;
    }

    &:where(.highlightTop label) {
        text-align: start;
        padding: .5rem 0 0 .5rem;
        display: flex;
        gap: .5rem;
        align-items: center;
    }
}

#MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop,
#MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom {
    background-color: var(--light-grey);
}
/* #endregion */
/* #endregion */
/* #region Application Pages */
#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    margin-left: 0;
}

#eaContainer .MySummaryItemsContainer .MySummaryItem {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    border-radius: 0.25rem;
}

#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(--light-grey);
        color: var(--red-2);
        border: 2px solid var(--red-2);
        transition: background-color 0.3s, color 0.3s;
        overflow: hidden;
        min-height: 130px;
        padding: 0.5rem;
        border-radius: 0.25rem;
    }

        #Application_Home_pageView .ulList li.ulListItem:hover,
        .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover {
            background-color: var(--red-2);
            color: #FFF;
            border: none;
            text-decoration: none;
        }

            #Application_Home_pageView .ulList li.ulListItem:hover a,
            .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a {
                color: #FFF;
            }

        #Application_Home_pageView .ulList li.ulListItem a,
        .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem a {
            transition: color 0.3s;
            color: var(--red-2);
            position: relative;
        }

        #Application_Home_pageView .ulList li.ulListItem.Completed,
        .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.Completed {
            background-color: var(--red-2);
            color: #FFF;
            border: none;
        }

            #Application_Home_pageView .ulList li.ulListItem.Completed:hover,
            .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.Completed:hover {
                background-color: var(--red-2);
                color: #FFF;
                border: none;
            }

                #Application_Home_pageView .ulList li.ulListItem.Completed:hover a,
                .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.Completed:hover a {
                    color: #FFF;
                }

            #Application_Home_pageView .ulList li.ulListItem.Completed a,
            .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.Completed a {
                color: #FFF;
                position: relative;
            }

    #Application_Home_pageView .ulListItem,
    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
        background-image: none;
    }

        #Application_Home_pageView .ulListItem a:before,
        .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem a:before {
            margin-right: 0.5rem;
        }

        #Application_Home_pageView .ulListItem a:hover:before,
        .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem a:hover:before {
            text-decoration: none;
        }

        #Application_Home_pageView .ulListItem.Completed,
        .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed {
            background-image: none;
        }

            #Application_Home_pageView .ulListItem.Completed a:before,
            .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed a:before {
                font-family: "Font Awesome 6 Pro";
                font-weight: 900;
                line-height: 1;
                color: inherit;
                content: "\f00c";
                display: inline-block;
            }

#posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner {
    background-color: transparent;
    border: 2px solid var(--red-2);
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background-color: var(--red-2);
    border: 2px solid var(--red-2);
}

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

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

#posSummaryBlockv2_pageBlock .appCompleteChartBack {
    margin-bottom: 0;
}

.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 */
/* #region Medium+ Devices */
@media (min-width: 768px) {
    /* #region Core Overrides */
    #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight {
        width: calc((100% - 0.5rem) / 2);
    }

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer {
        width: 60%;
    }

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer {
        width: 40%;
        margin-top: 0;
    }

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        width: auto;
    }

    #eaContainer .verifContainer .buttonsLeft a.buttonAnchor.addEmail {
        margin-left: auto;
    }
    /* #endregion */
    /* #region Lists */
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    /* #endregion */
    /* #region Forms */
    #eaContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow)[style="display: block;"],
    #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.formRow:not(#TileList_eventslist_formRow)[style="display: block;"] {
        display: flex !important;
    }
    /* #endregion */
    /* #region Job Description */
    .pos_description #posdesc_pageBlock .jobSum li,
    .pos_description_review #posdesc_pageBlock .jobSum li {
        width: 50%;
    }

    .pos_description div.posDescriptionContainer317 .MapVisible .map,
    .pos_description_review div.posDescriptionContainer317 .MapVisible .map {
        width: 500px;
    }
    /* #endregion */
}
/* #endregion */
/* #region Medium- Devices */
@media (max-width: 767.98px) {
    /* #region Core Overrides */
    .application_section_submit .verifContainer .verifyEmail {
        margin-bottom: 0.5rem;
    }

    #eaContainer .verifContainer .buttonsLeft a.buttonAnchor {
        width: 100%;
    }
    /* #endregion */
    /* #region Search Results */
    .posListHover_Visible {
        display: none;
    }
    /* #endregion */
}
/* #endregion */
/* #region Large+ Devices */
@media (min-width: 992px) {
    /* #region Core Overrides */
    #posdesc_pageBlock .posDescriptionContainer {
        flex-wrap: nowrap;
    }

        #posdesc_pageBlock .posDescriptionContainer .LeftJobBox {
            width: 66.6666666667%;
        }

        #posdesc_pageBlock .posDescriptionContainer .RightJobBox {
            width: 33.3333333333%;
        }

    .pageBlockInner_FormBlock div.formRowFileUploadRow .dropHere {
        display: flex !important;
    }
    /* #endregion */
    /* #region CSS Variables */
    .navbar {
        --bs-navbar-nav-link-padding-x: .8rem;
    }
    /* #endregion */
    /* #region Filters */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        margin-bottom: 0;
    }
    /* #endregion */
    /* #region Lists */
    #eaContainer .pageBlockInner_GridBlock .gridContainer .gridTop .pagingControls_Tiles {
        justify-content: end;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop {
        justify-content: start;
    }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop .sortingText,
        #eaContainer #posBrowser_ResultsGrid_pageBlock .pageBlockInner_GridBlock .gridContainer .gridTop .sortingCurrent {
            text-align: left;
        }
    /* #endregion */
    /* #region Buttons */
    .application_section_personaldetails .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight ul {
        flex-direction: row;
    }

    #eaContainer .formRow.formRowButtonRow .buttonsLeft {
        flex: 1 0 calc(50% - 0.25rem);
        margin-bottom: 0;
    }

    #eaContainer .formRow.formRowButtonRow .buttonsRight {
        flex: 1 0 calc(50% - 0.25rem);
    }

    #eaContainer .buttonsLeft ul,
    #eaContainer .buttonsRight ul,
    #eaContainer .buttonsCenter ul {
        flex-direction: row;
    }

    .ui-dialog .buttonsLeft ul,
    .ui-dialog .buttonsRight ul,
    .ui-dialog .buttonsCenter ul {
        flex-direction: row;
    }

    .latest-jobs-section .buttonsLeft ul,
    .latest-jobs-section .buttonsRight ul,
    .latest-jobs-section .buttonsCenter ul {
        flex-direction: row;
    }

    div.buttonsRight li.pageBlockHeader_AddNotClicked .iconContainer.buttonAnchor.basicIcons {
        width: auto !important;
    }

    .mapContainer .ButtonHolder_Top .bigMapButton .closeMapButton,
    .mapContainer .ButtonHolder_Bottom .bigMapButton a {
        width: auto;
    }

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

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.connect,
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .servicesContainer .serviceContainer .statusContainer .button.disconnect {
        margin-top: 0;
    }
    /* #endregion */
    /* #region Category Blocks */
    #categoryCounts {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom-left-radius: 8rem;
        border-bottom-right-radius: 8rem;
    }
    /* #endregion */
    /* #region Search Results */
    .pos_find_results #eaContainer #Pos_Find_Results_pageView #posBrowser_Filter_pageBlockContainer {
        width: calc(33.3333333333% - var(--gap) / 2);
    }

    .pos_find_results #eaContainer #Pos_Find_Results_pageView #posBrowser_ResultsGrid_pageBlockContainer {
        width: calc(66.6666666667% - var(--gap) / 2);
    }

    .pos_find_results_map #eaContainer #Pos_Find_Results_Map_pageView #posBrowser_Filter_pageBlockContainer {
        width: calc(33.3333333333% - var(--gap) / 2);
    }

    .pos_find_results_map #eaContainer #Pos_Find_Results_Map_pageView #MapBlock_pageBlockContainer {
        width: calc(66.6666666667% - var(--gap) / 2);
    }

    .pageBlockInner_GridBlock .pagingControls_Tiles {
        margin-left: auto !important;
    }
    /* #endregion */
    /* #region Forms */
    #FindJobColumn .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsLeft li,
    #FindJobColumn .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsRight li,
    #FindJobColumn .pageBlockInner.pageBlockInner_FormBlock .formRow.formRowButtonRow .buttonsCenter li,
    #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 {
        width: auto;
    }

    #eaContainer #SectionCompleteBlock_buttons_formRow a.buttonAnchor,
    #quickapplydialogDialogContainer #SectionCompleteBlock_buttons_formRow a.buttonAnchor {
        max-width: 400px;
        margin: 0 auto !important;
    }

    #eaContainer .PasswordReset_Request #eaContainer .blockSummaryText,
    #quickapplydialogDialogContainer .PasswordReset_Request #eaContainer .blockSummaryText {
        text-align: center;
    }
    /* #endregion */
    /* #region Job Description */
    .pos_description #posdesc_pageBlock .jobSum li,
    .pos_description_review #posdesc_pageBlock .jobSum li {
        width: 33%;
    }

    .pos_description #posdesc_pageBlock .PosDescriptionText .ApplyNowContainer,
    .pos_description_review #posdesc_pageBlock .PosDescriptionText .ApplyNowContainer {
        display: block;
    }

    .pos_description #posdesc_pageBlock .posDescriptionContainer .LeftJobBox,
    .pos_description_review #posdesc_pageBlock .posDescriptionContainer .LeftJobBox {
        padding-right: 3rem;
    }

    .pos_description #posdesc_pageBlock .posDescriptionContainer .RightJobBox,
    .pos_description_review #posdesc_pageBlock .posDescriptionContainer .RightJobBox {
        padding-left: 3rem;
        border-left: 1px solid #EFEFEF;
    }

    .pos_description div.posDescriptionContainer317 .MapVisible .map,
    .pos_description_review div.posDescriptionContainer317 .MapVisible .map {
        width: 700px;
    }

    .pos_description .latest-jobs-section,
    .pos_description .pos_description_review,
    .pos_description_review .latest-jobs-section,
    .pos_description_review .pos_description_review,
    .pos_category_description .latest-jobs-section {
        padding-bottom: 5rem;
        border-bottom-left-radius: 5rem;
        border-bottom-right-radius: 5rem;
        position: relative;
        z-index: 1;
    }

        .pos_description .latest-jobs-section + .section-alerts,
        .pos_description .pos_description_review + .section-alerts,
        .pos_description_review .latest-jobs-section + .section-alerts,
        .pos_description_review .pos_description_review + .section-alerts {
            padding-top: 10rem;
            margin-top: -5rem;
            position: relative;
        }
    /* #endregion */
    /* #region Welcome */
    .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconImage:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: 60px;
        line-height: 1;
        color: #000;
        content: "";
        display: inline-block;
        transition: color 0.2s;
        line-height: 1;
        margin-top: 1rem;
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_MyDetails_formRow .iconImage:before {
        content: "\f007";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Applications_formRow .iconImage:before {
        content: "\f46d";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Interviews_formRow .iconImage:before {
        content: "\e14e";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Offers_formRow .iconImage:before {
        content: "\f0b1";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Emails_formRow .iconImage:before {
        content: "\f1fa";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Feeds_formRow .iconImage:before {
        content: "\f0a1";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Tests_formRow .iconImage:before {
        content: "\f4ac";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Welcome_Packs_formRow .iconImage:before {
        content: "\f52b";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_TalentPools_formRow .iconImage:before {
        content: "\f0c0";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Logout_formRow {
        margin-top: 1rem;
    }

        .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Logout_formRow .iconContainer {
            align-items: center;
        }

        .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Logout_formRow .iconImage:before {
            content: "\f011";
            margin-top: 0;
        }
    /* #endregion */
}
/* #endregion */
/* #region Large- Devices */
@media (max-width: 991.98px) {
    /* #region Welcome */
    .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconImage {
        display: none;
    }

    .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconLabel a {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
        font-size: 1.2rem;
    }

        .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconLabel a:before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 400;
            line-height: 1;
            color: var(--red-2);
            content: "";
            display: inline-block;
            transition: color 0.2s;
        }

        .welcome #eaContainer #WelcomeInfoBlock_form .formRowIconRow .iconLabel a:hover {
            text-decoration: none;
        }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_MyDetails_formRow .iconLabel a:before {
        content: "\f007";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Applications_formRow .iconLabel a:before {
        content: "\f46d";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Interviews_formRow .iconLabel a:before {
        content: "\e14e";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Offers_formRow .iconLabel a:before {
        content: "\f0b1";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Emails_formRow .iconLabel a:before {
        content: "\f1fa";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Feeds_formRow .iconLabel a:before {
        content: "\f0a1";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Logout_formRow .iconLabel a:before {
        content: "\f011";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_Tests_formRow .iconLabel a:before {
        content: "\f4ac";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form#WelcomeInfoBlock_Welcome_Packs_formRow .iconLabel a:before {
        content: "\f52b";
    }

    .welcome #eaContainer #WelcomeInfoBlock_form #WelcomeInfoBlock_TalentPools_formRow .iconLabel a:before {
        content: "\f0c0";
    }
    /* #endregion */

    .block-image:not(.uncropped) {
        height: auto;
    }

    p.image-helper-text {
        position: relative;
        bottom: initial;
        right: initial;
    }
}
/* #endregion */
/* #region Extra Large+ Devices */
@media (min-width: 1200px) {
    /* #region CSS Variables */
    .navbar {
        --bs-navbar-nav-link-padding-x: 1rem;
    }
    /* #endregion */
    /* #region Job Description */
    .pos_description div.posDescriptionContainer317 .MapVisible .map,
    .pos_description_review div.posDescriptionContainer317 .MapVisible .map {
        width: 900px;
    }
    /* #endregion */
}
/* #endregion */
/* #region Extra Extra Large+ Devices */
@media (min-width: 1400px) {
    /* #region Job Description */
    .pos_description div.posDescriptionContainer317 .MapVisible .map,
    .pos_description_review div.posDescriptionContainer317 .MapVisible .map {
        width: 1000px;
    }
    /* #endregion */
}
/* #endregion */
/* #region Header / Footer */
header, footer {
    a {
        text-underline-offset: .25rem;
    }

    .logo-t {
        max-width: 70px;
    }

    .logo-tfw {
        max-height: 80px;
    }

    .social-links-container {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .social-links {
        display: flex;
        gap: .5rem;
    }

    a.social {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        border-radius: var(--btn-border-radius);
        background-color: #FFF;
        border: 1px solid #FFF;
        transition: background-color .3s, border .3s;

        i {
            color: #000;
            transition: color .3s;
        }

        &:hover {
            background-color: var(--red-2);
            border: 1px solid var(--red-2);
            text-decoration: none;

            i {
                color: #FFF;
            }
        }
    }
}

footer {
    background-color: #000;
    color: #FFF;
    padding-top: 1rem;
    border-top: 1px solid #fff;

    a {
        color: #FFF;

        &:hover {
            color: #FFF;
        }
    }

    .content {
        padding: 3rem 0 1rem;
    }

    .footer-top-row {
        margin-bottom: 2rem;
    }

    .footer-middle-row a {
        display: inline-block;
        padding: .5rem 0;
    }

    .footer-bottom-row {
        font-size: .75rem;
    }
}
/* #endregion */
/* #region Extra content */
#home-img {
    background-color: #FFF;
    color: #000;

    h2 {
        display: none;
    }
}

#quicksearch_form {
    display: flex;
    flex-wrap: wrap;

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

.blocks {
    .block {
        padding: 3rem 0;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;

        &.no-margin,
        &:has(+ .no-margin) {
            margin-bottom: 0;
        }

        &.no-margin {
            padding-top: 50px;
            padding-bottom: 50px;
        }

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

        .has-heading-with-btn {
            .btn {
                white-space: nowrap;
            }
        }

        .row {
            max-width: 1620px;
            width: 100%;
            flex: 100%;
        }
    }
}

.pageBlockInner_FormBlock .formRowTextLiteralRow:not(#UsernameForm_sso_or_formRow) div.textLiteral {
    text-align: left;
}

.buttonContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#register-alerts {
    h3 {
        font-size: 1.5rem;
    }

    .buttonContainer {
        a {
            min-width: 220px;

            &:first-child {
                background: var(--red);
                color: #fff;
                border-color: var(--red);

                &:hover {
                    background: #000;
                    color: #fff;
                    border-color: var(--red);
                }
            }
        }
    }
}
/* #endregion */
/* #region Language selector */
.lang-selector {
    > .nav-link {
        > i {
            font-size: 1.25rem;
            font-weight: 400;
        }

        &:hover > i {
            color: inherit;
        }

        + ul li {
            min-width: 200px;
        }
    }
}
/* #endregion */

#eaContainer #SubmitForm_pageBlockContainer .pageBlockInner.pageBlockInner_FormBlock .formRow {
    max-width: 100%;
}