/*
    Jump to:
    Client
    Home
    Benefits
    Digital
    Misc Styling
    Landing Page Styling
    Results Page Styling
    Job Description Styling
    Login/Register Styling
    Profile Styling 
    Application/Onboarding Styling
    Responsive Styling
*/
/*debug*/
/** {
    outline: 1px solid red !important;
}*/

/*#region Client */
.subnav-title {
    min-height: 74px;
    width: 100%;
    background-color: white;
    border-bottom: 2px solid #f5f5f5;
}

    .subnav-title .row {
        min-height: 74px;
    }

    .subnav-title h1 {
        margin: 0;
        padding: 0;
        font-size: 2.1rem;
        font-weight: 700;
    }

.subnav-nav {
    min-height: 47px;
    width: 100%;
    background-color: white;
}

    .subnav-nav .row {
        min-height: 47px;
    }


@media screen and (max-width:1280px) {
    .subnav-title,
    .subnav-nav {
        padding-left: 37px;
        padding-right: 37px;
    }
}

ul.careers-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.careers-menu li {
        display: inline-block;
        /*change to flext*/
        margin: 0;
        padding-left: 0;
    }

        ul.careers-menu li a {
            text-decoration: none;
            font-size: 0.85rem;
            color: #000000;
        }

            ul.careers-menu li a:hover {
            }

        ul.careers-menu li.m2right {
            margin-right: 40px;
        }
/*#endregion */
/*#region Home */
.home-hero {
    background-image: url("../images/custom/home-hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    min-height: 674px;
    color: white;
    position: relative;
}

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

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

.home-hero h1 {
    font-size: 3.6rem;
    margin-top: 43px;
    color: black;
}

.sub-hero {
    min-height: 276px;
    width: 100%;
    background-color: #3C1366;
}

    .sub-hero .row {
        min-height: 276px;
    }

    .sub-hero h2 {
        color: white;
        font-size: 2rem;
        margin-bottom: 55px;
    }

        .sub-hero h2 br {
            display: block;
        }

.grey-panel {
    min-height: 372px;
    width: 100%;
    background-color: #f5f5f5;
}

    .grey-panel .row {
        min-height: 372px;
    }

    .grey-panel p {
        font-size: 1.4rem;
    }

.owl-theme .owl-dots .owl-dot span {
    background: white;
    border: 1px solid #889791;
    width: 13px;
    height: 13px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #889791;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
    display: none;
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/custom/slider-left.png);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 9px;
    height: 14px;
    position: absolute;
    left: -38px;
    top: 142px;
    box-shadow: none !important;
}

.different-panel .owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/custom/green-slider-left.png);
    width: 12px;
    height: 20px;
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/custom/slider-right.png);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 9px;
    height: 14px;
    position: absolute;
    right: -38px;
    top: 142px;
    box-shadow: none !important;
}

.different-panel .owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/custom/green-slider-right.png);
    width: 12px;
    height: 20px;
}


.owl-carousel .owl-nav button.owl-prev:hover {
    background: url(../images/custom/slider-left-hover.png);
}

.owl-carousel .owl-nav button.owl-next:hover {
    background: url(../images/custom/slider-right-hover.png);
}

.different-panel .owl-carousel .owl-nav button.owl-prev:hover {
    background: url(../images/custom/green-slider-left-hover.png);
}

.different-panel .owl-carousel .owl-nav button.owl-next:hover {
    background: url(../images/custom/green-slider-right-hover.png);
}

.owl-carousel .owl-nav button.owl-prev:active,
.owl-carousel .owl-nav button.owl-next:active {
    box-shadow: none !important;
}
/**************************************/
.card-panel {
    padding-top: 68px;
    padding-bottom: 68px;
    width: 100%;
    background-color: #f5f5f5;
}

.home-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px; /*change this value!!*/
}

.home-card {
    flex: 1 0 auto;
    max-width: calc(33.3333% - 10px);
    background-color: white;
    border-radius: 4px;
    padding: 20px;
}


.hc-text {
    padding: 22px 16px 24px 16px;
}

.hc-title {
    min-height: 53px
}

    .hc-title h3 {
        font-weight: 700;
        font-size: 1.5rem;
        margin-bottom: 0;
    }

.hc-main {
    min-height: 126px
}

    .hc-main p {
        margin-bottom: 0;
        font-size: 1rem;
    }

.pre-moggie {
    background-color: #3C1366;
    width: 100%;
    min-height: 276px;
    padding: 54px 0;
}

.digim {
    background-color: #1D2956;
}

.pre-moggie h2 {
    color: white;
    font-size: 2rem;
    margin-bottom: 55px;
}

    .pre-moggie h2 br {
        display: block;
    }

a.home-btn, a.digi-btn {
    padding: 12px 16px;
    min-width: 174px;
    height: 44px;
    background: #3BE0D0;
    border-radius: 4px;
    font-family: 'cambridge sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #133844;
    text-decoration: none;
    display: inline-block;
}

    a.home-btn:hover, a.digi-btn:hover {
        background: #8EE8D8;
        color: #133844;
        text-decoration: none;
    }

a.db-mini {
    min-width: 114px;
}

