/* Video */

/*
.videoBoxInner {
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: 100;
    background-size: cover;
    overflow: hidden;
}

.video {
    object-fit: cover;
    overflow: hidden;
}
*/


.videoBoxInner {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#columnMiddle .videoBoxInner {
    height: 100%;
}

#columnBottom .videoBoxInner {
    width: 100% !important;
    height: 85% !important;
}

    #columnBottom .videoBoxInner video {
        width: 100% !important;
        height: 85% !important;
    }

/*

#columnMiddle .videoBoxInner video {
    height:601px;
    width: auto;
}

#columnBottom .videoBoxInner {
    width: 100%;
    height:84.5%;
}

#columnBottom .videoBoxInner video {
    width: 1300px;
}

*/

@media only screen and (max-width: 1100px) {
    #columnBottom .videoBoxInner video,
    #columnBottom .videoBoxInner {
        height: 80% !important;
    }
}

@media only screen and (min-width: 1600px) {
    #columnBottom .videoBoxInner video,
    #columnBottom .videoBoxInner {
        height: 90% !important;
    }
}

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

    .videoBoxInner {
        display: none;
    }

    html body .column {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
}


/* Temporary App Blocks */

.column.third {
    float: left;
    margin: 5px 1%;
    width: 31%;
}

.sectionsSummaryContainer .sectionBoxInner {
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    background-image: url("../Images/SD_Square.jpg");
    border: thin solid #ccc;
    margin-bottom: 5%;
    transition: 500ms ease 300ms;
}

.sectionsSummaryContainer .sectionBox a {
    display: block;
    height: 100%;
    overflow: auto;
}

.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    background-color: #fff;
}

.sectionBox .ulListItemLabel, #columnMiddle.half .sectionBox .ulListItemLabel {
    margin-top: 67%;
}



element {
}

.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    background-color: #fff;
}

.sectionBox .ulListItemLabel, #columnMiddle.half .sectionBox .ulListItemLabel {
    margin-top: 67%;
}

.sectionBox .ulListItemLabel {
    border-top: thin solid #ccc;
}

.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    padding: 5px;
    text-align: center;
}

.sectionsSummaryContainer .sectionBox h1 {
    font-size: 14px;
    margin-bottom: 0;
    padding: 0;
}

.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    background-color: #fff;
}

.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    padding: 5px;
    text-align: center;
}

.sectionsSummaryContainer #columnBottom .one {
    margin: 0 1% 10px;
    width: 98%;
}

#columnMiddle .sectionBox .ulListItemLabel {
    /*margin-top: 158.5%;*/
    margin-top: 154.4%;
}

.sectionsSummaryContainer {
    margin-top: 0;
}

.column.full-width {
    width: 97%;
    overflow: auto;
    margin: 10px 1%;
}

.sectionsSummaryContainer #columnBottom .one {
    margin: 0 1% 10px;
    width: 98%;
}

.sectionsSummaryContainer #columnBottom .sectionBox .ulListItemLabel, .sectionsSummaryContainer #columnRight.full-width .last .ulListItemLabel {
    margin-top: 25% !important;
}

.section_CV .sectionBoxInner {
    background-image: url("../images/appform/CV_new.jpg");
}

#columnLeft .section_PersonalDetails .sectionBoxInner, #columnRemaining .section_PersonalDetails .sectionBoxInner {
    background-image: url("../images/appform/PD_Square.jpg");
}

#columnMiddle .section_PersonalDetails .sectionBoxInner {
    background-size: cover;
    background-image: url("../images/appform/personalDetails_Long.jpg");
}

.section_EqualOps .sectionBoxInner {
    background-image: url("../images/appform/EqualityDiversity.jpg");
}

.section_Referral .sectionBoxInner {
    background-image: url("../images/appform/Referall.jpg");
}

.section_WorkExperience .sectionBoxInner,
.section_Referees .sectionBoxInner {
    background-image: url("../images/appform/Referees.jpg");
}

.column.full-width .section_SubmitAndDeclarations .sectionBoxInner {
    background-image: url("../images/appform/SD_Long.jpg");
}

#columnRemaining.column.full-width .section_SubmitAndDeclarations .sectionBoxInner {
    background-image: url("../images/appform/SD_Square.jpg");
}

.sectionBox a {
    text-decoration: none;
}

/* Latest vacancies box */

#latestjobs_pageBlock .pageBlockInner_GridBlock div.gridContent {
    border: none;
}

/* General */

footer .col_last {
    text-align: right;
}

.candidateEventDescription li {
    margin-left: 1em;
}

.resourceTag {
    position: relative;
}

.earcuMainContent .pageBlockContainer {
    margin: 0 0;
    padding: 20px 0;
}

    .earcuMainContent .pageBlockContainer .pageBlockContainerMiddle {
        margin: 0 auto;
        max-width: 1170px;
    }

