/*

Skin: SNG_01
Version: 20200811

Contents

1. CLIENT SPECIFIC
	1.1 Fonts
    1.2 Menu
    1.3 Logo
    1.4 Avatar
    1.5 Borders
    1.6 Text Pages
    
2. GLOBAL
	2.1 Colours
	2.2 General
    2.3 Buttons
    2.4 Errors
    2.5 Dialogues
    2.6 Tooltips
    2.7 Hidden
    2.8 Modals

3. PRE APPLICATION
	3.1 Home
	3.2 Job search
    3.3 No vacancies
    3.4 Categories
    3.5 Search results
    3.6 Job description
	3.7 Job alerts
	3.8 Questions
    3.9 Login
    3.10 Register
    3.11 Tabs

4. CANDIDATE PORTAL
	4.1 My home
	4.2 My profile
    4.3 My applications

5. APPLICATION SECTIONS
	5.1 Progress bar
	5.2 Application summary
    5.3 Global sections
    5.4 CV upload
    5.5 Equal Opportunities
    5.6 Interviews

6. MEDIA QUERIES
	6.1 Laptop
	6.2 Tablet
    6.3 Phablet
    6.4 Phone

*/

/* --------------------------------------
=========================================
   1. CLIENT SPECIFIC
=========================================
-----------------------------------------*/

/*---------------------------------------
   1.1 Fonts              
-----------------------------------------*/
/** {
    outline: 1px solid red;
}*/

html {
    --font-family: "DM Sans", sans-serif;
    --primary-color: #0072CE;
    --primary-text-color: #FFF;
    --primary-color-tint: #005587;
    --primary-text-color-tint: #FFF;
    --secondary-color: #00B2A9;
    --secondary-text-color: #000;
    --secondary-color-tint: #006D68;
    --secondary-text-color-tint: #FFF;
    --tertiary-color: #5F259F;
    --tertiary-text-color: #FFF;
    --tertiary-color-tint: #3C1053;
    --tertiary-text-color-tint: #FFF;
    --grey-1: #EDEDED;
    --grey-4: #5C5C5C;
}

    html body {
        font-family: var(--font-family);
        transition: background-color .5s;
        /*display: block !important; to fix grid from headerfooter.css*/
    }

.h1, h1 {
    margin-top: 0;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem
}

@media screen and (min-width: 48em) {
    .h1, h1 {
        font-size: 3.5rem;
        line-height: 4.25rem
    }
}

.h2, h2 {
    margin-top: 0;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.28571
}

@media screen and (min-width: 48em) {
    .h2, h2 {
        font-size: 2rem;
        line-height: 1.25
    }
}

.h3, h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.25rem
}

@media screen and (min-width: 48em) {
    .h3, h3 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.h4, h4 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.h4, h4, p {
    margin-top: 0
}

/*---------------------------------------
   1.2 Header Logo and Menu to Footer            
-----------------------------------------*/
/*.skip-link{
    display: none;
}*/
.skip-to-content-link {
    padding: .5rem 1rem 1rem;
    background-color: #fff;
    display: block;
    position: absolute;
    top: -100%;
    left: 2px;
    z-index: 700;
    text-decoration: none !important;
}

    .skip-to-content-link:focus {
        top: 2px;
        transition: all .2s ease;
        color: #000;
    }

#top-of-content,
.top-of-content {
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: -100px;
    top: 140px;
}

a.stickyacc {
    background-color: #e5222a;
    padding: 10px;
    position: fixed;
    right: -55px;
    top: 30vh;
    z-index: 2;
    transform: rotate(270deg);
    color: white;
    font-weight: 700;
}

.logoContainer {
    margin-top: 20px;
}

    .logoContainer .dc {
        width: 49%;
        padding-right: 1%;
        display: block;
        float: left;
    }

    .logoContainer .iip {
        width: 49%;
        padding-left: 1%;
        display: block;
        float: left;
    }

a.textlinks {
    color: black;
    text-decoration: underline;
}

    a.textlinks:hover {
        text-decoration: none;
    }

.ptop {
    padding-top: 12px;
}

header {
    /*padding-left: 2em;
    padding-right: 2em;
    display: flex;*/
    grid-area: header;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
    /*padding-top: 1.5625em;*/
    min-height: 88px;
    max-width: 1372px;
    /*margin-left: auto;
    margin-right: auto;*/
}

.header-upper {
    min-height: 56px;
}

main {
    margin-top: 0px;
}

.header-upper .header-upper-inner {
}

.header-upper .header-upper-right {
    display: none;
}

.logocol {
    min-width: 8.625em;
}

.menucol {
    padding-top: 8px;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

.mn-menu {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.mn-menu-item {
    display: inline-block;
    margin-right: 1.25em;
    position: relative;
}

    .mn-menu-item.lastone {
        margin-right: 0;
    }

a.mn-menu-item-link {
    /*font-weight: 500;*/
    color: black;
    font-size: 1rem;
}

    li.mn-menu-item:hover,
    a.mn-menu-item-link:hover,
    .mn-menu li ul:hover a.mn-menu-item-link,
    li.mn-child-menu-item:hover,
    a.mn-child-menu-item-link:hover {
        color: #696969;
        transition: color .15s ease-in-out;
        text-decoration: none;
        cursor: pointer;
    }

/*.mn-item-sub-indicator {
    background-image: url(../images/custom/sovdownarrow.png);
    background-repeat: no-repeat;
    background-position: top right;
    display: inline-block;
    width: 16px;
    height: 9px;
    margin-left: 5px;
    transition: transform .25s linear;
}*/

/*li.mn-menu-item:hover .mn-item-sub-indicator,
a.mn-menu-item-link:hover .mn-item-sub-indicator,
.mn-menu li ul:hover .mn-item-sub-indicator {
    transform: rotate(180deg);
    transition: transform .25s linear;
    cursor: pointer;
}*/

.mn-menu li ul {
    display: none;
    z-index: 2;
}

    .mn-menu li ul:hover {
    }

.header-lower {
    /*justify-content: normal;*/
}

.main-navigation {
    /*flex-direction: unset;
    display: block;*/
}

    .main-navigation ul {
        list-style: none;
        font-size: 1.03rem;
    }

    .main-navigation .earcuLogin {
        margin: 50px 5px 0 0;
        padding: 0;
        position: absolute;
        right: 0;
    }

        .main-navigation .earcuLogin li a {
            padding: 6px 12px 6px 0px;
        }

            .main-navigation .earcuLogin li a img {
                padding-right: 6px;
            }

.mn-menu-item:hover:before {
    content: "";
    height: 3.1875em;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
}

.main-navigation ul.mn-menu li:nth-child(7) {
    /*display: none;*/
}

.mn-menu li ul:hover,
.mn-menu-item:hover ul {
    display: block;
}

.mn-child-menu {
    background-color: white;
    right: 0;
    position: absolute;
    top: 3.9375em;
    width: 16.25em;
    padding: 0;
}

.mn-child-menu-item:first-child {
    border-top: 0;
}

.mn-child-menu-item {
    border-top: 1px solid #cdcdcd;
    text-align: left;
}

    .mn-child-menu-item a {
        /*display: block;
        font-weight: 400;
        text-decoration: none;
        padding: .75em;*/
    }

.mainlinks li {
    display: inline-block;
    padding-left: 22px;
}

    .mainlinks li a {
        font-weight: 700;
        color: black;
        font-size: 1rem;
    }

li.moblink {
    display: none;
}

.aboutlink {
    background-image: url(../images/custom/droparrow.png);
    background-repeat: no-repeat;
    background-position: top 4px right 2px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    width: 147px;
    padding-right: 18px;
}

    .aboutlink:hover {
        background-position: top 6px right 2px;
        transition: all 0.3s ease-in-out;
    }

.js-main-nav-trigger {
    display: none;
}

.earcuLogin {
}

input[type=checkbox],
input[type=radio] {
    accent-color: #000;
    width: 30px;
    height: 30px;
    border-width: 2px;
}

.pageBlockInner_FormBlock div.radioOption input {
    width: 30px;
}

.pageBlockInner_FormBlock div.radioOption .radioOptionLabel {
    margin-left: 38px;
    margin-bottom: 0;
    margin-top: 5px;
}

.pageBlockInner_FormBlock input.inputText,
.pageBlockInner_TextTagReplacementBlock input.inputText,
#EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border: 2px solid var(--grey-4);
    border-radius: 4px;
    width: 100%;
    &:focus

{
    border-color: #000;
}

}

.pageBlockInner_GridBlock div.gridContentWithHeader {
    background: none;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    position: relative;
}

.pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter {
    margin-right: 0;
    width: 100%;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
    position: absolute;
    right: .25rem;
    top: .25rem;
    margin: 0;
}

.pageBlockInner_FormBlock div.selectmultipleContainer div.selectmultipleHeader {
    padding: 6px 7px;
}

.pageBlockInner_GridBlock table.gridTable td {
    padding: 5px;
}

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

body:where(:not(.Home)) .pageBlockInner_FormBlock div.controlContainer {
    width: 50%;

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

@media screen and (max-width:1024px) {
    .mn-menu {
        background-color: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100vh;
        margin: 3.95em 0 .75em 0;
        padding: 1.5em 1.5em 4.5em 2.5em;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: translateX(200vw);
        transform: translateX(200vw);
        -webkit-transition: -webkit-transform .25s ease-in;
        transition: -webkit-transform .25s ease-in;
        transition: transform .25s ease-in;
        transition: transform .25s ease-in,-webkit-transform .25s ease-in;
        width: 100vw;
        z-index: 990;
    }

    .js-main-nav-trigger {
        font: inherit;
        display: inline-block;
        overflow: visible;
        margin: 0;
        padding: .9375em;
        cursor: pointer;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: opacity,-webkit-filter;
        transition-property: opacity,-webkit-filter;
        transition-property: opacity,filter;
        transition-property: opacity,filter,-webkit-filter;
        text-transform: none;
        color: inherit;
        border: 0;
        background-color: transparent;
        z-index: 1010;
    }

        .js-main-nav-trigger .mnt-inner:before {
            -webkit-transition: top 75ms ease .12s,opacity 75ms ease;
            transition: top 75ms ease .12s,opacity 75ms ease;
            top: -.3125em;
        }

        .js-main-nav-trigger .mnt-inner:after, .js-main-nav-trigger .mnt-inner:before {
            display: block;
            content: "";
        }

    .mnt-inner, .mnt-inner:after, .mnt-inner:before {
        position: absolute;
        width: 1.25em;
        height: .125em;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        background-color: #000000;
    }

    .js-main-nav-trigger .mnt-inner:after {
        bottom: -.3125em;
        -webkit-transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
        transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    }

    .js-main-nav-trigger .mnt-inner {
        -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
        transition-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transition-duration: 75ms;
        transition-duration: 75ms;
    }

    .js-main-nav-trigger .mnt-box {
        position: relative;
        display: inline-block;
        width: 1.25em;
        height: 1em;
    }

    .js-main-nav-trigger.is-active .mnt-inner:before {
        top: 0;
        -webkit-transition: top 75ms ease,opacity 75ms ease .12s;
        transition: top 75ms ease,opacity 75ms ease .12s;
        opacity: 0;
    }

    .js-main-nav-trigger.is-active .mnt-inner {
        -webkit-transition-delay: .12s;
        transition-delay: .12s;
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .js-main-nav-trigger.is-active .mnt-inner:after {
            bottom: 0;
            -webkit-transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
            transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
            transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
            transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .js-main-nav-trigger:hover {
        opacity: .7;
    }

    .mn-menu-item {
        cursor: default;
        border-top: 1px solid #cdcdcd;
        margin-left: 0;
        margin-right: 0;
    }

        .mn-menu-item[aria-haspopup=true] > .button.as-link, .mn-menu-item[aria-haspopup=true] > a {
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .mn-menu.visible {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .mn-menu-item[aria-haspopup=true] > .button.as-link, .mn-menu-item[aria-haspopup=true] > a {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .main-navigation .button.as-link, .main-navigation a {
        display: block;
        font-weight: 400;
        text-decoration: none;
        padding-top: .75em;
        padding-bottom: .75em;
    }

    .mn-menu-item-tap-area-expander {
        -ms-flex-line-pack: center;
        align-content: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 2.875em;
        margin-top: -.75em;
        margin-bottom: -.75em;
        width: 3em;
    }

    .mn-item-sub-indicator {
        height: 1em;
        position: relative;
        width: 1em;
    }

        .mn-item-sub-indicator:before {
            top: 0;
            left: 50%;
            width: .125em;
            height: 100%;
            margin-left: -.0625em;
        }

        .mn-item-sub-indicator:after {
            top: 50%;
            left: 0;
            width: 100%;
            height: .125em;
            margin-top: -.0625em;
        }

    .mn-item-sub-indicator {
        background-image: none;
        height: 1em;
        position: relative;
        width: 1em;
    }

        .mn-item-sub-indicator:before {
            top: 0;
            left: 50%;
            width: .125em;
            height: 100%;
            margin-left: -.0625em;
        }

        .mn-item-sub-indicator:after {
            top: 50%;
            left: 0;
            width: 100%;
            height: .125em;
            margin-top: -.0625em;
        }

        .mn-item-sub-indicator:after, .mn-item-sub-indicator:before {
            content: "";
            position: absolute;
            background-color: black;
            -webkit-transition: -webkit-transform .25s ease-out;
            transition: -webkit-transform .25s ease-out;
            transition: transform .25s ease-out;
            transition: transform .25s ease-out,-webkit-transform .25s ease-out;
        }

    .nodrop {
        text-align: left;
    }


    .mn-menu-item:hover ul {
        display: none;
    }

    li.mn-menu-item.expanded:hover ul
    .mn-menu-item.expanded,
    .mn-menu-item.expanded ul {
        display: block;
    }

    .mn-child-menu {
        background-color: white;
        right: 0;
        position: relative;
        top: 0;
        width: 100%;
        padding: 0;
    }

    .mn-child-menu,
    .mn-child-menu-item {
        border-top: 1px solid #cdcdcd;
    }

        .mn-child-menu-item a {
            padding-left: 1.5em;
        }

    .mn-child-menu-item-link {
        padding: 0 1.5em;
        padding-top: 0px;
        padding-bottom: 0px;
    }


    li.expanded a .mn-item-sub-indicator::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .noscroll {
        overflow: hidden;
    }

    #main-navigation .earcuLogin {
        padding: 0px;
        width: 100%;
        position: relative;
        margin: 0px;
    }

        #main-navigation .earcuLogin .mn-menu-item {
            display: block;
        }

        #main-navigation .earcuLogin .mn-item-sub-indicator {
            width: 1em;
        }

    .header-lower {
        justify-content: space-between;
    }
}

/*#region footer*/

.footer {
    background-color: black;
    width: 100%;
    padding-top: 83px;
    padding-bottom: 75px;
}

p.footertext {
    color: #999999;
    padding-top: 29px;
}

.footertitle {
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    padding-bottom: 0px;
    padding-top: 8px;
}

.footerlistcol, .secondlistcol, .thirdlistcol {
    padding-left: 15px;
    padding-right: 15px;
}

.footerlist {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

    .footerlist li {
        padding-bottom: 7px;
    }


        .footerlist li a {
            color: #cdcdcd;
        }

            .footerlist li a:hover {
                color: #696969;
            }

.finalfooter {
    width: 100%;
    background-color: white;
    min-height: 126px;
}

.finalfooter-left {
    padding-top: 32px;
}

.finalfooter-right {
    padding-top: 51px;
    text-align: right;
}

@media screen and (max-width:992px) {
    .finalfooter-left, .finalfooter-right {
        text-align: center;
    }

    .footertitle {
        padding-bottom: 8px;
    }
}

/*#endregion*/


/*---------------------------------------
   1.4 Avatar              
-----------------------------------------*/

#ProfileIcon img {
    width: 50px;
    transition: all .2s ease-in-out;
}

    #ProfileIcon img:hover {
        transform: scale(1.2);
    }

#ProfileIcon strong {
    position: relative;
    bottom: 20px;
    right: 10px;
}

#links-top .avatar-submenu li {
    width: 100%;
    display: block;
}

/*---------------------------------------
   1.5 Borders              
-----------------------------------------*/
body.Home #eaContainer div,
#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
    border-radius: 0;
}

/* No border */

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li,
#eaContainer .fileContainer,
#eaContainer .uploadedFilesContainer,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .pageBlockInner_GridBlock div.gridContent,
#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .ulListItemLabel,
/* #eaContainer .gridContent,*/
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts,
#eaContainer .posBrowserMapBlock .addressContainer,
html body .tooltip2_Outer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer,
html body .posListHover .contentContainer,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .sysadminblock,
#eaContainer button.addressButton,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup,
#eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer,
#eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
#eaContainer #Application_Home_pageView .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content,
#quicksearch_pageBlockContainer input.buttonSubmit,
body button.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close,
body .ui-dialog,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer a,
#eaContainer .pageBlockInner_GridBlock .gridTop {
    border: 0;
}

