/*

Skin: TheAvenuesGroup_02
Version: 20170630

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.2 Fonts              
-----------------------------------------*/

html body {
    font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    line-height: 1.8;
    font-size: 16px;
}

h1 {
    font-size: 24px;
}

    h1.strapline {
        font-size: 42px;
        color: #55379b;
        padding-bottom: 0;
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: 'opensansbold', arial, sans-serif;
    }

/*---------------------------------------
   1.2 Menu              
-----------------------------------------*/
.salinks {
    margin-top: 1em;
    float: right;
}

/* Active Link Styling */
.sticky-navigation .main-navigation li.active a,
.sticky-navigation .main-navigation li.active a.sub-menu-link.active {
    font-weight: bold;
}

    .sticky-navigation .main-navigation li.active a.sub-menu-link {
        font-weight: normal;
    }

.menu-control {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .menu-control:hover {
        cursor: pointer;
    }

#nav-mobile,
.menu-control {
    display: none;
}

.navbar-toggle .icon-bar {
    border: solid 1px #83509A;
}

.sticky-navigation .main-navigation li a {
    color: #83509A;
    font-size: 16px;
    padding: 0px 5px;
}

    .sticky-navigation .main-navigation li a.applyBtn {
        color: #FFF;
        background-color: #B2D567;
    }

        .sticky-navigation .main-navigation li a.applyBtn:hover {
            color: #83509A;
            background-color: #FFF;
        }

.container.content,
.container.hero {
    margin-top: 184px;
}

#menu-primary {
    float: none;
}

    #menu-primary .salinks {
        float: none;
        max-width: 750px;
        margin: 1em auto 0;
    }

.navbar-header {
    float: none;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.textpage_equality .embed-container {
    margin-top: 20px;
}

.textpage_socialcare ul.leftnav a {
    display: block;
}

.textpage_equality .col-md-9 article a,
.textpage_socialcare .col-md-9 article a {
    color: #5AC6D0;
}

.textpage_equality h1,
.textpage_socialcare h1,
.textpage_faqs h1,
.textpage_recruitmentprocess h1,
.textpage_benefits h1,
.textpage_rewards h1,
.textpage_equality h2,
.textpage_socialcare h2,
.textpage_faqs h2,
.textpage_recruitmentprocess h2,
.textpage_benefits h2,
.textpage_rewards h2,
.textpage_equality h3,
.textpage_socialcare h3,
.textpage_faqs h3,
.textpage_recruitmentprocess h3,
.textpage_benefits h3,
.textpage_rewards h3 {
    color: #5AC6D0;
    font-weight: bold;
}

.textpage_aboutus .embed-container iframe,
.textpage_equality .embed-container iframe,
.textpage_rewards .embed-container iframe,
.textpage_socialcare .embed-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.textpage_equality .flex-content {
    margin-top: 20px;
}

.textpage_equality .container .quoteContainer {
    padding: 20px 0px;
    color: #83509A;
    text-align: center;
    font-weight: bold;
}

.textpage_equality h1,
.textpage_socialcare h1,
.textpage_faqs h1,
.textpage_recruitmentprocess h1,
.textpage_benefits h1,
.textpage_rewards h1 {
    font-size: 36px;
    color: #ea506f;
}

.textpage_rewards ul#tabs h1 {
    font-size: 36px;
    color: #83509A;
}

.textpage_equality h2,
.textpage_socialcare h2,
.textpage_faqs h2,
.textpage_recruitmentprocess h2,
.textpage_benefits h2,
.textpage_rewards h2 {
    font-size: 24px;
    color: #ea506f;
}

.textpage_equality h3,
.textpage_socialcare h3,
.textpage_faqs h3,
.textpage_recruitmentprocess h3,
.textpage_benefits h3,
.textpage_rewards h3 {
    font-size: 18px;
    margin-top: 2px;
}

.textpage_aboutus #eaContainer p {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
}

.Pos_Description .container.content,
.Pos_Find_Results .container.content,
.Pos_Find_Results_Map .container.content {
    margin-top: 0px;
}

.sticky-navigation {
    webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1020;
}

.menu-item-has-children a:after,
.dropdown-toggle:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

.menu-item > a:focus {
    outline: 0;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
    display: block;
}

.main-navigation ul .toggled-on {
    display: block;
}

.dropdown-toggle {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #55379b;
    color: #ffffff;
}

    .dropdown-toggle:after {
        content: "\f078";
        font-family: FontAwesome;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 24px;
        -webkit-font-smoothing: antialiased;
    }

    .dropdown-toggle:hover,
    .dropdown-toggle:focus {
        background-color: #55379b;
        color: #ffffff;
        z-index: 1;
    }

    .dropdown-toggle.toggled-on,
    .dropdown-toggle.toggled-on:hover,
    .dropdown-toggle.toggled-on:focus {
        background-color: #55379b;
        color: #fff;
        z-index: 1;
    }

        .dropdown-toggle.toggled-on:after {
            content: "\f078";
            font-family: FontAwesome;
            line-height: 28px;
        }


        .dropdown-toggle.toggled-on:after {
            content: "\f078";
            font-family: FontAwesome;
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

/* for 1048px or less */
@media screen and (max-width: 1048px) {
    #nav-mobile, .menu-control {
        display: block;
    }

    html body ul.closed,
    #topnav {
        display: none;
    }
}

.col-hd .donate {
    border: 1px solid #ea506f;
    overflow: auto;
    width: 262px;
}

.col-hd .btn-donate {
    background-color: #fff;
    border: none;
    color: #ea506f;
    font-size: 24px;
    font-weight: 700;
    line-height: 50px;
    margin-left: 40px;
}

.donate img {
    border: 1px solid #ea506f;
    background-color: #ea506f;
    float: right;
    margin: 5px;
}

.col-hd {
    min-height: 100px;
    position: relative;
}

    .col-hd div, .col-hd-cf div {
        bottom: 0px;
        position: absolute;
    }

.container .header {
    margin: 0;
    padding-bottom: 0px;
    border-bottom: 2px solid #83509A;
}

.salinks ul.primary-menu {
    padding: 0px;
}

.salinks ul li a {
    padding-right: 10px;
    color: #83509A;
    font-weight: bold;
}

.salinks ul li.menu-item-has-children a {
    padding-right: 30px;
}

.salinks ul li ul li a.sub-menu-link {
    padding-left: 10px;
}

h1.headline {
    color: #ea506f;
    font-size: 48px;
    font-weight: bold;
    line-height: 48px;
    margin: 0 0 0 20px;
}

#benefits {
    overflow: auto;
}

#testimonials {
    margin: 20px 0px;
}

    #testimonials h1.headline,
    #benefits .benefits h1.headline,
    #reviews .reviews h1.headline {
        font-size: 30px;
        margin: 0px 0px 20px;
        text-align: center;
    }

#benefits .benefits h1.headline {
    margin: 20px 0px 20px;
}

.Pos_Find_Results h1.heading-section {
    color: #5AC6D0;
    font-size: 30px;
    margin: 20px 0px;
}

#posBrowser_Filter_pageBlock .filtersExpander a::before {
    content: '+ ';
    font-size: 24px;
}

#posBrowser_Filter_pageBlock .filtersExpander a,
#posBrowser_Filter_pageBlock .filtersSummary .alternateViews a {
    color: #FFF;
    font-weight: bold;
    background-color: #ea506f;
    padding: 5px 30px;
}

/*#posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Map::after {
        content: '\f5a0';
    }*/

#posBrowser_Filter_pageBlock .filtersExpander a {
    padding: 10px 30px;
}

    #posBrowser_Filter_pageBlock .filtersExpander a:hover,
    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover {
        color: #ea506f;
        background-color: #FFF;
    }

#posBrowser_ResultsGrid_pageBlock span.displaysalarydescription_vacancyColumn.vacancyColumn {
    text-transform: lowercase;
}

#benefits .benefits {
}

    #benefits .benefits .benefitBoxes,
    #reviews .reviews .reviewsBoxes {
        margin: 25px auto 0;
        overflow: auto;
    }

#reviews .reviews .reviewsBoxes {
    height: 200px;
    overflow: hidden;
}

    #benefits .benefits .benefitBoxes .benefitBox,
    #reviews .reviews .reviewsBoxes li {
        display: block;
        width: 33%;
        float: left;
        min-height: 230px;
    }

        #reviews .reviews .reviewsBoxes li .reviewContainer {
            text-align: center;
        }

        #benefits .benefits .benefitBoxes .benefitBox img,
        #reviews .reviews .reviewsBoxes li img {
            width: 90px;
            display: block;
            margin: 0 auto;
        }

        #benefits .benefits .benefitBoxes .benefitBox p.benefitText,
        #reviews .reviews .reviewsBoxes li p.reviewName,
        #reviews .reviews .reviewsBoxes li p.reviewerName {
            text-align: center;
            color: #000;
            font-weight: bold;
        }

        #reviews .reviews .reviewsBoxes li p.reviewText {
            font-weight: normal;
        }

        #reviews .reviews .reviewsBoxes li p.reviewName,
        #reviews .reviews .reviewsBoxes li p.reviewerName
        #reviews .reviews .reviewsBoxes li p.reviewText {
            text-align: center;
        }

        #reviews .reviews .reviewsBoxes li img {
            margin: 0 auto;
        }

#benefits .benefits a.benefitsBtn,
#reviews .reviews a.reviewsBtn {
    background-color: #B2D567;
    color: #FFF;
    padding: 10px;
    font-size: 16px;
    border-radius: 3px;
    margin: 0px auto 40px;
    display: block;
    width: 190px;
}

    #benefits .benefits a.benefitsBtn:hover,
    #reviews .reviews a.reviewsBtn:hover {
        background-color: #FFF;
        color: #5AC6D0;
    }

.container .row .backgroundBanner {
    background-image: url(../images/custom/homeBanner.png);
    background-size: cover;
    background-position: -15px 50%;
    padding: 20px 0px 0px;
}

.logoContainer {
    width: auto;
    float: left;
}

.infoContainer {
    width: auto;
    float: left;
}

    .infoContainer p {
        margin: 0;
        color: #83509A;
        font-size: 14px;
        text-align: center;
    }

        .infoContainer p i {
            padding-right: 5px;
        }

/*---------------------------------------
   1.3 Logo              
-----------------------------------------*/
#logo {
    padding-top: 1em;
}

.logo-tag {
    margin-left: 10px;
    font-weight: bold;
    position: relative;
    bottom: 0;
    top: 10px;
}

.logo {
    padding-top: 5px;
    display: flex;
    gap: 5%;
    align-items: center;
    justify-content: space-between;
}

    .logo img {
        max-width: 200px;
        width: 100%;
    }

.info {
}

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

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

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

/*
#WelcomeInfoBlock_MyDetails_formRow .iconImage img,
#ProfileIcon img {
    border-radius: 50%;
}
*/

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

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

/*---------------------------------------
   1.5 Borders              
-----------------------------------------*/

/* Div radius */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li,
#eaContainer .ulListItemLabel,
/* #eaContainer .gridContent,*/
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer div.listContainer *,
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts,
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
#eaContainer #Application_Home_pageView .ulListItem {
    /*border-radius: 0.25em;*/
}

/* Inputs, buttons, images radius */