div.pageBlockTitle {
    padding-left: 0;
    padding-right: 0;
}

div.pageBlockContent {
    padding: 0;
}

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

/*.pageBlockInner_FormBlock input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
.pageBlockInner_FormBlock textarea.inputTextArea
{
    background: #fefefe none repeat scroll 0 0;
    border: 2px solid #6e7879;
    border-radius: 4px;
    color: #6e7879;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.53846rem;
    margin: 0;
    max-width: 260px;
    outline: medium none;
    padding: 0.538462rem 0.85385rem;
    transition: all 0.2s ease 0s;
    width: 100%;
}*/

.pageBlockInner_FormBlock input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
.pageBlockInner_FormBlock textarea.inputTextArea, .pageBlockInner_TextTagReplacementBlock input.inputText {
    background: #f6f7f7 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 1px transparent inset;
    color: #4f4f4f;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    padding: 8px 16px;
}

.pageBlockInner_FormBlock input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, .pageBlockInner_TextTagReplacementBlock input.inputText {
    height: 45px;
}

.pageBlockInner_FormBlock textarea.inputTextArea {
    width: 395px;
}

.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
.pageBlockInner_FormBlock div.curFocus div.controlContainer textarea.inputTextArea, .pageBlockInner_TextTagReplacementBlock div.curFocus input.inputText {
    background-color: #e8e8e8;
    border: 2px solid #f7801b;
}

.pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    max-width: 290px;
}

.earcu_posdescription ul, .earcu_posdescription ol,
.labelContainer ul, .labelContainer ol,
.eArcuInfoText ul, .eArcuInfoText ol,
.earcuintro ul, .earcuintro ol,
.textLiteral ul, .textLiteral ol {
    padding-left: 18px;
}

    .earcu_posdescription ul li, .labelContainer ul li,
    .eArcuInfoText ul li, .earcuintro ul li,
    .textLiteral ul li {
        list-style: disc;
        margin-bottom: 15px;
    }

    .earcu_posdescription ol li, .labelContainer ol li,
    .eArcuInfoText ol li, .earcuintro ol li,
    .textLiteral ol li {
        list-style: decimal;
        margin-bottom: 15px;
    }

.pageBlockInner_FormBlock div.formRowLeastMostRow.leastMostRowStyle_ItemDrag .LeastMostTarget {
    height: 29px;
    width: 29px;
}

    .pageBlockInner_FormBlock div.formRowLeastMostRow.leastMostRowStyle_ItemDrag .LeastMostTarget li {
        background-position: 0 0;
        height: 29px;
        padding-top: 5px;
        width: 29px;
    }

.pageBlockInner_FormBlock div.formRowLeastMostRow.leastMostRowStyle_ItemDrag .PotContainer {
    width: 85px;
}

#posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a,
.buttonsLeft button.buttonAnchor, .buttonsRight button.buttonAnchor, .buttonsLeft input.buttonSubmit, .buttonsRight input.buttonSubmit, .buttonsLeft a.buttonAnchor, .buttonsRight a.buttonAnchor {
    display: inline-block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.buttonsRight .buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsLeft .buttonAnchor, .buttonsLeft input.buttonSubmit,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a, #Pos_Description_pageView #posdesc_pageBlock a.right,
#posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a,
#Pos_Category_Description_pageView .linkContainer a, #Campaign_Detail_pageView .linkContainer a, .pageBlockInner_FormBlock div.formRowFileUploadRow button {
    background: transparent;
    border: 0.230769rem solid #6e7879;
    border-radius: 0;
    color: #6e7879;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    outline: medium none;
    overflow: hidden;
    padding: 0.769231rem 2.30769rem;
    position: relative;
    text-transform: lowercase;
    transition: all 0.2s ease 0s;
}

    .buttonsRight .buttonAnchor:hover, .buttonsRight input.buttonSubmit:hover, .buttonsLeft .buttonAnchor:hover, .buttonsLeft input.buttonSubmit:hover,
    #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a:hover, #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a:hover,
    #Pos_Category_Description_pageView .linkContainer a:hover, #Campaign_Detail_pageView .linkContainer a:hover, .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
        background-color: transparent;
        border-color: #f7801b;
        color: #f7801b;
        text-decoration: none;
    }

    .buttonsRight .buttonAnchor:focus, .buttonsRight input.buttonSubmit:focus, .buttonsLeft .buttonAnchor:focus, .buttonsLeft input.buttonSubmit:focus,
    #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a:focus, #Pos_Description_pageView #posdesc_pageBlock a.right:focus,
    #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a:focus,
    #Pos_Category_Description_pageView .linkContainer a:focus, #Campaign_Detail_pageView .linkContainer a:focus, .pageBlockInner_FormBlock div.formRowFileUploadRow button:focus {
        background-color: #f7801b;
        border-color: #f7801b;
        color: #fff;
    }

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

