/*** reset **/

    html,
    body,
    body div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    figure,
    footer,
    header,
    menu,
    nav,
    section,
    time,
    mark,
    audio,
    video,
    details,
    summary {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    article,
    aside,
    figure,
    footer,
    header,
    nav,
    section,
    details,
    summary {
        display: block;
    }

    @font-face {
        font-family: 'Graphik';
        src: url('../fonts/Graphik-Regular-Web.eot');
        src: url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular-Web.woff') format('woff'), url('../fonts/Graphik-Regular-Web.ttf') format('truetype'), url('../fonts/Graphik-Regular-Web.svg#Graphik Web') format('svg');
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }

    @font-face {
        font-family: 'Graphik';
        src: url('../fonts/Graphik-Bold-Web.eot');
        src: url('../fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Bold-Web.woff') format('woff'), url('../fonts/Graphik-Bold-Web.ttf') format('truetype'), url('../fonts/Graphik-Bold-Web.svg#Graphik Web') format('svg');
        font-weight: 700;
        font-style: normal;
        font-stretch: normal
    }

    @font-face {
        font-family: 'Graphik-bold';
        src: url('../fonts/Graphik-Bold-Web.eot');
        src: url('../fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Bold-Web.woff') format('woff'), url('../fonts/Graphik-Bold-Web.ttf') format('truetype'), url('../fonts/Graphik-Bold-Web.svg#Graphik Web') format('svg');
        font-style: normal;
        font-stretch: normal
    }

    @font-face {
        font-family: 'Graphik';
        src: url('../fonts/Graphik-Light-Web.eot');
        src: url('../fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Light-Web.woff') format('woff'), url('../fonts/Graphik-Light-Web.ttf') format('truetype'), url('../fonts/Graphik-Light-Web.svg#Graphik Web') format('svg');
        font-weight: 300;
        font-style: normal;
        font-stretch: normal
    }

    @font-face {
        font-family: 'FontAwesome';
        src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    [class^="icon-"],
    [class*=" icon-"] {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        *margin-right: .3em;
    }

    [class^="icon-"]:before,
    [class*=" icon-"]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none;
    }

    :invalid {
        outline-color: rgba(221, 0, 0, 0.5);
        box-shadow: none;
    }

    :focus {
        outline: 0;
    }
    /* Custom Helper Classes */

    .tColor1 {
        color: #88ab33;
    }

    .tColor2 {
        color: #E3752A;
    }

    .pageTitle1 {
        clear: both;
        font-size: 4rem;
        color: #88ab33;
        line-height: 4rem;
        font-weight: 400;
    }

    .sectionTitle1,
    .sectionTitle2,
    .sectionTitle3 {
        color: #88ab33;
        padding: 0;
        margin: 1em 0 0.25em 0;
        clear: both;
        font-size: 1.25em;
        font-weight: 700;
        border-bottom: 1px solid #e9e9e8;
    }

    .sectionTitle2 {
        margin: 0 0 0.25em 0;
        clear: none;
    }

    .sectionTitle3 {
        margin: 1em 0;
    }

    .localTitle1 {
        color: #88ab33;
        padding: 0;
        margin: 0 0 0.25em 0;
        clear: both;
        font-size: 1.25em;
        font-weight: 700;
    }

    .tableList {
        width: 100%;
    }

    /* .tableList th {
        padding: 0.5em 0.25em;
        background-color: #D9D9D9;
    } */

    .tableList .tableListSortableCell {
        padding: 0.5em 1em 0.5em 0.25em;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .tableList .tableListSortableCell:hover,
    .tableList .tableListSortableCell:active {
        color: #000000;
        background-color: #E5E5E5;
    }

    .tableList .tableListSortableActive {
        color: #000000;
        background-color: #EDEDED;
    }

    .tableListSortableASC {
        background-image: url('../images/sortAsc.gif');
    }

    .tableListSortableDESC {
        background-image: url('../images/sortDesc.gif');
    }

    /* .tableList td {
        padding: 0.25em;
    } */

    /* .tableList tr:nth-child(2n) td {
        background-color: #F2F2F2;
    } */

    /* .tableList tr:hover td {
        background-color: #E5E5E5;
    } */

    .commonFlowListTopPagination {
        padding: 0.5em;
    }

    .commonFlowListBottomPagination {
        padding: 0.25em 0.5em;
        background-color: #D9D9D9;
        border-radius: 0 0 0.25em 0.25em;
    }

    .commonFlowListItemTitle {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1.25em;
        font-weight: normal;
        padding: 0.75em 0.5em;
        margin: 0;
        text-decoration: none;
        border-radius: 0.25em 0.25em 0 0;
        color: #000000;
        background-color: #D9D9D9;
        float: left;
    }

    .commonFlowListItemTitle[href] {
        cursor: pointer;
        color: #404040;
        background-color: #FCFCFC;
    }

    .commonFlowListItemTitle[href]:hover,
    .commonFlowListItemTitle[href]:active {
        color: #000000;
        background-color: #CCCCCC;
    }

    .commonFlowListFirstContentItem {
        border-top: 0.5em solid #D9D9D9;
        clear: both;
        padding-top: 1em;
    }
    /* General Forms */

    .generalForm textarea {
        min-height: 5em;
    }

    .generalForm input,
    .generalForm textarea,
    .generalForm select:not([multiple]) {
        max-width: 100%;
        border-radius: 2px;
        outline-width: 0;
        border: 1px solid #dadada;
        width: 100%;
        line-height: 40px;
        height: 42px;
        background-color: #f1f1f1;
        color: #999 !important;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .generalForm select {
        padding-right: 0;
    }

    .generalForm input[type='file'] {
        height: 40px;
        line-height: normal;
        padding: 8px 0 8px 10px;
    }

    .body_IE .generalForm input[type='file'] {
        padding: 0;
    }

    .body_Firefox .generalForm input[type='file'] {
        -moz-appearance: button;
        height: auto;
        padding-top: 7px;
        padding-bottom: 6px;
    }

    .generalForm input[type="file"]::-ms-value {
        border-width: 0;
        background-color: transparent;
    }

    .generalForm input[type="file"]::-ms-browse {
        border-width: 0;
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 2px;
    }

    .generalForm select option {
        background-color: #FCFCFC;
    }

    .generalForm .hasErrors input,
    .generalForm .hasErrors textarea,
    .generalForm .hasErrors select {
        border-color: #CC6060;
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15), 0 0 5px rgba(221, 0, 0, 0.2);
    }

    /* .generalForm input:focus,
    .generalForm textarea:focus,
    .generalForm select:focus,
    .generalForm .hasErrors input:focus,
    .generalForm .hasErrors textarea:focus,
    .generalForm .hasErrors select:focus {
        border-color: #808080;
        background-color: #FDFDFD;
        box-shadow: inset 0 0 5px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2);
    } */
    /* Errors from template */

    .errorText {
        color: #DD0000;
        clear: both;
    }
    /* Errors from wizard */

    .errorMessage,
    .warningMessage,
    .duplicateWarningMessage {
        color: #DD0000;
        clear: both;
    }
    /* Pagination */

    .jobPaginationLegend {
        margin-right: 15px;
    }

    .searchPagination {
        text-align: right;
    }

    .searchPagination a {
        color: #88ab33;
        vertical-align: middle;
    }

    .paginationItem {
        display: inline-block;
        /*margin-left: 0.25em;*/
        text-decoration: none;
        white-space: nowrap;
        /*padding: 0.25em 0;*/
    }

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

    .paginationLink,
    .paginationLink:visited {
        border: 1px solid #CCCCCC;
        padding: 0 0.5em;
        background-color: #FFFFFF;
        border-radius: 2px;
    }

    .paginationLink:hover,
    .paginationLink:active {
        border-color: #94C0F0;
        background-color: #F2F7FD;
        text-decoration: none;
    }

    .currentPageLink,
    .currentPageLink:hover,
    .currentPageLink:active,
    .currentPageLink:visited {
        cursor: default;
        color: #FFFFFF;
        border-color: #8BBBEF;
        background-color: #8BBBEF;
    }
    /* Buttons */

    button,
    .buttonLike,
    .buttonLike:visited {
        padding: 10px 30px;
        border-width: 0;
        background-color: #acc435;
        color: #FFFFFF;
        vertical-align: middle;
        border-radius: 2px;
        font-weight: 700;
        line-height: 22px;
        min-width: 156px;
        text-transform: uppercase;
        text-align: center;
    }

    button:hover,
    button:active,
    .buttonLike:hover,
    .buttonLike:active {
        background-color: #88ab33;
        text-decoration: none;
    }

    .linkLike,
    .linkLike:hover,
    .linkLike:active,
    .linkLike:visited {
        min-width: 0;
        padding: 0;
        color: #404040;
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        border-width: 0;
        border-radius: 0;
    }

    .linkLike:hover,
    .linkLike:active {
        color: #000000;
    }
    /*.body_IE6 button,
    .body_IE7 button {
        padding-top: 3px;
        padding-bottom: 3px;
    }*/

    .uploadedFile {
        display: block;
        padding-top: 2px;
    }

    .removeFile {
        cursor: pointer;
        color: #404040;
        padding: 3px 4px;
        text-decoration: none;
        background-color: #F0F0F0;
        background-image: none;
        border-width: 0;
        border-radius: 2px;
    }

    .removeFile:hover,
    .removeFile:active {
        background-color: #E0E0E0;
        color: #000000;
    }

    .removeFile input {
        display: inline !important;
    }

    .smallButtonLike {
        padding: 2px 4px;
    }
    /* STRUCTURE */
    /* Search */

    .searchField {
        padding-bottom: 1em;
    }

    .searchField:last-child {
        padding-bottom: 0.5em;
    }

    .jobList {
        padding: 0.5em 0;
    }

    .jobList > .jobResultItem {
        border-top: 1px solid #CCCCCC;
        padding: 1em 0;
        clear: both;
    }

    .jobList > .jobResultItem:first-child {
        border-top-width: 0;
    }

    .jobList > .jobResultItem:last-child {
        border-bottom: 1px solid #CCCCCC;
    }

    .jobResultItemDescription {
        padding-top: 0.25em;
    }
    /* Navigation */

    .mainNavigation {
        padding: 0 0 1em 0;
    }

    .mainNavigationStatus {
        float: right;
        text-align: right;
    }

    .mainNavigationStatusAdditional {
        float: left;
    }
    /* JobDetail */

    .jobDetailDescription {
        margin: 1em 0 0 0;
        /*border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;*/
        padding: 1em 0;
    }
    /* Job Submittal */

    .jobTemplateWidgetContainer {
        padding-top: 1em;
    }

    #jobTemplateWidgetDescription {
        display: block;
        padding-top: 1em;
    }
    /* Register steps */

    .registrationSteps {
        border-bottom: 2px solid #CCCCCC;
        margin-bottom: 1em;
    }

    .registrationStepItem {
        float: left;
    }

    .registrationStepsAmount_2 .registrationStepItem {
        width: 50%;
    }

    .registrationStepsAmount_3 .registrationStepItem {
        width: 33%;
    }

    .body_IE6 .registrationStepsAmount_2 .registrationStepItem,
    .body_IE7 .registrationStepsAmount_2 .registrationStepItem {
        width: 49%;
    }

    .body_IE6 .registrationStepsAmount_3 .registrationStepItem,
    .body_IE7 .registrationStepsAmount_3 .registrationStepItem {
        width: 32%;
    }
    /* Upload Resume and Register */

    .uploadResumeItemsContainer {
        margin-top: 30px;
        /* margin-right: -2%; */
    }

    .uploadResumeField {
        float: left;
        margin: 0;
        border-width: 0;
        padding: 0;
        width: 48%;
        position: relative;
        border: 1px solid #dadada;
        border-radius: 2px 0 0 2px;
        height: 42px;
        margin-bottom: 16px;
        background-color: #f1f1f1;
        box-sizing: border-box;
        margin-right: 2%;
    }
    .uploadResumeField.socialLinkedIn {
        border: 0;
        height: 84px;
        background: #FFFFFF;
    }

    .uploadResumeFieldLabel {
        /*width: 48%;*/
        line-height: 42px;
        position: relative;
        float: left;
        margin-right: 2%;
        margin-bottom: 16px;
        font-size: 1.6rem;
        font-weight: 700;
    }

    #resumePaste {
        width: 100%;
        min-height: 10em;
        min-width: 50%;
        max-width: 100%;
        resize: both;
    }

    .uploadResumeFieldTrigger {
        cursor: pointer;
        text-decoration: none;
        color: #626262;
        display: block;
        line-height: 40px;
        height: 42px;
        text-decoration: none;
        padding-left: 58px;
        position: absolute;
        left: -1px;
        top: -1px;
        width: 100%;
        box-sizing: border-box;
        background-repeat: no-repeat;
    }

    /* .uploadResumeField:nth-of-type(2n) {
        float: right;
    } */

    .uploadResumeFieldTrigger:focus,
    .uploadResumeFieldTrigger:hover,
    .uploadResumeFieldTrigger:active {
        transition-duration: 0.25s;
        transition-property: background-color;
        transition-timing-function: ease;
        text-decoration: none;
    }

    .uploadResumeFieldTriggerFacebook {
        background-image: url('../images/facebook.png');
    }

    .uploadResumeFieldTriggerFacebook:hover {
        background-image: url('../images/facebook-hover.png');
    }

    .uploadResumeFieldTriggerLinkedin {
        background-image: url('../images/linkIn.png');
    }

    .uploadResumeFieldTriggerLinkedin:hover {
        background-image: url('../images/linkIn-hover.png');
    }

    .uploadResumeFieldTriggerGoogleplus {
        background-image: url('../images/googleplus.png');
    }

    .uploadResumeFieldTriggerGoogleplus:hover {
        background-image: url('../images/googleplus-hover.png');
    }

    .uploadResumeFieldTriggerViadeo {
        background-image: url('../images/viadeo_32.png');
    }

    .uploadResumeFieldTriggerXing {
        background-image: url('../images/xing_32.png');
    }

    .uploadResumeFieldTriggerDropbox {
        background: url('../images/dropbox.png') no-repeat;
    }

    .uploadResumeFieldTriggerDropbox:hover {
        background: url('../images/dropbox-hover.png') no-repeat;
    }

    .uploadResumeFieldTriggerGoogledrive {
        background: url('../images/googleDrive.png') no-repeat;
    }

    .uploadResumeFieldTriggerGoogledrive:hover {
        background: url('../images/googleDrive-hover.png') no-repeat;
    }

    .uploadResumeFieldTriggerUploadResumeFile {
        background-image: url('../images/uploadResumeFile_32.png');
    }

    .uploadResumeFieldTriggerUploadResumePaste {
        background-image: url('../images/uploadResumePaste_32.png');
    }

    .uploadResumeFieldTriggerUploadResumeLater {
        background-image: url('../images/uploadResumeLater_32.png');
    }

    .uploadResumeFieldTriggerUploadResumeFile {
        background: url('../images/upload.png') no-repeat;
    }

    .uploadResumeFieldTriggerUploadResumeFile:hover {
        background: url('../images/upload-hover.png') no-repeat;
    }

    .uploadResumeFieldContainer {
        clear: both;
        display: block;
    }

    .uploadResumeFieldContainer label {
        line-height: 25px;
        padding-bottom: 8px;
        font-size: 1.4rem;
        font-weight: 700;
    }

    .uploadResumeButtonBar {
        padding-top: 16px;
        clear: both;
        position: relative;
    }

    /* Search Agents */
    .searchAgentFields br:first-child {
        display: none;
    }

    .searchAgentFields label {
        font-weight: bold;
        margin-bottom: 8px;
        display: inline-block;
    }

    .searchAgentFields label ~ label {
        margin-top: 16px;
    }
    /* Login and Reset Password */

    /* .loginSignBox {
        float: left;
        background-color: #F0F0F0;
        padding: 1em;
        width: 40%;
    } */

    .loginRegisterBox {
        padding: 1em 0;
        margin-left: 40%;
        padding-left: 3em;
    }
    /* Profile */

    .profilePictureContainer {
        float: right;
        text-align: center;
        padding: 0 0 0 1em;
        max-width: 80px;
    }

    .profilePicture {
        margin: 0 auto;
    }

    .profilePictureLink {
        margin-top: 0.5em;
        display: block;
    }

    #UploadFile .labelText {
        font-weight: 700;
        padding-bottom: 0.25em;
    }

    #UploadFile .formfieldSpec,
    #UploadFile .fieldSpec {
        padding-bottom: 0.5em;
    }

    /* .fileItem {
        padding: 0.25em;
    } */

    .fileItem:first-child > .attachFile {
        padding-top: 0;
    }

    /* .fileItem:nth-child(2n+1) {
        background-color: #F2F2F2;
    } */

    /* .fileItem:hover {
        background-color: #E5E5E5;
    } */

    #filePreview {
        display: block;
        transition-property: height, opacity, margin, padding, box-shadow;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        overflow: hidden;
        height: 0;
        opacity: 0;
        margin: 0 1em;
        padding: 0 10px;
        border-radius: 2px;
        background-color: #FFFFFF;
        background-color: rgba(255, 255, 255, 0.8);
    }

    #filePreview.fileShow {
        display: block;
        transition-property: height, opacity, margin, padding, box-shadow;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        overflow: hidden;
        height: 335px;
        opacity: 1;
        margin: 0.5em 1em;
        padding: 10px;
        box-shadow: 1px 1px 3px #000000;
    }

    .body_IE6 #filePreview.fileShow,
    .body_IE7 #filePreview.fileShow,
    .body_IE8 #filePreview.fileShow {
        border: 1px solid #DDDDDD;
    }

    .filePreviewBar {
        text-align: right;
        height: 35px;
        line-height: 25px;
    }

    #filePreview iframe {
        width: 100%;
        height: 300px;
    }
    /* Custom Layout */

    body {
        overflow-y: scroll;
    }

    #wrapper {
        margin: 1em auto;
        padding: 1em;
        max-width: 960px;
        background-color: #FFFFFF;
        border-radius: 0.5em;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: relative;
    }
    /* Mobile Redefinitions */

    @media all and (max-width: 720px) {
        /* .loginSignBox {
            float: none;
            padding: 0;
            margin: 0;
            width: auto;
            background-color: transparent;
        } */
        .loginRegisterBox {
            padding: 0;
            margin: 1em 0 0 0;
        }
        .uploadResumeField {
            width: 48%;
        }
        #resumePaste {
            resize: vertical;
        }
        .commonFlowListItemTitle {
            border-radius: 0;
            float: none;
            display: block;
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
        }
        .commonFlowListItemTitle[href] {
            box-shadow: none;
            background-color: #E6E6E6;
        }
        .commonFlowListItemTitle:first-child {
            border-radius: 0.25em 0.25em 0 0;
        }
    }

    @media all and (max-width: 768px) {
        button,
        .buttonLike,
        .buttonLike:visited,
        .btn {
            /*min-width: 33%;*/
            text-align: center;
        }
        .linkLike,
        .linkLike:hover,
        .linkLike:active,
        .linkLike:visited {
            min-width: 0;
            text-align: left;
        }
        .mainNavigationStatus {
            margin-right: 0.25em;
        }
        .mainNavigationStatus,
        .mainNavigationStatusAdditional {
            float: left;
            text-align: left;
            margin-bottom: 0.5em;
            min-width: 50%;
        }
        .jobPaginationLegend {
            display: inline-block;
            width: 100%;
            margin-bottom: 0.25em;
            margin-right: 0;
        }
        .paginationItem {
            margin-top: 0.25em;
            margin-bottom: 0.25em;
            padding: 0.5em 0;
        }
        .paginationLink,
        .paginationLink:visited {
            padding: 0.5em 0.75em;
        }
        .registrationStepItem,
        .registrationStepsAmount_2 .registrationStepItem,
        .registrationStepsAmount_3 .registrationStepItem,
        .body_IE6 .registrationStepsAmount_2 .registrationStepItem,
        .body_IE7 .registrationStepsAmount_2 .registrationStepItem,
        .body_IE6 .registrationStepsAmount_3 .registrationStepItem,
        .body_IE7 .registrationStepsAmount_3 .registrationStepItem {
            float: none;
            display: block;
            width: auto;
        }
        .uploadResumeItemsContainer {
            margin-right: 0;
        }
        .uploadResumeField,
        .uploadResumeFieldLabel,
        .loginInNew form .fl {
            float: none;
            width: 100%;
            margin-right: 0;
        }
        .uploadResumeField.socialLinkedIn {
            clear: both;
            margin-top: 1.25em;
            margin-bottom: 1.25em;
        }
        .uploadResumeField:nth-of-type(2n) {
            float: none;
        }
        .searchField {
            padding: 0;
            margin: 0 0 1em 0;
            line-height: normal;
        }
        .searchField > label {
            float: none;
            display: block;
            width: auto;
            margin: 0;
            text-align: left;
        }
        .profilePictureContainer {
            float: none;
            padding: 0.5em 0 1em 0;
        }
        .profilePicture {
            margin: 0;
        }
        .profilePictureLink {
            display: none;
        }
        /* .fileItem {} */
        .tableList th,
        .tableList td:empty {
            display: none;
        }
        .tableListThShow th,
        .tableListThShow td:empty {
            display: block;
        }
        .tableList,
        .tableList thead,
        .tableList tbody,
        .tableList tr,
        .tableList td {
            display: block;
        }
        .tableList thead,
        .tableList tbody,
        .tableList tr,
        .tableList td {
            width: auto;
        }
        .tableList td:last-child {
            border-bottom: 1px solid #f2f3f2;
        }
    }
    /******* common ****************/

    html {
        font-size: 10px;
    }

    body,
    input,
    button,
    select,
    textarea {
        font-family: Graphik, Arial, Helvetica, sans-serif;
    }

    body {
        font-size: 14px;
        font-size: 1.4rem;
        color: #626262;
        background-color: #fff;
        font-weight: 400;
        line-height: 1.3;
    }

    ::-webkit-input-placeholder {
        color: #626362;
    }

    ::-moz-placeholder {
        color: #626362;
    }

    :-moz-placeholder {
        color: #626362;
    }

    .font-16 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .font-b16 {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
    }

    .font-30 {
        font-size: 30px;
        font-size: 3rem;
        font-weight: normal;
    }

    .font-green{
        color:#88ab33;
    }

    li {
        display: inline-block;
    }

    .jobDetailDescription   li {
        display: list-item;
        list-style-position: outside;
        margin-left: 1em!important;
    }


    .formfieldSpec.back .cancelButton:before,
    .fieldSpec.back .cancelButton:before,
    .formfieldSpec.back .previousButton:before,
    .fieldSpec.back .previousButton:before,
    .btn:before,
    .btn:after,
    .awesome:before,
    .awesome:after {
        font-family: FontAwesome;
        font-size: 14px;
    }

    .btn:after,
    .awesome:after {
        padding-left: 8px
    }

    .formfieldSpec.back .cancelButton:before,
    .fieldSpec.back .cancelButton:before,
    .formfieldSpec.back .previousButton:before,
    .fieldSpec.back .previousButton:before,
    .btn:before,
    .awesome:before {
        padding-right: 8px;
    }

    a {
        color: #88ab33;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    .dark-green {
        color: #437d37;
    }

    .green,
    .link-green {
        color: #88ab33;
    }

    .link-green:hover {
        color: #acc434!important;
        text-decoration: none;
    }

    .link-grey {
        color: #626262;
    }

    .link-grey:hover {
        color: #a6aba7;
        text-decoration: none;
    }

    .isGreenHover:hover {
        color: #88ab33;
    }

    .btn,
    .cancelButton,
    .nextButton {
        display: inline-block;
        cursor: pointer;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.375;
        padding: 10px 30px;
        min-width: 156px;
        border-width: 0;
        background-color: #acc435;
        border-radius: 2px;
        color: #fff;
        cursor: pointer;
        text-align: center;
        display: inline-block;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn:hover,
    .cancelButton:hover {
        background-color: #88ab33;
        text-decoration: none;
    }

    .btn:after,
    .btn:before {
        font-family: FontAwesome;
    }

    @media screen and (max-width: 768px) and (min-width: 480px) {
        .btn,
        .cancelButton {
            padding: 10px 20px;
        }
    }

    @media screen and (max-width: 480px) {
        .btn,
        .cancelButton,
        .saveButton,
        .nextButton,
        .buttonLike,
        button {
            width: 100%;
            padding: 10px 0;
            margin-bottom: 10px;
        }
        .awesome-delete {
            width: auto;
        }
        .fixedSizeBtn {
            width: auto!important;
            min-width: 45%;
        }
    }

    .wiz_collectionInColumns2 label {
        width: 100%;
        margin-bottom: 1em;
    }

    .backButton,
    .btn-grey,
    .cancelButton,
    .previousButton {
        background-color: #626262;
    }

    .backButton:hover,
    .btn-grey:hover,
    .cancelButton:hover,
    .previousButton:hover {
        background-color: #a6aba7;
    }

    @media screen and (max-width: 480px) {
        .saveButton,
        .cancelButton,
        .phoneBMargin10 {
            margin-bottom: 10px;
        }
    }

    input[type=text] {
        box-sizing: border-box;
        height: 42px;
        line-height: 40px;
        padding-left: 10px;
        border: 1px solid #dadada;
        background-color: #f1f1f1;
    }

    .icon {
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: cover;
    }

    .icon-home {
        background-image: url(../images/home-off.png);
        background-size: cover;
        display: block;
    }

    .icon-home:hover {
        background-image: url(../images/home-on.png);
    }

    .h1 {
        font-size: 4rem;
        color: #88ab33;
        line-height: 4rem;
        font-weight: 400;
    }

    .h2 {
        font-size: 2rem;
        color: #88ab33;
        font-weight: 400;
    }

    @media all and (max-width: 768px) {
        .h1 {
            font-size: 2.6rem;
        }
    }

    .h3,
    .resultCount {
        font-size: 1.6rem;
        color: #626262;
        line-height: 34px;
        font-weight: 700;
    }

    .posAbsoluteTopLeft {
        position: absolute;
        top: 0;
        left: 0;
    }

    .lmargin-14 {
        margin-left: 14px;
    }

    .bmargin-8 {
        margin-bottom: 8px;
    }

    .bmargin-16 {
        margin-bottom: 16px;
    }

    .bmargin-30 {
        margin-bottom: 30px;
    }

    .tmargin-10 {
        margin-top: 10px;
    }

    .tmargin-20 {
        margin-top: 20px;
    }

    .tmargin-30,
    .tmargin-30-6 {
        margin-top: 30px;
    }

    @media all and (max-width: 768px) {
        .tmargin-30-6 {
            margin-top: 6px;
        }
    }

    .tmargin-50 {
        margin-top: 50px;
    }

    .rmargin-10 {
        margin-right: 10px;
    }

    .tpadding-54 {
        padding-top: 54px;
    }

    .bpadding-30 {
        padding-bottom: 30px;
    }

    .bborder {
        border-bottom: 1px solid #e9e9e8;
    }

    .wrapper {
        /*max-width: 1300px;*/
        margin-left: auto;
        margin-right: auto;
        min-width: 320px;
    }

    .container {
        max-width: 960px;
        margin: 0 auto;
        position: relative;
    }

    @media only screen and (max-width:1024px) {
        .container {
            margin: 0 2%;
        }
    }

    .txtCenter {
        text-align: center;
    }
    /*****base style end*****/
    /**** head *****/

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        height: 112px;
        width: 100%;
        background-color: #fff;
        /*box-shadow: -9px 0 8px 5px rgba(0, 0, 0, 0.3);*/
     }

    header:after {
        display: block;
        content: '';
        height: 0;
        clear: both;
    }

    .logo {
        margin-top: 20px;
        margin-right: 20px;
        display: inline-block;
        margin-left: 2.3077%;
        padding-bottom: 8px;
    }

    .loginContainer {
        position: absolute;
        height: 1px;
        width: 100%;
        left: 0;
        top: 0
    }

    .login {
        position: absolute;
        right: 170px;
        top: 20px;
    }

    .btn-login:after {
        content: "\f007";
    }

    .menubox {
        display: inline-block;
        vertical-align: bottom;
    }

    .menu {
        position: relative;
        /*bottom: -8px;*/
        font-size: 0;
    }

    .btn-menu {
        position: absolute;
        display: none;
        cursor: pointer;
        right: 2%;
        top: 50%;
        margin-top: -21px;
        padding: 10px 20px;
        border-radius: 2px;
        width: auto;
    }

    .menu .menu-item {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 13px;
        font-size: 1.3rem;
        position: relative;
        vertical-align: middle;
    }

    .menu .menu-item > a {
        color: #626262;
        display: block;
        height: 32px;
        line-height: 32px;
    }

    .menu .menu-item:hover {
        background-color: #acc435;
    }

    .menu .menu-item:hover > a {
        color: #fff;
        text-decoration: none;
    }

    .menu .menu-item:hover .awesome-arrowdown:after {
        content: "\f107";
    }

    .submenu {
        position: absolute;
        box-shadow: 10px 0 30px #888;
        left: 0;
        background-color: #fff;
        display: none;
        z-index: 1;
    }

    .submenu-item {
        display: table-cell;
        vertical-align: top;
        border-right: dotted 2px #ccc;
        line-height: normal;
    }

    .submenu-item:last-child {
        border-right: none;
    }

    .submenu-item.formatted .groupitem-items > li {
        display: table-cell;
        white-space: nowrap;
        padding-right: 10px;
    }

    @media all and (max-width: 1500px) and (min-width: 1025px) {
        .submenu-item.formatted {
            display: block;
        }
        li[class=submenu-item] {
            border-right: none;
            border-left: dotted 2px #ccc;
        }
        li[class=submenu-item]:first-of-type {
            border-left: none;
        }
    }

    @media all and (max-width: 1024px) {
        .submenu-item.formatted .groupitem-items > li {
            display: block;
            white-space: nowrap;
        }
    }

    @media all and (min-width: 1025px) {
        .isMobile {
            display: none !important;
        }
        .menu.mobile,
        .currentSubMenu {
            display: none !important;
        }
    }

    @media all and (max-width: 1024px) {
        .menu {
            display: none;
        }
        .isDesktop {
            display: none !important;
        }
        .logo {
            margin-top: 10px;
            margin-right: 0;
            float: left;
        }
        .btn-menu {
            display: block;
            min-width: 0;
        }
        .menubox {
            position: relative;
            display: block;
            padding-left: 2%;
            padding-right: 2%;
            height: 100px;
            box-sizing: border-box;
        }
        .menu.mobile,
        .currentSubMenu {
            box-shadow: 10px 0 30px #888;
            position: absolute;
            width: 100%;
            top: 100%;
            z-index: 2;
            background-color: #efeff0;
            left: 0;
            /*margin-left: -2%;*/
        }
        .menu.mobile > .menu-item a.awesome-arrowdown:after {
            display: none;
        }
        .menu.mobile > .menu-item,
        .currentSubMenu > .submenu-item {
            display: block;
            line-height: 40px;
            border-bottom: 2px dotted #ccc;
            border-right: none;
            padding-left: 16px;
            padding-right: 16px;
            cursor: pointer;
        }
        .menu.mobile > .menu-item,
        .currentSubMenu > .submenu-item.isBack {
            background-image: url(../images/arrow-right.png);
            background-origin: content-box;
            background-repeat: no-repeat;
            background-position: right center;
        }
        .menu.mobile > .menu-item.isLogin {
            background-image: none;
            background-color: #88ab33;
            color: #fff;
            font-weight: 700;
            border-bottom: none;
        }
        .menu.mobile > .menu-item:nth-last-of-type(-n+2) {
            border-bottom: none;
        }
        .menu.mobile > .menu-item.isLogin a {
            color: #fff;
        }
        .currentSubMenu > .submenu-item:hover {
            background-color: #88ab33;
        }
        .currentSubMenu > .submenu-item:hover a {
            color: #fff;
            text-decoration: none;
        }
        .currentSubMenu > .submenu-item.isbox:hover a {
            color: #626262;
            text-decoration: none;
        }
        .currentSubMenu > .submenu-item.isbox a:hover {
            color: #88ab33;
            text-decoration: underline;
        }
        .currentSubMenu > .submenu-item.isBack {
            background-image: url(../images/arrow-left.png);
            background-position: left center;
        }
        .currentSubMenu > .submenu-item.isBack:hover,
        .currentSubMenu > .submenu-item.isbox:hover {
            background-color: transparent;
        }
        .currentSubMenu > .submenu-item.isBack span {
            margin-left: 20px;
        }
        .menu.mobile .menu-item:hover {
            background-color: transparent;
        }
        .menu.mobile .menu-item.isLogin:hover {
            background-color: #88ab33;
        }
        .menu.mobile .menu-item:hover > a {
            color: #626262;
        }
        .menu.mobile .menu-item.isLogin:hover > a {
            color: #fff;
        }
        .menu.mobile .submenu-item a {
            height: auto;
            padding: 0;
        }
        .login {
            display: none;
        }
    }

    .imgmenu {
        box-sizing: border-box;
        display: block;
        padding: 10px;
        height: 150px;
        color: #626262;
    }

    .imgmenu:hover {
        text-decoration: underline;
        color: #acc434;
    }

    .imgmenu img {
        display: block;
        width: 117px;
        height: 77px;
    }

    .imgmenu h4 {
        font-weight: normal;
        margin-top: 10px;
    }

    @media all and (max-width: 1024px) {
        .imgmenu {
            height: auto;
            padding: 0;
        }
        .imgmenu img {
            display: none;
        }
        .imgmenu h4 {
            margin-top: 0;
        }
    }

    .groupitems {
        padding: 10px;
    }

    .groupitem {
        padding-right: 8px;
        display: table-cell;
    }

    .groupitem h3 {
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
    }

    .groupitem li {
        display: block;
        margin-top: 5px;
    }

    .groupitem a {
        font-size: 1.2rem;
        line-height: 1.3rem;
        color: #626262;
        /*font-weight: 300;*/
    }

    .groupitem a:hover {
        color: #88ab33;
        text-decoration: underline;
    }

    @media all and (max-width: 1024px) {
        .groupitems {
            padding-left: 0;
            padding-right: 0;
        }
        .groupitem li {
            line-height: normal;
        }
        .imgmenu img {
            display: none;
        }
    }

    .banner {
        background-image: url(../images/jobSearchBanner.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 0 102px;
        padding-bottom: 11.5384%;
        position: relative;
        margin-bottom: 55px;
        margin-top: 102px;
        background-attachment: fixed;
    }

    .banner-title {
        font-weight: 700;
        font-size: 60px;
        font-size: 6rem;
        position: absolute;
        top: calc(50% - 2rem);
        margin-top: -30px;
        color: #fff;
        text-align: center;
        width: 100%;
    }

    @media all and (max-width: 960px) {
        .banner-title {
            font-size: 50px
        }
    }

    @media all and (max-width: 768px) {
        .banner {
            margin-bottom: 10px;
        }
        .banner-title {
            font-size: 40px
        }
    }

    @media all and (max-width: 600px) {
        .banner-title {
            font-size: 32px
        }
    }

    @media all and (max-width: 480px) {
        .banner-title {
            font-size: 28px
        }
    }

    @media all and (max-width: 1046px) {
        .banner {
            height: 120px;
            padding-bottom: 0;
            background-size: initial;
            background-position: center 102px;
        }
    }
    @media all and (max-width: 768px){
       .banner{
         background-position: center 0;
         background-attachment: initial;
       }
    }

    .banner-jobdetail {
        background-image: url(../images/jobDetailBanner.jpg);
    }

    .banner-login {
        background-image: url(../images/loginBanner.jpg);
    }

    .banner-quickRegister {
        background-image: url(../images/quickRegisterBanner.jpg);
    }

    .banner-register {
        background-image: url(../images/registerBanner.jpg);
    }

    .banner-profile {
        background-image: url(../images/profileBanner.jpg);
    }

    .banner-application {
        background-image: url(../images/myApplicationsBanner.jpg);
    }

    .banner-thankyou {
        background-image: url(../images/thankYouBanner.jpg);
    }

    .banner-alert {
        background-image: url(../images/alertRegBanner.jpg);
    }
    /*****footer*****/

    .footer {
        background-color: #636363;
        line-height: 36px;
        text-align: center;
        font-size: 12px;
        margin-top: 80px;

    }
    .footer a,
    .footer span {
        color: #c1c4c1;
    }


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

    .fotter .devideLine {
        padding: 0 8px 0 7px;
    }

    .footerIcon {
        display: inline-block;
        text-align: left;
    }

    .footerIcon .btns {
        display: inline-block;
        position: relative;
        width: 78px;
        height: 1px;
    }

    .footerIconContact {
        margin-left: 14px;
    }

    .footerIconShare {
        margin-left: 11px;
    }

    .footerIcon a {
        display: inline-block;
        width: 21px;
        height: 20px;
        position: absolute;
        top: -13px;
    }

    .footerIcon a.linkIn {
        background: url(../images/linkedin-grey.png) no-repeat;
        left: 4px;
    }

    .footerIcon a.linkIn:hover {
        background: url(../images/linkedin-green.png) no-repeat;
    }

    .footerIcon a.facebook {
        background: url(../images/facebook-grey.png) no-repeat;
        left: 28px;
    }

    .footerIcon a.facebook:hover {
        background: url(../images/facebook-green.png) no-repeat;
    }

    .footerIcon a.twitter {
        background: url(../images/twitter-grey.png) no-repeat;
        left: 52px;
    }

    .footerIcon a.twitter:hover {
        background: url(../images/twitter-green.png) no-repeat;
    }

    .footer .designer {
        padding-left: 28px;
    }

    @media only screen and (max-width:655px) {
        .footer {
            padding: 7px 4% 9px 4%;
            box-shadow: -3px 5px 7px 0px rgba(35, 31, 32, .5) inset;
        }
        .footer .devideLine {
            display: none;
        }
        /* .footer .footerIconShare {
            display: none;
        } */
        .footer>a,
        .footer>span,
        .footer>div {
            display: block;
            width: 100%;
            line-height: 26px;
            text-align: center;
            border-bottom: 2px dotted #9b9f9c;
        }
        .footer>span:last-child {
            border-bottom: 0;
        }
        .footerIcon {
            padding: 6px 0;
            margin-left: 0
        }
        .footer .designer {
            padding-left: 0
        }
    }
    /***** job detail *****/

    .container {
        width: 960px;
        margin: 0 auto;
    }

    @media only screen and (max-width:959px) {
        .container {
            width: 96%;
            padding: 0 2%;
        }
    }

    .jobdetailTitle {
        padding-bottom: 40px;
    }

    .jobInfo {
        padding: 27px 0;
        font-size: 1.6rem;
        border: 1px solid #e9e9e8;
        border-left: 0;
        border-right: 0;
    }

    .jobType {
        width: 60%;
    }

    .jobType ul li {
        display: block;
        line-height: 2rem;
        font-size: 1.6rem;
        padding: 10px 0;
    }

    .jobType ul li strong {
        display: inline-block;
        min-width: 140px;
    }

    .aluminium {
        width: 209px;
        height: 98px;
        margin: 24px 0 40px 0;
        text-align: center;
    }

    @media all and (max-width: 480px) {
        .aluminium {
            height: auto;
        }
    }

    .aluminium img {
        /*width: 100%;
        height: auto;*/
        height: auto;
        max-width: 100%;
        max-height: 98px;
    }

    .btn-apply:after {
        content: "\f005";
        padding-left: 8px;
        font-size: 1.6rem;
    }

    .jobdescribe {
        margin-top: 39px;
    }

    .describeCon {
        line-height: 2rem;
    }

    .attachFile {
        padding: 20px 0 8px 0;
        line-height: 2rem;
    }

    .attachFileHandle a {
        color: #88ab33;
    }

    .icon-view:after {
        content: "\f06e";
        padding-left: 8px;
    }

    .icon-download:after {
        content: "\f019";
        padding-left: 8px;
    }
    /*.attachFileHandle a:nth-child(1) {
        display: inline-block;
        border-right: 1px solid #e3e3e2;
        padding-right: 14px;
        margin-right: 10px;
    }*/

    .attachFileHandle a:hover {
        color: #88ab33
    }

    .playVideo {
        margin-top: 35px;
    }

    .playVideo iframe {
        width: 100%;
        max-width: 552px;
        height: 310px;
    }

    @media all and (max-width: 768px) {
        .playVideo .iframe {
            height: 250px;
        }
    }

    @media all and (max-width: 480px) {
        .playVideo .iframe {
            height: 170px
        }
    }

    .btnbox {
        margin: 47px 0 17px 0;
    }

    .btnbox a {
        margin-right: 11px;
    }

    .btn-back {
        float: left;
    }

    .btn-back:before {
        content: "\f0e2";
        padding-right: 7px;
    }

    .bottomSplit {
        padding-bottom: 50px;
        border-bottom: 1px solid #d8d9d7;
        margin-bottom: 80px;
    }

    .shareBtn a {
        display: inline-block;
        float: left;
        width: 44px;
        height: 42px;
        margin-right: 2px;
        background: url(../images/shareIconNormal.png) no-repeat;
        margin-right: 4px;
    }

    .shareBtn a:hover {
        background: url(../images/shareIcon.png) no-repeat;
    }

    .shareBtn .linkin,
    .shareBtn .linkin:hover {
        background-position: 0 0;
    }

    .shareBtn .facebook,
    .shareBtn .facebook:hover {
        background-position: -48px 0;
    }

    .shareBtn .twitter,
    .shareBtn .twitter:hover {
        background-position: -96px 0;
    }

    .shareBtn .email,
    .shareBtn .email:hover {
        background-position: -144px 0;
    }

    .btn-referFriend {
        display: none;
    }

    .btn-referFriend:before {
        content: "\f0c0";
    }

    /* .jobDetail .attachFile strong {
        font-size: 16px;
        font-size: 1.6rem;
    } */

    @media screen and (max-width: 768px) {
        .jobdetailTitle {
            text-align: center;
            line-height: 40px;
            padding: 8px 0;
            margin: 0
        }
        .jobType {
            width: 100%;
            float: none;
        }
        .applyBtnBox {
            float: none;
            text-align: center;
            margin-top: 1em;
        }
        .btn-apply {
            float: none;
        }
        .aluminium {
            float: none;
            margin: 0 auto;
            margin-bottom: 2%;
            height: auto;
        }
        .attachFile strong {
            display: inline-block;
            padding-right: 4px;
        }
    }

    @media screen and (max-width: 480px) {
        /* .shareBox {
            display: none;
        } */
        .btn-referFriend {
            display: inline-block;
        }
        .btnbox {
            text-align: center;
        }
        .btnbox a {
            margin-right: 0;
            float: none;
            margin-top: 1rem;
        }
    }
    /***** job search *****/

    .jobSearch {
        padding-bottom: 35px;
    }

    .searchCondition {
        width: 48%;
        float: left;
        box-sizing: border-box;
        padding-left: 110px;
        position: relative;
        margin-bottom: 12px;
        position: relative;
    }
    /*.searchCondition:after {
        position: absolute;
        right: 16px;
        bottom: 15px;
        content: "";
        display: inline-block;
        width: 19px;
        height: 8px;
        background: url(../images/directionBottom.png) no-repeat;
    }*/

    .searchCondition-field {
        position: relative;
    }

    .selectBox,
    .keyword {
        border: 1px solid #dadada;
        width: 100%;
        line-height: 40px;
        height: 40px;
        background-color: #f1f1f1;
        color: #626262;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .selectBox {
        border-radius: 2px;
        cursor: pointer;
    }

    .searchCondition label,
    .keywordBox label {
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 700;
        line-height: 40px;
    }

    @media all and (max-width: 480px) {
        .searchCondition label,
        .keywordBox label {
            line-height: 28px;
        }
    }

    .conditionBox .searchCondition:nth-child(2n) {
        float: right;
    }

    .keywordBox {
        box-sizing: border-box;
        padding: 0 180px 0 110px;
        position: relative;
        width: 100%;
        margin-bottom: 12px;
    }

    .btn-submit {
        position: absolute;
        right: 0;
        top: 0;
    }

    .resultCount {
        line-height: 28px;
        margin-top: 34px;
        border-bottom: 1px solid #e9e9e8;
    }

    .searchResults li {
        padding: 33px 0 0 0;
        border-bottom: 1px solid #e9e9e8;
        line-height: 3rem;
        display: block;
        position: relative;
    }

    .searchResults li:last-child {
        border-bottom: 1px solid #e9e9e8;
    }

    .businessUnitLogo{
        position: absolute;
        right: 0;
        top: 32px;
        width: 160px;
        text-align: center;
    }
    .businessUnitLogoPic{
        max-width: 150px;
        max-height: 60px;
    }


    .jobTitle {
        font-size: 2rem;
    }

    .jobcreateInfo {
        font-size: 1.6rem;
        font-weight: 700;
    }

    .jobcreateInfo .line {
        padding: 0 10px;
    }

    .jobdes {
        line-height: 2rem;
        padding-top: 3px;
    }

    .jobTitle,.jobcreateInfo,.jobdes{
        padding-right: 180px;
    }
    @media all and (max-width: 768px){
        .businessUnitLogo{
            display: none;
        }

        .jobTitle,.jobcreateInfo,.jobdes{
            padding-right: 0;
        }
    }

    .jobLoc:before {
        content: "\f041";
        padding-right: 8px;
    }

    .createTime:before {
        content: "\f073";
        padding-right: 8px;
    }

    .handleBtn {
        padding: 12px 0 10px 0;
    }

    .handleBtn {
        /*float: right;*/
        /*display: inline-block;
        height: 27px;*/
        line-height: 27px;
        font-size: 1.6rem;
        text-align: right;
        position: relative;
    }

    .awesome-shareJob:after {
        content: "\f064";
    }

    .awesome-applyJob:after {
        content: "\f005";
    }

    .applyJob {
        border-right: 1px solid #e3e3e2;
        margin-right: 10px;
        padding-right: 12px;
    }

    .sep {
        display: inline-block;
        border-right: 1px solid #e3e3e2;
        margin-right: 10px;
        margin-left: 10px;
    }

    .sep:after {
        display: inline-block;
        content: '';
    }

    .shareJob {
        color: #626262;
    }

    .shareJob:hover,
    .referFriend:hover {
        color: #88ab33;
    }

    .handleBtn .referFriend {
        color: #595d5e;
        display: none;
    }

    .sharingbox {
        width: 0;
        height: 42px;
        position: absolute;
        top: 5px;
        right: 71px;
        overflow: hidden;
    }

    .sharingbox-inner {
        width: 192px;
    }
    /*****searchPagination*****/

    .searchPagination {
        text-align: left;
        color: #626262;
        font-size: 1.6rem;
    }

    .searchPagination {
        padding-top: 40px;
    }

    .searchPagination a {
        color: #626262;
        padding: 0 15px;
    }

    .paginationLink,
    .paginationLink:visited {
        border: 0;
    }

    .searchPagination a:hover {
        color: #88ab33;
        background-color: #fff;
    }

    .currentPageLink,
    .currentPageLink:hover,
    .currentPageLink:active,
    .currentPageLink:visited {
        color: #88ab33!important;
        background-color: #fff;
    }

    .searchPagination span {
        color: #626262;
    }

    .searchPagination a:first-child,
    .searchPagination span:first-child {
        padding-left: 0
    }

    .searchPagination a:last-child {
        padding-right: 0
    }

    @media screen and (max-width: 768px) {
        .btn-submit {
            position: static;
            margin-top: 2rem;
        }
    }

    @media screen and (max-width: 768px) and (min-width: 480px) {
        .searchCondition,
        .keywordBox {
            width: 100%;
            padding-right: 0;
        }
    }

    @media screen and (max-width: 479px) {
        .searchCondition,
        .keywordBox {
            width: 100%;
            padding: 0;
        }
        .searchCondition label,
        .keywordBox label {
            position: static;
        }
    }

    @media screen and (max-width: 600px) {
        .jobSearch {
            font-size: 2.6rem;
            padding: 10px 0;
        }
        .searchResults li {
            line-height: 2.5rem;
            padding-top: 46px;
        }
        .handleBtn .referFriend {
            display: inline-block;
        }
        .jobcreateInfo,
        .jobdes,
        .handleBtn .shareJob {
            display: none;
        }
        .searchPagination {
            text-align: center;
        }
        .paginationLink,
        .paginationLink:visited,
        .searchPagination a {
            padding: 0.5rem;
        }
    }
    /*****login*****/

    .loginTitle {
        padding: 22px 0;
        margin-top: 34px;
    }

    .tipWord,
    .loginCon label {
        display: block;
        line-height: 2rem;
        font-size: 1.6rem;
        font-weight: 700;
        padding: 10px 0;
    }

    .tipWord {
        border-bottom: 1px solid #e9e9e8;
        padding: 0 0 10px 0;
    }

    .loginCon label {
        margin-top: 5px;
    }
    /*.loginCon input {
        max-width: 90%;
    }*/

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

    .forgotPassword {
        display: block;
        line-height: 37px;
        margin-bottom: 26px;
        color: #437d37;
        font-weight: 700;
    }

    .regTitle {
        padding: 68px 0 20px 0;
    }

    .createTip {
        padding: 30px 0 26px 0;
    }

    .quickRegTip {
        font-size: 1.6rem;
        line-height: 20px;
        padding-bottom: 7px;
        margin-top: 30px;
        border-bottom: 1px solid #e9e9e8;
    }

    a.quickRegLink {
        color: #88ab33;
    }

    .forgotPassword:hover,
    a.quickRegLink:hover {
        text-decoration: underline;
    }

    @media all and (max-width: 768px) {
        .loginCon input[type=text] {
            width: 100%;
        }
        .loginTitle,
        .regTitle {
            margin: 0;
            padding: 0;
            line-height: 46px;
        }
        .regTitle {
            padding: 27px 0 14px 0;
        }
    }

    input.error {
        border-color: #e5241f;
    }
    /*****Register*****/

    .progressBar {
        height: 3px;
        border: 1px solid #bdce5f;
        position: relative;
        margin: 40px 0 42px 0;
    }

    .progressBar i {
        display: block;
        background-color: #bdce5f;
        height: 3px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .bar-item {
        display: block;
        width: 27px;
        height: 26px;
        border-radius: 50%;
        background-color: #fff;
        border: 1px solid #acc434;
        position: absolute;
        top: -12px;
        font-weight: 700;
        font-size: 1.4rem;
        text-align: center;
        line-height: 26px;
        cursor: pointer;
        color: #acc434;
    }

    .bar-item:nth-of-type(1) {
        left: -1px;
    }

    .bar-item:last-child {
        left: auto;
        right: -1px;
    }

    .bar-item:nth-of-type(2) {
        left: 33.3%;
        margin-left: -13px;
    }

    .bar-item:nth-of-type(3) {
        left: 66.6%;
        margin-left: -13px;
    }

    .progressBarStep1 .bar-item:nth-of-type(1),
    .progressBarStep2 .bar-item:nth-of-type(1),
    .progressBarStep2 .bar-item:nth-of-type(2),
    .progressBarStep3 > span,
    .progressBarStep4 > span {
        background-color: #acc434;
        color: #fff;
    }

    .progressBarStep3 span:nth-of-type(4) {
        background-color: #fff;
        color: #acc434;
    }

    .progressBarStep2 i {
        width: 33.3%
    }

    .progressBarStep3 i {
        width: 66.6%
    }

    .progressBarStep4 i {
        width: 100%;
    }

    .uploadResumeButtonBar .btn-back {
        margin-right: 14px;
    }

    #uploadResumenextButton {
        position: absolute;
        left: 160px;
        top: 16px;
    }

    @media all and (max-width: 480px) {
        #uploadResumenextButton {
            position: static;
            margin-bottom: 10px;
        }
    }

    @media all and (max-width: 480px) {
        .specialLocBtn .fieldLabel>div:last-child {
            position: relative;
            padding-top: 52px;
        }
        .specialLocBtn .fieldLabel>div:last-child .nextButton,
        .specialLocBtn .fieldLabel>div:last-child .saveButton {
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    /***** Profile *****/

    .fieldsbox {
        display: table;
        width: 100%;
    }

    .fieldsbox .fieldsbox-row {
        display: table-row;
    }

    .fieldsbox .fieldbox {
        display: table-cell;
        width: 25%;
        padding-bottom: 16px;
    }

    .fieldsbox .fieldbox:nth-of-type(2n) {
        display: table-cell;
        width: auto;
        padding-bottom: 16px;
    }
    /*.fieldsbox .fieldsbox-row:last-child > .fieldbox{
    padding-bottom: 0;
}*/

    .fieldbox label {
        display: block;
        font-weight: 700;
    }

    .fieldbox span,
    .myApplications span {
        display: inline-block;
        margin-top: 8px;
    }

    .myApplications .trow .awesome-delete {
        display: inline-block;
        margin-top: 7px;
    }

    @media all and (max-width: 768px) {
        .myApplications span {
            margin: 6px 0 8px 0;
        }
    }

    .tableList-4 .fieldbox,
    .tableList-4 td {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: dotted 1px #e9e9e8;
        width: 25%;
    }

    .tableList-4 tr:first-of-type .fieldbox {
        padding-top: 0;
    }

    @media all and (max-width: 768px) {
        .fieldsbox .fieldsbox-row {
            display: block;
        }
        .fieldsbox .fieldbox {
            width: 100%;
            display: block;
        }
        .fieldbox label {
            display: inline-block;
            padding-right: 10px;
        }
        .fieldbox label {
            display: inline-block;
        }
        .tableList-4 .fieldbox,
        .tableList-4 td {
            width: 100%;
            border-bottom: 0;
        }
    }

    .tableList-5 td {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: dotted 1px #e9e9e8;
        width: 20%;
    }

    .tableList-5-1 .fieldbox label {
        display: none
    }

    .tableList-6 td {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: dotted 1px #e9e9e8;
        width: 16.6%;
    }

    .tableList-6-1 .fieldbox label {
        display: none
    }

    @media all and (max-width: 768px) {
        .tableList-5 td {
            width: 50%;
            float: left;
        }
        .tableList-5-1 td {
            width: 100%;
            border-bottom: 0
        }
        .tableList-5-1 .fieldbox label {
            display: inline-block;
        }
        .tableList-6 td {
            width: 50%;
            float: left;
        }
        .tableList-6-1 td {
            width: 100%;
            border-bottom: 0
        }
        .tableList-6-1 .fieldbox label {
            display: inline-block;
        }
    }

    .tableList-2 td {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: dotted 1px #e9e9e8;
        width: 50%;
    }

    .awesome-delete:after {
        content: "\f00d";
    }

    .awesome-pencil:after {
        content: "\f040";
    }
    /**** Wizard ****/

    .Section1,
    .Section2 {
        margin-right: -2%;
        overflow: hidden;
    }

    .Section1 .formfieldSpec,
    .Section1 .fieldSpec,
    .Section2 .formfieldSpec,
    .Section2 .fieldSpec {
        float: left;
        width: 48%;
        margin-right: 2%;
        margin-bottom: 16px;
    }

    @media all and (max-width: 768px) {
        .Section1,
        .Section2 {
            margin-right: 0;
        }
        .Section1 .formfieldSpec,
        .Section1 .fieldSpec,
        .Section2 .formfieldSpec,
        .Section2 .fieldSpec {
            float: left;
            margin-right: 0;
            width: 100%;
            min-height: 0;
        }
        .align-back .labelText,
        .align-front .labelText {
            height: auto !important;
        }
        .align-back .description,
        .align-front .description {
            height: auto !important;
        }
    }

    .register.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(2),
    .register.wizardStep1 .Section1 > .fieldSpec:nth-of-type(2),
    .register.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(4),
    .register.wizardStep1 .Section1 > .fieldSpec:nth-of-type(4),
    .register.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(6),
    .register.wizardStep1 .Section1 > .fieldSpec:nth-of-type(6) {
        clear: left;
    }

    .register.wizardStep2 .Section1 > .formfieldSpec:nth-of-type(1),
    .register.wizardStep2 .Section1 > .fieldSpec:nth-of-type(1),
    .register.wizardStep2 .Section1 > .formfieldSpec:nth-of-type(3),
    .register.wizardStep2 .Section1 > .fieldSpec:nth-of-type(3),
    .register.wizardStep2 .Section1 > .formfieldSpec:nth-of-type(5),
    .register.wizardStep2 .Section1 > .fieldSpec:nth-of-type(5) {
        clear: left;
    }

    .quickregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(2),
    .quickregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(2),
    .quickregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(4),
    .quickregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(4),
    .quickregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(6),
    .quickregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(6),
    .quickregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(8),
    .quickregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(8) {
        clear: left;
    }

    .socialregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(1),
    .socialregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(1),
    .socialregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(3),
    .socialregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(3),
    .socialregister.wizardStep1 .Section1 > .formfieldSpec:nth-of-type(5),
    .socialregister.wizardStep1 .Section1 > .fieldSpec:nth-of-type(5) {
        clear: left;
    }

    .socialregister.wizardStep2 .Section1 > .formfieldSpec:nth-of-type(1),
    .socialregister.wizardStep2 .Section1 > .fieldSpec:nth-of-type(1),
    .socialregister.wizardStep2 .Section1 > .formfieldSpec:nth-of-type(3),
    .socialregister.wizardStep2 .Section1 > .fieldSpec:nth-of-type(3),
    .socialregister.wizardStep2 .Section1 > .formfieldSpec:nth-of-type(5),
    .socialregister.wizardStep2 .Section1 > .fieldSpec:nth-of-type(5) {
        clear: left;

    }

    .formfieldSpec.w98,
    .fieldSpec.w98,
    .w98 {
        width: 98%;
    }

    @media all and (max-width: 768px) {
        .formfieldSpec.w98,
        .fieldSpec.w98 {
            width: 100%;
        }
    }

    .formfieldSpec.wauto,
    .fieldSpec.wauto {
        width: auto;
    }

    .formfieldSpec .formlabelText,
    .fieldSpec .labelText {
        margin-bottom: 8px;
        font-weight: bold;
    }

    .formfieldSpec textarea,
    .fieldSpec textarea {
        resize: none;
    }

    .formfieldSpec.MultipleDatasetEntryFormField,
    .fieldSpec.MultipleDatasetEntryFormField {
        width: 98%;
    }
    /*.formfieldSpec.heading,
    /*.fieldSpec.heading,
    .formfieldSpec.MultipleDatasetEntryFormField .formlabelText,
    .fieldSpec.MultipleDatasetEntryFormField .labelText {
        margin-bottom: 10px;
    }
    */

    /* .formfieldSpec.formfieldSpec.MultipleDatasetEntryFormField a,} */
    /* .fieldSpec.fieldSpec.MultipleDatasetEntryFormField a {} */

    .formfieldSpec.h2,
    .fieldSpec.h2 {
        min-height: 0;
        width: 98%;
        margin-bottom: 30px;
        margin-top: 14px;
        padding-bottom: 0;
    }

    .Section1 > .h2:first-child {
        margin-top: 0px;
    }

    .formfieldSpec.des,
    .fieldSpec.des {
        font-size: 1.6rem;
        font-weight: 700;
        width: 98%;
    }

    .formfieldSpec.hideAsterisk,
    .fieldSpec.hideAsterisk {
        display: none;
    }

    .formfieldSpec .formlabelText:empty,
    .fieldSpec .labelText:empty {
        display: none;
    }

    .requiredField {
        color: #88ab33;
    }

    .formfieldSpec.AcceptCheckboxField,
    .fieldSpec.AcceptCheckboxField {
        clear: left;
    }

    .formfieldSpec.AcceptCheckboxField .formfieldLabel,
    .fieldSpec.AcceptCheckboxField .fieldLabel {
        position: relative;
    }

    .formfieldSpec.AcceptCheckboxField .formfieldLabel label,
    .fieldSpec.AcceptCheckboxField .fieldLabel label {
        position: absolute;
        top: 0;
        margin-top: -1px;
    }

    .formfieldSpec.AcceptCheckboxField .formfieldLabel > .description,
    .fieldSpec.AcceptCheckboxField .fieldLabel > .description {
        margin-left: 30px;
    }

    .formfieldSpec.AcceptCheckboxField .formfieldLabel .errorMessage,
    .fieldSpec.AcceptCheckboxField .fieldLabel .errorMessage {
        margin-left: 30px;
    }

    .formfieldSpec.AcceptCheckboxField .labelText,
    .fieldSpec.AcceptCheckboxField .labelText {
        display: none;
    }

    .formfieldSpec.MultipleSelectFormField select,
    .fieldSpec.MultipleSelectFormField select {
        height: 42px;
        display: block;
    }

    .formfieldSpec.MultipleSelectFormField option,
    .fieldSpec.MultipleSelectFormField option {
        display: block;
        padding-left: 10px;
    }

    .formfieldSpec:last-of-type,
    .fieldSpec:last-of-type {
        width: 100%;
        margin-right: 0;
        padding-bottom: 0;
    }

    .datasetlabelText {
        font-weight: 700;
        margin-bottom: 8px;
    }

    .removeDatasetRow,
    a[id^="addRowFor"] {
        display: inline-block;
        width: 100%;
        text-decoration: none;
        text-align: right;
        text-transform: capitalize;
    }

    .removeDatasetRow {
        text-align: left;
    }

    a[id^="addRowFor"]:after {
        content: " +";
        display: inline;
        font-size: 1.6rem;
    }

    /* .removeDatasetRow:hover,
    a[id^="addRowFor"]:hover {
        text-decoration: none;
    } */

    .removeDatasetRow ~ div {
        float: left;
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 16px;
    }

    .removeDatasetRow ~ div:nth-of-type(4n) {
        margin-right: 0;
    }

    @media all and (max-width: 768px) {
        .removeDatasetRow ~ div {
            width: 100% !important;
            margin-top: 0;
        }
        .removeDatasetRow ~ div:nth-of-type(2n+1) {
            margin-right: 0;
        }
    }

    .DateFormField {
        position: relative;
    }

    .DateFormField select.yearInput {
        width: 32%;
    }

    .DateFormField select.monthInput {
        left: 34%;
        width: 32%;
        position: absolute;
    }

    .DateFormField select.dayInput {
        left: 68%;
        width: 32%;
        position: absolute;
    }
    /*** MyApplication ***/

    .formfieldSpec.back .cancelButton:before,
    .fieldSpec.back .cancelButton:before,
    .previousButton:before,
    .backButton:before,
    .awesome-back:before {
        content: "\f0e2";
    }
    /*** ResetPassword ***/

    .popupbox {
        box-sizing: border-box;
        max-width: 350px;
        padding: 40px 10px;
    }

    .popupbox .btn,
    .popupbox button {
        width: auto;
    }

    .btngroup-1 > a,
    .btngroup-1 > button,
    .btngroup-1 > .btn {
        width: 100%;
    }

    @media all and (max-width: 320px) {
        .popupbox a,
        .popupbox button,
        .popupbox .btn {
            display: block;
            width: 100%;
        }
        .btngroup-2 > a:first-child,
        .btngroup-2 > button:first-child,
        .btngroup-2 > .btn:first-child {
            margin-bottom: 10px;
        }
    }
    /*********MyApplications************/

    .myApplications .theader,
    .myApplications .trow {
        overflow: hidden;
    }

    .myApplications .trow {
        border-bottom: 1px dotted #dde0dd;
        padding: 8px 0;
    }

    .myApplications .theader>div {
        width: 17%;
        float: left;
        font-weight: bold;
    }

    .myApplications .theader>div:last-child,
    .myApplications .trow>div:last-child {
        width: 15%;
    }

    .myApplications .trow>div {
        width: 17%;
        float: left;
    }

    .myApplications label {
        display: none;
    }

    @media all and (max-width: 768px) {
        .myApplications .trow>div {
            width: 40%;
        }
        .myApplications .trow>div:nth-child(2n+1) {
            clear: left;
        }
        .myApplications .theader>div {
            display: none;
        }
        .myApplications label {
            display: block;
            font-weight: 700;
        }
    }

    .btnBoxWith2btn .btn {
        float: left;
    }

    .btnBoxWith2btn .btn:nth-child(1) {
        margin-right: 4px;
    }

    @media all and (max-width: 480px) {
        .btnBoxWith2btn .btn {
            float: none;
        }
        .btnBoxWith2btn .btn:nth-child(1) {
            margin-right: 0;
        }
    }

    .clearLeftFloat {
        clear: left;
    }

    @media all and (max-width: 768px) {
        .regForm {
            position: relative;
        }
        .regForm .Section1>div:nth-child(1) {
            margin-bottom: 114px;
        }
        .regForm .Section1 #formfieldSpecContainer133,
        .regForm .Section1 #fieldSpecContainer133,
        .regForm .Section1 #formfieldSpecContainer227,
        .regForm .Section1 #fieldSpecContainer227 {
            position: absolute;
            top: 56px;
            left: 0;
        }
    }

    .clearFloatCloumn1 .Section1>.formfieldSpec:nth-child(2n),
    .clearFloatCloumn1 .Section1>.fieldSpec:nth-child(2n) {
        clear: left;
    }
    /**** Widthdraw ***/

    /* .btnbox2-backNormal {} */

    @media all and (max-width: 480px) {
        .btnbox2-backNormal {
            padding-top: 52px;
            position: relative;
        }
        .btnbox2-backNormal .btn:nth-of-type(2) {
            position: absolute;
            top: 0;
            left: 0;
        }
    }

    .clearfloat {
        overflow: hidden;
    }

    .width-50-100 {
        width: 50%
    }

    .emailLogin {
        /*border-right: 1px solid #dadada;*/
        box-sizing: border-box;
    }

    .socialLogin {
        /*padding-left: 5%;*/
        box-sizing: border-box;
    }

    @media all and (max-width: 768px) {
        .width-50-100 {
            width: 100%
        }
        .emailLogin {
            border-right: 0;
        }
        .socialLogin {
            margin-top: 30px;
            padding-left: 0;
        }
    }

    .clearFloatCloumn1 .Section1>.formfieldSpec:nth-child(2n),
    .clearFloatCloumn1 .Section1>.fieldSpec:nth-child(2n) {
        clear: left;
    }
    /*** hack ***/
    /*.seek-apply-btn {
    display: block;
    width: 230px;
    height: 45px;
    line-height: 45px;
    background: #e60278;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.5);
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial;
}
.seek-apply-btn__image {
    display: inline-block;
    height: 30px;
    width: 75px;
    margin: 0 0 0 9px;
    vertical-align: middle;
    background: url(../images/seek.svg) no-repeat;
    background-size: 100% 100%;
}*/

    #link-seek {
        display: inline-block;
        height: 32px;
        line-height: 0;
        vertical-align: middle;
        /*
    box-shadow: none;

    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    vertical-align: middle;
    padding: 0 0 32px 32px;
    background-position: left top;
    background-repeat: no-repeat;

    background-image: url('../images/seek_32.png');
    border-radius: 2px;*/
    }

    #link-seek .seek-apply-btn__image {
        margin: 0 0 0 9px;
    }

    #link-seek:after {
        height: 32px;
        display: inline-block;
        content: '';
        vertical-align: middle;
    }

    #btn-seek {
        box-shadow: none;
        text-align: left;
        background-color: transparent;
        cursor: pointer;
        text-decoration: none;
        color: #626262;
        display: block;
        line-height: 40px;
        height: 42px;
        text-decoration: none;
        padding-left: 58px;
        position: absolute;
        left: -1px;
        top: -1px;
        width: 100%;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-image: url('../images/seek_icon_64.png');
        background-size: 43px;
        border-radius: 2px 0 0 2px;
        font-size: 0;
    }

    /* #btn-seek:hover {
        background-image: url('../images/seek-hover.png');
    } */

    #btn-seek .seek-apply-btn__image {
        display: inline;
        margin-left: 0;
    }

    #btn-seek .seek-apply-btn__image:after {
        content: "Seek";
        display: inline;
        font-size: 14px;
    }

    @media all and (max-width: 600px) {
        .backorNew .rmargin-10 {
            margin-right: 0;
        }
        .backorNew .btn {
            margin-bottom: 10px;
            width: 100%;
        }
    }

    .loginInNew .forgotPassword {
        margin-bottom: 0;
    }

    .titleFont {
        font-size: 1.6rem;
        font-weight: 700;
    }

    .loginInNew .uploadResumeField {
        margin-bottom: 30px;
    }

    .lpadding-100-0 {
        padding-left: 100px;
    }

    .tipWord.noborder {
        border: 0;
    }

    .width-48-100 {
        width: 48%;
        margin-right: 2%;
    }

    .width-80-100 {
        width: 80%;
        margin: 0 auto;
    }

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