body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea,
#login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink,
#eaContainer div,
.posdescriptionPropertyBox,
.posrating,
.possharing,
.posAlerts,
#eaContainer .posBrowserMapBlock .gridTop,
html body .tooltip2_Outer,
#eaContainer .posBrowserMapBlock .addressContainer .addressInput,
#eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img,
#eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img,
#eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
.pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select,
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 {
    /*border-radius: 0.25em;*/
}

/* No radius */

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 .posBrowserMapBlock .addressContainer .addressInput,
#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;
}

    /* Rounded corners */
    #Grid_PERSONALDETAILS_pageBlock .rowlink a,
    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,
    .gridContainer .rowlink a,
    #eaContainer .pageBlockInner_GridBlock .gridTop,
    #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer,
    #eaContainer .markerStatsContainer,
    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed {
        border-radius: 0;
    }

#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer {
    margin-top: 10px;
}

/*---------------------------------------
   1.6 Text Pages              
-----------------------------------------*/
/* Accordion */
button.accordion-button {
    /*
    background-color: #eee;
    color: #444;
    */
    background-color: inherit;
    cursor: pointer;
    /* padding: 18px; */
    padding-top: 18px;
    padding-bottom: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 19px;
    color: #9a9b9c;
}

    button.accordion-button.active,
    button.accordion-button:hover {
        /* background-color: #ddd; */
    }

div.accordion-content {
    /* padding: 0 18px; */
    /* background-color: white; */
    padding: 0 6px 22px;
    display: none;
}

    div.accordion-content.show {
        display: block;
    }

button.accordion-button:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f067';
    /* content: '\02795'; */
    font-size: 13px;
    color: #BEBEBE;
    float: right;
    margin-left: 5px;
}

button.accordion-button.active:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f068';
    /* content: "\2796"; */
}

.accordion-container {
    border-bottom: 1px solid #E8E8E8;
}

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

/*---------------------------------------
   2.1 Colours              
-----------------------------------------*/

/* Primary colour */

.hero-bg,
.srt-menu li li:hover > a,
#topnav,
#nav-mobile,
a.buttonlink,
/*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover,
/*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/
/*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
div.FilterRowsContainer .AvailableContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
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 .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_ajaxCancel,
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 .posBrowserMapBlock .markerStatsContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
/*#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,*/
#slider-latest-jobs ol li a.flex-active,
#FindJobHeroBlock,
#login-register-block .buttonAnchor:hover,
#eaContainer .TilesGridSortingPopup,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    background: #B2D567;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover:nth-child(1) {
    background: #5AC6D0;
}


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

#FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover {
    border: 1px solid #83509A;
}

/* Secondary colour */


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

/*
body button.buttonAnchor:hover,
body input.buttonSubmit:hover, 
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover, 
#eaContainer .buttonsRight button.buttonAnchor:hover, 
#eaContainer .buttonsLeft input.buttonSubmit:hover, 
#eaContainer .buttonsRight input.buttonSubmit:hover, 
#eaContainer .buttonsLeft a.buttonAnchor:hover, 
#eaContainer .buttonsRight a.buttonAnchor:hover {
    border-color: #55379b;
}
*/

#eaContainer a:hover,
.hero-content h2 span,
body #eaContainer .alternateViews .alternateViewsButton:hover,
#Welcome_pageView .iconLabel a:hover,
#eaContainer .actionMessageContainer div.actionMessageOk,
#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer,
.logo-tag,
#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover,
.Pos_Description_Review #eaContainer .reviewposlink a,
#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,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
button.accordion-button.active:after,
a#JobsNearMe:hover {
    color: #55379b;
}

body #eaContainer .alternateViews .alternateViewsButton:hover {
    color: #ea506f;
}

#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover {
    color: #fff;
    text-decoration: none;
}

#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,
#eaContainer .pageBlockInner_GridBlock .gridTop a: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: #55379b !important;
}

/* Buttons */
body button.buttonAnchor:hover,
body input.buttonSubmit:hover,
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover,
#eaContainer .buttonsRight button.buttonAnchor:hover,
#eaContainer .buttonsLeft input.buttonSubmit:hover,
#eaContainer .buttonsRight input.buttonSubmit:hover,
#eaContainer .buttonsLeft a.buttonAnchor:hover,
#eaContainer .buttonsRight a.buttonAnchor:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
span.fake-button:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#quicksearch_pageBlockContainer input.buttonSubmit:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
.Pos_Description_Review #eaContainer .reviewposlink a:hover,
.Application_Withdraw #eaContainer .withdrawapp a:hover,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
.gridContainer .rowlink a:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner,
#eaContainer a.buttonAnchor:hover {
    color: #eaeaea;
}

/* 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,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a,
.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,
#eaContainer #Application_Home_pageView .ulListItem:hover a,
#eaContainer #Application_Home_pageView .Completed:hover a,
html body .tooltip2_FormError,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a,
#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,
#eaContainer .pageBlockInner_GridBlock .gridTop a,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
/*#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text,*/
#quicksearch_pageBlockContainer div.pageBlockTitle h1,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
/*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/
#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a,
#eaContainer div.FilterRowsContainer .AvailableContainer a,
#eaContainer .posBrowserMapBlock .alternateViewsCurrent a,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
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_ajaxCancel,
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 #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover,
#eaContainer .pageBlockContainer .rowHeader .rowlink a,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
    color: #fff;
}

#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active {
    background: #5ac6d0;
    color: #fff;
}


.tooltip2_Outer {
    border: 1px solid #b2d567;
    background: #b2d567;
    padding: 5px;
    width: 200px;
    color: #000099;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover,
#eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover,
body.Home #eaContainer .listItemContainer a,
body.Home #eaContainer .listItemContainer a:hover,
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 !important;
}

#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
    border-color: #fff;
}

#eaContainer .actionMessageContainer div.actionMessageWarning {
    background-image: url("../images/sprites/red-cross.png");
}

#eaContainer .actionMessageContainer div.actionMessageOk {
    background-image: url("../images/sprites/green-tick.png");
}

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

/* Greys */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
/*#eaContainer .ulListItemLabel,*/
/* #eaContainer .gridContent,*/
#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 !important;
}

#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: 1px solid #9B9C9E;
}

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

.ui-widget-overlay {
    opacity: 0.7;
}
/* 354 Release */
#UsernameForm_NoSso_formRow .textLiteral {
    text-align: left;
    margin-bottom: 1em
}

div#UsernameForm_ssoicons_formRow {
    margin-bottom: 20px;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="tel"], .intl-tel-input.separate-dial-code input[type="text"] {
    padding-right: 6px;
    padding-left: 52px !important;
    margin-left: 0;
}

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

.intl-tel-input .country-list {
    max-height: 100px;
}

/* */

/* Parallax */
.parallax-window {
    min-height: 330px;
    background: transparent;
    margin-top: 70px;
    width: 100%;
}

.mobile-banner {
    display: none;
}

.eArcuInfoHeader {
    display: none;
}

#content-main {
}

#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 .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;
        /*font-family: 'opensansregular', Helvetica Neue, Sans-serif;*/
    }

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

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

#eaContainer {
    margin-bottom: 2em;
}

#__ba_launchpad {
    display: inline-block;
    margin: 0px 0px 0px 10px;
}

.gw-launchpad-button,
.gw-launchpad-button-outlined,
.gw-launchpad-icon-button,
.gw-launchpad-input-group-button {
    height: 39px;
}

body:before {
    content: '';
    z-index: -1;
    opacity: 0;
    transition: opacity .4s ease;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.cookiesOpen {
    overflow: hidden;
}

    body.cookiesOpen:before {
        z-index: 9991;
        opacity: 0.7;
    }

.cookiesButton {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 9990;
}

    .cookiesButton a {
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
        background: #83509A;
        display: block;
        height: 100%;
        position: relative;
        transition: all .2s ease;
        color: #fff;
    }

        .cookiesButton a:hover {
            background: #ea506f;
        }

        .cookiesButton a i {
            position: absolute;
            bottom: 10px;
            left: 10px;
            font-size: 30px;
        }

.gdprcookie {
    z-index: 9992;
    background: #83509A;
}

    .gdprcookie.too-big {
        position: fixed;
        bottom: 1.5rem;
        top: 1.5rem;
        overflow: auto;
    }

    .gdprcookie h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .gdprcookie h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdprcookie input[type=checkbox] {
        position: relative;
        opacity: 1;
    }

        .gdprcookie input[type=checkbox] + label {
            color: inherit;
            display: inline-block;
        }

    .gdprcookie .gdprcookie-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-top: 20px;
    }

        .gdprcookie .gdprcookie-buttons button {
            transition: all .2s ease;
            margin: 0;
        }

            .gdprcookie .gdprcookie-buttons button:disabled {
                pointer-events: none;
            }

            .gdprcookie .gdprcookie-buttons button:not(:disabled):hover {
                background: rgba(255,255,255,0.3);
            }

/*---------------------------------------
   2.3 Buttons              
-----------------------------------------*/
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
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,
.gridContainer .rowlink a {
    /* box-shadow: 0 0.25em 0 0 #A51223, 0 4px 9px rgba(0, 0, 0, 0.75); */
    /* margin: 1em !important; */
    /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/
    /* padding: 6.5px 25px; */
    /*padding: 5px 15px;*/
    padding: 7px 15px;
    text-align: center;
    font-size: 22px;
    font-family: inherit;
    font-weight: normal;
    /* text-transform: capitalize; */
}

body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    text-shadow: none;
}

#eaContainer .addressButton {
    padding: 0;
}

#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit {
    padding: 7px 25px;
}

    body button.buttonAnchor:hover,
    body input.buttonSubmit:hover,
    body a.buttonAnchor:hover,
    #eaContainer a.button:hover,
    #eaContainer .addressButton:hover,
    #eaContainer a.button:hover,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    #eaContainer .fileuploadbutton:hover,
    #eaContainer .buttonsLeft button.buttonAnchor:hover,
    #eaContainer .buttonsRight button.buttonAnchor:hover,
    #eaContainer .buttonsLeft input.buttonSubmit:hover,
    #eaContainer .buttonsRight input.buttonSubmit:hover,
    #eaContainer .buttonsLeft a.buttonAnchor:hover,
    #eaContainer .buttonsRight a.buttonAnchor:hover {
        background: #5ac6d0;
        color: #fff;
    }

.buttonsRight button.buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsRight a.buttonAnchor {
    margin-bottom: 3px;
}

html body th input.buttonSubmit {
    box-shadow: none;
}

#eaContainer input.buttonSubmit {
    padding: 7px 25px;
}

/*---------------------------------------
   2.4 Errors           
-----------------------------------------*/

#eaContainer .actionMessageContainer {
    padding: 1em 0;
    margin-bottom: 1em;
    background-color: #83509A;
}

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

    body.Home #eaContainer .actionMessageContainer div.actionMessageOk {
    }

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

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

.hidden {
    display: none;
}

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

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

.modalContent .formRow.formRowButtonRow {
    margin-top: 1em;
}

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

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

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

.charCounterValue {
    float: left;
}
/* --------------------------------------
=========================================
   3. PRE APPLICATION
=========================================
-----------------------------------------*/

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

.Home #intro_pageBlock {
    display: none;
}

#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer div.actionMessageOk {
    color: #fff;
    margin-left: 10px;
}