/*---------------------------------------
   1.6 Homepage and Text Pages              
-----------------------------------------*/


/*#region hero*/
.hero {
    background-image: url(../images/custom/hero.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    height: 656px;
}

.pagetitle-search,
.pagetitle-home {
    display: flex;
    flex-direction: column;
    margin: 0 0 1.5rem;
    font-size: 40px;
    line-height: 3rem;

    @media (min-width: 992px) {
        font-size: 56px;
        line-height: 4.25rem;
    }
}

    .pagetitle-search span,
    .pagetitle-home span {
        background-color: var(--primary-color);
        padding: .875rem;
        flex: 0 1 auto;
        align-self: start;
        color: #FFF;
        border-radius: 4px;

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

        .pagetitle-search span:nth-child(2),
        .pagetitle-home span:nth-child(2) {
            margin-bottom: 0;
            margin-top: -10px;
        }

.pagetitle-search {
    margin: 0;
}

.home-col {
    padding-top: 102px;
}

/*#endregion*/
.mainpart {
    padding-top: 107px
}

.Home .mainpart {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mt-disc {
    padding-top: 32px;
}

h2.discover {
    padding-bottom: 0px;
}

.homelinkscol {
    padding-top: 0;
}

.searchtitle {
    margin-top: 80px
}

.searchpagetitle {
    font-size: 1.75rem;
    font-weight: 700;
    padding-left: 5px;
    padding-bottom: 26px;
}

.JobTitle h1 {
    font-size: 2.5rem;
    line-height: 2.8rem;
    font-weight: 700;
    padding-bottom: 0px;
    padding-top: 0;

    @media (min-width: 992px) {
        font-size: 3.5rem;
    }
}


.heropagetitle {
    font-size: 2.5rem;
    font-weight: 700;
    /*background-color: rgb(255 255 255 / 0.70);*/
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
}


.btn-main {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 500px;
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    padding: 12px 24px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    &:hover, &:focus, &:active

{
    --button-text-color: #FFF;
    color: #FFF;
    background-color: var(--grey-4);
    border-color: var(--grey-4);
}

}


.curvaccol {
    padding-right: 34px;
}

a.viewalllink {
    /*padding-left: 18px;*/
    text-decoration: underline;
}

    a.viewalllink:hover {
        /*padding-left: 18px;*/
        text-decoration: none;
    }

/*#region list-links*/
ul.listlinks {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

    ul.listlinks li a {
        display: inline-block;
        border-bottom: 1px solid #cdcdcd;
        min-height: 88px;
        width: 425px;
        font-size: 1.1rem;
        padding-left: 47px; /*was 47*/
        padding-top: 31px;
        color: black;
        transition: all 0.3s ease-in-out;
        /*added
        background-image: url(../images/custom/chevron-right.png);
        background-repeat: no-repeat;
        background-position: top 28px right 0;*/
    }

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

.llone {
    background-image: url(../images/icons/quicklink_working_no-bg.png), url(../images/custom/chevron-right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 28px left 0, top 28px right 0;
    background-size: 32px;
}

.lltwo {
    background-image: url(../images/icons/quicklink_earlycareers_no-bg.png), url(../images/custom/chevron-right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 28px left 0, top 28px right 0;
    background-size: 32px;
}

.llthree {
    background-image: url(../images/icons/quicklink_culture_no-bg.png), url(../images/custom/chevron-right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 28px left 0, top 28px right 0;
    background-size: 32px;
}

.llfour {
    background-image: url(../images/icons/quicklink_apply_no-bg.png), url(../images/custom/chevron-right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 28px left 0, top 28px right 0;
    background-size: 32px;
}

.llfive {
    background-image: url(../images/icons/quicklink_benefits_no-bg.png), url(../images/custom/chevron-right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 28px left 0, top 28px right 0;
    background-size: 32px;
}

/*#endregion*/


/*#region quote*/
.quotepanel {
    background-image: url(../images/custom/quotebg.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #f6f6f6;
    border-radius: 0 0 8px 8px;
}

.quoteimage {
    text-align: center;
    display: block;
    width: 100%;
}

.quotemark {
    display: block;
    padding-top: 40px;
    padding-bottom: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
}

.quotetext {
    padding-top: 0;
    margin-top: 0;
    font-weight: 700;
    line-height: 2.8rem;
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.quoteperson {
    text-align: center;
    padding-top: 10px;
}

.btn-para {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 40px;
}
/*#endregion*/

/*#region secondary buttons */
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
.btn-second {
    border: 2px solid #000;
    border-radius: 500px;
    font-size: 1rem;
    font-weight: 700;
    background-color: #FFF;
    color: #000;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    &:hover, &:focus, &:active

{
    color: var(--grey-4);
    background-color: #FFF;
    border-color: var(--grey-4);
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

}


.secondlink {
    color: black;
    font-size: 1rem;
    font-weight: 700;
    background-image: url(../images/custom/chevron-right.png);
    background-repeat: no-repeat;
    background-position: top -4px right -3px;
    display: inline-block;
    width: 100px;
    transition: all 0.3s ease-in-out;
}

    .secondlink:hover {
        background-position: top -4px right -6px;
        transition: all 0.3s ease-in-out;
        color: black;
        text-decoration: none;
    }

.landr {
    background-color: var(--grey-1);
    width: 450px;
    padding: 20px 26px 26px 23px;
    margin-top: -10px;
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
}

.searchbg {
    height: 96px;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 49px;
    margin-top: -61px;
}

.search-search {
    /*display: none;*/
    width: 0px;
    height: 0px;
}

.searcher {
    padding: 12px 24px;
    border-radius: 4px;
    border: 1px solid var(--grey-4);
    width: 100%;
    flex: 1 1 auto;
    margin-right: 1rem;
    &:focus

{
    border-color: #000;
}

}

.mainbit {
    background-color: var(--grey-1);
    padding: 32px;
    margin-top: -52px;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;

    @media (min-width: 992px) {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }

    form

{
    display: flex;
}

}


/*#endregion */



/*#region proudslide*/

.proudbox {
    width: 350px;
    border: 2px solid #f2f2f2;
    height: 230px;
    padding: 28px 24px 28px 24px;
    margin-left: auto;
    margin-right: auto;
}

img.proudboxicon {
    display: inline-block !important;
    width: auto !important;
}

.proudbox p {
    font-size: 1.2rem;
    color: black;
    margin-bottom: 0;
    padding-top: 15px;
}


.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 2px solid black;
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: 4px;
    margin-right: 4px;
}

.owl-dots {
    display: none;
}

.owl-nav {
    text-align: center;
    padding-top: 64px;
    padding-bottom: 64px;
}
/*#endregion*/

/*#region quicklinks*/
.quicklinks {
    background-color: #f6f6f6;
    width: 100%;
    padding-top: 69px;
    padding-bottom: 80px;
}

.quicklinks-title {
    font-size: 2.45rem;
    font-weight: 400;
    padding-bottom: 10px;
}

.quicklink-link {
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    width: 100%;
    margin-top: 28px;
    padding-top: 113px;
    padding-bottom: 28px;
    text-align: center;
    color: black;
    font-size: 1.2rem;
}

.qltext {
    font-size: 1rem;
    padding-top: 11px;
    display: inline-block;
}

.quicklink-link:hover {
    text-decoration: none;
    color: black;
}

.qll-one {
    background-image: url(../images/icons/quicklink_earlycareers_no-bg.png);
    background-size: 96px auto;
}

.qll-two {
    background-image: url(../images/icons/quicklink_working_no-bg.png);
    background-size: 96px auto;
}

.qll-three {
    background-image: url(../images/icons/quicklink_benefits_no-bg.png);
    background-size: 96px auto;
}

.qll-four {
    background-image: url(../images/icons/quicklink_apply_no-bg.png);
    background-size: 96px auto;
}

.qll-five {
    background-image: url(../images/icons/quicklink_progression_no-bg.png);
    background-size: 96px auto;
}

.qll-six {
    background-image: url(../images/icons/quicklink_culture_no-bg.png);
    background-size: 96px auto;
}

/*#endregion*/


/* --------------------------------------
=========================================
   2. GLOBAL
=========================================
-----------------------------------------*/

/*---------------------------------------
   2.1 Colours              
-----------------------------------------*/
#SignInTitleBlock_pageBlock .pageBlockInner h1,
#eaContainer h1.eArcuInfoHeader,
#eaContainer a,
#links-top li.current a,
.srt-menu li:hover > a,
.srt-menu li.current a,
a,
a:visited,
a:active,
body .ui-widget-content a,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber,
body .pageBlockInner_FormBlock div.curFocus label.formLabel,
#eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel,
#eaContainer div.pageBlockTitle,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
#eaContainer a,
body .ui-widget-content a,
#eaContainer .TilesGridSortingPopup a:hover,
body #FindJobHeroBlock input.buttonSubmit,
#Welcome_pageView .iconLabel a,
#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted {
    color: black;
}

#FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover {
    border: 1px solid #321e5b;
}

/* Secondary colour */

#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
.listItemContainer:hover .listItemAnchorContainer,
.listItemAnchorContainer:hover,
body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
#quicksearch_pageBlockContainer div.pageBlockTitle,
.tabs-style-shape nav li a:hover span,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
    background-color: black;
}

.tabs-style-shape nav li a:hover svg {
    fill: #55379b;
}

#ProfileIcon:hover a,
#eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight,
.menu-control:hover,
#breadcrumb a:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover,
footer #footer .copy-right p a:hover,
#eaContainer .footer a:hover,
#eaContainer #latest-jobs a:hover h3,
#eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover {
    color: #000;
}

/* Whites */

.srt-menu li:hover > a,
.srt-menu li.current a,
.content-wrap section,
body .ui-dialog .ui-dialog-content,
.tabs-style-shape .content-wrap,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
    background: #fff;
}

.hero-bg h2,
.hero-bg p,
.srt-menu li li:hover > a,
#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a,
html body .tooltip2_FormError,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a,
#eaContainer div.listItemTitle a,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer,
.listItemAnchorContainer *,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.menu-control,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
#quicksearch_pageBlockContainer div.pageBlockTitle h1,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a,
#eaContainer div.FilterRowsContainer .AvailableContainer a,
body .dialog_noTitle div.ui-dialog-titlebar,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer a.buttonAnchor,
#eaContainer .pageBlockContainer .rowHeader .rowlink a,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
    color: #fff;
}

html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover,
.tabs-style-shape nav .tab-current a,
.tabs-style-shape nav li a:hover {
    color: #fff;
}

#Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text {
    border-color: #000000;
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 45px;
}

#Home_quicksearch_filter_locationradius {
    background-image: url(../images/custom/location.png);
    background-repeat: no-repeat;
    background-position: 6px;
    padding-left: 30px;
}

/* Greys */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content,
.PosMyAppSummaryValues,
.tabs-style-shape nav li a span,
#eaContainer .posBrowserMapBlock .addressContainer,
#eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    background: #f1f0f0;
}


.tabs-style-shape nav li a svg {
    fill: #f1f0f0;
}

.tabs-style-shape nav li a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a,
#eaContainer .posBrowserMapBlock .addressContainer .addressLabel,
body #modalcodelistlookup_pageBlock .labelContainer,
body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
#eaContainer .label {
    color: #313131;
}

body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    color: #848484;
}