.video-banner {
    width: 100%;
    min-height: 582px;
    background-image: url(../images/custom/digi-vid-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: grid;
    place-items: center;
    padding: 54px 0;
}

    .video-banner h2 {
        color: white;
        margin-bottom: 54px;
        text-align: center;
        max-width: 700px;
    }

    .video-banner img {
        max-width: 1000px;
        width: 100%;
        max-height: 500px;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .video-banner a {
        position: relative;
    }

        .video-banner a:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            background-image: url(../images/custom/cupa-play.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 74px;
            height: 74px;
            cursor: pointer;
        }
/*#endregion */
/*#region Benefits */
.benefits-hero {
    background-image: url("../images/custom/benefits-hero.png");
    background-repeat: no-repeat;
    background-size: cover; /*contain auto*/
    background-position: top center;
    width: 100%;
    min-height: 674px;
}

    .benefits-hero h1 {
        font-size: 3.6rem;
        margin-top: 43px;
    }

.benefits-grey-panel {
    min-height: 301px;
    width: 100%;
    background-color: #f5f5f5;
}

    .benefits-grey-panel .row {
        min-height: 301px;
    }

    .benefits-grey-panel h2 {
        font-size: 2rem;
        line-height: 1.08333;
        margin-bottom: 30px;
    }

    .benefits-grey-panel p {
        font-size: 1.4rem;
        font-weight: 500;
        margin-bottom: 0;
    }

.content-panel {
    width: 100%;
    background-color: white;
    padding-top: 42px;
    padding-bottom: 30px;
}

    .content-panel h2 {
        font-weight: 700;
        font-size: 1.65rem;
        margin-bottom: 10px;
    }

    .content-panel p {
        font-size: 1.15rem;
    }

    .content-panel ul {
        padding-left: 30px;
        margin-top: 0px;
        margin-bottom: 28px;
        list-style-type: disc;
    }

        .content-panel ul li {
            padding-left: 0;
            margin-bottom: 0;
            font-size: 1.15rem;
        }

.job-alerts {
    background-color: #3C1366;
    width: 100%;
    min-height: 276px;
}

    .job-alerts .row {
        min-height: 276px;
    }

    .job-alerts h2 {
        color: white;
        font-size: 2rem;
        margin-bottom: 19px;
    }

    .job-alerts p {
        color: white;
        font-size: 1rem;
        margin-bottom: 46px;
    }
/*#endregion */

/*#region Digital */
.digital-hero {
    min-height: 600px;
    width: 100%;
    background-image: url(../images/custom/digital-hero.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: white;
    position: relative;
}

    .digital-hero .row {
        min-height: 600px;
    }

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

.digital-grey-panel {
    min-height: 344px;
    width: 100%;
    background-color: #f5f5f5;
}

    .digital-grey-panel .row {
        min-height: 344px;
    }

    .digital-grey-panel h2 {
        font-size: 1.6rem;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .digital-grey-panel p {
        font-size: 1.4rem;
        margin: 0;
    }

    .digital-grey-panel.p-margin p {
        margin-bottom: 1rem;
    }

    .digital-grey-panel.p-margin *:last-child {
        margin-bottom: 0;
    }

.code-panel {
    min-height: 276px;
    background-image: url(../images/custom/code-bg.png);
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

    .code-panel .row {
        min-height: 276px;
    }

    .code-panel h2 {
        color: white;
        font-size: 2.1rem;
        margin-bottom: 16px;
    }

    .code-panel p {
        color: white;
    }

.textpage_teacher .code-panel {
    background-image: url(../images/custom/blackboard.jpg);
}

.icons-panel {
    /*min-height: 988px;*/
    width: 100%;
}

    /*.icons-panel .row {
        min-height: 988px;
    }*/

    .icons-panel h2 {
        margin-bottom: 88px;
    }

.tech-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 34px;
}

.tech-icon {
    flex: 0 1 404px;
    background-color: white;
}

.ti-img {
    text-align: center;
    min-height: 142px;
}

.tech-icon h3 {
    font-size: 1.5rem;
}

.compensation {
    text-align: left;
}

    .compensation ul {
        list-style: disc;
        padding-left: 30px;
    }

.stories-panel {
    min-height: 450px;
    width: 100%;
    background-color: #CB3F14;
    background-image: url(../images/custom/people-bg.png);
    background-position: center left -25%;
    background-size: contain;
    background-repeat: no-repeat;
}

    .stories-panel .owl-theme .owl-nav {
        margin-top: 0;
    }

.story {
    display: flex;
}

.story-text {
    flex: 1 1 50%;
    min-height: 450px;
    padding-right: 53px;
    padding-bottom: 70px;
}

    .story-text h2, .story-image h2 {
        color: white;
        font-size: 2.4rem;
        margin-top: 44px;
        margin-bottom: 34px;
    }

    .story-text p.story-subtitle {
        color: white;
        font-weight: 700;
        font-size: 1.2rem;
    }

    .story-text p.maint {
        color: white;
        font-weight: 300;
        margin-bottom: 19px;
    }

.story-image {
    flex: 1 1 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 450px;
}

.si01 {
    background-image: url(../images/custom/ps--04.png) /*ian w*/
}

.si02 {
    background-image: url(../images/custom/ps--01.png)
}

.si03 {
    background-image: url(../images/custom/ps--02.png)
}

.si04 {
    background-image: url(../images/custom/ps--03.png)
}

.stories-panel .owl-theme .owl-dots {
    text-align: left;
    width: 200px;
    position: absolute;
    bottom: 20px;
}

    .stories-panel .owl-theme .owl-dots .owl-dot span {
        background: transparent;
        border: 1px solid white;
        width: 13px;
        height: 13px;
    }

    .stories-panel .owl-theme .owl-dots .owl-dot.active span,
    .stories-panel .owl-theme .owl-dots .owl-dot:hover span {
        background: white;
    }

.stories-panel .owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/custom/white-slider-left.png);
    width: 12px;
    height: 20px;
    top: 213px;
}

.stories-panel .owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/custom/white-slider-right.png);
    width: 12px;
    height: 20px;
    top: 213px;
}

.stories-panel .owl-carousel .owl-nav button.owl-prev:hover {
    background: url(../images/custom/white-slider-left-hover.png);
}

.stories-panel .owl-carousel .owl-nav button.owl-next:hover {
    background: url(../images/custom/white-slider-right-hover.png);
}

.mb-stories {
    background-color: #CB3F14;
    background-image: url(../images/custom/people-bg.png);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
}

    .mb-stories h2, .mb-stories p {
        color: white;
    }

.different-panel {
    background-color: #F5F5F5;
    min-height: 678px;
}

    .different-panel .row {
        min-height: 678px;
    }

    .different-panel h2 {
        margin-bottom: 54px;
    }

.different-card {
    display: block;
    width: 404px;
    height: 372px;
    background-color: white;
    border-radius: 4px;
    text-align: left;
}

.dif-img {
    min-height: 180px;
}

    .dif-img img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

.dif-text {
    padding: 22px 16px 24px 16px;
    text-align: center;
}

.dif-title {
    min-height: 35px
}

    .dif-title h3 {
        font-weight: 700;
        font-size: 1.45rem;
        margin-bottom: 0;
    }

.dif-main {
    min-height: 85px
}

    .dif-main p {
        margin-bottom: 0;
        font-size: 1rem;
    }

.dif-footer {
}

    .dif-footer a {
        color: #2A5DB0;
        text-decoration: none;
        font-size: 1rem;
    }

        .dif-footer a:hover {
            text-decoration: underline;
        }

        .dif-footer a:after,
        .hc-link a:after {
            content: '';
            height: 0.625rem;
            width: 0.625rem;
            display: inline-block;
            margin-right: 0.375rem;
            margin-left: 0.1875rem;
            background-position: left top;
            background-size: auto;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background: url(../images/custom/arrow.svg) 50% 50% no-repeat;
            background-size: 100% auto;
        }

.digi-video-banner {
    width: 100%;
    min-height: 1416px;
    background-image: url(../images/custom/digi-vid-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: grid;
    place-items: center;
}

.textpage_teacher #findoutmore .buttonsContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
/*****/
.more-panel {
    background-color: #EEF3F3;
    min-height: 705px;
}

    .more-panel .row {
        min-height: 705px;
    }

    .more-panel h2 {
        margin-bottom: 31px;
    }

.more-card {
    max-width: 299px;
    height: 452px;
    margin: 8px;
    background-color: white;
    display: block;
}

.mc-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: 256px;
}

.mci-01 {
    background-image: url(../images/custom/more01.png);
}

.mci-02 {
    background-image: url(../images/custom/dc02.png);
}

.mci-03 {
    background-image: url(../images/custom/more03.png); /*change*/
}

.mci-04 {
    background-image: url(../images/custom/dc04.png);
}

.mci-05 {
    background-image: url(../images/custom/dc05.png);
}

.mci-06 {
    background-image: url(../images/custom/dc06.png);
}

.mc-text {
    padding: 22px 16px 24px 16px;
}

.mc-title {
    min-height: 35px
}

    .mc-title h3 {
        font-weight: 700;
        font-size: 1.2rem;
        margin-bottom: 0;
    }

.mc-main {
    min-height: 98px
}

    .mc-main p {
        margin-bottom: 0;
        font-size: 1rem;
    }

.mc-footer {
}

    .mc-footer a {
        color: #036268;
        text-decoration: none;
        font-size: 1rem;
    }

        .mc-footer a:hover {
            text-decoration: underline;
        }

        .mc-footer a:after {
            content: '';
            height: 12px;
            width: 16px;
            display: inline-block;
            margin-right: 0.375rem;
            margin-left: 8px;
            background-position: left top;
            background-size: auto;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background: url(../images/custom/green-arrow.png) 50% 50% no-repeat;
            background-size: 100% auto;
        }




/*style other panels below this */
.latest-panel, .latest-panel .row {
    /*min-height: 595px;*/
    padding-top: 30px;
}

    .latest-panel h2 {
        margin-bottom: 66px;
        text-align: center;
    }