.count-block .fa {
    display: block;
    color: #55379b;
}

.count-block .counter,
.count-block .counter-icon {
    color: #55379b;
    font-size: 32px;
}

.count-block .counter-icon {
    margin-left: 0;
}

.no-of p {
    text-transform: capitalize;
    color: #83509A;
}

.count-block * {
    margin: 10px;
    text-align: center;
}

.count-block .no-of {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 30%;
    display: inline-block;
}

.col-hd input {
    border: 1px solid #5ac6d0;
    font-size: 10px;
    padding: 5px;
    width: 200px;
    line-height: 14px;
}

.btn-sml {
    background-color: #ea506f;
    border: 1px solid #ea506f;
    color: #fff;
    font-size: 12px;
    height: 26px;
    margin-left: -2px;
    padding: 2px;
}

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

.bottom-parallax {
    margin: 0;
}

#home-img-2 {
    position: relative;
}

    #home-img-2 p {
        position: absolute;
        bottom: 40%;
        text-align: center;
    }

.hero-text {
    text-align: center;
    padding-bottom: 3.5em;
    padding-top: 3.5em;
    background-image: url("../images/headers/1b-home-quote.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .hero-text .section-content {
        width: 100%;
        margin: 0 auto;
        padding-left: 20%;
        padding-right: 20%;
        opacity: 0.85;
    }

        .hero-text .section-content .blockquote {
            color: #83509A;
            font-size: 34px;
            animation: come-in 0.8s ease forwards;
        }

        .hero-text .section-content .blockquote {
            color: #83509A;
            font-size: 34px;
        }

.blockquote-author {
    font-size: 20px;
}

.linktovid {
    margin-top: 0;
}

/* Full width */

/*
body.Home .wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body.Home #banner, 
body.Home #topnav, 
body.Home #nav-mobile, 
body.Home .srt-menu, 
body.Home .srt-menu li {
    border-radius: 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;
}

    /*
.Home #eaContainer {
    margin-top: 60px;
    margin-bottom: 60px;
}
*/

    /*
#eaContainer #latestjobs_pageBlock {
    padding-left: 0;
}

#eaContainer .col-right #latest-jobs-container .rowContainer {
    margin-left: 0 !important;
    margin-bottom: 0;
    border-radius: 0;
    background: none;
    padding: 0;
}

#eaContainer .col-right #latest-jobs-container .rowHeader {
    padding: 0;
}
*/

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

#slider-latest-jobs ul.slides {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

#slider-latest-jobs ol.flex-control-nav {
    display: inline-block;
    width: 7%;
    position: absolute;
    top: 28%;
}

#eaContainer #slider-latest-jobs {
    background: none;
}

    #eaContainer #slider-latest-jobs .slides {
        margin-bottom: 1em;
    }

#eaContainer #latest-jobs h1 {
    line-height: 34px;
    margin-top: 0;
}

#eaContainer #latest-jobs h3 {
    font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 0;
}

#slider-latest-jobs ol li a {
    background: #ffffff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    -o-box-shadow: 0;
    box-shadow: 0;
}

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

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

.col-hd h4 {
    color: #83509a;
    margin-bottom: 0px;
    font-size: 16px;
}

.av-phone:before {
    content: url(../images/icons/redphone.png);
    margin-right: 5px;
}

.av-email:before {
    content: url(../images/icons/blueenvelope.png);
    margin-right: 5px;
}

.col-hd a, .header a:visited {
    color: #83509a;
}

div#videoContainer {
    padding: 1em 0;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner img {
        width: 100%;
    }

.carousel-caption {
    font-size: 24px;
    left: 20px;
    text-align: left;
    text-shadow: none;
    top: 20px;
    width: 24%;
}

    .carousel-caption a, .carousel-caption a:visited {
        color: #fff;
    }

.carousel a.more {
    background-color: #fff;
    color: #83509a;
    padding: 5px;
}

.carousel-caption p {
    margin-top: 60px;
}

a.more:after {
    content: '>';
    margin-left: 5px;
}

.carousel-indicators {
    z-index: 0;
}

.intro-tables {
    position: relative;
}

    .intro-tables .intro-table {
        position: relative;
        width: 100%;
        height: 300px;
        margin: 20px 0;
    }

.intro-table-first {
    background-image: url(../images/custom/01_carousel_clare.jpg);
}

.intro-table {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: repeat;
    background-position: 0% 0%;
}

.intro-tables .intro-table .heading {
    margin: 0;
    padding: 20px;
    height: 100%;
    -webkit-transition: background 0.3s ease, background-position 0.3s;
    transition: background 0.3s ease, background-position 0.3s;
}

.intro-tables .intro-table {
    -webkit-transition: background 0.3s ease, background-position 0.3s;
    transition: background 0.3s ease, background-position 0.3s;
}

.intro-table.intro-table-first .heading:hover {
    background: #ea506fb3;
}

.intro-table.intro-table-first:hover {
    background-position: right;
}

.intro-table.intro-table-hover .heading:hover {
    background: #B2D567b3;
}

.intro-table.intro-table-hover:hover {
    background-position: right;
}

.intro-table.intro-table-third .heading:hover {
    background: #F7AA50b3;
}

.intro-table.intro-table-third:hover {
    background-position: right;
}

.white {
    color: white;
}

.schedule-row {
    max-width: 150px;
}

.intro-tables .intro-table {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 20px 0;
}

.intro-table-hover {
    -webkit-transition: background-image 0.3s ease, background-position 0.3s;
    transition: background-image 0.3s ease, background-position 0.3s;
    background-image: url(../images/custom/video.png);
}

.intro-table {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: repeat;
}

.intro-tables .intro-table {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 20px 0;
}

.intro-table-third {
    background-image: url(../images/custom/learning.png);
}

.intro-table {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: repeat;
    background-position: 0% 0%;
}

.purple {
    border-top: 2px solid #83509A;
}

    .purple .first {
        padding-top: 30px;
    }

footer {
    margin: 20px 0px;
}

    footer div {
        min-height: 60px;
        padding-top: 5px;
    }

    footer li {
        float: left;
        font-size: 12px;
        list-style: none;
    }

        footer li a, footer li a:visited, footer li a:hover {
            color: #000;
        }

            footer li a:after {
                content: "|";
                margin-left: 5px;
                margin-right: 5px;
            }

    footer .third li a:after {
        color: #FFF;
    }

    footer .third ul {
        overflow: auto;
        margin: 0;
        max-width: 260px;
        margin: 0 auto;
    }

        footer .third ul li a i {
            color: #83509A;
        }

    footer img {
        max-width: 90%;
        margin: 0 auto;
        display: block;
    }

.text-center {
    text-align: center;
}

footer p {
    clear: both;
    color: #000;
    font-size: 12px;
    font-weight: lighter;
    padding-bottom: 5px;
    padding-top: 5px;
}

h2.strapline {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.1;
    color: #83509A;
    margin-bottom: 20px;
    max-width: 440px;
}

.textContainer p {
    color: #83509A;
}

.straplineContainer {
    margin-left: 15px;
}

.search-btn-container,
#eaContainer .search-btn-container {
    display: block;
    overflow: auto;
}

    .search-btn-container a,
    #eaContainer .search-btn-container a {
        color: #FFF;
        background-color: #B2D567;
        padding: 10px;
        border-radius: 3px;
        margin-right: 30px;
        float: left;
    }

        .search-btn-container a:hover
        #eaContainer .search-btn-container a:hover {
            color: #5AC6D0;
            background-color: #fff;
        }

.textContainer {
    margin: 20px 0px;
}

    .textContainer p {
        font-size: 20px;
        line-height: 1.1;
    }

/*---------------------------------------
   3.2 Job search              
-----------------------------------------*/
.herobox {
    background-image: url(../images/custom/bannerResults.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 500px;
    max-width: 1138px;
}

.Pos_Description .herobox {
    background-image: url(../images/custom/bannerDesc.jpg);
}

#FindJobContainer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 0px;
}

#FindJobHeroBlock {
    position: relative;
}

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

    #FindJobHeroBlock .pageBlockHeader,
    #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        display: none;
    }

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

body #FindJobHeroBlock input.buttonSubmit {
    background: #5ac6d0;
    color: #fff;
    border-radius: 3px;
}

    body #FindJobHeroBlock input.buttonSubmit:hover {
        background: #fff;
        color: #5ac6d0;
    }

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

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

body #FindJobHeroBlock #quicksearch_filter_locationradius_formRow {
    display: none;
}

body #FindJobHeroBlock .blockSummaryText {
    padding-left: 0;
}

#FindJobHeroBlock div.pageBlockContent {
    padding: 10px;
    max-width: 800px;
    margin: 0 auto;
}

#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
    float: none;
    display: inline-block;
    width: auto;
}

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

body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor {
    /* text-decoration: underline !important; */
    background: none;
}

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

    a#JobsNearMe:before {
        font-family: FontAwesome;
        content: "\f124";
        padding-right: 1em;
    }

#FindJobHeroBlock h1 {
    margin-top: 0;
    font-family: "opensansbold",Arial,serif;
    text-transform: none;
}

/*---------------------------------------
   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            
-----------------------------------------*/
.grid {
    position: relative;
    clear: both;
    margin: 12px auto;
    max-width: 100%;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 5px 0.5%;
        min-width: 16%;
        max-width: 600px;
        max-height: 150px;
        width: 24%;
        height: 265px;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
        background-size: 150%;
        background-position: left;
    }

        .grid figure figcaption {
            color: #fff;
            text-transform: capitalize;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h2 {
            word-spacing: -0.15em;
            font-weight: 300;
        }

            .grid figure h2 span {
            }

        .grid figure h2,
        .grid figure p {
            margin: 0;
        }

        .grid figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
        }


/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
    background-size: 120%;
    background-position: top center;
    -webkit-transition: background 0.3s ease, background-position 0.3s;
    transition: background 0.3s ease, background-position 0.3s;
}

    figure.effect-goliath:hover {
        /*background-position: top right;*/
    }

figure.category-container.category-container1 figcaption:hover {
    background-color: #ea506fb3;
}

figure.category-container.category-container1 figcaption {
    background-image: linear-gradient(130deg, #ea506f 30%, #fff0);
}

figure.category-container.category-container2 figcaption:hover {
    background-color: #B2D567b3;
}

figure.category-container.category-container2 figcaption {
    background-image: linear-gradient(130deg, #b2d567 30%, #fff0);
}

figure.category-container.category-container3 figcaption:hover {
    background-color: #5ac6d0b3;
}

figure.category-container.category-container3 figcaption {
    background-image: linear-gradient(130deg, #5ac6d0 30%, #fff0);
}

figure.category-container.category-container4 figcaption:hover {
    background-color: #F7AA50b3;
}

figure.category-container.category-container4 figcaption {
    background-image: linear-gradient(130deg, #f7aa50 30%, #fff0);
}


figure.effect-goliath img,
figure.effect-goliath h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-goliath h3 {
    color: #fff;
    padding: 0px 25px;
    text-align: left;
    margin-bottom: 0;
    text-transform: initial;
    margin-top: 10px;
}

figure.effect-goliath h2 {
    position: relative;
    color: #fff;
    text-align: left;
    padding: 0 25px;
}

figure.effect-goliath p {
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    text-align: left;
    padding: 0 25px;
}

figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-60px,0);
}

figure.effect-goliath:hover h2 {
    /*-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);*/
}

figure.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/* 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-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: capitalize;
    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.8;
}

.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: sans-serif;
    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 #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
#eaContainer #CodeListCounts_pageBlock {
    padding: 0;
    margin: 0;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    /*width: 33%;*/
    width: 33.33%;
    position: relative;
    /*border-radius: 5px;*/
    margin: 10px;
    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: 35px;*/
            height: 45px;
            text-align: center;
            transition: all .2s ease;
        }

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle {
                padding: 4px 0 2px 0;
            }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a {
                    font-size: 20px;
                    font-weight: 400;
                }

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

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
                font-size: 17px;
                font-weight: 400;
                text-align: center;
                opacity: 0;
                transition: all .2s ease;
            }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
        /*height: 100px;*/
        height: 85px;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
            opacity: 1;
        }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
        background: rgba(85, 55, 155, 0.7);
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
        background: rgba(0, 0, 0, 0.7);
    }