.loginInNew  .uploadResumeField{ margin-bottom: 30px; }
.lpadding-100-0{ padding-left: 100px; }
.tipWord.noborder{ border: 0; }
.width-48-100{ width: 48%; margin-right: 2%; }
.width-80-100{ width: 80%; margin: 0 auto; }
@media all and (max-width: 768px){
    .width-80-100{ width: 100% }
}

/*** hack for seek ***/
.socialLogin .seek-apply-btn {
    font-size: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    width: auto !important;
    min-height: 32px;
    background: #fff !important;
}

.socialLogin .seek-apply-btn:hover{
    background: #fff !important;
}

.socialLogin .seek-apply-btn__image {
    /*margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 5px !important;*/
    display: inline-block;

    margin: 0 !important;
    height: 32px !important;
    width: 32px !important;
    /*background: url(../images/seek-apply-with-logo.svg) no-repeat !important;*/
    background: url(../images/seek_icon_64.png) no-repeat !important;
    background-size: 100% !important;
}


@media (max-width:769px) {
    .seek-apply-btn {
        height: auto;
        min-height: 0;
        line-height: 30px;
    }
    .seek-apply-btn__image {
        width: 20px !important;
        background-size: 20px 20px !important;
    }
}

/*** Centered ApplicationForm ***/
.generalForm--centered .Section1 .formfieldSpec,
.generalForm--centered .Section1 .fieldSpec,
.generalForm--centered .Section2 .formfieldSpec,
.generalForm--centered .Section2 .fieldSpec {
    float: none;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wiz_collectionInColumns2.generalForm--centered .Section1 .formfieldSpec,
.wiz_collectionInColumns2.generalForm--centered .Section1 .fieldSpec {
    width: 100%;
}

.wizard.generalForm--centered .FormHeader {
    display: none;
}

/* @Case: 384439 - Add Styles to LinkedIn button */
p.social-icons-container {
    clear: both;
    display: inline-block;
    position: relative;
    margin-top: 1em;
    padding-top: 3em;
}
div.socialLogin div[name="widget-holder"] {
    clear: both;
    margin: 0em 1.25em;
    display: inline-block;
    position: relative;
    margin-right: 0;
    vertical-align: middle;
}
div.socialLogin div[name="widget-holder"] .IN-Awli-widget {
    z-index: 3;
    position: relative;
}
div.socialLogin div[name="widget-holder"] .IN-Awli-widget,
div.socialLogin div[name="widget-holder"] .IN-Awli-widget > span {
    display: block !important;
    line-height: 0 !important;
}

.uploadResumeItemsContainer .uploadResumeField [name="widget-holder"] {
    width: 100%;
    position: relative;
}
.uploadResumeItemsContainer .uploadResumeField [name="widget-holder"] .IN-Awli-widget {
    z-index: 3;
    position: relative;
}
.uploadResumeItemsContainer .uploadResumeField [name="widget-holder"] .IN-Awli-widget,
.uploadResumeItemsContainer .uploadResumeField [name="widget-holder"] .IN-Awli-widget > span {
    display: block !important;
    line-height: 0 !important;
}
.uploadResumeItemsContainer .uploadResumeField [name="widget-holder"] button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
}
/* @Case: 384439 - END */

/* Select2 fixes */

.select2-results__options li {
    display:block;
}