.latest-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.latest-card {
    flex: 0 1 299px;
    height: 312px;
    background-color: white;
    text-decoration: none !important;
    color: #1F2121;
}

.lc-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: 168px;
    display: flex;
    place-items: end;
    padding: 8px 16px 8px 16px;
}

.lci01 {
    background-image: url(../images/custom/bl-01.png);
}

.lci02 {
    background-image: url(../images/custom/bl-02.png);
}

.lci03 {
    background-image: url(../images/custom/bl-03.png);
}

.lci04 {
    background-image: url(../images/custom/bl-04.png);
}

.lc-txt {
    text-align: left;
    padding: 17px;
}

.lc-date {
}

    .lc-date p {
        text-align: left;
        margin-bottom: 17px;
    }

.lc-main {
}

    .lc-main h3 {
        font-size: 1.2rem;
        text-align: left;
    }


@media screen and (max-width:1400px) {
    .more-card {
        margin: 8px auto;
    }

    .different-card {
        margin-left: auto;
        margin-right: auto;
    }
}

.psh2-dt {
    display: inline-block;
}

.psh2-mob {
    display: none;
}

@media screen and (max-width:992px) {
    .stories-panel {
        min-height: 400px;
        background-position: top center;
        background-size: cover;
    }

    .story {
        flex-wrap: wrap-reverse
    }

    .story-text, .story-image {
        flex: 0 0 100%;
    }

    .story-text {
        padding-right: 0;
    }

    .story-image {
        background-position: top 80px center
    }

    .story-text p.story-subtitle {
        color: white;
        font-weight: 700;
        font-size: 1.2rem;
        margin-top: 17px;
        margin-bottom: 17px;
    }

    .psh2-dt {
        display: none;
    }

    .story-image h2.psh2-mob {
        display: inline-block;
        margin-top: 17px;
        margin-bottom: 17px;
    }

    a.db-mini {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 114px;
    }

    .stories-panel .owl-theme .owl-dots {
        text-align: center;
        width: 100%;
        position: absolute;
    }

    .digital-grey-panel, .code-panel, .icons-panel {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .icons-panel h2 {
            margin-bottom: 20px;
        }

    .tech-icon {
        min-height: 206px;
    }

    .ti-img {
        min-height: 135px;
    }

    .home-card {
        max-width: calc(50% - 7px);
    }
}

/*#endregion */

/* Misc Styling */
#page-hero {
    background-position: 50% 50%;
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
}

    #page-hero .container .row {
        height: 350px;
        text-align: center;
    }

.Pos_Description #page-hero {
    display: grid;
    place-content: end center;
}

body.pos_find_results #page-hero .container .row {
    height: 100%;
    text-align: center;
}

#page-hero .container .row .hero-text {
    text-align: inherit;
    margin: 0 auto;
}

    #page-hero .container .row .hero-text h1 {
        color: #fff;
    }



#page-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(255,255,255,0.3);*/
    background: #004b8c4f;
}

.welcome #page-hero {
    background-position: 88% 10%;
}

div#FindJobContainer {
    background: #fff;
}

    div#FindJobContainer .labelContainer {
        display: none;
    }

    div#FindJobContainer .formRow.formRowTextInputRow {
        width: 82%;
        float: left;
        clear: none;
    }

    div#FindJobContainer .formRow.formRowButtonRow {
        width: auto;
        float: left;
        clear: none;
    }

    div#FindJobContainer input#buttonSubmit_save {
        min-width: 175px;
        max-width: 100%;
    }

    div#FindJobContainer .inputText {
        border: none;
    }

    div#FindJobContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer {
        margin: 0;
        max-width: 98%;
    }

    div#FindJobContainer .pageBlockHeader {
        display: none;
    }

div#quicksearch_filter_locationradius_formRow {
    display: none;
}

#breadcrumb {
    font-size: 0.85rem;
}

    #breadcrumb a {
        color: black;
    }

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

        #breadcrumb a:active {
            color: #133844;
            text-decoration: underline;
        }

        #breadcrumb a:focus {
            color: #133844;
            text-decoration: none;
            outline-color: #133844;
        }

    #breadcrumb .fa-chevron-right:before {
        content: "\f054";
        font-size: 0.6rem;
        padding-left: 3px;
        padding-right: 3px;
    }

div.pageBlockInner_FormBlock div.formRow .controlError,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
    color: #333;
    overflow: hidden;
    height: auto;
}

    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input {
        margin-top: 4px;
    }

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

div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer p,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer p,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer p,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer p,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer p,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer p,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p {
    float: left;
}

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

.iti {
    width: 100%;
}

.pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select,
.pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
    border: 1px solid silver;
    border-radius: 4px;
    color: #333;
    padding: .8em;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
    min-width: 1px;
}

    .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus,
    .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus {
        background-color: rgba(192,192,192,.3);
    }

.pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect,
.pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea {
    border-color: silver;
}

.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: #333;
}

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

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

    .intl-tel-input .country-list .country,
    .intl-tel-input .country-list .divider {
        margin-top: 0;
    }

.controlContainer .passwordStrength {
    width: 100%;
}

.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer .divajaxcontainter {
    width: 100%;
}

.pageBlockInner_FormBlock .inputContainer .popup, .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
    float: none;
    height: auto;
    display: block;
    width: 21px;
}

.buttonsLeft button.buttonAnchor,
.buttonsRight button.buttonAnchor,
.buttonsLeft input.buttonSubmit,
.buttonsRight input.buttonSubmit,
.buttonsLeft a.buttonAnchor,
.buttonsRight a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right,
#Pos_Description_pageView #posdesc_pageBlockContainer .mapContainer .ButtonHolder .miniMapButton a,
#Pos_Description_Review_pageView #posdesc_pageBlockContainer .mapContainer .ButtonHolder .miniMapButton a,
.closeMapButton,
#homepage .googleMapsButton,
button.buttonAnchor,
input.buttonSubmit,
a.buttonAnchor,
div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
    font-family: 'cambridge sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    box-sizing: border-box;
    outline: 0;
    text-align: center;
    text-decoration: none;
    transition: all .25s;
    background: #3BE0D0;
    color: #133844;
    width: 100%;
    min-width: 150px;
    padding: 12px 16px;
    border: none;
    background-image: none;
    text-decoration: none !important;
    float: none;
    border-radius: 4px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /**/
}



    .buttonsLeft button.buttonAnchor:hover,
    .buttonsRight button.buttonAnchor:hover,
    .buttonsLeft input.buttonSubmit:hover,
    .buttonsRight input.buttonSubmit:hover,
    .buttonsLeft a.buttonAnchor:hover,
    .buttonsRight a.buttonAnchor:hover,
    #Pos_Description_pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:hover,
    #Pos_Description_pageView #posdesc_pageBlockContainer .mapContainer .ButtonHolder .miniMapButton a:hover,
    #Pos_Description_Review_pageView #posdesc_pageBlockContainer .mapContainer .ButtonHolder .miniMapButton a:hover,
    .closeMapButton:hover,
    #homepage .googleMapsButton:hover,
    button.buttonAnchor:hover,
    input.buttonSubmit:hover,
    a.buttonAnchor:hover,
    #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover {
        background-color: #8EE8D8;
        color: #133844;
    }

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
    max-width: 200px;
    margin: 0 auto !important;
    display: block;
}

.pageBlockInner .buttonsLeft li,
.pageBlockInner .buttonsRight li {
    margin-top: 0;
}