.earcutitlebar {
    font-weight: normal;
    text-align: left;
}

.earculoggedinnav ul.earcunav {
    margin-left: 0;
}

.earcunav li {
    margin-bottom: 4px;
}

.earcunav .earcunav_label {
    width: auto;
}

.earcunav a .earcunav_value {
    float: left;
    margin-left: 8px;
}

/** Pos Desc Category **/
.Pos_Category_Description_earcuBody .banner {
    background-image: url('../images/office1.jpg');
    background-position: 50% 63%;
    background-size: 100% auto;
    min-height: 125px;
}

    .Pos_Category_Description_earcuBody .banner h1 {
        background: rgba(0,0,0,0.4);
        margin-top: 4.5em;
    }

.Pos_Category_Description_earcuBody #mapBlock {
}

    .Pos_Category_Description_earcuBody #mapBlock #mapContainer {
        height: 100%;
        min-height: 500px;
    }

/* Home */
#Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer {
    border: none;
    margin-bottom: 0;
    padding-bottom: 25px;
}

    #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer ul {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

        #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer ul li {
            border-left: 1px solid #f7801b;
            display: inline-block;
            float: none;
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 8px;
            padding-right: 8px;
        }

            #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer ul li:first-child {
                border-left: none;
                margin-left: 0;
                padding-left: 0;
            }

            #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer ul li:last-child {
                margin-right: 0;
                padding-right: 0;
            }

#Home_pageView #CodeListCounts_pageBlock .listContainer {
    margin-left: 0;
}


#Home_pageView #CodeListCounts_pageBlock .listItemContainer {
    margin: 0 2.5% 2.5% 0;
    width: 31.66%;
}

    #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(3n+0) {
        margin-right: 0;
    }

    #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(3n+1) {
        clear: left;
    }

/** Filters List **/
#posBrowser_ResultsGrid_pageBlock .rowContainerHolder {
    display: block;
    float: left;
    margin: 0 2.5% 2.5% 0;
    width: 31.66%;
}

    #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+0) {
        margin-right: 0;
    }

    #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+1) {
        clear: left;
    }

#posBrowser_ResultsGrid_pageBlock .rowContainer {
    float: none;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0 !important;
    margin-right: 0;
    padding: 0;
    width: auto;
}

/** Filters Map **/


/** Application Summary **/
#posSummaryBlock_pageBlock .PosMyAppSummaryLinks {
    overflow: auto;
}

    #posSummaryBlock_pageBlock .PosMyAppSummaryLinks .PosMyAppSummaryLink {
        display: block;
        float: left;
        width: 33.33%;
    }

        #posSummaryBlock_pageBlock .PosMyAppSummaryLinks .PosMyAppSummaryLink.reviewposlink {
            text-align: center;
        }

        #posSummaryBlock_pageBlock .PosMyAppSummaryLinks .PosMyAppSummaryLink.withdrawapp {
            text-align: right;
        }

#posSummaryBlock_pageBlockContainer {
    background: #e8e8e8;
}

#Application_Home_pageView #sectionslist_pageBlock .ulListItem {
    margin: 0 1.75% 1.75% 0;
    width: 23.687%;
}

    #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(4n+0) {
        margin-right: 0;
    }

    #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(4n+1) {
        clear: left;
    }

/*New ApplicationForm Css*/

.Application_Home_earcuBody .earcuMainContent {
    background-color: transparent;
}

    .Application_Home_earcuBody .earcuMainContent #sectionslist_pageBlockContainer.pageBlockContainer .pageBlockContainerMiddle {
        max-width: 100%;
    }

#Application_sectionsContainer #categoryBlockContainer {
    max-width: 1170px;
}

#Application_sectionsContainer.parallax-window {
    height: 100%;
}

#sectionslist_pageBlockContainer {
    padding-top: 0;
    padding-bottom: 0;
}