#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
#eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
#eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect {
    border: 2px solid var(--grey-4);
}

/*---------------------------------------
   2.2 General            
-----------------------------------------*/


.eArcuInfoHeader {
    display: none;
}

#content-main {
    min-height: 480px;
}

#content {
    min-height: 430px;
}

.Pos_Find_Results #content {
    min-height: 0;
}

button {
    cursor: pointer;
}

#eaContainer div.pageBlockTitle {
    font-size: 19.6px;
    font-weight: normal;
}

#eaContainer .label {
    font-weight: normal;
}

#eaContainer .pagingControls_Tiles .pagingText,
#eaContainer .pageBlockInner_GridBlock .gridTop {
    font-weight: bold;
}

    #eaContainer .pageBlockInner_GridBlock .gridTop a,
    footer #footer .copy-right p a,
    #eaContainer .availableListsContainer a,
    #eaContainer .footer,
    rowContainer a {
        font-weight: normal;
    }

#eaContainer a,
body .ui-widget-content a {
    font-weight: normal;
    outline: 0;
}

    #eaContainer a.filename,
    #eaContainer .rowlink a,
    body #eaContainer .buttonAnchor,
    #posBrowser_Filter_pageBlock .FilterRowsContainer a,
    #eaContainer .alternateViews a {
        text-decoration: none;
    }

#eaContainer .iconLabel a,
#eaContainer .ulListItemLabel a,
#eaContainer .TilesGridSortingContainer a,
#eaContainer .TilesGridSortingPopup a,
#eaContainer .alternateViews a,
#eaContainer #latest-jobs a,
#eaContainer #latest-jobs a:active,
#eaContainer #latest-jobs a:visited {
    text-decoration: none;
}

#eaContainer div.pageBlockContainer {
    margin: 0;
}

#eaContainer div.pageBlockContent {
    overflow: hidden;
}

#breadcrumb {
    margin-top: 2em;
    text-align: left;
    color: #9a9b9c;
}

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

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#eaContainer .pageBlockInner_GridBlock .ListGridContainer {
    margin: 0;
}

.content-warp.no-banner {
    margin-top: 6em;
}

.banner-main {
    margin-top: 70px;
    width: 100%;
}

#eaContainer {
    margin-bottom: 2em;
}

/*---------------------------------------
   2.3 Buttons              
-----------------------------------------*/

.basicIcons {
    background-image: none;
}

#Grid_PERSONALDETAILS_pageBlock .rowlink a,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.gridContainer .rowlink a {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 500px;
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    padding: 12px 24px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    &:hover, &:focus, &:active

{
    --button-text-color: #FFF;
    color: #FFF;
    background-color: var(--grey-4);
    border-color: var(--grey-4);
    text-decoration: none;
}

}

/* Note that we CANNOT merge the following class with the above, due to specificity of child selectors being the largest of the parent selectors. */
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 500px;
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    padding: 12px 24px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    &:hover, &:focus, &:active

{
    --button-text-color: #FFF;
    color: #FFF;
    background-color: var(--grey-4);
    border-color: var(--grey-4);
    text-decoration: none;
}

}

/*---------------------------------------
   2.4 Errors           
-----------------------------------------*/
#eaContainer .actionMessageContainer {
    /*padding: 1em 0;
    margin-bottom: 1em;
    background-color: #cecece;
    border: 1px solid #BAC1E3;*/
}

body.Home #eaContainer .actionMessageContainer {
    margin: 2em 0 0;
}

    body.Home #eaContainer .actionMessageContainer div.actionMessageOk {
        float: right;
    }