a.verifyEmail {
    margin-bottom: 3px;
}

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

.ProfileRegisterWithAlerts .buttonsRight {
    text-align: center;
    display: inline-block;
    float: none;
    clear: both;
    width: 100%;
    margin-top: 20px;
}

    .ProfileRegisterWithAlerts .buttonsRight li {
        width: 100%;
        display: inline-block;
        float: none;
        clear: both;
    }

    .ProfileRegisterWithAlerts .buttonsRight li {
        max-width: 150px;
    }



.tooltip2_Surround,
.tooltip2_SurroundClosing {
    display: none !important;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    text-align: center;
    width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer {
    margin-bottom: 10px;
}

    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer label.formLabel {
        text-align: center;
    }

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li {
    width: 100%;
}

    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton {
        margin: 0 auto 10px;
        display: block;
        float: none;
        max-width: 100%;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
    margin: 0;
    background-color: #fff;
}

.charCounterValue {
    float: left;
}

.row #pageContent {
    width: 100%;
}

#EarcuHeadingTextBlockTitle,
#EarcuIntroTextBlockTitle,
h1.eArcuInfoHeader {
    display: none;
}

#SearchForm_pageBlockContainer #SearchForm_pageBlock {
    padding: 0;
}

    #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow {
        width: calc(50% - 38px);
    }

        #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow .labelContainer {
            display: none;
        }

        #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer {
            width: calc(100% - 28px);
            max-width: 100%;
            margin: 0;
            margin-right: 28px;
        }

            #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer input {
                width: 100%;
                padding: 10px 1rem;
                line-height: 22px;
            }

        #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow#SearchForm_SaveButtonRow_formRow {
            width: auto;
        }

.breadcrumb {
    margin-bottom: 30px;
    padding: 0 5px;
    background: none;
    margin-top: 30px;
}

    .breadcrumb i {
        padding-right: 3px;
        padding-left: 3px;
    }
/* Misc Styling Ends */



/* Results Page Styling */

body.pos_find_results .hero-h1 {
    position: relative;
    margin-top: 40px;
}


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


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


div#posBrowser_Filter_pageBlockContainer {
    width: 26%;
    float: left;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
    border: none;
    padding: 0;
    overflow: hidden;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        overflow: hidden;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected {
            display: none;
        }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander {
            padding-top: 20px;
            position: relative;
        }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer {
            border: none;
            display: initial;
            transition: all .4s ease;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer.FiltersContainer_Hidden {
                height: 0px !important;
            }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow {
                width: 100%;
                padding: 5px 0;
                font-size: 1.25em;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer {
                    background: #3C1366;
                    color: #fff;
                    padding: 10px;
                    font-size: 1rem;
                    line-height: normal;
                    border: none;
                }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel {
                        padding: 0;
                        cursor: pointer;
                    }

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

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li {
                        padding-left: 15px;
                        width: 96%;
                        background: rgba(0, 0, 0, 0) url(../images/sprites/s-unticked.png) no-repeat scroll left center;
                        background-size: auto;
                    }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
                            padding-left: 15px;
                            width: 96%;
                            background: rgba(0, 0, 0, 0) url(../images/sprites/s-ticked.png) no-repeat scroll left center;
                            background-size: auto;
                        }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a {
                            display: inline-block;
                            background: transparent;
                            text-decoration: none !important;
                            transition: all .25s;
                            color: #333333;
                            padding-left: 10px;
                            font-size: 1.1rem;
                            font-weight: 500;
                        }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected a,
                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a:hover {
                                color: #004B8C;
                            }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a .count {
                                display: none;
                            }


.pageBlockInner_GridBlock .alternateViewsText {
    margin-right: 5px;
    float: left;
    font-size: 1rem
}

.pageBlockInner_GridBlock .sortingText {
    font-size: 1rem;
    color: white;
}

.posBrowserMapBlock .alternateViewsCurrent a,
.pageBlockInner_GridBlock .sortingCurrent a,
.pageBlockInner_GridBlock .alternateViewsCurrent a {
    font-size: 0.9rem;
    color: white;
    text-decoration: underline;
}

#posBrowser_ResultsGrid_pageBlockContainer {
    margin: 0;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock {
        padding: 0;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
            border: none;
            padding: 11px 20px;
            font-size: .87em;
            background: #3C1366;
            color: #fff;
            margin: 10px;
            line-height: normal;
        }

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

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

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
            border-bottom: 1px solid silver;
            font-size: 1.25em;
            overflow: auto;
            position: relative;
            margin: 0 10px;
            background: #eee;
        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder_Even {
            background: #fff;
        }



        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
            width: 100%;
            border: none;
            margin: 0 !important;
            padding: 1em 1em .9em;
            height: auto;
            background: none;
            overflow: hidden;
            position: relative;
            z-index: 2;
        }


            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader {
                padding: 0;
                transition: all .15s ease-out;
                float: none;
                clear: both;
                display: block;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                    padding: 2px;
                    float: none;
                    clear: both;
                    display: block;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
                        text-decoration: none !important;
                        color: inherit;
                        font-size: 1.1rem;
                        font-weight: 500;
                    }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer {
                transition: all .15s ease-out;
                float: none;
                clear: both;
                display: block;
                padding-right: 5px;
            }

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


                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                        line-height: 1rem;
                        font-size: 0.95rem;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma {
                            display: none;
                        }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:after {
                            content: "|";
                            padding: 0 12px;
                        }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:last-child:after {
                            display: none;
                        }

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

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowHeader,
        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover .rowContentContainer {
            -webkit-transform: translateX(.5em);
            -ms-transform: translateX(.5em);
            transform: translateX(.5em);
            color: #004b8c;
        }


        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles {
            padding: 2em 0;
            position: relative;
            text-align: center;
            width: 100%;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingText {
                float: none;
                margin: 0;
                padding: 0;
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a {
                    margin: 0;
                    font-family: Arial,sans-serif;
                    font-size: .938em;
                    text-decoration: none;
                    position: relative;
                    -webkit-transition: all .2s;
                    transition: all .2s;
                    width: auto;
                    height: auto;
                    background: none;
                    border: none;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a img {
                        display: none;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before {
                        display: block;
                        height: 1em;
                        width: 1em;
                        line-height: 1em;
                        background-position: 50% 50%;
                        background-size: 1em 1em;
                        background-size: contain;
                        background-repeat: no-repeat;
                        content: '';
                        background-image: url(../images/custom/arrow-left-black.svg);
                        font-size: .875em;
                        float: left;
                        margin-right: .6em;
                        margin-top: .2em;
                        -webkit-transition: .2s transform ease-out;
                        transition: .2s transform ease-out;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:after {
                        content: 'Previous';
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext {
                        float: right;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:before {
                            content: 'Next';
                        }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:after {
                            display: block;
                            height: 1em;
                            width: 1em;
                            line-height: 1em;
                            background-position: 50% 50%;
                            background-size: 1em 1em;
                            background-size: contain;
                            background-repeat: no-repeat;
                            content: '';
                            background-image: url(../images/custom/arrow-right-black.svg);
                            font-size: .875em;
                            float: right;
                            margin-left: .6em;
                            margin-top: .2em;
                            -webkit-transition: .2s transform ease-out;
                            transition: .2s transform ease-out;
                        }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.buttonDisabled {
                        cursor: initial;
                        pointer-events: none;
                    }

.posListHover {
    display: none !important;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.pospublishenddate_vacancyColumn:after {
    display: none;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.lastpublisheddate_vacancyColumn {
    display: none;
}
/*KMA - new collapse*/
#eaContainer .FilterContainer .HeaderLabel:hover {
    cursor: pointer;
}

.FilterContainer .HeaderLabel:after {
    font-family: 'FontAwesome';
    content: '\f067';
    font-size: 16px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    color: #ffffff;
    font-weight: lighter;
}

.FilterContainer .HeaderLabel.active:after {
    font-family: 'FontAwesome';
    content: '\f068';
    color: #ffffff;
}

.FilterContainer .ValueContainer {
    display: none;
}

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

/*KMA - end*/
.posBrowserMapBlock .mapOuterContainer {
    position: relative;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer {
    position: relative;
    left: initial !important;
    width: 100%;
    display: block;
    box-sizing: border-box;
    background: #3C1366;
    color: #fff;
    border: none;
    padding: 15px 20px;
}

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressLabel {
        display: none;
    }

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput {
        width: 78%;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 4px;
        color: #fff;
        padding: .8em;
        padding-right: 2.5em;
        -webkit-transition: background-color .2s ease-out;
        transition: background-color .2s ease-out;
        margin-bottom: 0;
        position: relative;
    }

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton {
        float: right;
        width: 19%;
        min-width: 19% !important;
        padding: 14px 10px;
        font-weight: 600;
        font-family: 'cambridge sans',sans-serif;
        text-transform: uppercase;
        /* border: 1px solid #fff; */
        border-radius: 4px;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #133844;
        background-color: #3BE0D0;
    }

        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover {
            background-color: #8EE8D8;
        }

.pageBlockInner_GridBlock .TilesGridSortingContainer {
    float: right;
}

    .pageBlockInner_GridBlock .TilesGridSortingContainer .TilesGridSortingInnerContainer {
        margin-top: 0;
        padding-top: 0;
        padding-right: 0;
    }

.pageBlockInner_GridBlock .TilesGridSortingPopup {
    z-index: 10;
}

    .pageBlockInner_GridBlock .TilesGridSortingPopup a {
        color: #004b8c;
    }
/* Results Page Styling Ends */

/* Job Description Styling */
.Pos_Description .hero-h1 {
    text-align: center;
    width: auto;
    padding: 0 !important;
    min-width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.hero-h1 h1 {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 3.6rem;
    background: #fff;
    padding: 20px 50px !important;
}

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

div.posDescriptionContainer317 .LeftJobBox {
    width: 67%;
    background: #fff;
    padding: 0 30px;
}

.earcu_posdescription {
    padding-top: 30px;
}

    .earcu_posdescription ul {
        padding-left: 30px;
        list-style: disc;
    }

#Pos_Description_pageView #posdesc_pageBlock .arrowList ul {
    list-style: disc;
}

div.posDescriptionContainer317 .RightJobBox {
    float: left;
}

    div.posDescriptionContainer317 .RightJobBox .recruiterContainer {
        width: 100%;
        padding: 0;
        background: #fff;
        margin-bottom: 10px;
        text-align: center;
    }

    div.posDescriptionContainer317 .RightJobBox .recruiter-details {
        background: #f1f1f1;
        padding: 1em 0;
    }

        div.posDescriptionContainer317 .RightJobBox .recruiter-details p {
            margin: 0;
        }

    div.posDescriptionContainer317 .RightJobBox .recruiterContainer h2 {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    div.posDescriptionContainer317 .RightJobBox .recruiterContainer .rec-img img {
        width: 100%;
    }

    div.posDescriptionContainer317 .RightJobBox .recruiterContainer a {
        color: #004B8C;
        text-decoration: none !important;
    }

    div.posDescriptionContainer317 .RightJobBox .badgeContainer {
        text-align: center;
        display: none;
    }

        div.posDescriptionContainer317 .RightJobBox .badgeContainer#country10 {
            display: block;
        }

        div.posDescriptionContainer317 .RightJobBox .badgeContainer img {
            max-width: 200px;
            display: inline-block;
        }

#posdesc_pageBlockContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#posdesc_pageBlockContainer #posdesc_pageBlock .benefitsContainer,
#posdesc_pageBlockContainer #posdesc_pageBlock .posrating,
#posdesc_pageBlockContainer #posdesc_pageBlock .possharing,
#posdesc_pageBlockContainer #posdesc_pageBlock .posAlerts {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 1.4em;
    color: #fff;
}

#posdesc_pageBlock .posrightbox_header {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    color: #000;
    margin-bottom: 30px;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .posdescriptionPropertyBox {
    background: #3C1366;
}

    #posdesc_pageBlockContainer #posdesc_pageBlock .posdescriptionPropertyBox ul li {
        color: #fff;
        margin: 0;
        width: auto;
        float: none;
        clear: none;
    }

        #posdesc_pageBlockContainer #posdesc_pageBlock .posdescriptionPropertyBox ul li div {
            display: inline-block;
        }

            #posdesc_pageBlockContainer #posdesc_pageBlock .posdescriptionPropertyBox ul li div.jobSumLabel {
                display: inline-block;
            }


#posdesc_pageBlockContainer #posdesc_pageBlock .possharing {
    background: #fff;
}


#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    width: auto;
    display: table;
}

    #eaContainer #PosDescSharingItems a.PosDescSharingItem {
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transition: all .2s ease;
        position: relative;
        border-radius: 0;
    }

#PosDescSharingItems .PosDescSharingItem:hover {
    background-color: #e0e0e0;
}

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

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

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

#PosDescSharingItems .PosDescSharingItem#email_PosDescSharingItem {
    background-image: url(../images/custom/email.png);
}