.SVG g, .nameSVG g {
    display: none;
}

    .SVG g.is-revealed {
        display: block;
        stroke: #000;
        stroke-width: 1;
        stroke-dasharray: 1110px;
        stroke-dashoffset: 1111px;
        animation-name: draw;
        animation-duration: 3s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }

    .nameSVG g.is-revealed:first-child {
        display: block;
        stroke: #000;
        stroke-width: 1;
        stroke-dasharray: 1110px;
        stroke-dashoffset: 1111px;
        animation-name: draw;
        animation-duration: 3s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
        animation-delay: 2s;
    }

    .nameSVG g.is-revealed-even {
        display: block;
        stroke: #000;
        stroke-dasharray: 1110px;
        stroke-dashoffset: 1111px;
        animation-name: draw;
        animation-duration: 3s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-delay: 5s; /* Chrome, Safari, Opera */
        animation-delay: 5s;
    }

    /*.SVG g.is-revealed, .nameSVG g.is-revealed{
	    animation-delay: 7s;
	}*/

    .SVG g.is-revealed-even, .SVG g.is-revealed-even .even {
        display: block;
        /*stroke: #000;*/
        stroke-dasharray: 1110px;
        stroke-dashoffset: 1111px;
        animation-name: draw;
        animation-duration: 3s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
        animation-delay: 4s;
    }

        .SVG g.is-revealed-even .evenCircle {
            stroke-dasharray: 1110px;
            stroke-dashoffset: 1111px;
            animation-name: draw;
            animation-duration: 2s;
            animation-fill-mode: forwards;
            animation-iteration-count: 1;
            animation-timing-function: linear;
            -webkit-animation-delay: 3.5s; /* Chrome, Safari, Opera */
            animation-delay: 3.5s;
        }

    .SVG g.is-revealed .oddCircle {
        stroke-dasharray: 1110px;
        stroke-dashoffset: 1111px;
        animation-name: draw;
        animation-duration: 2s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
        animation-delay: 3s;
    }

    .SVG g.is-revealed-even .circleSubmitEven {
        stroke-dasharray: 311px;
        stroke-dashoffset: 312px;
        animation-name: drawSubmit;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-delay: 6.5s; /* Chrome, Safari, Opera */
        animation-delay: 6.5s;
    }

@keyframes drawSubmit {
    0% {
        stroke-dashoffset: 312px;
        stroke: transparent;
    }

    1% {
        stroke: rgba(255, 255, 255, 0.5);
    }

    100% {
        stroke-dashoffset: 0px;
        stroke: rgba(255, 255, 255, 0.5);
    }
}

.SVG g.is-revealed-even .submitTickIcon {
    stroke-dasharray: 1110px;
    stroke-dashoffset: 1111px;
    animation-name: draw;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-delay: 7s; /* Chrome, Safari, Opera */
    animation-delay: 7s;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.categoryBlockIconNew span.flaticon:before, .categoryBlockIconNew span.flaticon::after {
    font-size: 70px;
    margin: 0;
}

#svgApplicationForm #Application_Home_pageView #categoryBlockContainer > div {
    background: rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden;
}

#pathSubmitCircleOverlay {
    stroke-dasharray: 311px;
    /*stroke-dashoffset: 312px;*/
    animation-name: drawOffsetCircle;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

#pathSubmitCircleOverlayDesktop {
    stroke-dasharray: 311px;
    animation-name: drawOffsetCircleDesktop;
    /*animation-delay: 6.5s;*/
    animation-duration: 8s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

.circle-percentage-container, .circle-percentage-container-desktop {
    opacity: 0;
    visibility: hidden;
}

    .circle-percentage-container.is-IE, .circle-percentage-container-desktop.is-IE {
        opacity: 1;
        visibility: visible;
    }

    .circle-percentage-container.is-revealed {
        animation-name: showNumber;
        animation-delay: 1.5s;
        animation-duration: 0.1s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }

    .circle-percentage-container-desktop.is-revealed {
        animation-name: showNumber;
        animation-delay: 7s;
        animation-duration: 0.1s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }

@keyframes showNumber {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

.circle-percentage-container.andriod, .circle-percentage-container-desktop.andriod, .circle-percentage-container.andriod.is-revealed,
.circle-percentage-container-desktop.andriod.is-revealed {
    opacity: 1;
    animation-name: none;
    visibility: visible;
}

.categoryBlockNew {
    /*border: 5px solid #000;
    border-radius: 100%;*/
    height: 105px;
    position: absolute;
    width: 105px;
}

    .categoryBlockNew.odd {
        left: 395px;
        top: 325px;
    }

        .categoryBlockNew.odd.SubmitAndDeclarations {
            left: 535px;
            top: 210px;
        }

#Application_Home_pageView .icon.odd.show {
    animation-name: fadeIconOdd;
    animation-duration: 5s;
    text-shadow: 2px 2px black;
}

.categoryBlockNew.even {
    right: 385px;
    top: 275px;
}

#Application_Home_pageView .icon.even.show {
    animation-name: fadeIconEven;
    animation-duration: 5s;
    text-shadow: 2px 2px black;
}

#svgApplicationForm #Application_Home_pageView #categoryBlockContainer .categoryBlock {
    text-shadow: 2px 2px black;
}

.categoryBlockIconNew {
    margin: 0 auto;
    padding: 4px 0;
    width: 70px;
}

.icon:hover {
    text-decoration: none;
}

/*.SVG g.is-revealed .circle.Completed {
    fill: #008000;
    animation-name: FillIn;
    animation-duration: 3s;
    border-radius: 100%;
}*/