.buttonsCenter {
    position: relative;
}

    .buttonsCenter a {
        margin: 0 auto;
    }

/* Category images */
/*
    .listItemContainer_Value1 .listItemImageContainer,
    .listItemContainer_Value65 .listItemImageContainer {
        background-image: url('../images/categories/category-1.jpg') !important;
    }

    .listItemContainer_Value2 .listItemImageContainer,
    .listItemContainer_Value66 .listItemImageContainer {
        background-image: url('../images/categories/category-2.jpg') !important;
    }

    .listItemContainer_Value3 .listItemImageContainer,
    .listItemContainer_Value67 .listItemImageContainer {
        background-image: url('../images/categories/category-3.jpg') !important;
    }

    .listItemContainer_Value4 .listItemImageContainer,
    .listItemContainer_Value68 .listItemImageContainer {
        background-image: url('../images/categories/category-4.jpg') !important;
    }

    .listItemContainer_Value5 .listItemImageContainer,
    .listItemContainer_Value69 .listItemImageContainer {
        background-image: url('../images/categories/category-5.jpg') !important;
    }

    .listItemContainer_Value6 .listItemImageContainer,
    .listItemContainer_Value70 .listItemImageContainer {
        background-image: url('../images/categories/category-6.jpg') !important;
    }

    .listItemContainer_Value7 .listItemImageContainer,
    .listItemContainer_Value71 .listItemImageContainer {
        background-image: url('../images/categories/category-7.jpg') !important;
    }

    .listItemContainer_Value8 .listItemImageContainer,
    .listItemContainer_Value72 .listItemImageContainer {
        background-image: url('../images/categories/category-8.jpg') !important;
    }

    .listItemContainer_Value9 .listItemImageContainer,
    .listItemContainer_Value73 .listItemImageContainer {
        background-image: url('../images/categories/category-9.jpg') !important;
    }
    */

/* Category images on hover */
/*
    .listItemContainer_Value1:hover .listItemImageContainer,
    .listItemContainer_Value65:hover .listItemImageContainer {
        background-image: url('../images/categories/category-1.jpg') !important;
    }

    .listItemContainer_Value2:hover .listItemImageContainer,
    .listItemContainer_Value66:hover .listItemImageContainer {
        background-image: url('../images/categories/category-2.jpg') !important;
    }

    .listItemContainer_Value3:hover .listItemImageContainer,
    .listItemContainer_Value67:hover .listItemImageContainer {
        background-image: url('../images/categories/category-3.jpg') !important;
    }

    .listItemContainer_Value4:hover .listItemImageContainer,
    .listItemContainer_Value68:hover .listItemImageContainer {
        background-image: url('../images/categories/category-4.jpg') !important;
    }

    .listItemContainer_Value5:hover .listItemImageContainer,
    .listItemContainer_Value69:hover .listItemImageContainer {
        background-image: url('../images/categories/category-5.jpg') !important;
    }

    .listItemContainer_Value6:hover .listItemImageContainer,
    .listItemContainer_Value70:hover .listItemImageContainer {
        background-image: url('../images/categories/category-6.jpg') !important;
    }

    .listItemContainer_Value7:hover .listItemImageContainer,
    .listItemContainer_Value71:hover .listItemImageContainer {
        background-image: url('../images/categories/category-7.jpg') !important;
    }

    .listItemContainer_Value8:hover .listItemImageContainer,
    .listItemContainer_Value72:hover .listItemImageContainer {
        background-image: url('../images/categories/category-8.jpg') !important;
    }

    .listItemContainer_Value9:hover .listItemImageContainer,
    .listItemContainer_Value73:hover .listItemImageContainer {
        background-image: url('../images/categories/category-9.jpg') !important;
    }
    */

/*Roles Page Styling End*/

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

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

#eaContainer {
}

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

.hero-bg {
    margin: 0;
    text-align: center;
}

.hero-bg {
    width: 100%;
    clear: both;
    background: url(../images/custom/alerts-bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 300px;
}

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

.hero-bg h2 {
    font-size: 3em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    margin: 0 0 20px;
}

.hero-bg a.buttonAnchor {
    float: none;
    padding: 15px 27px;
}

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

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

#eaContainer .TilesGridSortingPopup {
}

#eaContainer .posBrowserMapBlock .addressContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 375px;
}

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 150px;
        font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    }

#eaContainer .addressContainer .addressButton {
    margin-top: 1px;
}

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

#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    margin-bottom: 5px;
}

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

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
    padding-left: 25px;
}

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover {
        background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center;
        /* padding-left: 25px; */
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected {
        background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center;
    }

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

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

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin: 0.5%;
    min-height: 246px;
    height: auto;
    width: 24%;
    padding: 20px 0px;
    overflow: auto;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowItemsInnerContainer2 {
        color: #9B9C9E;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover .rowItemsInnerContainer2 {
        color: #FFF;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowHeader {
        width: auto;
        float: left;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer {
        width: auto;
        float: left;
        clear: left;
        text-align: left;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a {
        text-decoration: none;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a {
        font-weight: normal;
        font-size: 20px;
        color: #83509A;
    }

#eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles {
    color: #9B9C9E;
    float: none;
    width: 100%;
    margin: 0 auto;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons {
        width: 100%;
    }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a,
        #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons .pagingText,
        #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons .paginationBtn {
            text-align: center;
        }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a,
        #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons .pagingText {
            width: 33%;
            margin: 0;
            background-image: none;
        }

            #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a:hover {
                background: none;
            }

            #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a i,
            #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a p {
                font-size: 16px;
            }

            #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a i {
                font-size: 24px;
                margin-top: 2px;
            }

                #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a i.fa-angle-left {
                    margin-right: 10px;
                }

                #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a i.fa-angle-right {
                    margin-left: 10px;
                }

                #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a i.fa-angle-left,
                #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a i.fa-angle-right {
                    position: relative;
                    top: 3px;
                }

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: inherit;
    font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
}

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

/*---------------------------------------
   3.6 Job description             
-----------------------------------------*/

#eaContainer .earcu_posdescriptiontitle {
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.45em 0;
    padding: 0;
}

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

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

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

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

#eaContainer .PosDescriptionText .ApplyNowContainer {
    float: right;
}

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

    #eaContainer div.posDescriptionContainer317 .BigVacancyMap .locationsPickerContainer .locationAddressContainer {
        display: none;
    }

#eaContainer div.posDescriptionContainer317 .RightJobBox {
    margin-left: 1%;
}

    #eaContainer div.posDescriptionContainer317 .RightJobBox .recruiterContainer .rec-img {
        max-width: 150px;
        margin: 0 auto 10px;
    }

        #eaContainer div.posDescriptionContainer317 .RightJobBox .recruiterContainer .rec-img img {
            border-radius: 150px;
        }

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

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

#eaContainer div.posDescriptionContainer317 .RightJobBox .ApplyNowContainer * {
    width: 100%;
}


#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    padding: 2em;
    border-bottom: 1px dashed #fff !important;
}

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

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

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

#eaContainer .RightJobBox .posAlerts {
    text-align: center;
}

.JobTitle h1 {
    color: #b2d567;
    font-size: 36px;
}

#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    background-size: cover !important;
}
/*---------------------------------------
   3.7 Job alerts             
-----------------------------------------*/

html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
    table-layout: auto;
}

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

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

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

/*
#WelcomeInfoBlock_pageBlock {
    margin: 0 auto;
    position: relative;
    max-width: 500px;
}
*/

#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 #Welcome_pageView .pageBlockContent_FormBlock .iconContainer {
    padding-top: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ccc;
}

#eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer {
    border-bottom: 0;
}
*/

#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-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    text-transform: capitalize;
}

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

/*
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock {
    padding-top: 0;
}
*/

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

#EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    width: 251px;
}

#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: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    padding-left: 0;
    text-decoration: none;
}

/*---------------------------------------
   4.3 My applications
-----------------------------------------*/

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 3px 3px 3px 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: #f0f0f0;
        padding: 1em;
        /* border-bottom: 1px solid #d0d0d0; */
        margin-bottom: 1em;
    }

    #eaContainer .mainearcublock .rowContainer_Last,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last {
        border-bottom: 0;
    }

    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu {
        font-size: 24px;
        font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
        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 .PosMyAppSummaryBlock dl {
    margin: 1em 0 3px;
}
*/

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

.iconContainer .iconImage img {
    height: 100% !important;
    width: 100% !important;
}

body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background: #f0f0f0;
}

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;
    width: 101%;
    overflow: hidden;
}

    body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit,
    #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations {
        clear: none;
    }

#pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
#pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
}

    #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer .formLabel,
    #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer .formLabel {
        text-align: left;
    }

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

.PosMyAppSummaryValues {
    padding: 1em;
}

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

/*
#eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues {
    margin: 1em 0;
}
*/

/*
#eaContainer .PosMyAppSummaryLinks {
    margin-left: 2%;
}
*/

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

/*
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover,
#Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover {
    background-color: #ffc407;
}
*/

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

#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
#Application_Home_pageView #sectionslist_pageBlock .ulListItem,
#Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem {
    background-color: #9b9c9e;
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-position: 99% 50%;
    border-radius: 0;
    float: left;
    height: 50px;
    margin: 5px;
    padding: 5px;
    width: 32%;
    font-weight: normal;
    line-height: normal;
}

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed {
        background-image: url("../images/sprites/selected-progress-hover.png");
        background-color: #83509A;
    }

    #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover,
    #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover,
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem:hover {
        background-color: #55379b;
    }

        #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+1),
        #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:nth-child(4n+1),
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem:nth-child(4n+1):hover,
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed:nth-child(4n+1) {
            background-color: #83509A;
        }

        #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+2),
        #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:nth-child(4n+2),
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem:nth-child(4n+2):hover,
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed:nth-child(4n+2) {
            background-color: #5AC6D0;
        }

        #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+3),
        #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:nth-child(4n+3),
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem:nth-child(4n+3):hover,
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed:nth-child(4n+3) {
            background-color: #EA506F;
        }

        #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+4),
        #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:nth-child(4n+4),
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem:nth-child(4n+4):hover,
        #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed:nth-child(4n+4) {
            background-color: #F7AA50;
        }


    #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover,
    #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover,
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem.Completed:hover {
        background-image: url("../images/sprites/selected-progress-hover.png");
        background-color: #83509A;
    }

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