#PosDescSharingItems .PosDescSharingItem img {
    display: none;
}



#posdesc_pageBlockContainer #posdesc_pageBlock .possharing #PosDescSharingItems a {
    float: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin: 5px;
    border-radius: 40px;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .posAlerts {
    text-align: center;
}

    #posdesc_pageBlockContainer #posdesc_pageBlock .posAlerts .buttonsContainer {
        margin-top: 10px;
    }

#Pos_Description_pageView #posdesc_pageBlockContainer .posDescriptionContainer317 .RightJobBox .ApplyNowContainer,
#Pos_Description_pageView #posdesc_pageBlockContainer .posDescriptionContainer317 .RightJobBox .ApplyNowContainer * {
    width: 100%;
}

#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    width: 100%;
    height: 200px;
    background-size: cover !important;
}

#Pos_Description_pageView #posdesc_pageBlockContainer .posDescriptionContainer317 .RightJobBox .VacancyMap {
    margin-top: 10px;
}


    #Pos_Description_pageView #posdesc_pageBlockContainer .posDescriptionContainer317 .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlock {
        padding: 0;
    }

#posdesc_pageBlockContainer .mapContainer .ButtonHolder .miniMapButton,
.mapContainer .ButtonHolder .bigMapButton {
    padding: 0;
}

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

.pos_alertcriteria #Form_pageBlockContainer .pageBlockContent .pageBlockInner_FormBlock .formRowTextInputRow {
    margin-top: 20px;
}

    .pos_alertcriteria #Form_pageBlockContainer .pageBlockContent .pageBlockInner_FormBlock .formRowTextInputRow .labelContainer,
    .pos_alertcriteria #Form_pageBlockContainer .pageBlockContent .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer {
        text-align: center;
    }

        .pos_alertcriteria #Form_pageBlockContainer .pageBlockContent .pageBlockInner_FormBlock .formRowTextInputRow .labelContainer .mandatoryContainer {
            display: none;
        }

.pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    overflow: hidden;
}