.pageBlockInner_FormBlock div.controlError {
    padding-top: 5px;
}

/*---------------------------------------
   2.5 Dialogues            
-----------------------------------------*/

body .pageBlockInner_GridBlock div.pagingControls input.pagenumber {
    text-shadow: none;
}

body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current {
    color: #000000;
}

.ui-dialog-titlebar-close {
    background-image: url("../images/sprites/white-cross.png");
    background-repeat: no-repeat;
}

body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit {
    margin-top: 0;
}

body button.ui-dialog-titlebar-close {
    outline: 0;
}

/*---------------------------------------
   2.6 Tooltips            
-----------------------------------------*/

body.Home .tooltip2_Surround_FormToolTip {
    display: none !important;
    background: #55379b;
}

body.Home .tooltip2_Surround_FormToolTip {
    display: none !important;
    background: #55379b;
}

body .tooltip2_Outer {
    padding-left: 1em;
    display: none !important;
}

/*---------------------------------------
   2.7 Hidden            
-----------------------------------------*/

.hidden {
    display: none;
}

/*---------------------------------------
   2.8 Modals            
-----------------------------------------*/

body .ui-dialog div.gridRemove .pageBlockContent {
    background: none;
}

.modalContent .formRow.formRowButtonRow {
    margin-top: 1em;
    width: 76.5% !important;
}

.modalContent .totalRows {
    margin-top: 1em;
}

.modalContent .gridFooter {
    overflow: hidden !important;
}

.ui-dialog select {
    width: 100%;
    border: 2px solid var(--grey-4);
    &:active

{
    border: 2px solid #000;
}

}

body .pageBlockInner_GridBlock table.gridTable th {
    background: #ffffff;
}

/* --------------------------------------
=========================================
   3. PRE APPLICATION
=========================================
-----------------------------------------*/

/*---------------------------------------
   3.1 Home              
-----------------------------------------*/

.Home #intro_pageBlock {
    display: none;
}

#eaContainer .actionMessageContainer div.actionMessage {
    margin-left: 0;
    padding: 1rem;
    width: 100%;
    border-radius: .5rem;
    font-weight: normal;
    + div.actionMessage

{
    margin-top: .5rem;
}

}

#eaContainer .actionMessageContainer div.actionMessageWarning {
    background-color: #FCF1E1;
    color: #000;
    &:before

{
    content: "\f071";
    font-family: "Font Awesome 6 Pro";
    margin-right: .5rem;
    font-weight: 500;
    color: #EB8D07;
}

}

.passwordStrength {
    background-color: #D8F3F1;
    border: none;
    border-radius: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: 0;
    .passwordStrengthMessage

{
    color: #000;
    background-image: none;
    padding: .5rem;
    &:before

{
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    margin-right: .5rem;
    font-weight: 500;
    color: #00B2A9;
}

}

&.passwordError {
    background-color: #FAE4E4;
    border: none;
    .passwordStrengthMessage

{
    background-image: none;
    &:before

{
    content: "\f071";
    font-family: "Font Awesome 6 Pro";
    margin-right: .5rem;
    font-weight: 500;
    color: #DC211F;
}

}
}
}

#eaContainer .actionMessageContainer div.actionMessageOk {
    background-color: #D8F3F1;
    color: #000;
    &:before

{
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    margin-right: .5rem;
    font-weight: 500;
    color: #00B2A9;
}

}

#eaContainer .actionMessageContainer div.actionMessageWarning {
    background-image: none;
}

#eaContainer .actionMessageContainer div.actionMessageOk {
    background-image: none;
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    background-image: url("../images/sprites/white-arrow-right.png");
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
    background-image: url("../images/sprites/white-arrow-left.png");
}

.Home #eaContainer {
    margin-bottom: 0;
}

    .Home #eaContainer .container,
    .Home .template-home .container {
        width: 100%;
        padding: 0;
    }

#eaContainer .col-left,
#eaContainer .col-right {
    display: inline-block;
    vertical-align: top;
}

#eaContainer .col-left {
    width: 60%;
    margin-right: 5%;
}

    #eaContainer .col-left h2 {
        margin-top: 30px;
    }

#eaContainer .col-right {
    width: 34%;
    background: #F1F1F1;
    border-top-right-radius: 15px;
    padding: 2em;
}

    #eaContainer .col-right p {
        margin: 0;
    }

.category-description-text,
.nojobs_jobBlock {
    margin-bottom: 1em;
    margin-top: 1em;
}

.Home .img-container {
    margin-bottom: 30px;
    margin-top: 15px;
}

.homecats-container, .subcats-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.subcats-container {
    margin-bottom: 30px;
}

.homecat, .subcat {
    display: block;
    flex: 0 1 333px;
    margin: 18px;
    text-decoration: none;
    text-align: left;
}

    .homecat p, .subcat p {
        padding-top: 10px
    }

.seemore {
    font-weight: bold;
    display: inline-block;
}

    .seemore:after {
        content: url(../images/custom/xchevron-right.png);
    }

.seecount {
    float: right;
}

/*---------------------------------------
   3.2 Job search              
-----------------------------------------*/

#FindJobContainer {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 27px;
    position: absolute;
    right: 0;
    top: 9.1em;
    width: 1170px;
}

#FindJobHeroBlock {
    background: var(--grey-1);
    /*padding-bottom: 25px;*/
    position: relative;
    width: 450px;
}

    #FindJobHeroBlock h1 {
        color: black;
        margin-bottom: 15px;
    }

    #FindJobHeroBlock .pageBlockHeader {
        display: none;
    }

    #FindJobHeroBlock .buttonAnchor,
    #FindJobHeroBlock .pageBlockInner .buttonsRight li,
    #FindJobHeroBlock input.buttonSubmit,
    #FindJobHeroBlock .buttonsRight,
    #FindJobHeroBlock .formRowTextInputRow .controlContainer {
        float: none;
    }

#quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer {
    /* display: none; */
    padding-left: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

body #FindJobHeroBlock input.buttonSubmit {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 500px;
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 23px;
    transition: all 0.3s ease-in-out;
    &:hover, &:focus, &:active

{
    --button-text-color: #FFF;
    color: #FFF;
    background-color: var(--grey-4);
    border-color: var(--grey-4);
}

}


body #FindJobHeroBlock input.inputText {
    width: 100%;
    padding-top: 4px;
    padding-left: 10px;
}

body #FindJobHeroBlock .formRowTextInputRow {
    width: 100%;
    display: inline-block;
    float: none;
}

body #FindJobHeroBlock .blockSummaryText {
    display: none;
}

#FindJobHeroBlock div.pageBlockContent {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
    float: none;
    display: inline-block;
    width: auto;
    margin-left: -2px;
    padding-top: 27px;
}

#FindJobHeroBlock .buttonSubmit {
    display: inline-block;
    padding: 2.9px 25px;
}

body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor {
    background: none;
}

a#JobsNearMe {
    /*background: none;
    padding-left: 25px;*/
    display: none;
}

    a#JobsNearMe:before {
        font-family: "Font Awesome 6 Pro";
        content: "\f124";
        padding-right: 1em;
    }

#FindJobHeroBlock h1 {
    margin-top: 0;
    font-family: var(--font-family);
    text-transform: none;
}

body #FindJobHeroBlock div#quicksearch_filter_locationradius_formRow, body #eaContainer #FindJobHeroBlock div#quicksearch_filter_locationradius_formRow {
    display: none;
}

.pageheader {
    min-height: 284px;
    width: 100%;
    background-color: var(--primary-color);
    margin-bottom: 2rem;
    color: #FFF;
}

.ph-jobdesc {
    background-image: url('../images/banner/pos_description.jpg');
}

body.Pos_Description div.pageBlockContent {
    padding: 0 !important;
}

.pageheader .row.descrow { /**possible to move this**/
    min-height: 284px;
}

.phextra {
    height: 656px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    height: 656px;
}

    .phextra .row {
        height: 656px;
    }

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

div#MapBlock_pageBlockContainer,
div#posBrowser_ResultsGrid_pageBlockContainer {
    width: 66%;
    float: left;
}

#posBrowser_ResultsGrid_pageBlock .createAlertsContainer {
    width: 100%;
    margin: 2rem 0 0;
}

#posBrowser_ResultsGrid_pageBlock .createAlertsInnerContainer {
    border: none;
    padding: 1rem;
    background-color: var(--grey-1);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#posBrowser_ResultsGrid_pageBlock .createAlertsContainer .buttonsContainer .buttonAnchor {
    display: inline-block;
    width: auto;
}

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

#posBrowser_ResultsGrid_pageBlock .rowContainer {
    background: none;
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    float: none;
    height: auto;
    margin: 0 0 0 0 !important;
    padding: 15px 12px;
    width: 100%;
}


/*---------------------------------------
   3.3 No vacancies              
-----------------------------------------*/
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent {
    width: 100%;
}

#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content {
    padding: 10px;
}

/*---------------------------------------
   3.4 Categories            
-----------------------------------------*/

/* Blocks */

.category-container {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    background: #000000;
}

.category-container {
    cursor: pointer;
}

    .category-container img {
        opacity: 0.8;
    }

    .category-container:hover {
        background: #FFFFFF;
    }

.category-info {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

    .category-info h1 {
        color: #FFFFFF;
        text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7);
    }

span.fake-button {
    color: #fff;
    float: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
    background: #9b9c9e;
}