#eaContainer #OfferInfoBlock_pageBlock ul.fileList {
    padding: 0px;
}

    #eaContainer #OfferInfoBlock_pageBlock ul.fileList li {
        list-style-type: none;
        overflow: auto;
        background-color: #f0f0f0;
        margin-bottom: 5px;
    }

        #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a {
            width: 100%;
            display: block;
            font-size: 24px;
            cursor: pointer;
        }

            #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a i {
                color: #83509A;
                padding: 20px 20px 20px 10px
            }

            #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a:hover i {
                color: #55379b;
            }

            #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a p {
                float: right;
                padding: 30px 10px 10px;
            }

/*---------------------------------------
   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;
    overflow: auto;
}

    #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue p {
        line-height: 1.8 !important;
    }

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

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

#eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_question {
    background-color: #f0f0f0;
}

    #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_question .appSummaryGridHeader {
        background: none;
    }

    #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_question .appSummaryGridValue {
        border-left: 1px solid #83509a;
    }

#eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_answer {
    background-color: #83509a;
    color: #fff;
}

    #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_answer .appSummaryGridHeader {
        background: none;
    }

    #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_answer .appSummaryGridValue {
        border-left: 1px solid #f0f0f0;
    }

#eaContainer .pageBlockInner_FormBlock .fakecheck {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
}

    #eaContainer .pageBlockInner_FormBlock .fakecheck:hover {
        background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center;
    }

#eaContainer .pageBlockInner_FormBlock .fakechecked:hover,
#eaContainer .pageBlockInner_FormBlock .fakechecked {
    background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center;
}

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

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    width: 251px;
}

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;
    margin: auto;
    display: table;
}

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

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

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

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

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

#eaContainer .PosMyAppSummaryLinks {
    padding: 1em 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    width: 101%;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

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

.PosMyAppSummaryLink.myapplink {
    background: #83509a;
    padding: 10px;
    width: 33%;
}

.PosMyAppSummaryLink.reviewposlink {
    background: #5ac6d0;
    padding: 10px;
    width: 33%;
}

.PosMyAppSummaryLink.withdrawapp {
    background: #ea506f;
    padding: 10px;
    width: 33%;
}

#eaContainer .PosMyAppSummaryLinks a {
    padding-left: 20px;
    color: #fff;
    text-align: center;
}

.earcujobref {
    display: inline;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
}

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

/*---------------------------------------
   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 .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
    background-image: url("../images/sprites/white-upload.png");
}
*/

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

#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: none;
    margin-bottom: 10px;
}

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

#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
    background: #F1F1F1;
    border: 0;
    font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    color: #313131;
}

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

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

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

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

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

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

/*---------------------------------------
   Offer Forms/Pages CSS            
-----------------------------------------*/
.MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    width: 100%;
}

.MyWelcomePacks_OfferForm_Summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit {
    margin-top: 5px;
    width: 32%;
    height: 50px;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover:nth-child(4n+1),
.MyWelcomePacks_OfferForm_Summary #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+1) {
    background-color: #83509A;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover:nth-child(4n+2),
.MyWelcomePacks_OfferForm_Summary #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+2) {
    background-color: #5AC6D0;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover:nth-child(4n+3),
.MyWelcomePacks_OfferForm_Summary #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+3) {
    background-color: #EA506F;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover:nth-child(4n+4),
.MyWelcomePacks_OfferForm_Summary #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover:nth-child(4n+4) {
    background-color: #F7AA50;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover,
.MyWelcomePacks_OfferForm_Summary #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover {
    background-color: #83509A;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+1),
.MyWelcomePacks_OfferForm_Summary #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+1) {
    background-color: #83509A;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+2),
.MyWelcomePacks_OfferForm_Summary #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+2) {
    background-color: #5AC6D0;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+3),
.MyWelcomePacks_OfferForm_Summary #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+3) {
    background-color: #EA506F;
}

.MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+4),
.MyWelcomePacks_OfferForm_Summary #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed:nth-child(4n+4) {
    background-color: #F7AA50;
}

.MyWelcomePacks_OfferForm_Summary #BackBlock_pageBlockContainer #BackBlock_pageBlock #BackBlock_backrow_formRow .buttonsRight ul li .buttonAnchor {
    margin-right: 16px;
}

.MyWelcomePacks_OfferForm_NextOfKin #eaContainer .formRowTextAreaRow .controlContainer,
.MyWelcomePacks_OfferForm_NextOfKin #eaContainer body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
.MyWelcomePacks_OfferForm_NextOfKin #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
.MyWelcomePacks_OfferForm_NextOfKin #eaContainer textarea {
    width: 250px;
}

.MyWelcomePacks_OfferForm_NextOfKin .pageBlockInner_FormBlock textarea.inputTextArea {
    min-width: 100%;
}

.MyWelcomePacks_OfferForm_TaxInformation .pageBlockInner_FormBlock div.labelContainer {
    width: 41%;
}

.MyWelcomePacks_OfferForm_TaxInformation .pageBlockContainer .pageBlockContent_FormBlock .pageBlockInner .formRowCheckBoxRow .controlContainer {
    margin-top: 30px;
}

.MyWelcomePacks_OfferForm_TaxInformation .pageBlockContainer .pageBlockContent_FormBlock .pageBlockInner #Edit_OFFERTAXINFORMATION_P46OptionC_MultipleJobs_formRow .controlContainer {
    margin-top: 4px;
}

.MyWelcomePacks_OfferForm_Referee #eaContainer .formRowTextAreaRow .controlContainer,
.MyWelcomePacks_OfferForm_Referee #eaContainer body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
.MyWelcomePacks_OfferForm_Referee #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
.MyWelcomePacks_OfferForm_Referee #eaContainer textarea {
    width: 250px;
}

.MyWelcomePacks_OfferForm_Referee .pageBlockInner_FormBlock textarea.inputTextArea {
    min-width: 100%;
}

#eaContainer #posSummaryBlock_pageBlock .PosMyWelcomePackSummaryValues {
    background: #F1F1F1;
    margin-top: 13px;
    padding-left: 21px;
    padding-top: 17px;
}

/*---------------------------------------
   5.7 Quick Apply    
-----------------------------------------*/

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRow {
    max-width: 700px;
    margin: 0 auto;
    float: none;
}

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock #QuickApplyForm_TitleBlock_formRow {
    margin: 25px auto 5px;
}

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer {
    width: 250px;
}

    #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select {
        width: 100%;
    }

#QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow {
    margin: 20px auto;
    padding: 10px 0px;
    border-top: 1px solid #B2D567;
    border-bottom: 1px solid #B2D567;
}

    #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow p {
        width: auto;
        font-size: 1em;
        padding: 10px 0px;
        text-align: left;
    }

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowCheckBoxRow div.labelContainer {
    width: auto;
    text-align: left;
}

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowButtonRow {
    width: 99%;
    max-width: 700px;
    float: none;
    margin: 50px 40px;
    overflow: auto;
}

    #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowButtonRow .buttonsRight {
        float: none;
        width: auto;
        margin: 0 auto;
        overflow: auto;
    }

#QuickApplyForm_gdprinfo_formRow .textLiteral {
    text-align: left;
}

#QuickApplyForm_form .formRowTextInputRow .labelContainer,
#QuickApplyForm_form .formRowPhoneInputRow .labelContainer,
#QuickApplyForm_form .formRowSelectInputRow_Common .labelContainer,
#QuickApplyForm_form .formRowCVBlockRow .labelContainer {
    width: 50%;
}

#QuickApplyForm_form .formRowSelectInputRow_Common .labelContainer,
#QuickApplyForm_form .formRowCVBlockRow .labelContainer {
    padding-right: 10px;
}

#QuickApplyForm_pageBlock.pageBlockContent {
    overflow: hidden;
}

#QuickApplyForm_form .formRowPhoneInputRow .controlContainer .iti {
    width: 100%;
}

#quickapplydialogDialogContainer {
    max-width: 100%;
    z-index: 1040 !important; /* Display above the header / footer */
}

/*CMS accordions */

.accordionsContainer {
    width: 100%;
    overflow: visible;
}

    .accordionsContainer .accordion {
        position: relative;
        border-bottom: 1px solid #fff;
    }

        .accordionsContainer .accordion .accordion-button {
            width: 100%;
            color: #fff;
            background: #16AFAF;
            padding: 10px 40px 10px 20px;
            border: none;
            text-align: left;
            position: relative;
            transition: all .3s ease;
        }

            .accordionsContainer .accordion .accordion-button:after {
                content: '\f067';
                font-family: "Font Awesome 5 Solid";
                position: absolute;
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
            }

        .accordionsContainer .accordion.active .accordion-button {
            background: #001871;
        }

            .accordionsContainer .accordion.active .accordion-button:after {
                content: '\f068';
            }

        .accordionsContainer .accordion .accordion-content {
            display: none;
            padding: 20px;
            padding-bottom: 25px;
            border-top: none;
            border-bottom: none;
            position: relative;
        }

            .accordionsContainer .accordion .accordion-content p:last-child {
                margin-bottom: 0;
            }

button.accordion-button {
    /*
    background-color: #eee;
    color: #444;
    */
    background-color: inherit;
    cursor: pointer;
    /* padding: 18px; */
    padding-top: 18px;
    padding-bottom: 0px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 19px;
    color: #000; /*9a9b9c*/
}

    button.accordion-button.active,
    button.accordion-button:hover {
        /* background-color: #ddd; */
    }

div.accordion-content {
    /* padding: 0 18px; */
    /* background-color: white; */
    padding: 0 6px 22px;
    display: none;
}

    div.accordion-content.show {
        display: block;
    }

button.accordion-button:before {
    font-family: 'FontAwesome';
    content: '\f067';
    /* content: '\02795'; */
    font-size: 13px;
    color: #BEBEBE;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

button.accordion-button.active:before {
    font-family: 'FontAwesome';
    content: '\f068';
    /* content: "\2796"; */
    color: #501872;
}

.accordion-container {
    border-bottom: 1px solid #E8E8E8;
}

/* Text page - about*/

.textpage_aboutus .flex-free-text h2 {
    text-align: center;
}

.tech-left {
    float: left;
    width: 49%;
}

.tech-right {
    float: right;
    width: 49%;
}

.tech-left,
.tech-right {
    margin-bottom: 0%;
}

video {
    width: 100%;
}

#supercomff h2.red-text {
    color: #000;
}

#anatomicush h2.red-text {
    color: #000;
}

#eaContainer .content-mobile {
    display: none;
}

.blockquote {
    letter-spacing: 1px;
}

.textpage_rewards ul#tabs {
    margin-top: 20px;
}

ul#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul#tabs li {
        display: inline-block;
        padding: 5px 20px;
        margin-bottom: 4px;
        color: #000; /*9a9b9c*/
        cursor: pointer;
    }

        ul#tabs li h1 {
            font-weight: bold;
        }

        ul#tabs li:hover h1 {
            color: #ea506f;
        }

        ul#tabs li.active h1 {
            color: #ea506f;
        }

ul#tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul#tab li {
        display: none;
    }

        ul#tab li.active {
            display: block;
        }

        ul#tab li h2 {
            margin-bottom: 30px;
            padding-bottom: 5px;
        }

    ul#tab span.paraValue {
        color: #5AC6D0;
    }