.benefitsContainer .benefitBlock {
    width: 30%;
    float: left;
    padding: 5px;
    text-align: center;
    position: relative;
    min-height: 1px;
    background: #004b8c;
    color: #fff;
    margin: 15px;
    padding: 2em;
}

    .benefitsContainer .benefitBlock:nth-child(2n+1) {
        background: #22154A;
    }

    .benefitsContainer .benefitBlock i {
        font-size: 30px;
    }

    .benefitsContainer .benefitBlock p {
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 12px;
    }


.benefitsContainer {
    background: #fff;
    border-radius: 0;
    padding: 1.4em;
    display: flex;
    margin: 10px 0;
}

h2.benefits-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    font-family: 'HelveticaNeue', arial, sans-serif;
    line-height: 1.8;
    font-size: 16px;
    color: #39393c;
}

.benefitBlock:before {
    content: "";
    width: 70px;
    height: 70px;
    margin: 5px auto 5px;
    display: block;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: all ease .2s;
}

.benefitBlock:hover:before {
    filter: grayscale(1);
    transform: scale(1.1);
}

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

.benefitBlock.flexible:before {
    background: url("../Images/benefits/flight.png");
    background-size: 100%;
}

.benefitBlock.lifeassurance:before {
    background: url("../Images/benefits/health-insurance.png");
    background-size: 100%;
}

.benefitBlock.gym:before {
    background: url("../Images/benefits/money.png");
    background-size: 100%;
}

.benefitBlock.annualleave:before {
    background: url("../Images/benefits/sunbed.png");
    background-size: 100%;
}

.benefitBlock.fitness:before {
    background: url("../Images/benefits/dumbbell.png");
    background-size: 100%;
}



.benefitBlock.medical:before {
    background: url("../Images/benefits/medical.png");
    background-size: 100%;
}

.benefitBlock.virtualgp:before {
    background: url("../Images/benefits/gp.png");
    background-size: 100%;
}

.benefitBlock.psychologist:before {
    background: url("../Images/benefits/psychologist.png");
    background-size: 100%;
}

.benefitBlock.criticalillness:before {
    background: url("../Images/benefits/critical-illness.png");
    background-size: 100%;
}

.benefitBlock.physiotherapy:before {
    background: url("../Images/benefits/physiotherapy.png");
    background-size: 100%;
}



#Pos_Description_pageView #posdesc_pageBlockContainer .PosDescriptionText .ApplyNowContainer {
    position: fixed;
    top: 50%;
    left: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
    z-index: 1;
}

#Pos_Description_pageView #posdesc_pageBlockContainer #posdesc_pageBlock .ApplyNowContainer a.right {
    min-width: auto;
}

/* Job Description Styling Ends */
/* Login/Register Styling */
div .pageBlockTitle {
    display: none;
}


.ssoIconsContainer {
    margin-top: 24px;
    margin-bottom: 24px;
}

/* Login/Register Styling Ends */
/* Profile Styling */
.Welcome #homepage-hero {
    background-position: 88% 10%;
}

.Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
    width: 100%;
    border-bottom: 1px solid silver;
    font-size: 1.25em;
    padding: 1em 1em .9em;
    overflow: hidden;
    position: relative;
    background: none;
    display: block;
}

    .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0;
        background: #3c1366;
        transition: all .4s ease;
    }

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

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

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

            .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel {
                -webkit-transition: all .15s ease-out;
                transition: all .15s ease-out;
                margin-bottom: 0;
                float: left;
            }

                .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel a {
                    font-weight: 600;
                    text-decoration: none;
                    color: inherit;
                    font-size: 1.2rem;
                }

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

        .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
            line-height: 1rem;
            font-size: .95rem;
            overflow: visible;
            transition: all .15s ease-out;
            float: right;
            padding-right: 5px;
        }

            .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
                margin: 0;
            }

                .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel {
                    margin-right: 0;
                }

                    .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after {
                        content: ':';
                        margin-right: 5px;
                    }

                .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData {
                    font-weight: normal;
                }

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

                .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                    color: red;
                }

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

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

    .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel,
    .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconRowValues {
        -webkit-transform: translateX(.2em);
        -ms-transform: translateX(.2em);
        transform: translateX(.2em);
        color: #fff;
    }

.MyDetails div.pageBlockContainer,
.application_list div.pageBlockContainer,
.myemailssummary div.pageBlockContainer,
.myjobfeed div.pageBlockContainer,
.interviewbookingsummary div.pageBlockContainer,
.interviewbookingbyapplication div.pageBlockContainer,
.interviewbookingconfirm div.pageBlockContainer {
    background: #fff;
    padding: 30px;
}

.MyDetails div.pageBlockTitle {
    padding: 0;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft {
    width: 100%;
}

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary {
        display: none;
    }

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks {
        border: none;
        overflow: auto;
        padding: 0;
    }

        .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
            float: left;
            width: 49.5%;
        }

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

            .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
                position: relative;
                display: block;
                float: left;
                font-weight: 600;
                box-sizing: border-box;
                outline: 0;
                text-align: center;
                text-decoration: none;
                border-radius: 4px;
                -webkit-transition: all .25s;
                transition: all .25s;
                max-width: 100%;
                min-width: 12em;
                margin: 0;
                margin-bottom: 10px;
                background-color: #3BE0D0;
                color: #133844;
                width: 100%;
                padding: 12px;
                border: none;
            }

                .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover {
                    background-color: #8EE8D8;
                }

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


[src*="Profile/checkbox.png"] {
    background: url(../images/sprites/s-ticked.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 20px;
    padding-left: 24px;
}

[src*="Profile/checkbox_unchecked.png"] {
    background: url(../images/sprites/s-unticked.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 20px;
    padding-left: 24px;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
    display: none;
}

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

#MyDetails_pageView .editblocklink a, #Application_Section_PersonalDetails_pageView .editblocklink a {
    margin: 0 !important;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: none;
}

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

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

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

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

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
    float: none;
    width: 50%;
    display: inline-block;
}

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

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

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

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

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a {
            position: relative;
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            outline: 0;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            -webkit-transition: all .25s;
            transition: all .25s;
            max-width: 50%;
            min-width: 12em;
            margin: 0 auto;
            background-color: #3BE0D0;
            color: #133844;
            width: 100%;
            padding: 12px;
            border: none;
        }

            #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover {
                background-color: #8EE8D8;
            }

#ToDoList_pageBlockContainer {
    display: none;
}

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



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

.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable thead,
.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tbody,
.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr {
    width: 100%;
}

    /*.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr th:nth-child(n+3),
    .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr td:nth-child(n+3) {
        width: 25%;
    }*/

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

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

/*#region Job Alerts */
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

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

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

.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td,
.MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: #133844;
}

    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a {
        color: white;
    }

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

.pageBlockInner_FormBlock label.formLabel {
    text-align: left;
    padding-bottom: 5px;
    font-weight: 700;
}

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

/*#posdesc_pageBlock .posDescriptionContainer,*/
#posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    overflow: hidden;
}

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

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

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

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

.pageBlockInner_GridBlock table.gridTable th {
    color: black;
}

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

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

div.ui-dialog-titlebar .ui-dialog-titlebar-close:after {
    content: 'X';
    font-weight: 900;
}

/*#endregion */
/* Profile Styling Ends */