/*@keyframes fadeIconOdd {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}*/

/*@keyframes fadeIconEven {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}*/

@keyframes FillIn {
    0% {
        fill: none;
    }

    50% {
        fill: none;
    }

    100% {
        fill: rgba(255,255,255,0.75);
    }
}

/*.SVG g.is-revealed .circle {
    animation-delay: 3s;
    animation-duration: 2s;
    /*animation-iteration-count: 1;
    animation-name: FillIn;
}*/

div.odd {
    left: 155px;
    position: absolute;
    top: 300px;
    width: 115px;
}

    div.odd.SubmitAndDeclarations {
        left: 425px;
        position: absolute;
        top: 0;
        width: 110px;
    }

div.even {
    right: 155px;
    position: absolute;
    top: 300px;
    width: 110px;
}

div.odd a.odd {
    font-size: 16px;
    font-weight: 600;
    left: 15px;
    position: absolute;
    top: 38px;
    width: auto;
}

    div.odd a.odd.show {
        animation-name: fadeIconOdd;
        animation-duration: 5s;
    }

div.even a.even {
    font-size: 16px;
    font-weight: 600;
    left: 15px;
    position: absolute;
    top: 38px;
    width: auto;
}

    div.even a.even.show {
        animation-name: fadeIconEven;
        animation-duration: 10s;
    }

    div.even a.even.SubmitAndDeclarations {
        left: 0;
    }

.SVGContainer {
    height: 700px;
}

.Completed.icon, .sectionNameContainer .completed, .NameContainer a.completed {
    color: #61B329;
}

.textpage_seasonal_earcuBody .countdownBanner {
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../images/SeasonalBanner.jpg);
    background-repeat: no-repeat;
    position: relative;
    transition: all 1s ease;
}

    .textpage_seasonal_earcuBody .countdownBanner.Background1 {
        background-image: url(../images/SeasonalBanner.jpg);
    }

    .textpage_seasonal_earcuBody .countdownBanner.Background2 {
        background-image: url(../images/SeasonalBanner2.jpg);
        background-position: 50% 75%;
    }

    .textpage_seasonal_earcuBody .countdownBanner.Background3 {
        background-image: url(../images/SeasonalBanner3.jpg);
        background-position: 50% 75%;
    }

    .textpage_seasonal_earcuBody .countdownBanner.Background4 {
        background-image: url(../images/SeasonalBanner4.jpg);
    }

    .textpage_seasonal_earcuBody .countdownBanner.Background5 {
        background-image: url(../images/SeasonalBanner5.jpg);
    }

    .textpage_seasonal_earcuBody .countdownBanner .countdownOverlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.3);
        z-index: 2;
    }

    .textpage_seasonal_earcuBody .countdownBanner .main-example {
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
        color: #fff;
    }

        .textpage_seasonal_earcuBody .countdownBanner .main-example h2 {
            color: #fff;
        }

        .textpage_seasonal_earcuBody .countdownBanner .main-example .label {
            font-weight: bold;
        }

.textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 0;
    overflow: auto;
    position: relative;
}

    .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .sectionTitle {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .leftContent {
        float: left;
        width: 60%;
    }

        .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .leftContent p {
            margin-bottom: 20px;
        }

            .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .leftContent p:last-child {
                margin-bottom: 0;
            }

    .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .rightContent {
        float: right;
        width: 34%;
        background: #f1f1f1;
        padding: 20px;
    }

        .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .rightContent h4 {
            font-size: 20px;
        }

        .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .rightContent #anchorCon {
            margin-bottom: 20px;
        }

        .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .rightContent .buttonsLeft a:hover {
            background-color: #f7801b;
        }

.textpage_careers_earcuBody #seasonalVacancies_section.content_with_overlay .content_overlay {
    background: rgba(65, 60, 50, 0.3) none repeat scroll 0 0;
}

.textpage_careers_earcuBody #seasonalVacancies_section .row.seasonal {
    margin-top: 20px;
}

    .textpage_careers_earcuBody #seasonalVacancies_section .row.seasonal .seasonalVacanciesRedirect,
    .textpage_careers_earcuBody #divider .wrapper .row {
        text-align: center;
    }

        .textpage_careers_earcuBody #seasonalVacancies_section .row.seasonal .seasonalVacanciesRedirect h3 {
            margin-bottom: 20px;
            color: #fff;
            text-shadow: 1px 1px 3px #000;
        }

/*SNOW EFFECT*/
#snow {
    background: none;
    font-family: Androgyne;
    background-image: url("../images/snow/s1.png"), url('../images/snow/s2.png'), url('../images/snow/s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }

    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }

    100% {
        background-position: 400px 1000px, 200px 400px, 100px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }

    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }

    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

/*With PosVideo*/
.VacancyMap {
    float: left;
    width: 100%;
    max-width: 400px;
}