.textpage_about #content-main {
    margin-top: 2em;
}

.triangle-isosceles.top::after {
    border-color: #f1f1f1 transparent;
    border-width: 0 15px 15px;
    bottom: auto;
    left: 27%;
    right: auto;
    top: -15px;
    display: none;
}

#about-tab-1 .triangle-isosceles.top::after,
#about-tab-2 .triangle-isosceles.top::after,
#about-tab-3 .triangle-isosceles.top::after,
#about-tab-4 .triangle-isosceles.top::after {
    border-color: #F1F1F1 transparent;
}

#about-tab-1 .triangle-isosceles.top::after {
    left: 27%;
}

#about-tab-2 .triangle-isosceles.top::after {
    left: 39%;
}

#about-tab-3 .triangle-isosceles.top::after {
    left: 55%;
}

#about-tab-4 .triangle-isosceles.top::after {
    left: 77%;
}

.triangle-isosceles::after {
    border-color: #f3961c transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
    display: none;
}

.triangle-isosceles.top {
    background: #83509A;
}

.triangle-isosceles {
    background: #f1f1f1;
    color: #000;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
}

.triangle-isosceles,
.textpage_teamprofiles .triangle-isosceles {
    padding: 0;
    margin: 0;
}

    .textpage_teamprofiles .triangle-isosceles.top {
        background-color: #FFF;
    }

    .triangle-isosceles img {
        width: 100%;
    }

.bold-text {
    font-family: 'GT Haptik W03 Bold', Helvetica Neue, Sans-serif;
    text-transform: uppercase;
}

.triangle-isosceles .bold-text {
    margin-top: 1em;
    margin-bottom: 0;
}

.about-img,
.about-text {
    display: inline-block;
    vertical-align: middle;
}

/*
.about-img {
    width: 49.8%;

}

.about-text {
    width: 49.8%;
}
*/

.about-text {
    width: 49.4%;
}

#about-tab-4 .about-text {
    text-align: left;
    padding-right: 5%;
}

.about-img {
    width: 49.8%;
}

    .about-img.right {
        width: 50.2%;
    }

.about-left,
.about-right {
    margin: 5% 10%;
}

#about-tab-2 .triangle-isosceles {
    padding: 0em;
    text-align: center;
    overflow: auto;
}

#about-tab-4 .triangle-isosceles {
    padding: 2em;
    text-align: center;
    overflow: auto;
}

#about-tab-2 .triangle-isosceles h1 {
    color: #000;
}

#about-tab-2 .triangle-isosceles .tech-left,
#about-tab-2 .triangle-isosceles .tech-right {
    text-align: left;
}

#about-tab-2 .triangle-isosceles .tech-right {
    padding: 10%;
}

#about-tab-2 .triangle-isosceles .tech-left .text {
    padding: 30px 15px;
    background: #fff;
    margin-top: 30px;
}

    #about-tab-2 .triangle-isosceles .tech-left .text h2 {
        margin-top: 0;
        display: none;
    }

    #about-tab-2 .triangle-isosceles .tech-left .text h3 {
        margin-top: 0;
        margin-bottom: 30px;
    }

#about-tab-2 .triangle-isosceles .tech-right h2 {
    margin-top: 0;
}

#about-tab-2 .triangle-isosceles .tech-right h3 {
    margin-bottom: 0;
}

    #about-tab-2 .triangle-isosceles .tech-right h3:first-of-type {
        margin-bottom: 10px;
    }

#about-tab-2 .triangle-isosceles:nth-child(2):after {
    display: none;
}

#about-tab-2 .triangle-isosceles:nth-child(2) .tech-right img:first-of-type {
    margin-bottom: 30px;
}

.light-text {
    color: #000;
    font-size: 19px;
}

#about-tab-4 .light-text {
    margin-bottom: 0;
}

p.med-text {
    font-size: 19px;
    margin-bottom: 30px;
}

ul#tab li#about-tab-3 h2 {
    margin-top: 0;
    margin-bottom: 10px;
}

li#about-tab-3 .about-left,
li#about-tab-3 .about-right {
    margin: 12%;
}

.col-fifth {
    width: 19%;
    display: inline-block;
    vertical-align: top;
}

.col-two-fifth {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.col-one-half {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

ul#tab li .about-tab-4 h2.red-text {
    font-size: 19px;
    text-align: left;
    margin-bottom: 0;
}

.technology-section p {
    text-align: left;
}

.technology-section .small-text {
    font-size: 9px;
    margin: 0;
}

.col-fifth img {
    margin-top: 40px;
    width: 60%;
}

.textpage_benefits img#benefits,
.textpage_rewards img#benefits {
    margin-top: 20px;
    max-width: 600px;
}

.textpage_benefits p span.boldText,
.textpage_rewards p span.boldText {
    color: #83509A;
    font-weight: bold;
    display: block;
}

.textpage_rewards #rewards-tab-2 .col-md-12 .tech-right img {
    margin-top: 30px;
}

/* --------------------------------------
=========================================
   6. MEDIA QUERIES
=========================================
-----------------------------------------*/
/*---------------------------------------
   6.1 Laptop             
-----------------------------------------*/
@media only screen and (max-width: 1224px) {
    /* Search */
    #FindJobHeroBlock, #FindJobContainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }


    body #FindJobHeroBlock .formRowTextInputRow {
        width: 43%;
    }

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

    /* Text Page: About */

    .about-img.right,
    .about-img,
    .about-text,
    #eaContainer .content-mobile,
    #eaContainer div.posDescriptionContainer317 .content-mobile {
        display: block;
        width: 100%;
    }

    body #eaContainer div.posDescriptionContainer317 .content-desktop,
    #eaContainer .content-desktop {
        display: none;
    }

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

        #eaContainer .col-third .buttonsLeft a.buttonAnchor,
        .col-third .buttonsLeft {
            float: none;
        }

    .about-left, .about-right {
        margin: 5%;
    }

    .about-right {
        padding-bottom: 1em;
    }

    #tab li .triangle-isosceles.top::after {
        border: 0;
    }

    li#about-tab-3 .about-left,
    li#about-tab-3 .about-right {
        margin: 0;
        padding: 3em;
    }

    body.textpage_about .mainearcublock .col-fifth img {
        margin-bottom: 15px;
        margin-top: 0;
        width: 25%;
    }
}

@media only screen and (max-width: 1199px) {
    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        width: 32%;
    }

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

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
    }

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

    .grid figure {
        min-width: 230px;
        max-height: 130px;
        width: 49%;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        width: calc(33% - 1%);
    }
}

@media only screen and (max-width: 1199px) {
    .MyWelcomePacks_OfferForm_Summary #BackBlock_pageBlockContainer #BackBlock_pageBlock #BackBlock_backrow_formRow .buttonsRight ul li .buttonAnchor {
        margin-right: 7px;
    }
}

/*---------------------------------------
   6.2 Tablet           
-----------------------------------------*/
@media only screen and (max-width: 991px) {
    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem,
    #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem {
        width: 48%;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        width: 40%;
    }

    .linktovid {
        text-align: center;
    }

    .MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    .MyWelcomePacks_OfferForm_Summary #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        width: 48% !important;
    }

    .MyWelcomePacks_OfferForm_Summary #BackBlock_pageBlockContainer #BackBlock_pageBlock #BackBlock_backrow_formRow .buttonsRight ul li .buttonAnchor {
        margin-right: 9px;
    }

    .container.content {
        margin-top: 170px;
    }

    .container.hero {
        margin-top: 160px;
    }

    .infoContainer {
        margin-left: 1%;
    }
}

@media screen and (max-width: 1199px) {
    body.Pos_Description {
        padding-top: 5px;
    }

        body.Pos_Description .navbar {
            margin-top: 40px;
        }

    .logo img {
        margin-top: 20px;
    }
}

@media screen and (max-width:992px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 0% !important;
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    /* 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 {
        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;*/
    }

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

    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: 50%;
        /* height: auto; */
    }

    .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 {
        margin-left: 0% !important;
        width: 100%;
    }

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

    #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_question .appSummaryGridValue {
        border: none;
        border-top: 1px solid #83509a;
    }

    #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridColumn_answer .appSummaryGridValue {
        border: none;
        border-top: 1px solid #f0f0f0;
    }

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

    /* Job Description */

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox,
    .RightBackBox {
        width: 100%;
        display: block;
    }

    .RightBackBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        margin-left: 0;
        margin-top: 1em;
    }

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

    .MyWelcomePacks_OfferForm_Summary #BackBlock_pageBlockContainer #BackBlock_pageBlock #BackBlock_backrow_formRow .buttonsRight ul li .buttonAnchor {
        margin-right: 0px;
    }

    .MyWelcomePacks_OfferForm_Summary #pageContent #sectionslist_pageBlockContainer #sectionslist_pageBlock .pageBlockInner_ListBlock {
        width: 101%;
    }

    #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer {
        width: auto;
    }

    #QuickApplyForm_form .formRowTextInputRow .labelContainer,
    #QuickApplyForm_form .formRowPhoneInputRow .labelContainer,
    #QuickApplyForm_form .formRowSelectInputRow_Common .labelContainer,
    #QuickApplyForm_form .formRowCVBlockRow .labelContainer,
    #QuickApplyForm_form .formRowPhoneInputRow .controlContainer .allow-dropdown {
        width: 100%;
        float: none;
    }
}

/***FLEXSLIDER***/
#slider-latest-jobs ul.slides {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#slider-latest-jobs ol.flex-control-nav {
    display: inline-block;
    width: 100%;
    position: absolute;
}

#slider-latest-jobs ol.flex-control-nav {
    display: inline-block;
    width: 100%;
    position: absolute;
}

    #slider-latest-jobs ol.flex-control-nav li a {
        background-color: #cccccc;
        width: 30px;
        height: 30px;
    }

        #slider-latest-jobs ol.flex-control-nav li a.flex-active {
            background-color: var(--red);
        }

#eaContainer #slider-latest-jobs {
    background: none;
}

    #eaContainer #slider-latest-jobs .slides {
        margin-bottom: 1em;
    }

        #eaContainer #slider-latest-jobs .slides li {
            overflow: auto;
        }

            #eaContainer #slider-latest-jobs .slides li span.jobDetails {
                float: left;
                width: 25%;
            }

#eaContainer #latest-jobs h1 {
    line-height: 34px;
    margin-top: 0;
}

#eaContainer #latest-jobs a {
    text-decoration: none
}

    #eaContainer #latest-jobs a.flex-prev {
        background-image: url(../images/custom/pgArrowLeftLJ.png);
        background-size: cover;
    }

    #eaContainer #latest-jobs a.flex-next {
        background-image: url(../images/custom/pgArrowRightLJ.png);
        background-size: cover;
    }

        .container #videos a.flex-prev::before,
        .container #videos a.flex-next::before,
        #eaContainer #employees a.flex-prev::before,
        #eaContainer #employees a.flex-next::before,
        #eaContainer #latest-jobs a.flex-prev::before,
        #eaContainer #latest-jobs a.flex-next::before {
            content: '';
        }

.container #videos a.flex-prev::before,
#eaContainer #employees a.flex-prev::before {
    background-image: url(../images/custom/pgArrowLeftTeam.png);
    background-size: cover;
    height: 40px;
    width: 40px;
}