/* Application/Onboarding Styling */
div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer {
    padding-bottom: 0;
    margin-bottom: 0;
}

    div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer,
    .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer {
        display: block;
        height: auto;
    }

        div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem,
        .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem {
            display: block;
            width: 100%;
        }

            div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner,
            .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner {
                margin: 0;
                border: none;
                background: none;
            }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle,
                .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle {
                    display: none;
                }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.posInfo .MySummaryItemInner .MySummaryItemContent,
                .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent {
                    margin: 0;
                    font-size: 18px;
                    font-weight: 700;
                    color: #004B8C;
                    margin-bottom: 28px;
                }

            div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent,
            .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent {
                color: inherit;
                font-weight: normal;
            }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack,
                .Pos_Description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack {
                    margin-bottom: 15px;
                }

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #3c1366;
    border-color: #3c1366;
}

div.pageBlockContainer#HasAdditionalInformation_pageBlockContainer {
    padding-bottom: 0;
}

div.pageBlockContainer#sectionslist_pageBlockContainer,
div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer {
    padding-top: 0;
}

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem {
        border: none;
        margin: 0;
        height: auto;
        font-weight: normal;
        background: none;
        width: 100%;
        border-bottom: 1px solid silver;
        font-size: 1.25em;
        padding: 1em 1em .9em;
        overflow: auto;
        position: relative;
        border-radius: 0;
    }

        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:before,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 0;
            background: #133844;
            transition: all .4s ease;
        }

        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemLabel {
            padding: 0;
            margin: 0;
            -webkit-transition: all .15s ease-out;
            transition: all .15s ease-out;
            float: left;
        }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel a,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemLabel a {
                font-weight: normal;
                text-decoration: none !important;
                color: #333;
                margin: 0;
                -webkit-transition: all .15s ease-out;
                transition: all .15s ease-out;
            }

        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemValueContainer,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemValueContainer {
            -webkit-transition: all .15s ease-out;
            transition: all .15s ease-out;
            float: right;
            padding-right: 5px;
            display: block;
            padding-top: 10px;
            color: red;
        }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemValueContainer .ulListItemValue,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem .ulListItemValueContainer .ulListItemValue {
                line-height: .9em;
                font-size: .6em;
                display: none;
            }

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem {
        background-color: #fff;
        margin-bottom: 0.5rem;
        padding: 20px 20px 18px;
        border: 2px solid #3C1366;
        transition: all .2s ease;
    
        &:after{
            content:'\f303';
            font-family: 'Font Awesome 6 Pro';
            float: right;
        }

        &:hover {
            background-color: #3C1366;
            color: #fff;
        }

        &.Completed {
            background-color: #3BE0D0;
            border-color: #3BE0D0;
            color: #133844;
          
            &:hover {
                background-color: #3BE0D0;
                color:#133844;
            }

            &:after{
                content:'\f00c';
                color:inherit;
            }

            .ulListItemLabel{
                color:#133844;
                a{
                    color:inherit;
                }
            }
        }

        &:before {
            content: none;
        }
  }

    #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
        background-color: #3BE0D0;
        border-color: #3BE0D0;
    }


div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed {
    color: #fff;
    background-color: #3c1366;
}

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel a {
        color: #fff;
    }

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemValueContainer,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed .ulListItemValueContainer {
        color: #333;
    }

div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover:before,
div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover:before {
    height: 100%;
}

div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel,
div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover .ulListItemLabel,
div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemValueContainer,
div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover .ulListItemValueContainer {
    -webkit-transform: translateX(.2em);
    -ms-transform: translateX(.2em);
    transform: translateX(.2em);
    color: #fff;
}

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel a,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover .ulListItemLabel a {
        color: #fff;
    }

#BackBlock_pageBlockContainer,
#ButtonBlock_pageBlockContainer {
    background: none !important;
    padding: 0 !important;
}

#SubmitForm_pageBlockContainer div.pageBlockInner_FormBlock .formRow.formRowCheckBoxRow .labelContainer,
#SubmitForm_pageBlockContainer div.pageBlockInner_FormBlock .formRow.formRowCheckBoxRow .controlContainer {
    width: auto !important;
    float: left !important;
}

.pageBlockContainer_GridBlock .pageBlockContent_GridBlock {
    padding: 0;
}

.earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer,
.earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock#questionsSummary_pageBlock {
    border: none;
    border-bottom: 1px dashed silver;
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
}

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer:last-of-type {
        border-bottom: none;
    }

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowLabel {
        margin: 0;
        margin-left: 2px;
    }

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer {
    max-width: 100%;
}

.pageBlockInner_FormBlock .formRow .postcodelookup,
.pageBlockInner_FormBlock .formRow .postcodeskip {
    background: #3BE0D0;
    color: #133844;
    width: 100%;
    min-width: 150px;
    padding: 12px 16px;
    font-family: 'cambridge sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    border: none;
    margin:5px 0;
}

    .pageBlockInner_FormBlock .formRow .postcodelookup:hover,
    .pageBlockInner_FormBlock .formRow .postcodeskip:hover {
        background-color: #8EE8D8;
        color: #133844;
    }
    /* Application/Onboarding Styling Ends */
    .offerfilesection .downloadcontainer {
        width: 100%;
        max-width: 500px;
        margin-left: 0;
        margin: auto;
    }

.popupContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 202;
}

    .popupContainer .popupBlock {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: visible;
        max-width: 90%;
    }

        .popupContainer .popupBlock .close {
            position: absolute;
            top: -20px;
            right: -20px;
            opacity: 1;
            padding: 20px;
            background: #000;
            color: #fff;
            border-radius: 100%;
        }

            .popupContainer .popupBlock .close span {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

        .popupContainer .popupBlock .popupText {
            padding: 30px;
            background: #fff;
        }

            .popupContainer .popupBlock .popupText h3 {
                margin-top: 0;
            }

            .popupContainer .popupBlock .popupText p:last-child {
                margin-bottom: 0;
            }

        .popupContainer .popupBlock .popupButtons {
            padding: 10px;
            background: #fff;
            text-align: center;
        }

            .popupContainer .popupBlock .popupButtons a {
                border: 1px solid #D40511;
                border-radius: 0;
                background: initial;
                background-color: #D40511;
                color: #fff;
                font-size: 1.0625em;
                margin: .3125em;
                padding: .625em 2em;
                box-shadow: none;
                font-weight: 500;
                display: inline-block;
                text-decoration: none;
            }

                .popupContainer .popupBlock .popupButtons a:hover {
                    background: #fff;
                    border: 1px solid #D40511;
                    color: #D40511;
                }

                .popupContainer .popupBlock .popupButtons a:focus {
                    outline: 0;
                    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50,100,150,.4);
                }

body.stopScroll {
    overflow: hidden;
}



/* Responsive Styling */
@media all and (max-width:1280px) {
    .home #homepage-hero {
        background-position: top;
        background-size: 130%;
        height: 500px;
    }
}

@media all and (max-width:1200px) {
    div#FindJobContainer .formRow.formRowTextInputRow {
        width: 79%;
    }
}