.jobValues {
    max-width: 400px;
    float: left;
}

#OpenButtonHolder {
    overflow: auto;
    max-width: 400px;
}

    #OpenButtonHolder.withThumbnail {
        max-width: 50%;
        float: right;
        padding: 5px 0 5px 0;
    }

    #OpenButtonHolder.ButtonHolder.withThumbnail #buttonThumbnail {
        max-width: 375px;
        float: right;
    }

    #OpenButtonHolder.withThumbnail .buttons {
        overflow: auto;
        width: 100%;
    }

.greyGreenSection .row .col_12 {
    padding: 0;
}

#OpenButtonHolder .buttons .buttonsRight {
    max-width: 400px;
    width: 100%;
}

#OpenButtonHolder.withThumbnail .buttons .buttonsRight {
    max-width: 375px;
    width: 100%;
}

#Pos_Description_pageView #posdesc_pageBlock #OpenButtonHolder a.right {
    width: 100%;
    text-align: center;
    color: #f7801b;
    border: none;
}

    #Pos_Description_pageView #posdesc_pageBlock #OpenButtonHolder a.right:hover {
        color: #EaEaEa;
    }

    #Pos_Description_pageView #posdesc_pageBlock #OpenButtonHolder a.right:focus {
        background-color: transparent;
    }

.pageBlockInner #OpenButtonHolder .buttonsRight li {
    background-color: #EaEaEa;
    float: none;
    width: 100%;
}

#posdesc_pageBlock .videoOuterContainer {
    margin: 15px 0;
    max-width: none;
}

#moviePlayerInnerContainer {
    background-color: #EaEaEa;
}

.col_8 .jobValues, .col_8 #OpenButtonHolder {
    max-width: none;
    width: 100%;
}

    .col_8 #OpenButtonHolder .buttonsRight {
        float: none;
        margin-top: 17px;
    }

.textpage_careers_earcuBody .slide-in:nth-child(odd) {
    clear: left;
}

/*Quick Apply*/
#posdesc_pageBlock .posDescriptionContainerQuickApply .JobTitle h1 {
    text-align: center;
}

#posdesc_pageBlockContainer .PosDescriptionText {
    padding: 1.2em 2em 0;
}

.posDescriptionContainerQuickApply .mainContent {
    width: 65%;
    float: left;
}

.posDescriptionContainerQuickApply #RightJobSide {
    width: 35%;
    float: left;
}

.posDescriptionContainerQuickApply .jobValues, .VacancyMap {
    clear: left;
    float: none;
    max-width: 100%;
}

    .posDescriptionContainerQuickApply .jobValues .jobSumItem {
        width: 20%;
        background: #f7801b;
        color: #efefef;
        position: relative;
        margin: 10px;
        float: left;
        margin: 2.5% 2.5% 0;
    }

        .posDescriptionContainerQuickApply .jobValues .jobSumItem::after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .posDescriptionContainerQuickApply .jobValues .jobSumItem .jobSumLabel {
            width: 100%;
            display: block;
            text-align: center;
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-90%);
        }

        .posDescriptionContainerQuickApply .jobValues .jobSumItem .jobSumValue {
            display: block;
            width: 100%;
            text-align: center;
            position: absolute;
            top: 50%;
        }

.posDescriptionContainerQuickApply #QuickApplyForm_pageBlockContainer {
    background: #e8e8e8;
    margin: 20px 0;
    padding: 0 20px 20px;
}

.posDescriptionContainerQuickApply #QuickApplyForm_form .formRow .textLiteral {
    text-align: left;
}

.posDescriptionContainerQuickApply #posdesc_pageBlock .posDescriptionContainerQuickApply .bg-gray.content {
    clear: left;
}

.posDescriptionContainerQuickApply #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow {
    padding: 10px 0;
}

.posDescriptionContainerQuickApply #QuickApplyForm_form .formRowTextInputRow div.controlContainer, .posDescriptionContainerQuickApply #QuickApplyForm_form .formRowSelectInputRowAdminPortal div.controlContainer {
    width: 100%;
}

.posDescriptionContainerQuickApply #QuickApplyForm_form input.inputText, .posDescriptionContainerQuickApply #QuickApplyForm_form select.inputSelect, .posDescriptionContainerQuickApply #QuickApplyForm_form textarea.inputTextArea {
    max-width: 100%;
    width: 100%;
    background: white;
}

.posDescriptionContainerQuickApply #QuickApplyForm_TitleBlock_formRow {
    display: none;
}

.posDescriptionContainerQuickApply #QuickApplyForm_buttons_formRow #buttonSubmit_submit {
    border-color: #f7801b;
    background-color: #f7801b;
    color: whitesmoke;
}

.posDescriptionContainerQuickApply #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    width: 100%;
    height: 260px;
}