.container #videos a.flex-next::before,
#eaContainer #employees a.flex-next::before {
    background-image: url(../images/custom/pgArrowRightTeam.png);
    background-size: cover;
    height: 40px;
    width: 40px;
}

.container #videos a.flex-next::before {
    background-position: center;
}

.container #videos a.flex-prev::before,
.container #videos a.flex-next::before {
    width: 20px;
    height: 30px;
}

#eaContainer #employees .flex-direction-nav .flex-prev,
#eaContainer #employees .flex-direction-nav .flex-next {
    padding: 0px;
}

/** modals **/
.videoModal,
.employeeModal {
    background-color: rgba(0,0,0,0.4);
}

.videoProfile button,
.employeeProfile button {
    background-color: #FFF;
    border: none;
    display: block;
    margin: 0 auto;
}

.videoProfile.pbs {
}

    .videoProfile.pbs button {
        max-height: 370px;
    }

.videoProfile button:hover,
.employeeProfile button:hover {
    border: none;
    background-color: #83509A;
}

.videoProfile button:focus,
.employeeProfile button:focus {
    border: none;
    background-color: #FFF;
}

.video.modal-dialog,
.employee.modal-dialog {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    top: 20%;
}

.video.modal-dialog {
    top: 10%;
}

    .video.modal-dialog .modal-content,
    .employee.modal-dialog .modal-content {
        overflow: auto;
    }

    .video.modal-dialog .modal-content {
        background-color: #83509A;
    }

        .video.modal-dialog .modal-content .modal-header,
        .employee.modal-dialog .modal-content .modal-header {
            border: none;
        }

        .video.modal-dialog .modal-content .modal-body {
            padding: 0px;
        }

.employee.modal-dialog .modal-content .modal-body {
    padding: 0px 15px 0px 0px;
}

.video.modal-dialog .modal-content .modal-body button {
    padding: 15px;
    opacity: 1;
}

    .video.modal-dialog .modal-content .modal-body button i {
        color: #FFF;
    }

.employee.modal-dialog .modal-content .modal-body button {
    padding: 15px 0px;
}

.video.modal-dialog .modal-content .rowModalHead {
    width: 0%;
    float: left;
}

.employee.modal-dialog .modal-content .rowModalHead {
    width: 35%;
    float: left;
}

    .video.modal-dialog .modal-content .rowModalHead img,
    .employee.modal-dialog .modal-content .rowModalHead img {
        max-width: 95%;
        padding: 1.25%;
        background-color: #83509A;
    }

.video.modal-dialog .modal-content .rowModalContent {
    width: 100%;
    float: left;
}

.employee.modal-dialog .modal-content .rowModalContent {
    width: 65%;
    float: left;
}

.video.modal-dialog .modal-content .rowModalHead .videoName,
.video.modal-dialog .modal-content .rowModalHead .videoTitle,
.employee.modal-dialog .modal-content .rowModalHead .empName,
.employee.modal-dialog .modal-content .rowModalHead .empTitle {
    text-align: center;
    width: 95%;
    margin: 0;
    padding: 0px 0px 10px;
    color: #ffffff;
    background-color: #83509A;
}

/** modals end **/
#eaContainer #latest-jobs h3 {
    color: #000;
    font-size: 2rem;
    font-weight: normal;
    margin: 10px 0 0;
    text-decoration: none
}

.meet-the-team .employeeProfile button {
    width: 25%;
    float: left;
}

    .meet-the-team .employeeProfile button:hover {
        background-color: #83509A;
    }

    .meet-the-team .employeeProfile button:focus {
        outline: none;
    }

    .meet-the-team .employeeProfile button p.empName {
        margin-top: 10px;
    }

    .meet-the-team .employeeProfile button p {
        color: #000;
    }

    .meet-the-team .employeeProfile button:hover p {
        color: #FFF;
    }

#slider-latest-jobs ol li a {
    background: #ffffff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    -o-box-shadow: 0;
    box-shadow: 0;
}

div#latest-jobs h2.Section-title {
    color: #fff;
}

div#latest-jobs {
    margin: 0em auto;
    padding: 2em 0em 0em;
    /* background-image: url(../images/custom/latestbg.png); */
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

#slider-latest-jobs ol li a {
    background: #ffffff;
    box-shadow: 0;
}

div#slider-latest-jobs.flexslider {
    border: none !important;
    box-shadow: none !important;
    background: no-repeat;
    margin: 2em auto;
}

.latestjobs-container {
    max-width: 100%;
    margin: auto;
}

div#latest-jobs h1 {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    color: #036;
    line-height: 40px;
}

.flexslider .slides > li span.spancont {
    width: 31.5%;
    float: left;
    background: #83509A;
    /* background: linear-gradient(90deg, var(--pink) 10%, white 10%); */
    margin: 30px 0.75%;
    padding: 40px 1%;
    text-align: center;
    position: relative;
    /*min-height: 366px;*/
    /*border: 2px solid var(--red);*/
    /*border:solid 1px #83509A;*/
}

    .flexslider .slides > li span.spancont a h3 {
        text-decoration: none
    }

/*.flexslider .slides > li span:hover {
        box-shadow: 0px 0px 40px 0px rgba(23,31,44,0.15);
    }*/

#slider-latest-jobs .slides > li span.spancont:nth-child(2) {
    background-color: #5AC6D0;
}

#slider-latest-jobs .slides > li span.spancont:nth-child(3) {
    background-color: #ea506f;
}

.boxcont {
    width: auto;
    position: relative;
    display: inline-block;
    width: 100%;
}
/* .diagonal-box {
            background-image: linear-gradient(45deg, #654ea3, #eaafc8); 	
            transform: skewY(-11deg);
        } */

.diagonal-box::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--red);
    transform: skewY(-3deg);
    height: auto
}

.contentang {
    margin: 0 auto;
    position: relative;
    text-align: center;
    /*padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;*/
}

    .contentang h2 {
        color: #FFF;
        font-size: 20px;
        font-weight: normal;
    }

.latestp {
    margin-top: 10px;
    font-size: 1.2rem;
}

    .latestp span {
        background-color: none;
        color: #FFF;
        /* border-radius: 4px; */
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        display: inline;
        padding: 4px;
    }


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

#employees {
    margin: 2em 0em;
}

.videos.flexslider {
    margin: 1.5em 0em;
    width: 100%;
}

.employees.flexslider {
    margin: 3em 0em 0em;
}

.videos.flexslider .slides li img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.employees.flexslider .slides li img {
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

.videos.flexslider .slides li p.videoName,
.employees.flexslider .slides li p.empName {
    font-weight: bold;
    margin: 10px 0px 0px;
}

.videos.flexslider .slides li .videoProfile .btn-primary,
.employees.flexslider .slides li .employeeProfile .btn-primary {
    color: #9B9C9E;
    text-align: center;
}

    .videos.flexslider .slides li .videoProfile .btn-primary:hover,
    .employees.flexslider .slides li .employeeProfile .btn-primary:hover {
        color: #FFF;
        background-color: #83509A;
    }

#employees .text-center h2,
.job-alerts h2,
.latestjobs-container .text-center h2 {
    font-size: 36px;
    font-weight: bold;
    color: #83509A;
}

#employees .text-center h2 {
    color: #ea506f;
}

.videos.flexslider .slides li .videoProfile,
.employees.flexslider .slides li .employeeProfile {
    width: 33%;
    float: left;
    color: #9B9C9E;
}

.videos.flexslider .slides li .videoProfile {
    width: 100%;
}

.job-alerts h2 {
    margin: 40px 0px;
}

/* alerts register */

.job-alerts .row .col-md-6 h3,
.job-alerts .row .col-md-6 h4 {
    color: #FFF;
}

.job-alerts a {
    color: #FFF;
}

    .job-alerts a .row {
        background-color: #83509A;
    }

.job-alerts .col-md-6.text {
    margin-top: 10%;
}

    .job-alerts .col-md-6.text span {
        margin-bottom: 40px;
        text-align: center;
    }

.job-alerts .col-md-6.image {
    padding: 0px;
}

    .job-alerts .col-md-6.image img {
        width: 100%;
    }

.job-alerts .col-md-6 span {
    font-family: "museo_sans_rounded500", Arial, Helvetica, sans-serif;
    color: #FFF;
    background-color: transparent;
    border-radius: 3px;
    border: solid 1px white;
    padding: 11px 36px 11px 36px;
    font-weight: 400;
    font-size: 1.3rem;
    max-width: 195px;
    display: block;
}

.job-alerts:hover .col-md-6 span {
    color: #83509A;
    background-color: #FFF;
}

/* alerts end */

/*#region Job Description Styling */
body.pos_description {
    background: #f1f1f1;
}

#eaContainer #posdesc_pageBlock .posDescriptionContainer {
    overflow: visible;
    margin: 1em 0em;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
    padding: 1em;
    background: #5AC6D0;
    color: #fff;
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    border-radius: 0;
}

    #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox a {
        color: #FFF;
    }

    #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li {
        list-style: none;
        display: inline-block;
        margin: 0 10px;
        padding: 2px 8px;
        border-radius: 5px;
    }

#posdesc_pageBlock ul.jobSum li .jobSumLabel {
    padding-left: 3px;
}

li.jobSumItem.SumItem_salaryfrom:before,
li.jobSumItem.SumItem_displaysalarydescription:before,
li.jobSumItem.SumItem_codelist10value:before,
li.jobSumItem.SumItem_codelist11value:before,
li.jobSumItem.SumItem_codelist2value:before,
li.jobSumItem.SumItem_codelist3value:before,
li.jobSumItem.SumItem_codelist4value:before,
li.jobSumItem.SumItem_codelist5value:before,
li.jobSumItem.SumItem_codelist7value:before,
li.jobSumItem.SumItem_payratevalue:before,
li.jobSumItem.SumItem_pospublishenddate:before {
    content: " ";
    width: 23px;
    height: 27px;
    position: absolute;
    margin-left: -20px;
    font-family: fontAwesome;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}

/*location*/
li.jobSumItem.SumItem_codelist4value:before,
li.jobSumItem.SumItem_codelist5value:before {
    background-image: url(../images/icons/location20.png);
}
/*department*/
li.jobSumItem.SumItem_codelist2value:before,
li.jobSumItem.SumItem_codelist7value:before {
    background-image: url(../images/icons/department20.png);
}
/*division*/
li.jobSumItem.SumItem_codelist3value:before,
li.jobSumItem.SumItem_pospublishenddate:before {
    background-image: url(../images/icons/division20.png);
}
/*employment*/
li.jobSumItem.SumItem_codelist10value:before,
li.jobSumItem.SumItem_codelist11value:before {
    background-image: url(../images/icons/emp-type20.png);
}
/*salary*/
li.jobSumItem.SumItem_salaryfrom:before,
li.jobSumItem.SumItem_displaysalarydescription:before,
li.jobSumItem.SumItem_payratevalue:before {
    margin-left: -22px;
    background-image: url(../images/icons/salary20.png);
}

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

div.posDescriptionContainer317 .LeftJobBox {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 70%;
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #fff;
    padding: 40px;
}

.JobTitle h1 {
    margin: 15px auto;
    line-height: normal;
    font-family: Libre Caslon Text, serif;
    color: #303849;
}