@media all and (max-width:1084px) {
    div#Pos_Find_Results_pageView {
        margin-top: 30px;
    }

    .hero-h1 h1 {
        font-size: 4vw;
    }

    .hero-h1 {
    }
}

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

    #homepage-hero {
        height: 400px;
    }

        #homepage-hero .hero-text {
            margin-top: 7rem;
        }

            #homepage-hero .hero-text h1 {
                font-size: 4rem;
                margin-top: 2vw;
            }

    div#FindJobContainer .formRow.formRowTextInputRow {
        width: 100%;
    }

    div#FindJobContainer {
        background: #fff;
        padding: 20px 20px 10px;
        margin: 15px auto;
    }

        div#FindJobContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer {
            max-width: initial;
            margin: 0;
        }

        div#FindJobContainer .inputText {
            border: .1rem solid #c8c8c8;
        }

        div#FindJobContainer .formRow.formRowButtonRow {
            width: 100%;
            display: flex;
        }

    .buttonsRight {
        float: right;
        margin: auto;
    }

    #posdesc_pageBlockContainer div.posDescriptionContainer317 .LeftJobBox, #posdesc_pageBlockContainer div.posDescriptionContainer317 .RightJobBox {
        width: 100%;
        margin: 0;
    }

    #posdesc_pageBlockContainer div.posDescriptionContainer317 .RightJobBox {
        margin-top: 20px;
    }

    #Pos_Description_pageView #posdesc_pageBlockContainer .posDescriptionContainer317 .RightJobBox .ApplyNowContainer {
        display: none;
    }

    #Pos_Description_pageView #posdesc_pageBlockContainer .posDescriptionContainer317 .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
        background-size: cover !important;
    }

    .benefits-grey-panel {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .benefitBlock:before {
        content: "";
        width: 50px;
        height: 50px;
        margin: 0 20px 0 0;
        display: block;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: all ease .2s;
        float: left;
    }

    body.textpage_benefits .benefitsContainer .benefitBlock {
        min-height: auto;
        align-items: center;
        display: block;
    }

    .benefitsContainer .benefitBlock {
        text-align: left;
        margin: 5px;
        padding: 10px;
    }


    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        width: 100%;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        width: 100%;
    }

    .grey-panel {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media all and (max-width:768px) {
    .home-card {
        max-width: 100%;
    }

    .sub-hero h2 br,
    .pre-moggie h2 br,
    .brno {
        display: none;
    }

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

        .buttonsLeft button.buttonAnchor,
        .buttonsRight button.buttonAnchor,
        .buttonsLeft input.buttonSubmit,
        .buttonsRight input.buttonSubmit,
        .buttonsLeft a.buttonAnchor,
        .buttonsRight a.buttonAnchor,
        #Pos_Description_pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right,
        #Pos_Description_pageView #posdesc_pageBlockContainer .mapContainer .ButtonHolder .miniMapButton,
        button.buttonAnchor, input.buttonSubmit, a.buttonAnchor,
        div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
        .pageBlockInner_FormBlock .formRow.formRowButtonRow input,
        .buttonsRight li:nth-child(n+2),
        .buttonsLeft li:nth-child(n+2) {
            margin-right: 0 !important;
            margin-left: 0 !important;
            margin-top: 10px;
        }

    #subNavigation ul li a {
        padding: 15px 5px
    }

    #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow,
    #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow .controlContainer {
        width: 100%;
        margin-right: 0;
    }

        #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow#SearchForm_SaveButtonRow_formRow {
            width: 100%;
        }

            #SearchForm_pageBlockContainer #SearchForm_pageBlock div.pageBlockInner_FormBlock div.formRow#SearchForm_SaveButtonRow_formRow .buttonsRight input {
                margin-top: 0;
                margin-bottom: 10px;
            }

    .home #homepage-hero {
        height: 50rem;
    }

    #homepage-hero {
        height: 340px;
    }

    div#cta-carousel .flexslider {
        margin: 0;
    }

    #noPositions_pageBlockContainer #noPositions_pageBlock .topContainer .topContent,
    #noPositions_pageBlockContainer #noPositions_pageBlock .bottomContainer .leftContainer,
    #noPositions_pageBlockContainer #noPositions_pageBlock .bottomContainer .rightContainer {
        width: 100%;
        margin-bottom: 10px;
    }

        #noPositions_pageBlockContainer #noPositions_pageBlock .bottomContainer .leftContainer .content,
        #noPositions_pageBlockContainer #noPositions_pageBlock .bottomContainer .rightContainer .content {
            margin: 0;
        }

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

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        float: left;
        width: 100%;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        width: 100%;
    }


    div#posBrowser_Filter_pageBlockContainer {
        width: 100%;
        float: none;
    }

    section#aboutus h4:after {
        font-family: 'font awesome 5';
        content: '\f077';
        font-size: 16px;
        margin-right: 10px;
        margin-top: 2px;
        cursor: pointer
    }

    section#aboutus h4:hover:after {
        font-family: 'font awesome 5';
        content: '\f077';
        color: #004b8c;
    }

    section#aboutus h4.active:after {
        font-family: 'font awesome 5';
        content: '\f078';
        font-size: 16px;
        margin-right: 10px;
        margin-top: 2px;
    }

    .margin-4em {
        margin: 0;
    }

    .margin-2em {
        margin: 0;
    }

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li {
        width: auto
    }

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput {
        width: 100%;
    }

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton {
        float: right;
        width: 100%;
        min-width: 100% !important;
        margin-top: 6px;
    }

    .breadcrumb {
        margin-top: 60px;
    }

    .posBrowserMapBlock .mapOuterContainer {
        width: 96%;
    }

    .subnav-title {
        margin-top: -1px;
    }

    .Welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
        display: inline-block;
        float: none;
        margin-top: 6px;
        width: 100%;
    }

    .benefits-hero {
        background-position: top 149px left -722px;
    }

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

    .different-card {
        width: auto;
        max-width: 404px;
    }
}

@media all and (max-width:650px) {
    .hero-h1 h1 {
        padding: 20px 20px;
    }

    /*.hero-h1 {
        text-align: center;
        margin-top: 20px;
        position: inherit;
    }*/
}


@media all and (max-width:500px) {
    .hero-h1 h1 {
        font-size: 20px;
        display: block;
        padding: 0 10px;
    }

    .home #homepage-hero .container .row .hero-text h1 {
        font-size: 10vw;
    }

    .home #homepage-hero .container .row .hero-text p {
        display: none;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer {
        float: none;
        clear: both;
    }
}


/* Responsive Styling Ends */

/*cv fix*/
div#confirmdialogDialogContainer {
    z-index: 501 !important;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile {
    position: relative;
    z-index: 500;
}
/**/

#SearchForm_pageBlockContainer {
    margin: 0 15px 15px;
}

/* Ticket 38281445 - hide instructions at top of RTW popup */
.application_section_identityandrighttoworkform #AttachmentForm_form .instructionsContainer {
    display: none;
}
/* /Ticket 38281445 */


.TalentPool_List .pageBlockInner_GridBlock div.gridContent {
    border: none;
    padding-top: 10px;
}

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

#talentpoolgrid_pageBlock .rowContainerHolder {
    float: none;
    clear: both;
    display: inline-block;
    width: 25%;
    overflow: auto;
}

#talentpoolgrid_pageBlock .ListGridContainer .rowLabel {
    min-height: 46px;
}
/*    #talentpoolgrid_pageBlock .rowItemsInnerContainer2 span.vacancyColumn img{
        max-height: 200px
    }*/

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

        #talentpoolgrid_pageBlock .rowContainerHolder .rowItemsInnerContainer2 {
            text-align: center;
        }
}

.TalentPool_Description .hero-h1 {
    display: none;
}

@media screen and (max-width:768px) {
    #talentpoolgrid_pageBlock .rowContainerHolder {
        width: 100%;
        max-width: 100%;
    }
}


/**owl stuff**/
.owl-theme .owl-nav .disabled {
    opacity: 0.3 !important;
}
/*end*/

.fcmoblogo,
.cmoblogo {
    display: none;
}

.fcdtlogo,
.cdtlogo {
    display: block;
    max-width: 180px;
}

@media screen and (max-width:992px) {
    .fcmoblogo,
    .cmoblogo {
        display: block;
    }

    .fcdtlogo,
    .cdtlogo {
        display: none;
    }
}