.category-container:hover img,
.category-container:hover .category-extras {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category-container:hover img {
    opacity: 0.1;
}

.category-extras {
    display: none;
}

.category-container:hover .category-extras {
    display: block;
}

.category-container:hover .category-info h1 {
    color: rgb(85, 55, 155);
    text-shadow: none;
}

.category-info h1 {
    margin-top: 0;
}

.category-info p {
    margin: 0 auto;
    width: 85%;
    max-height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

.col-third {
    width: 33.1%;
    display: inline-block;
}

/* Image zoom on hover + Overlay colour */
.cat-container {
    width: 101%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: -10px;
}

.cat-content {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* Several different images */
.bg-one {
    background-image: url("../images/categories/category-6.jpg");
}

.bg-two {
    background-image: url("../images/categories/category-2.jpg");
}

.bg-three {
    background-image: url("../images/categories/category-3.jpg");
}

.bg-four {
    background-image: url("../images/categories/category-4.jpg");
}

.bg-five {
    background-image: url("../images/categories/category-5.jpg");
}

.bg-six {
    background-image: url("../images/categories/category-1.jpg");
}


.cat-inner {
    display: none;
}

.cat-container:hover .cat-inner, .cat-container:focus .cat-inner {
    display: block;
}

.categories .cat-inner {
    font-size: 28px;
    color: #ffffff !important;
    font-family: var(--font-family);
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 110px;
    cursor: pointer;
    /*text-decoration: none;*/
}

.cat-container:hover .cat-content, .cat-container:focus .cat-content {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

    .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before {
        display: block;
    }

.cat-container:hover a, .cat-container:focus a {
    display: block;
}

.cat-content:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

/*Roles Page Styling*/

#eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer,
#eaContainer #CodeListCounts_pageBlock {
    padding: 0;
    margin: 0;
}


#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    width: calc(33% - 30px);
    position: relative;
    margin: 15px;
    height: 275px;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder,
    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
        height: inherit;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
            z-index: 1;
            background-size: 200px;
            background-position: 50% 10%;
            background-repeat: no-repeat;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer,
        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer {
            background-size: cover;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            background: rgba(0,0,0,0.7);
            height: 45px;
            transition: all .2s ease;
        }

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle {
                padding: 14px 0 2px 0;
                display: inline-block;
                width: 90%;
            }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a {
                    font-size: 1rem;
                    font-weight: 700;
                }

                    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a:after {
                        content: url(../images/custom/xchevron-right.png);
                    }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a,
                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
                    color: black;
                }

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
                font-size: 1rem;
                font-weight: 400;
                text-align: right;
                transition: all .2s ease;
                display: inline-block;
                margin-right: 0;
                width: 10%;
            }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer:before {
                    content: '('
                }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer:after {
                    content: ')'
                }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
            background: white;
        }

.buttonsCenter {
    position: relative;
}

    .buttonsCenter a {
        margin: 0 auto;
    }

/*Roles Page Styling End*/

/*---------------------------------------
   3.5 Search results              
-----------------------------------------*/

html body .posListHover {
    display: none !important;
}

#eaContainer {
    min-height: 400px;
}

body.Pos_Find_Results #eaContainer {
    min-height: 500px;
}

.hero-content {
    padding: 60px 15px;
}

#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer {
    background-color: var(--grey-1);
    padding: 25px;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

    #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow {
        padding-right: 0px;
    }

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover,
/*****/
#eaContainer .posBrowserMapBlock .markerStatsContainer,
#eaContainer .posBrowserMapBlock .alternateViewsCurrent a,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a,
#eaContainer .pageBlockInner_GridBlock .gridTop, /*this line is a duplicate*/
#eaContainer .pageBlockInner_GridBlock .gridTop a,
#eaContainer .pageBlockInner_GridBlock .gridTop a:hover,
#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a, /*this line is a duplicate*/
#eaContainer div.FilterRowsContainer .AvailableContainer a /*this line is a duplicate*/ {
    color: black
}

.FilterRowsContainer .FilterRow {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .FilterRowsContainer .FilterRow:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

#posBrowser_Filter_pageBlock .FilterContainer .ValueList {
    margin: 0;
    padding: 0 0 5px 1px;
    overflow: auto;
}

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

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count {
    color: black
}

#posBrowser_Filter_pageBlock .ButtonsContainer a {
    float: left;
    margin: 2px 4px 2px 1px;
    text-decoration: underline;
}

    #posBrowser_Filter_pageBlock .ButtonsContainer a.AddLink:hover {
        text-decoration: none;
    }

#eaContainer .TilesGridSortingContainer a.normalanchor:hover {
    text-decoration: underline;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span {
    font-weight: 400;
}


.addressContainer input,
.addressContainer button {
    line-height: 28.8px;
}

#eaContainer .pagingButtons {
    padding-top: 2px;
}

#eaContainer .TilesGridSortingPopup {
    background-color: #f0f0f0;
    color: black;
}

#eaContainer .posBrowserMapBlock .addressContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    position: static;
    display: flex;
    justify-content: center;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 150px;
    }

.posBrowserMapBlock .markerStatsContainer {
    padding: 1rem;
    margin-top: 0;
    background-color: var(--grey-1);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#eaContainer .addressContainer .addressButton {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 0px;
}

div.alternateViews a.alternateViewsButton_List {
    margin-right: 1em;
}


#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    margin-bottom: 5px;
    background-color: #f0f0f0;
    color: black
}

#eaContainer .posBrowserMapBlock .alternateViewsText {
    font-weight: bold;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    background: none;
    padding-left: 0;
    
    a{
        display: flex;
        align-items: center;
        
        &:before{
            font-family: "Font Awesome 6 Pro";
            content: "\f04d";
            color: #000;
            font-size: 24px;
            margin-right: .5rem;
            width: 20px;
        }
    }

    &:hover {
        background: none;
    
        a:before{
            color: #000;
        }
    }

    &.ValueItem_selected {
        background: none;
    
        a:before    {
            content: "\f14a";
            color: #000;
            font-weight: bold;
            font-size:22px;
        }

    &:hover {
        background: none;
    
        a:before{
            color: #000;
        }
    }
}
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a {
    margin: 6px 5px 1px 1px;
}

html body .posListHover {
    background: #F1F0F0;
    border: 0px;
    max-height: 50%;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin-left: 1% !important;
    margin-top: 10px;
    min-height: 160px;
    height: auto;
    width: 100%;
    padding: 10px;
    float: left;
    border-bottom: 1px solid #cdcdcd;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a {
        font-weight: bold;
        color: black;
        font-size: 1.2rem;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
        color: black;
    }


#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: inherit;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    padding-left: .25rem;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span {
    text-decoration: none;
}

.pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
    padding: 2px 10px 3px 110px;
}

.searchpagebutton {
    margin-top: 10px;
}

#eaContainer .searchpagebutton a.buttonAnchor {
    font-weight: 700;
    border: 2px solid black;
    text-align: center;
    width: 100%;
}
/*---------------------------------------
   3.6 Job description             
-----------------------------------------*/
#eaContainer .earcu_posdescriptiontitle {
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.45em 0;
    padding: 0;
}

.earcu_posdescription * {
    font-family: var(--font-family) !important;
    font-size: inherit !important;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing {
    padding: 2em;
}

.posAlerts_info.posrightbox_info {
    margin: 1em 0 0;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-right: 0;
    margin-bottom: 10px;
    text-transform: lowercase;
}

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right::first-letter {
        text-transform: uppercase;
    }

.posAlerts .posAlerts_info {
    margin-bottom: 1em;
}

#eaContainer .connectedContainer,
#eaContainer .button.connect {
    display: block;
    float: none;
}

#eaContainer .connectedContainer {
    margin-bottom: 1em;
    width: 100%;
}

#eaContainer .button.connect {
    width: 92%;
}

#eaContainer .buttonContainer {
    display: none;
}

#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .ulListItemLabel,
#eaContainer .PosMyAppSummaryValues,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
    padding: 1em;
    margin-bottom: 1em;
}

.PosMyAppSummaryValues dd {
    margin: 0
}

#eaContainer .PosMyAppSummaryValues div.appCompleteChartBack,
#eaContainer .PosMyAppSummaryValues div.appCompleteChartBar {
    padding: 0;
    margin: 0;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner {
    background-color: var(--grey-1);
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#eaContainer .PosDescriptionText .ApplyNowContainer {
    margin-bottom: 20px
}

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

#eaContainer span.miniMapButton {
    margin-bottom: 10px;
}

.mapContainer .ButtonHolder .miniMapButton {
    display: block;
}

#eaContainer .ButtonHolder .miniMapButton a {
    text-decoration: underline;
}

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

.jobValues {
    margin-bottom: 0px;
}

#eaContainer #posdesc_pageBlock ul.jobSum {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

    #eaContainer #posdesc_pageBlock ul.jobSum li {
        width: 126px;
        flex-basis: 126px;
        flex-grow: 1;
    }

#posdesc_pageBlock ul.jobSum li .jobSumLabel {
    font-size: 1.3rem;
}

#eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue {
    display: block;
    font-size: 1.05rem;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
    background: var(--primary-color) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    padding: 2em;
    color: #FFF;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#eaContainer .meetbox {
    background: white none repeat scroll 0 0;
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.meetbox-box {
    display: block;
    flex: 0 0 114px;
    margin: 18px;
    text-align: center;
}

    .meetbox-box p {
        margin-bottom: 0;
    }

    .meetbox-box a {
        font-weight: 700;
    }

        .meetbox-box a:hover {
            text-decoration: underline;
        }

#eaContainer a.btn-meet {
    background-color: #000000;
    color: white;
    font-weight: 700;
    border-radius: 0;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 8px;
    border: 2px solid black;
}

    #eaContainer a.btn-meet:hover {
        background-color: white;
        color: #000000;
    }

#eaContainer .colcolour .ApplyNowContainer .buttonsLeft,
#eaContainer .colcolour .ApplyNowContainer .buttonsLeft li {
    display: block;
    width: 100%;
}

    #eaContainer .colcolour .ApplyNowContainer .buttonsLeft li a.buttonAnchor {
        display: block;
        width: 100%;
        text-transform: lowercase;
    }

        #eaContainer .colcolour .ApplyNowContainer .buttonsLeft li a.buttonAnchor:first-letter {
            text-transform: uppercase;
        }

#eaContainer #posdesc_pageBlock .benefitsContainer,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing {
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 16px 14px 16px 14px;
    min-height: 138px;
    margin-bottom: 10px;
}

#eaContainer #posdesc_pageBlock .posAlerts {
    background: transparent;
    /* padding: 16px 14px 16px 14px;
    min-height: 138px; */
    margin-bottom: 10px;
}

.colcolour {
    background-color: var(--grey-1);
    padding: 14px 15px 10px 15px;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.benefits-title,
#posdesc_pageBlock .posrightbox_header {
    text-align: center;
    margin-top: 0;
    font-weight: 700;
    font-size: 1.25rem;
}

.img-benefits {
    width: 58px;
    height: 58px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

    .img-benefits:hover {
        box-shadow: 0px 0px 14px -3px #999999;
        transition: all 0.3s ease-in-out;
    }

#posdesc_pageBlock #StarRatingBlock_pageBlock .formRow {
    margin-left: -5px;
    width: 110px;
    margin-top: 44px;
}

.Pos_Description .heading-section {
    display: none;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 36px auto 0 auto;
    width: 184px;
}

#PosDescSharingItems .PosDescSharingItem div {
    display: none;
}

#eaContainer #PosDescSharingItems a.PosDescSharingItem {
    width: 28px;
    height: 28px;
    border-radius: 0;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#eaContainer #PosDescSharingItems a#linkedin_PosDescSharingItem {
    background-image: url(../images/custom/linkedin-share.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
}

#eaContainer #PosDescSharingItems a#facebook_PosDescSharingItem {
    background-image: url(../images/custom/facebook-share.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
}