div.posDescriptionContainer317 .RightJobBox {
    display: block;
    float: left;
    margin-left: 10px;
    width: 29%;
}

.RightJobBox .ApplyNowContainer.ApplyViaFormContainer {
    width: 100%;
}


.RightJobBox .ApplyNowContainer.ApplyViaFormContainer,
.RightJobBox .ApplyNowContainer .buttonsLeft li,
.RightJobBox .ApplyNowContainer .buttonsLeft,
.RightJobBox .ApplyNowContainer .buttonsLeft a.right,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer {
    width: 100%;
}

#Pos_Description_pageView #posdesc_pageBlockContainer .mobile-apply .ApplyNowContainer {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1030;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-bottom: 10px;
    background: #B2D567;
    border-radius: 3px;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

.recruiterContainer {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #fff;
    border-radius: 0;
    padding: 0.5em 1em;
    word-break: break-all;
    margin-bottom: 10px;
    text-align: center;
}

h2.recruiter-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    line-height: 1.8;
    font-size: 16px;
    color: #39393c;
    /*font-family: Inter, sans-serif;*/
}

#eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #fff;
    border-radius: 0;
    padding: 2em;
}

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

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

        #eaContainer #PosDescSharingItems a.PosDescSharingItem img {
            display: none;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem {
            background-image: url(../images/loginsocial/Linkedin.png);
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem {
            background-image: url(../images/loginsocial/Facebook.png);
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem {
            background-image: url(../images/loginsocial/Email.png);
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem:before {
            content: "";
            font-family: FontAwesome;
            color: #303849;
            font-size: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            line-height: normal;
        }

.benefitsContainer {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #83509A;
    border-radius: 0;
    padding: 2em;
    display: flex;
    margin: 10px 0;
}

h2.benefits-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    line-height: 1.8;
    font-size: 18px;
    color: #ffffff;
    font-family: Inter, sans-serif;
}

.benefitBlock {
    width: 50%;
    text-align: center;
    float: left;
    min-height: 160px;
    line-height: normal;
    font-size: 14px;
    color: white;
}

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

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

    .benefitBlock.pay:before {
        background: url("../images/custom/benefitEarlyPayInv.png");
        background-size: 100%;
    }

    .benefitBlock.dbs:before {
        background: url("../images/custom/benefitDBSInv.png");
        background-size: 100%;
    }

    .benefitBlock.flexible:before {
        background: url("../images/custom/benefitFlexibleInv.png");
        background-size: 100%;
    }

    .benefitBlock.annual:before {
        background: url("../images/custom/benefitAnnualLeaveInv.png");
        background-size: 100%;
    }

    .benefitBlock.training:before {
        background: url("../images/custom/benefitFlexibleInv.png");
        background-size: 100%;
    }

    .benefitBlock.pension:before {
        background: url("../images/custom/benefitPensionInv.png");
        background-size: 100%;
    }

    .benefitBlock.shopping:before {
        background: url("../images/custom/benefitDiscountsInv.png");
        background-size: 100%;
    }

    .benefitBlock.recommend:before {
        background: url("../images/custom/benefitReferralInv.png");
        background-size: 100%;
    }

    .benefitBlock.free:before {
        background: url("../images/custom/benefitEAPInv.png");
        background-size: 100%;
    }

    .benefitBlock.life:before {
        background: url("../images/custom/benefitLife.png");
        background-size: 100%;
    }

    /*no icons for these two*/

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

    .benefitBlock.fitness:before {
        background: url("../images/icons/fitness.png");
        background-size: 100%;
    }

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

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

    #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .herobox {
        background-image: url(../images/custom/bannerResults.png);
        height: 500px;
        max-width: 1138px;
    }

    .carousel-caption {
        padding-bottom: 30px;
    }

    .salinks {
        margin-top: 0em;
        float: none;
    }

    .dropdown-toggle {
        top: 0px;
    }

    #benefits .benefits .benefitBoxes .benefitBox {
        display: block;
        width: 50%;
        float: left;
        min-height: 200px;
    }
}

@media all and (max-width:767px) {
    .logo {
        flex-wrap: wrap;
        justify-content: center;
    }

        .logo .logoContainer {
            order: 1;
        }

        .logo .infoContainer {
            order: 2;
        }

    .sticky-navigation {
        z-index: 1;
    }

    .header .col-sm-8 {
        float: left;
    }

    .header .col-sm-4 {
        width: auto;
        overflow: auto;
    }

    .container.hero,
    .container.content {
        margin-top: 0px;
    }
}

@media screen and (max-width: 730px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 80%;
        float: left;
    }

    body #FindJobHeroBlock input.buttonSubmit {
        background: #5ac6d0;
        color: #fff;
        padding: 25px;
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 675px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 79%;
    }
}

@media screen and (max-width: 675px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 76%;
    }
}


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

    /* Main headings */
    #eaContainer h1 {
        font-size: 35px;
        word-wrap: break-word;
    }

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

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

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


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

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

    /* Candidate portal */
    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        display: block;
        width: 100%;
    }

    #eaContainer #posSummaryBlock_pageBlock dd {
        margin-left: 0;
    }

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

    /* Job Description */

    #eaContainer #posdesc_pageBlock ul.jobSum li {
        display: block;
    }

        #eaContainer #posdesc_pageBlock ul.jobSum li:after {
            content: none;
        }

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

    #eaContainer .PosMyAppSummaryLinks {
        display: block;
    }

    .PosMyAppSummaryLink.myapplink, .PosMyAppSummaryLink.reviewposlink, .PosMyAppSummaryLink.withdrawapp {
        width: 100%;
    }

    #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowCheckBoxRow div.labelContainer {
        width: 100%;
    }

    #benefits .benefits .benefitBoxes .benefitBox {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 74%;
    }
}

@media screen and (max-width: 550px) {
    #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a p {
        display: none;
    }

    #eaContainer #OfferInfoBlock_pageBlock ul.fileList li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 537px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 72%;
    }
}

@media screen and (max-width: 524px) {
    .MyWelcomePacks_OfferForm_Summary #pageContent #sectionslist_pageBlockContainer #sectionslist_pageBlock .pageBlockInner_ListBlock {
        width: 100%;
    }

    .MyWelcomePacks_OfferForm_Summary #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, .MyWelcomePacks_OfferForm_Summary #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        width: 97% !important;
    }
}

@media screen and (max-width: 505px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 100%;
    }

    body #FindJobHeroBlock input.buttonSubmit {
        background: #5ac6d0;
        color: #fff;
        padding: 5px;
        margin-top: 0 !important;
        width: 100%;
        text-align: center;
    }

    #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
        float: none;
        display: inline-block;
        width: 99%;
    }

    .grid figure {
        min-width: 230px;
        max-height: 130px;
        width: 100%;
    }

    .header .col-sm-4 {
        width: 100%;
        float: left;
    }

        .header .col-sm-4 .salinks {
            float: left;
            margin-top: 1em;
        }
}
/*---------------------------------------
   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;
    }

    #benefits .benefits .benefitBoxes .benefitBox {
        width: 100%;
        min-height: auto;
    }
}

@media screen and (max-width: 414px) {
    .pageBlockInner_FormBlock .iconListStyle .iconValue {
        margin-left: 70px;
    }
}

@media screen and (max-width: 390px) {
    .search-btn-container a.jnm-btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 384px) {
    body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage {
        display: none;
    }

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

footer .fourth {
    text-align: center;
}

footer img {
    max-width: 20%;
    max-height: 112px;
    margin: 0 2.5%;
    display: block;
    position: relative;
    overflow: hidden !important;
    display: inline-block;
    vertical-align: top;
}

#NewFooterIMG {
    overflow: hidden !important;
    float: left;
    margin-top: -70px;
    max-width: 175px;
    margin-left: -13px;
}

#NewFooterIMG_2,
#NewFooterIMG_3 {
    float: right;
    position: relative;
    top: -8px;
    left: -9px;
    /* overflow: hidden !important;*/
    margin-top: -70px;
}

@media screen and (max-width: 1199px) {
    #NewFooterIMG {
        overflow: hidden !important;
        float: left;
        margin-top: -56px;
        max-width: 120px;
    }

    #NewFooterIMG_3 {
        left: 81px;
        top: -54px;
    }
}

@media screen and (max-width: 991px) {
    #NewFooterIMG_2,
    #NewFooterIMG_3 {
        float: right;
        position: relative;
        top: -8px;
        left: -9px;
        overflow: hidden !important;
        margin-top: 0;
    }

    #NewFooterIMG {
        overflow: hidden !important;
        float: left;
        margin-top: -56px;
        max-width: 120px;
        position: relative;
        top: 137px;
    }

    .latestp,
    .flexslider .slides > li span.spancont h2 {
        font-size: 16px;
    }

    .flexslider .slides > li span.spancont {
        min-height: 230px;
    }

    #about-tab-2 .triangle-isosceles .tech-left,
    #about-tab-2 .triangle-isosceles .tech-right {
        width: 100%;
    }

    .meet-the-team .employeeProfile button {
        width: 33.33%;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    #NewFooterIMG {
        overflow: hidden !important;
        float: left;
        margin-top: -56px;
        max-width: 120px;
        position: relative;
        top: 75px;
    }

    footer .col-md-10 {
        width: 100%;
        float: left;
        margin: 0 auto;
    }

    footer li {
        float: left;
        font-size: 12px;
        list-style: none;
        width: 100%;
        text-align: center;
    }

        footer li a::after {
            content: "|";
            margin-left: 5px;
            margin-right: 5px;
            display: none !important;
        }

    .flexslider .slides > li span.spancont {
        width: 100%;
        min-height: auto;
        margin: 1px 0%;
        padding: 0px 0%;
    }

    .meet-the-team .employeeProfile button {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width:600px) {
    footer img {
        max-width: 45%;
        margin: 0 2.5%;
    }

    /* About */
    .tech-left,
    .tech-right {
        float: none;
        width: 100%;
    }
}

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

    .meet-the-team .employeeProfile button {
        width: 100%;
        float: left;
    }
}


footer .col-md-10 {
    width: 73.333%;
    float: none;
    margin: 0 auto;
}

@media screen and (max-width:360px) {
    #eaContainer #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons {
        width: 100%;
        margin-left: 0%;
    }
}

.d-desktop-only {
    display: none;
}

.modalContent,
.modalContent1 {
    min-height: 0 !important;
}

body .mobile-apply a.buttonAnchor {
    width: 100%;
}

.mobile-apply .buttonsLeft,
.mobile-apply .buttonsLeft a.buttonAnchor {
    float: none;
}

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

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

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .d-mobile-only {
        display: none;
    }

    .d-desktop-only {
        display: block;
    }

    body .mobile-apply a.button-anchor {
        width: auto;
    }

    #eaContainer .PosDescriptionText .ApplyNowContainer {
        display: block;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/*@media (max-width: 767.9px) {
    #__ba_launchpad {
        margin-left: 0;
    }

    #__ba_launchpad .gw-launchpad-button--orange {
        background-color: transparent;
        color: #83509A;
        border: none;
        padding: 0;
        text-transform: none;
        font-weight: bold;
        height: auto;
        width: auto;
    }

    #__ba_launchpad .gw-launchpad-button--orange:hover {
        color: #333;
    }

    #__ba_launchpad .gw-launchpad-button--orange:active {

    }
}*/