.posDescriptionContainerQuickApply section.content {
    padding-bottom: 1.5035rem;
    padding-top: 1.5035rem;
    clear: left;
}


.posDescriptionContainerQuickApply #QuickApplyForm_form div.labelContainer {
    width: auto;
}

.posDescriptionContainerQuickApply #QuickApplyForm_form .formRowCheckBoxRow div.labelContainer {
    width: 95%;
}



.sectionsSummaryContainer {
    max-width: 1170px;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    padding: 20px;
}


    .sectionsSummaryContainer .sectionIcon {
        float: left;
    }

        .sectionsSummaryContainer .sectionIcon::before {
            font-size: 50px;
            padding-top: 15px;
            display: block;
        }

    .sectionsSummaryContainer .sectionBox1 {
    }

    .sectionsSummaryContainer .sectionBox2 {
        overflow: auto;
    }

    .sectionsSummaryContainer .sectionBox3 {
        width: 50%;
        background: rgba(0,0,0,0.25);
        border: 4px solid #fff;
        color: #f7801b;
        float: left;
        min-height: 100px;
        border-radius: 10px;
        font-weight: bold;
    }

    .sectionsSummaryContainer .sectionBox1.right .sectionBox3 {
        float: right;
    }

    .sectionsSummaryContainer .sectionBox3:hover { 
        background: rgba(255,255,255,0.8);
        cursor:pointer;
    }

    .sectionsSummaryContainer .sectionBox4 {
        padding: 10px 10px 10px 100px;
    }

    .sectionsSummaryContainer .sectionLabel {
        font-size: 22px;
    }

    .sectionsSummaryContainer .sectionStatus {
        margin-top: 10px;
        font-size:16px;
    }

    .sectionsSummaryContainer .sectionBoxConnector {
        width: 50%;
        margin: 0px auto;
    }

    .sectionsSummaryContainer .sectionBox1.left .sectionBoxConnector1 {
        border-left: 5px solid #fff;
        border-bottom: 5px solid #fff;
        height: 25px;
    }

    .sectionsSummaryContainer .sectionBox1.left .sectionBoxConnector2 {
        border-right: 5px solid #fff;
        height: 25px;
    }

    .sectionsSummaryContainer .sectionBox1.right .sectionBoxConnector1 {
        border-right: 5px solid #fff;
        border-bottom: 5px solid #fff;
        height: 25px;
    }

    .sectionsSummaryContainer .sectionBox1.right .sectionBoxConnector2 {
        border-left: 5px solid #fff;
        height: 25px;
    }

    .sectionsSummaryContainer .sectionBox3 .modal, .sectionsSummaryContainer .sectionBox3 .normal {
        display: none;
    }


    
@media all and (min-width:1px) and (max-width:585px), all and (min-device-width:1px) and (max-device-width:585px) 
{
    .sectionsSummaryContainer .sectionBox3 
    {
        width:95%;
    }
}


@media all and (max-width: 842px) {
    .jobValues {
        float: none;
    }

    #OpenButtonHolder.withThumbnail, #OpenButtonHolder.ButtonHolder.withThumbnail #buttonThumbnail,
    #OpenButtonHolder.withThumbnail .buttons .buttonsRight {
        float: left;
        max-width: 400px;
    }
}
/*RESPONSIVE*/
@media all and (max-width: 1190px) {
    #Application_sectionsContainer #categoryBlockContainer {
        max-width: 100%;
        width: 1000px;
    }

    .Application_Home_earcuBody .earcuMainContent .pageBlockContainer .pageBlockContainerMiddle {
        width: 100%;
    }

    div.odd {
        left: 5px;
    }

    div.even {
        right: 10px;
    }

    div.odd.SubmitAndDeclarations {
        left: 225px;
    }
}

@media all and (max-width:980px) {
    .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .leftContent,
    .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .rightContent {
        width: 100%;
    }

    .textpage_seasonal_earcuBody .seasonalVacanciesSection .wrapper .leftContent {
        margin-bottom: 30px;
    }
}

@media all and (max-width: 880px) {
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        margin: 0 2.5% 2.5% 0;
        width: 31.66%;
    }

        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(4n+0) {
            margin-right: 2.5%;
        }

        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(4n+1) {
            clear: none;
        }

        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(3n+0) {
            margin-right: 0;
        }

        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(3n+1) {
            clear: left;
        }
}

/*Quick Apply Responsive Start*/
@media all and (max-width: 1190px) {
    .posDescriptionContainerQuickApply label.formLabel, .posDescriptionContainerQuickApply div.labelContainer {
        text-align: left;
    }
}

@media all and (max-width: 850px) {
    .posDescriptionContainerQuickApply .mainContent, .posDescriptionContainerQuickApply #RightJobSide {
        width: 100%;
        float: none;
        clear: left;
    }

    .posDescriptionContainerQuickApply #QuickApplyForm_form .formRowCheckBoxRow div.labelContainer {
        width: auto;
    }
}