#eaContainer #PosDescSharingItems a#twitter_PosDescSharingItem {
    background-image: url(../images/custom/twitter-share.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
}

#eaContainer #PosDescSharingItems a#email_PosDescSharingItem {
    background-image: url(../images/custom/email-share.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
}

#eaContainer a.alertslink {
    font-size: 1rem;
    font-weight: 700;
    color: black;
    margin-top: 51px;
    display: inline-block;
}

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left;
}
/*testimonial slider*/
.testimbox {
    background-image: url(../images/custom/quotebg.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: var(--primary-color);
}

.testim-img {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.testim-quotemark {
    display: block;
    padding-top: 26px;
    padding-bottom: 20px;
    max-width: 32px;
    margin-left: auto;
    margin-right: auto;
}

.testim-quotetext {
    padding-top: 0;
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    width: 82%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.testim-quoteperson {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*modal*/
#eaContainer a.linktomodal {
    padding-bottom: 15px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.nomodpad {
    padding: 0 !important;
}

.xxx {
    max-height: 95vh;
}

.mxclose {
    color: #fff;
    font-weight: bold;
}

.modal-content {
    background-color: transparent;
    border: none;
}

#eaContainer #posdesc_pageBlock .posDescriptionContainer .PosDescriptionText .arrowList {
    font-family: var(--font-family) !important;
}

    #eaContainer #posdesc_pageBlock .posDescriptionContainer .PosDescriptionText .arrowList .arrowListTitle {
        text-decoration: underline;
        font-weight: bolder;
    }

    #eaContainer #posdesc_pageBlock .posDescriptionContainer .PosDescriptionText .arrowList a {
        text-decoration: underline;
        color: var(--primary-color);
    }
/*---------------------------------------
   3.7 Job alerts             
-----------------------------------------*/
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

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

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

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

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

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

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

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

/*---------------------------------------
   3.8 Questions            
-----------------------------------------*/

#eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy {
    margin-bottom: 2em;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow {
    /* width: 98%; */
    width: 100%;
}

#eaContainer #questions_form .controlContainer {
    margin-top: 1em;
}

.pageBlockInner_FormBlock div.radioOption input {
    margin-top: 3px;
}

/*---------------------------------------
   3.9 Login            
-----------------------------------------*/

#login_SaveButtonRow_formRow input,
#login_buttons2_formRow a {
    min-width: 285px;
}

/* Center apply social icons */

#eaContainer #login_pageBlock .ssoIcon,
#eaContainer #newregister_pageBlock .ssoIcon {
    display: inline-block;
    float: none;
}

#eaContainer #login_pageBlock .ssoIconsInnerContainer,
#eaContainer #newregister_pageBlock .ssoIconsInnerContainer {
    text-align: center;
}

body.Pos_AlertCriteria #eaContainer div.textLiteral,
body.ProfileRegister #eaContainer div.textLiteral,
body.Login #eaContainer div.textLiteral,
body.Application_Login #eaContainer div.textLiteral {
    text-align: center;
}
/*---------------------------------------
   3.10 Register            
-----------------------------------------*/
#eaContainer .pageBlockInner_FormBlock input.inputText {
    padding: 5px;
}

#eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer {
    border: 0;
    background: #F1F1F1;
}

.LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit {
    background: #0078B5;
    color: #ffffff;
}

    .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover {
        background: #9b9c9e;
    }

/* Tabs */

body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer,
body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer {
    border: 0;
    margin-left: 0;
}

#pageTitleSignInHeaderContainer h2,
#pageTitleRegisterHeaderContainer h2 {
    background: #f1f1f1;
    color: #9a9b9c;
    padding: 10px;
}

#UsernameForm_pageBlock .ssoIconsInnerContainer {
    margin: 0 auto;
    max-width: 270px;
    overflow: auto;
}

/* --------------------------------------
=========================================
   4. CANDIDATE PORTAL
=========================================
-----------------------------------------*/

/*---------------------------------------
   4.1 My home           
-----------------------------------------*/

/* Summary icons */
#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    /* width: 49%;
    display: inline-block; */
    /*
    display: inline-block; 
    margin-left: 5%;
    width: 44%;
    */
}


#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer {
    margin-right: 0;
}

#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
    float: none;
    position: relative;
    margin: 0 auto;
}

#eArcuProfileImage {
    text-align: center;
}

#Welcome_pageView .iconLabel a {
    overflow-wrap: break-word;
}


#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    float: none;
}

#eaContainer .rowItemsInnerContainer2 {
    overflow: hidden;
}

#eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow {
    display: block;
}

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    padding: 2em;
}

#eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background-position: 30px 15px;
}

#Welcome_pageView .iconLabel a {
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: black;
}

    #Welcome_pageView .iconLabel a:hover {
        text-decoration: underline;
        color: black;
    }

/*---------------------------------------
   4.2 My profile
-----------------------------------------*/

#eArcuProfileImage .imageContainer_DefaultImage {
    background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important;
}

#eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
    border: 1px solid #d0d0d0;
}

a#newProfileImageContainer {
    display: none
}

#eaContainer #ShowCurrentAppLink_buttons_formRow {
    margin-top: 0.75em;
    margin-bottom: 1em;
}

#eaContainer .pageBlockInner_FormBlock div.textLiteral {
    text-align: left;
}

#Grid_PERSONALDETAILS_pageBlock .rowlink {
    padding-left: 20px;
}

#eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a {
    margin-left: 1em;
}

/* Add Email */
#eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
    width: 100%;
}

#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer {
    padding: 15px 10px 10px;
}

/* Connected */

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

#eaContainer #MyDetails_ConnectedServices_pageView a.connect {
    background: none;
    color: #000000;
    font-family: var(--font-family);
    padding-left: 0;
    text-decoration: none;
}

div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    background: #999999 url(../images/sprites/white-cross.png) no-repeat top 6px center;
}

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

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

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

body.MyDetails .editblocklink a,
body.MyDetails .rowItemContainer_username a,
#eArcuProfile #eArcuLinks a {
    color: black
}

div#contactConsentDescription {
    padding-bottom: 12px;
}
/*---------------------------------------
   4.3 My applications
-----------------------------------------*/

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 5px 3px 5px 10px;
}

html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a {
    text-decoration: none;
}

#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent {
    padding: 10px 0;
}

    #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
        background: var(--grey-1);
        padding: 1em;
        /* border-bottom: 1px solid #d0d0d0; */
        margin-bottom: 1em;
    }

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer.rowContainer_First {
    border-top: 1px solid #cdcdcd;
}

#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu {
    font-size: 24px;
    font-family: var(--font-family);
    text-decoration: none;
}

#eaContainer #ApplicationsGrid_pageBlock,
#eaContainer #Application_List_pageView #intro_pageBlock {
    padding-left: 0;
}

/* --------------------------------------
=========================================
   5. APPLICATION SECTIONS
=========================================
-----------------------------------------*/

/*---------------------------------------
   5.1 Progress bar       
-----------------------------------------*/

#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    height: 30px;
}

#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
    height: 30px;
    width: 100%;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    margin-top: 1em;
    text-align: right;
    font-weight: bold;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    float: none;
    font-weight: bold;
    width: 120px;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt,
#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    width: 10%;
}


#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    width: 80%;
    margin-left: 0;
    margin-top: 10px;
}

/*---------------------------------------
   5.2 Application summary          
-----------------------------------------*/

.Welcome #pageMessages {
    display: none;
}

body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage {
    margin-top: 5px;
    height: 50px !important;
    width: 50px !important;
    display: none;
}

.pageBlockInner_FormBlock .iconListStyle .iconValue {
    margin-left: 0;
}

body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background: var(--grey-1);
}

body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar {
    background: none;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox {
    padding-left: 0;
    padding-right: 0;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
#eaContainer #Application_Home_pageView .ulList {
    margin: 0;
}

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,
    #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel {
        margin: 0;
        padding: 5px 10px;
        text-align: left;
    }

.PosMyAppSummaryValues {
    padding: 1em;
}

#eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow {
    /* display: none !important; */
}

#eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a {
    color: #ffffff;
}

div.pageBlockContent#posSummaryBlockv2_pageBlock {
    padding: 0;
}

#posSummaryBlockv2_pageBlock .MySummaryItemsContainer {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
    gap: .5rem;
}

#posSummaryBlockv2_pageBlock .MySummaryItem {
    background-color: var(--grey-1);
    border: none;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(50% - .25rem);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    height: auto;
    .MySummaryItemInner

{
    background-color: transparent;
    border: none;
    padding: 1rem;
    width: 100%;
}

&.statusInfo {
    .MySummaryItemInner

{
    .MySummaryItemTitle, .MySummaryItemContent

{
    width: 100%;
}

}
}
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
#Application_Home_pageView #sectionslist_pageBlock .ulListItem {
    background-color: var(--grey-1);
    background-image: none;
    background-position: 99% 50%;
    border-color: var(--grey-1);
    float: none;
    height: auto;
    margin: 0 0 15px;
    width: auto;
    font-weight: normal;
    display: flex;
    align-items: center;
    padding: .5rem;
    transition: background-color .3s;
    a

{
    color: #000;
    transition: color .3s;
}

&:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f04d";
    color: #000;
    font-size: 30px;
    margin-left: auto;
    margin-right: 5px;
    transition: color .3s;
}

&:hover {
    color: #FFF;
    background-color: var(--secondary-color);
    a

{
    color: #FFF;
}

&:after {
    color: #FFF;
}

}

&.Completed {
    background-image: none;
    background-color: var(--primary-color);
    color: #FFF;
    &:after

{
    content: "\f14a";
    font-weight: bold;
    color: #FFF;
}

}
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover {
    background-image: none;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover {
    background-image: none;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock,
#eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock,
.Application_Home #sectionslist_pageBlock,
.Application_Home #BackBlock_pageBlock {
    padding: 0;
    margin-top: 15px;
}

#Application_Home_pageView #additionalinformationsectionslist_pageBlock {
    padding: 0;
}

    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem {
        background-image: url('../images/sprites/unselected-progress-hover.png');
        background-position: 99% 50%;
        background-color: #999999;
        width: 100%;
        margin: 0 0 15px;
        height: auto;
        padding: 0;
    }

        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed {
            background-image: url('../images/sprites/selected-progress-hover.png');
            color: #FFF;
            background-color: var(--secondary-color);
        }

#eaContainer #interviewdetailform_pageBlock #interviewdetailform_videoInterviewNotReady_formRow .textLiteral {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

/*---------------------------------------
   5.3 Global sections       
-----------------------------------------*/
/* Login / Register block */
.banner-main-container {
    position: relative;
}

#login-register-block {
    background: #9b9c9e;
    display: block;
    width: 300px;
    position: absolute;
    text-align: center;
    bottom: 50px;
    margin-left: 50px;
    padding: 1em;
    border-radius: 5px;
}

    #login-register-block .buttonAnchor {
        background: #F1F1F1;
        color: #313131;
        margin-right: 1em;
    }

.block-right {
    float: right;
}

#login-register-block .buttonAnchor.no-margin {
    margin: 0;
}

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer {
    margin-left: 0;
}

#Grid_REFEREES_pageBlock .gridContent * {
    float: none !important;
}

#eaContainer .PosMyAppSummaryLinks {
    margin-bottom: 1em;
    /*margin-top: 1em;*/
}

    #eaContainer .PosMyAppSummaryLinks a {
        /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/
        padding-left: 20px;
    }


#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue {
    padding-left: 1em;
}

#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader {
    font-weight: bold;
}

#eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer {
    padding-top: 0px;
}

#eaContainer .pageBlockInner_FormBlock .fakecheck {
    background: none;
    &:before

{
    font-family: "Font Awesome 6 Pro";
    content: "\f04d";
    color: #000;
    font-size: 30px;
    margin-right: .5rem;
}

}

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

#eaContainer .pageBlockInner_FormBlock .fakechecked {
    background: none;
    &:before

{
    content: "\f14a";
    font-weight: bold;
}

}

#eaContainer .formRow:has(.fakecheck) .labelContainer label {
    margin-top: 5px;
    margin-bottom: 0;
}

#eaContainer div.blockSummaryText {
    padding-left: 3px;
    margin-bottom: 1em;
}

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border-color: var(--grey-4);
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
}

body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea {
    width: 100%;
}

#eaContainer .pageBlockInner_FormBlock label.formLabel {
    padding-right: 5px;
    font-weight: bold;
}

#eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
    width: auto;
}

#eaContainer .pageBlockContainerMiddle .buttonsContainer {
    margin-top: 1em;
}

#eaContainer .PosMyWelcomePackSummaryLinks {
    display: inline-block;
}

#Add_REFEREES_Description_formRow .labelContainer {
    text-align: right;
}

#eaContainer .mainearcublock .rowContainer {
    background: #ffffff;
}

.MyDetails #eaContainer .mainearcublock .rowContainer {
    background-color: var(--grey-1);
}

.Application_List #eaContainer .mainearcublock .rowContainer {
    background: none;
}

#eaContainer .PosMyAppSummaryValues {
    background: #F1F1F1;
    margin-top: 13px;
}

#eaContainer .PosMyAppSummaryLinks {
    margin-bottom: 1em;
    margin-top: 2em;
}

.Pos_Description_Review #eaContainer .PosMyAppSummaryLinks {
    margin-left: 0;
}

#eaContainer .PosMyAppSummaryLinks a {
    background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px;
    padding-left: 20px;
}

.earcujobref {
    display: inline;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    font-family: var(--font-family);
}

#eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues {
    margin: 2px 0 3px;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
}

#eaContainer .pageBlockContainer .rowHeader .rowlink {
    padding-left: 0;
}

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea {
    width: 250px;
    width: 100%; /*this is duplicated elsewhere*/
    min-width: 100px;
}

/*---------------------------------------
   5.4 CV upload          
-----------------------------------------*/

.fileContainer .deletefile img {
    opacity: 0;
}

.fileContainer .deletefile {
    background: url("../images/sprites/black-cross.png") no-repeat right;
}

    .fileContainer .deletefile:hover {
        background: url("../images/sprites/red-cross.png") no-repeat right;
    }

.filename.rcFileMenu {
    height: 65px;
    overflow: auto;
    position: absolute;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
    background-image: url("../images/sprites/white-upload.png");
    padding: 8px 25px 8px 50px;
    background-position: 10% center;
    background-repeat: no-repeat;
}

#eaContainer .fileContainer {
    background-image: none !important;
    text-transform: uppercase;
}

#eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel {
    margin: 10px;
    text-align: center;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader {
    padding: 5px 5px 5px 20px;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer {
    margin: 0 4px 10px;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner {
    text-align: center;
}

#eaContainer #fileupload_Files_formRow .controlContainer {
    float: left;
    margin-bottom: 10px;
    width: 100%
}

#eaContainer #fileupload_Files_formRow .labelContainer {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
    background: #F1F1F1;
    border: 0;
    color: #000000;
}

body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename {
    background: #9b9c9e;
}

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

.fileuploadcontainer {
    margin-left: auto;
    margin-right: auto;
    width: 134px; /**Adjust for button width**/
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile {
    position: relative;
    z-index: 989;
}

#eaContainer div#fileupload_quickcvmodetext_formRow div.textLiteral {
    text-align: center;
}

#fileupload_pageBlockContainer.CvUploadSection .modeLink {
    display: block;
    padding: 5px 20px;
    border: 1px solid #d0d0d0;
    margin: 10px auto 0 auto;
    max-width: 250px;
    text-align: center;
    color: black;
    font-weight: 700;
}

    #fileupload_pageBlockContainer.CvUploadSection .modeLink:hover {
        background-color: var(--grey-1);
        text-decoration: none;
    }



/*---------------------------------------
   5.5 Equal opportunities        
-----------------------------------------*/

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer input,
#quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer input {
    float: none !important;
}

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

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

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

        #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img {
            display: none;
        }

body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel,
body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel,
#Edit_EQUALOPS_form .textLiteral {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
}

#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer {
    width: auto;
}

/*---------------------------------------
   5.6 Interviews    
-----------------------------------------*/

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    margin-left: 0;
    width: auto;
}

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 30%;
}

/* --------------------------------------
=========================================
   6. MEDIA QUERIES
=========================================
-----------------------------------------*/

/*---------------------------------------
   6.1 Laptop             
-----------------------------------------*/

@media screen and (max-width:1399px) {

    .earcuLogin .mn-item-sub-indicator {
        width: 34px;
    }

    .main-navigation .earcuLogin {
        margin: 50px -60px 0 0;
    }
}

@media only screen and (max-width: 1200px) {

    /* Summary box */

    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock,
    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock,
    .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer,
    .Application_earcuBody #posSummaryBlock_pageBlockContainer,
    .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
    }

    /* Search */
    #FindJobContainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        display: block;
        width: 100%;
    }

    body #FindJobHeroBlock input {
        margin-left: 0 !important;
    }

    /* Job Description */
    #eaContainer .PosDescriptionText .ApplyNowContainer {
        /*display: none;*/
    }

    .form-control-plaintext {
        width: 155px;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
        height: 61px;
    }

    ul.listlinks li a {
        width: 355px;
    }

    .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        padding: 2px 10px 2px 60px;
    }
}

@media screen and (max-width: 1199px) {

    .main-navigation .earcuLogin {
        margin: 50px 5px 0 0;
    }
}
/*---------------------------------------
   6.2 Tablet           
-----------------------------------------*/

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

    /* Set label and input widths to 100% */
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    body button.buttonAnchor,
    body input.buttonSubmit,
    body a.buttonAnchor,
    #eaContainer a.button,
    body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    body #modalcodelistlookup_pageBlock .labelContainer,
    body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    body .pageBlockInner_FormBlock label.formLabel,
    body .pageBlockInner_FormBlock input.inputText,
    #eaContainer html body #lookupResults_gridTable,
    #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock input.inputText,
    #eaContainer .pageBlockInner_FormBlock label.formLabel,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer,
    .pageBlockInner_FormBlock .formRow select {
        width: 100%;
        text-align: left;
    }

    /* Set button widths to 100% */
    #eaContainer a.button,
    html body .buttonsRight,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        width: 100%;
        float: none;
        margin: 1em 0em 1em 0em !important;
    }

    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner .buttonsLeft,
    #eaContainer .pageBlockInner .buttonsRight,
    #eaContainer .pageBlockInner .buttonsLeft li,
    #eaContainer .pageBlockInner .buttonsRight li {
        float: none;
        margin-right: 0;
    }

    body div.ui-dialog .pageBlockInner_GridBlock input.scroller {
        margin: 1em 0em;
    }

    /* Align search labels left */
    body .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    /* Home */
    #eaContainer .col-left,
    #eaContainer .col-right {
        width: 100%;
    }

    /* No vacancies */
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer {
        width: 100%;
        float: none;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login {
        margin-left: 0;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register {
        margin-right: 0;
    }

    html body .tooltip2_Outer,
    html body .posListHover {
        display: none;
    }

    #eaContainer #why-good-stuff, #eaContainer #latest-jobs {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100%;
        margin: 0;
    }

    .col-third {
        display: block;
        width: 100%;
    }

    .cat-container,
    .count-block .no-of {
        display: inline-block;
        width: 49.5%;
    }

    .count-block .no-of {
        display: block;
        width: 100%;
    }

    /* Category pages */
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer {
        display: block;
        width: 100%;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 50%;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label {
        margin-left: 2em;
    }

    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 99%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 210px;
    }

    /* Alerts */
    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        overflow: visible;
    }

    #MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
        display: none;
    }

    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        float: none !important;
    }

    /* Summary icons */
    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
        width: 100%;
        display: inline-block;
    }

    /* Email address */
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        float: none;
        margin-top: 1em;
    }

    /* Questions and answers */
    #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
        width: 100%;
    }

    #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
        margin-left: 0;
        width: 100%;
    }

    /* File upload */
    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
        background-position: 5% center;
        background-repeat: no-repeat;
    }

    /* Interview map */
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
        margin-left: 0;
    }

    /* Search Results */

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

    #FindJobBlock #quicksearch_filter_text_formRow,
    #FindJobBlock #quicksearch_filter_locationradius_formRow {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_form {
        width: 50%;
        margin-left: 25%;
        padding-left: 0;
    }

    .searchtitlerow {
        display: none;
    }

    /* Job Description */

    /*hide */
    .col-lg-4 .ApplyNowContainer {
        display: none
    }


    /* Main Banner */
    #login-register-block {
        background: #9b9c9e;
        display: block;
        width: 100%;
        bottom: 0;
        margin-left: 0;
        position: relative;
        min-height: 75px;
    }

        #login-register-block .buttonAnchor {
            margin-bottom: 16px;
            width: auto;
        }

    .block-right {
        float: right;
    }
    /*mobile*/
    li.dtlink {
        display: none;
    }

    li.moblink {
        display: inline-block;
    }

    ul.listlinks li a {
        width: 100%;
    }

    .hero {
        height: 238px;
        margin-bottom: 303px;
        background-attachment: scroll;
    }

    .phextra {
        min-height: 238px;
        background-attachment: scroll;
        height: 238px;
    }

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

    .pagetitle {
        font-size: 2rem;
    }

    #FindJobHeroBlock {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .landr {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .searchbg {
        display: none;
    }
    /*fixes*/
    .intl-tel-input {
        width: 100%;
    }

    body #eaContainer .formRowTextAreaRow .controlContainer,
    body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
    body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
    #eaContainer textarea {
        width: 100%;
    }

    .form-control-plaintext {
        width: 100%;
    }

    .curvaccol {
        padding-right: 15px;
        padding-top: 20px;
    }

    .home-col {
        padding-top: 62px;
    }
}