@media all and (max-width: 600px) {
    .posDescriptionContainerQuickApply .jobValues .jobSumItem {
        width: 28%;
    }
}

@media all and (max-width: 400px) {
    .posDescriptionContainerQuickApply .jobValues .jobSumItem {
        width: 39%;
        margin: 4% 5% 0;
    }
}

/*Quick Apply Responsive End*/

@media all and (max-width: 780px) {
    div.odd {
        left: 0;
    }

    div.even {
        right: 5px;
    }
}

@media all and (max-width: 765px) {
    #Application_sectionsContainer {
        display: none;
    }

        #Application_sectionsContainer.Mobile {
            display: block !important;
        }



    .SVGContainer.Mobile {
        height: 355px;
    }

        .SVGContainer.Mobile.SubmitRight {
            height: 500px;
        }

    .SVG g.is-revealed-even, .SVG g.is-revealed-even .even {
        animation-delay: 0s;
    }

        .SVG g.is-revealed .oddCircle, .SVG g.is-revealed-even .evenCircle, .SVG g.is-revealed-even .circleSubmitEven {
            animation-delay: 0.75s;
        }


    #Application_Home_pageView .icon.odd.show, #Application_Home_pageView .icon.even.show {
        animation-duration: 2s;
    }

    .SVG g.is-revealed-even .submitTickIcon {
        animation-delay: 1.25s;
        animation-duration: 2s;
    }

    .SVGContainer.Mobile .sectionNameContainer a {
        display: block;
        font-size: 16px;
        text-align: center;
        text-shadow: 2px 2px black;
        width: 105px;
        animation-name: showNameMobile;
        animation-duration: 2s;
    }

    @keyframes showNameMobile {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}

@media all and (max-width: 750px) {
    #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
    #posBrowser_ResultsGrid_pageBlock .rowContainerHolder,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        margin: 0 3% 3% 0;
        width: 48.5%;
    }

        #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(3n+0),
        #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+0),
        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(3n+0) {
            margin-right: 3%;
        }

        #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(3n+1),
        #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+1),
        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(3n+1) {
            clear: none;
        }

        #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(even),
        #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(even),
        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(even) {
            margin-right: 0;
        }

        #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(odd),
        #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(odd),
        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(odd) {
            clear: left;
        }
}

@media all and (max-width: 700px) {
    .pageBlockInner_FormBlock div.labelContainer {
        max-width: 96%;
        text-align: left;
        width: auto;
    }

    .pageBlockInner_FormBlock div.controlContainer {
        clear: left;
        float: none;
        margin-right: 0;
    }

    #SectionCompleteBlock_pageBlock .pageBlockInner_FormBlock div.controlContainer {
        clear: none;
        float: left;
    }
}

@media all and (max-width: 550px) {
    .ui-dialog, .ui-dialog #lookupResults_gridTable {
        width: 100% !important;
    }
}

@media all and (max-width: 530px) {
    .tooltip2_Surround_FormToolTip, .tooltip2_Outer {
        display: none !important;
    }


    .buttonsLeft, .buttonsRight,
    .pageBlockInner .buttonsLeft li, .pageBlockInner .buttonsRight li,
    .buttonsLeft button.buttonAnchor, .buttonsRight button.buttonAnchor, .buttonsLeft input.buttonSubmit, .buttonsRight input.buttonSubmit, .buttonsLeft a.buttonAnchor, .buttonsRight a.buttonAnchor {
        box-sizing: border-box;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
        width: 100%;
    }

    .pageBlockInner .buttonsLeft li, .pageBlockInner .buttonsRight li {
        margin-bottom: 4%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
    #posBrowser_ResultsGrid_pageBlock .rowContainerHolder,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        margin: 0 0 4% 0;
        width: 100%;
    }

        #Home_pageView #CodeListCounts_pageBlock .listItemContainer:nth-child(3n+0),
        #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+0),
        #Application_Home_pageView #sectionslist_pageBlock .ulListItem:nth-child(3n+0) {
            margin-right: 0;
        }
}

@media all and (max-width: 410px) {
    .pageBlockInner_GridBlock div.gridContentWithHeader {
        padding-top: 31px;
    }

    .pageBlockInner_GridBlock table.gridTable,
    .pageBlockInner_GridBlock table.gridTable tbody,
    .pageBlockInner_GridBlock table.gridTable tr {
        display: block;
        width: 100%;
    }

        .pageBlockInner_GridBlock table.gridTable th {
            display: none;
        }

        .pageBlockInner_GridBlock table.gridTable tr td {
            border-left: none;
            border-bottom: none;
            display: block;
            float: none;
            width: 100%;
        }
}