/*---------------------------------------
   6.3 Phablet            
-----------------------------------------*/

@media screen and (max-width: 768px) {

    /* Main headings */
    #eaContainer h1 {
        font-size: 2rem;
        word-wrap: break-word;
        line-height: 2.6rem;
    }

    .pageheader .row.descrow {
        min-height: 250px;
    }

    .Home .pagetitle {
        padding-bottom: 10px;
    }

    .homelinkscol {
        padding-top: 30px;
    }
    /* Align buttons */
    #eaContainer a.button,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor {
        float: none;
        margin: 0;
    }

    /* Align labels left */
    #eaContainer .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        float: none;
    }

    /* Job search */
    #quicksearch_pageBlockContainer .buttonsRight li,
    #quicksearch_pageBlockContainer .buttonsRight input,
    #quicksearch_pageBlockContainer .buttonsRight {
        float: none;
        width: 100%;
    }

    #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li {
        width: 100%;
    }

    #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text {
        font-size: 1em;
    }

    .hero-text .section-content .blockquote {
        font-size: 28px;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100%;
    }

    .col-third,
    .cat-container {
        display: block;
        width: 100%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 0;
    }

    /* Search result blocks */
    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 98%;
    }

    /* Job alerts */
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 100% !important; /*fix inline style*/
    }

    body .ui-dialog {
        width: 100% !important; /*fix inline style*/
    }

    .MyJobFeed div#dialogDialogContainer {
        width: 100% !important; /*fix inline style*/
    }

    th#col_lookupResults_name {
        width: 100% !important; /*fix inline style*/
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 100%;
    }

    .proudbox {
        width: 333px;
    }

    /* Job Description */

    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        background-position: 97% 50%;
    }

    .btnform {
        display: block;
    }

    /*search ticks on mobile*/
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected,
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        background-position: top 5px left 0;
    }

    .heropagetitle {
        font-size: 2.5rem;
    }
    /**no vacancies mobile**/
    #posBrowser_ResultsGrid_pageBlock .createAlertsInnerContainer {
        border: 1px solid #d0d0d0;
        padding: 25px;
    }

    #posBrowser_ResultsGrid_pageBlock .createAlertsContainer {
        width: 100%;
        margin: 20px auto 0 auto;
        padding: 1px;
    }

        #posBrowser_ResultsGrid_pageBlock .createAlertsContainer .buttonsContainer .buttonAnchor {
            margin: 0 auto !important;
        }

    .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        padding: 2px 10px 2px 15px;
    }
    /**/

    /***/
}

/*---------------------------------------
   6.4 Phone          
-----------------------------------------*/

@media screen and (max-width: 480px) {

    /* Job alerts */
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 100% !important;
    }

    body .ui-dialog {
        width: 100% !important;
    }

    /* Search */
    #FindJobBlock #quicksearch_form {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    div.alternateViews a.alternateViewsButton_Map:before {
        content: none;
    }

    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        display: block;
    }
}

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

#QuickApplyForm_pageBlock .formRowCheckBoxRow div.labelContainer {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 2px;
    padding-left: 10px;
}

#QuickApplyForm_pageBlock .formRowCheckBoxRow div.controlContainer {
    float: left;
    margin-right: 5px;
    padding-left: 5px;
    display: block;
    float: none;
    width: 3% !important;
    margin: 0 auto;
}

#QuickApplyForm_buttons_formRow {
    width: 17% !important;
    float: none;
    margin: 0 auto;
    display: block !important;
    min-height: 60px;
}

#QuickApplyForm_pageBlock #QuickApplyForm_Referral_email_formRow .suffixContainer {
    clear: left;
    margin-left: 40%;
}

div#QuickApplyForm_submitinstructions_formRow {
    max-width: 500px;
    margin-inline: auto;
    display: block;
    float: none;
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
}

@media all and (max-width:992px) {
    #QuickApplyForm_pageBlock .formRowCheckBoxRow div.labelContainer {
        padding-left: 0;
    }

    #QuickApplyForm_pageBlock .formRowCheckBoxRow div.controlContainer {
        float: left;
        width: auto !important;
        padding-left: 0;
    }

    #QuickApplyForm_pageBlock #QuickApplyForm_Referral_email_formRow .suffixContainer {
        margin-left: 0;
    }
}
/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}
/**/
/*focus*/
.ui-dialog .ui-dialog-titlebar {
    min-height: 38px;
}

div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
button.ui-dialog-titlebar-close:hover,
button .ui-dialog-titlebar-close:hover {
    margin: 2px 0 0 0 !important;
}

button.ui-dialog-titlebar-close:focus {
    outline: 2px solid rgb(16 16 16) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    margin: 2px 0 0 0;
}

input[type="radio"] {
    margin: 0 !important;
}

    input[type="radio"]:focus {
        outline: 2px solid rgb(16 16 16) !important;
    }

.pageBlockInner_FormBlock div.radioOption {
    overflow: visible;
    padding: .2rem 0;
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev,
#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    margin-bottom: 4px;
}

    #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext:focus,
    #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev:focus,
    .bigMapButton span.closeMapButton:focus,
    .bigMapButton a:focus,
    .miniMapButton a:focus,
    a.linktomodal:focus,
    #eaContainer a.filename:focus,
    .MyWelcomePacks_OfferForm_Summary .ulListItemLabel a:focus,
    .myWelcomePackLink a:focus,
    .MySummaryItemContent a:focus,
    span.earcujobref:focus,
    #clearsig a:focus,
    .offerAnchorContainer a.offerAnchor:focus,
    td.cell_lookupResults__defaultaction a:focus,
    td.cell_lookupResults_name a:focus,
    .MyJobFeed a.openpopup:focus,
    .MyEmailsSummary .rowLabel a:focus,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu a:focus,
    #Welcome_pageView .iconLabel a:focus, .textLiteral_Info a:focus,
    .Login .textLiteral_Header a:focus,
    .Pos_AlertCriteria .textLiteral_Header a:focus,
    a.ssoIconLink:focus,
    a.PosDescSharingItem:focus,
    .rowHeader .rowLabel a:focus,
    #eaContainer .posBrowserMapBlock .alternateViewsCurrent a:focus,
    #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a:focus,
    #eaContainer .pageBlockInner_GridBlock .gridTop a:focus,
    #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a:focus,
    #eaContainer div.FilterRowsContainer .AvailableContainer a:focus,
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a:focus,
    a.viewalllink:focus {
        outline: 2px solid var(--grey-4) !important;
        border-radius: 3px !important;
        box-shadow: none !important;
    }

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons#Grid_PERSONALDETAILS_pageBlockContainer .pageBlockInner_GridBlock .ListGridContainer .rowLabel {
    margin: 0;
    padding: 4px 4px 0 6px;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons#Grid_PERSONALDETAILS_pageBlockContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 0;
    margin: 0;
}

/*this is very important*/
.homecat a.seemorebtn:focus img {
    border: 2px solid var(--grey-4) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.homecat a.seemorebtn:focus p {
    border: 2px solid var(--grey-4) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

body #FindJobHeroBlock input.buttonSubmit:focus,
input.postcodelookup:focus,
.ApplyNowContainer li a:focus,
button.addressButton:focus,
a.buttonAnchor:focus,
input[type=submit]:focus,
.btn.focus, .btn:focus,
#eaContainer .buttonsRight a.buttonAnchor:focus,
#eaContainer a.buttonAnchor:focus {
    background-color: var(--grey-4);
    color: var(--button-text-color, #000);
}

#eaContainer {
    .buttonsLeft, .buttonsRight, .buttonsCenter

{
    a, input, button

{
    &.buttonAnchor

{
    &.buttonActionId_back, &.buttonActionId_ajaxCancel, &.buttonActionId_backToSection

{
    background-color: #FFF;
    color: #000;
    border: 2px solid #000;
    &:hover, &:focus, &:active

{
    background-color: #FFF;
    color: var(--grey-4);
    border-color: var(--grey-4);
}

}
}
}
}
}

input.addressInput:focus,
.owl-prev:focus,
.owl-next:focus {
    box-shadow: 0 0 0 3px #e5222a !important;
}

button.addressButton:focus {
    box-shadow: 0 0 0 4px #e5222a !important;
}

textarea:focus,
select:focus,
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=text]:focus {
    box-shadow: 0 0 0 2px #e5222a !important;
}

.MyJobFeed a.openpopup {
    margin: 4px;
}

.btn-para a.btn-second:focus,
.landr a.btn-second:focus {
    background-color: black !important;
    color: white !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-main:focus {
    box-shadow: none !important;
}

.tabblock {
    display: block !important;
    z-index: 2;
}

.pageBlockInner_FormBlock span.mandatoryContainer {
    color: #AA0F0F;
    margin-left: 3px;
    margin-right: 10px;
}
/*li.mn-menu-item:hover .mn-item-sub-indicator {
    transform: rotate(180deg);
    transition: transform .25s linear;
    cursor: pointer;
}*/

li.sorter_first {
    display: none;
}

a.scroller_moveprev span,
a.scroller_movenext span {
    display: none;
}
/*end*/
/*hide cat boxes if no appOption*/
.Home #CodeListCounts_pageBlockContainer,
.Home #noPositions_pageBlockContainer {
    display: none;
}

@media screen and (max-width:767px) {
    a.wcag {
        display: inline-grid;
        margin-left: 4px;
    }
}

.stickyApplyContainer {
    position: fixed;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    right: -44px;
    z-index: 10;
}

    .stickyApplyContainer a {
        background: black;
        border: 2px solid black !important;
        border-radius: 0;
        font-size: 1rem;
        font-weight: 700 !important;
        color: white !important;
        padding: 10px 23px;
        transition: all 0.3s ease-in-out;
        text-align: center;
        display: block;
    }

        .stickyApplyContainer a:hover {
            background: #fff;
            color: #000 !important;
        }

@media all and (max-width:1024px) {
    .stickyApplyContainer {
        top: initial;
        transform: none;
        right: 2em;
        left: 2em;
        bottom: 0;
    }
}