.apply-page .rjsf .row.no-gutter.form-fields .checkbox input[type="checkbox"] {
    min-height: 1px;
    box-shadow: none;
    border: 1px solid #7f7f7f;
    border-radius: 2px;
    margin-top: 4px !important;
}


input[type='checkbox']:checked,
input[type='radio']:checked {
    background-color: #0808f4;
}
#certi-files-div li.html {
    background-image: url(https://assets.phenompeople.com/CareerConnectResources/prod/PWCECE/en_ce/desktop/assets/images/html-iocn.png) !important;
}
#certi-files-div li.docx {
    margin-top:0 !important
}
/*JTC Style goes here*/
table.educationData-table.Education.\:.table-as-list {
        @media only screen and (min-width:767px) {
            thead {
                display: none;
            }

            tbody {
                tr {
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 10px;
                }
            }
        }
    }

    .custom-object {
        padding: 0% !important;

        .array-item-list .array-item .form-group fieldset .row {
            padding: 0% !important;
        }

        fieldset .row {
            padding: 0 !important;
        }

        fieldset#websites\[0\] .row {
            @media only screen and (min-width:767px) {
                padding: 0 2% 0 0 !important;

                .col-md-12 {
                     width: 91.66666667%;
                }

            }
        }
    }

    .educationhide {
        .col-xs-11 {
            @media only screen and (min-width:767px) {
                width: 91.66666667%;
            }
        }

        @media only screen and (min-width:767px) {
            .remove-action {
                .array-button-remove {
                    //width: 30%;
                    //height: 30%;
                    //margin-top: 10px;

                }
            }
        }

        @media only screen and (max-width:767px) {
            .remove-action {
                margin-top: 50px !important;
            }
        }

        .form-group {
            .async-field-object {
                label {
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: row-reverse;
                    width: 100%;
                    text-align: left;
                }

                .col-md-5 {
                    @media only screen and (min-width:767px) {
                        //width: 50%;
                    }
                }

                .col-md-7 {
                    @media only screen and (min-width:767px) {
                        // width: 50%;
                    }
                }

                .checkboxes {
                    @media only screen and (min-width:767px) {
                        width: 50%;
                    }
                }

                fieldset .row {
                    padding: 0% !important;
                }

                ul {
                    clear: both;

                }

                .error-detail {
                    margin-left: 0;
                    padding-left: 12px;
                }
            }

            .two-line-field {

                //padding-left: 0% !important;
                label {
                    text-align: left !important;
                }

                .col-md-5 {
                    @media only screen and (min-width:767px) {
                        width: 50%;
                    }
                }

                .col-md-7 {
                    @media only screen and (min-width:767px) {
                        //width: 50%;
                    }
                }

                .checkboxes {
                    @media only screen and (min-width:767px) {
                        width: 50%;
                    }
                }
            }

            .two-line-field {
                padding: 0% !important;
                // label{
                //   width: 100%;
                //   text-align: left;
                // }
                // .col-md-7{
                //   width: 50%;
                // }
            }

            ul {
                clear: both;

                .text-danger {
                    text-align: left;
                }
            }

            ul#phoneWidget-errorMsg {
                .text-danger {
                    text-align: left;
                    margin-left: 0px !important;
                }
            }

            .custom-lang-field {
                padding: 0% !important;

                .row {
                    padding: 0% !important;
                }

                label {
                    width: 100%;
                    text-align: left;
                }

                ul {
                    margin-left: 0%;
                    padding-left: 12px;

                    .text-danger {
                        text-align: left;
                    }
                }
            }

            .signatureClass {
                // @media only screen and (max-width:767px){
                //   padding: 0 0 0 30%;
                // }
            }

            #phoneWidget-errorMsg {
                @media only screen and (min-width:768px) {
                    margin-left: 35.5%;
                }
            }

            #gender-errorMsg,
            #ethnicity-errorMsg,
            #veteranStatus-errorMsg,
            #disability_heading_self_identity {
                margin-left: 12px;
            }

            #ethnicity {
                @media only screen and (min-width:768px) {
                    width: 704px;
                }
            }
        }

        #disability_heading_self_identity\.disabilityStatus-errorMsg {
            margin-left: 12px !important;
        }

        .error-msg {
            margin-bottom: 25px;
            margin-left: 25px;
            margin-top: 14px;

            .errorHeader {
                width: 50%;
                font-weight: normal;
                background-color: @brand-color-secondary;
                color: @brand-color-primary;
                text-align: left;
                padding: 10px;

                @media only screen and (max-width:767px) {
                    width: 100%;
                }
            }

            .errorList {
                padding: 0 10px 10px !important;
                margin-left: 10px;
                background-color: @brand-color-secondary;
                margin: 0;
                height: auto;
                position: relative;
                width: 50%;

                @media only screen and (max-width:767px) {
                    width: 100%;
                }

                li {
                    list-style: disc;
                    margin-left: 50px;
                    color: @brand-color-primary;

                    a {
                        font-size: 16px;
                        color: @brand-color-primary;
                        text-align: left;
                        text-decoration: underline;
                    }
                }
            }
        }

        .row {
            @media only screen and (min-width:768px) {
                /* padding: 0 17% 0 0; */
                padding: 0;
            }
        }

        .field-boolean {
            @media only screen and (min-width:768px) {
                padding: 0;
            }

            .checkbox {
                label {
                    text-align: left;
                }
            }
        }

        .btn.clone {
            margin-bottom: 15px;
        }

        .duplicateSubmitButton {
            margin-top: 30px;

            input.btn.btn-primary.next {
                width: 150px;
            }
        }

        .disablity {
            .disablityForm {
                .disabilitytext1 {
                    p {
                        text-align: left !important;
                    }
                }
            }

            .voluntarySelfIdentificationsub {
                margin-top: 15px;
            }
        }

        .summary-page {
            .apply-heading h2 {
                font-size: 22px;
            }
        }

        .disabilitytext8 {
            @media only screen and (min-width: 1024px) {
                columns: 3;
            }
        }

        .group-field {
            display: flex;
            width: 100%;
            margin-bottom: 15px;


            @media screen and (-ms-high-contrast: active),
            (-ms-high-contrast: none) {
                display: table;
            }

            @supports (-ms-ime-align: auto) and (font-variation-settings: normal) {
                display: table;
            }

            @media only screen and (max-width: 767px) {
                display: block;
                width: 100%;
                margin-bottom: 0;
            }

            .group-field-label {
                display: table-cell;
                width: 26%;

                label {
                    margin: 0 !important;
                    text-align: left !important;
                    font-weight: bold !important;

                }

                @media only screen and (max-width: 767px) {
                    width: 100%;
                    display: block;
                }

            }

            .group-field-value {
                display: table-cell;

                @media only screen and (max-width: 767px) {
                    width: 100%;
                    display: block;
                }
            }
        }

        .jobNotFoundDiv {
            font-size: 2rem;
            padding: 5% 0;

            @media only screen and (max-width: 767px) {
                font-size: 2rem;
                padding: 5% 0;
            }
        }

        table {
            @media only screen and (max-width: 767px) {
                width: 100% !important;
            }

            thead {
                display: none;
            }

            tbody {
                tr {
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 10px;
                }
            }
        }

        .Questions_label_text {
            margin-bottom: 20px;
        }

        .ph-apply-box {
            .apply-page-inner {
                .container {
                    @media only screen and (max-width: 767px) {
                        padding-left: 10px;
                        padding-right: 10px;
                    }
                }

                .profile-header {
                    color: @im-brand-color-primary;
                    font-size: 1.5rem;
                }

                .next {
                    float: right;

                }

                form#cmsForm {
                    margin: 50px auto;

                    @media only screen and (max-width: 767px) {
                        margin: 30px auto;
                        width: 95%;
                    }

                    .job-title {
                        margin-bottom: 20px;
                        line-height: normal;
                    }

                    .options-block {
                        border: 1px solid #edefef;
                        padding: 20px;
                        margin: 0 0 25px;
                        border-radius: 3px;

                        .ph-apply-label {
                            padding-bottom: 20px;
                            text-align: center;
                        }

                        @media only screen and (max-width: 767px) {
                            padding: 10px;
                            margin: 0;

                        }

                        .resume_info {

                            font-family: @font-family-default-regular;
                            padding: 6px 0 20px 0;
                            margin-bottom: 10px;
                            text-align: center;
                            font-size: 20px;

                        }

                        .cc-options {
                            width: 64%;

                            @media only screen and (min-width: 768px) {
                                padding-top: 40px;
                                margin: 0 auto;
                            }

                            @media only screen and (max-width: 1024px) {
                                width: 67%;
                            }

                            @media only screen and (max-width: 999px) {
                                width: 92%;
                            }

                            @media only screen and (max-width: 767px) {
                                width: 100%;
                            }
                        }

                        .cc-apply-options {
                            text-align: right;
                            margin: 0 0;
                            width: auto;
                            display: inline-block;
                            float: left;

                            .resume-loader-overlay {
                                display: none;
                            }

                            li {
                                display: inline-block;
                                margin: 0 5px;
                                float: none;
                                width: auto;
                                vertical-align: top;
                                padding: 0;
                                height: 68px;

                                @media only screen and (max-width: 768px) {
                                    height: auto;
                                }

                                &:last-child {
                                    padding-left: 0;
                                }

                                a {
                                    font-size: 0px;
                                    width: 40px;
                                    height: 40px;
                                    background-color: #f2f2f2;
                                    text-align: center;
                                    color: #fff !important;
                                    display: inline-block;
                                    padding: 0;
                                    vertical-align: middle;
                                    line-height: 35px;

                                    &#applyLinkedinContainer {
                                        //display: none;
                                        width: auto;
                                        float: left;
                                        height: auto;
                                        background: #ffffff !important;

                                        @media only screen and (min-width: 768px) {
                                            position: relative;
                                            top: -45px;
                                            left: 15px;
                                        }

                                        i {
                                            display: none;
                                        }
                                    }

                                    i {
                                        font-size: @text-font-size-level-eight-line-height + 4;
                                        display: inline-block;
                                        vertical-align: middle;
                                        padding-top: 0px;
                                    }

                                    &.linkedin {
                                        background: @linkedin-brand-color;
                                    }

                                    &.dropbox {
                                        background: #16a3eb;

                                        i {
                                            font-size: 24px;
                                        }
                                    }

                                    &.googledrive {
                                        background: #00aa60;
                                    }

                                    &.indeed {
                                        //  background: #2164f4;
                                    }

                                    &.skydrive {
                                        background: #094ab2;

                                        i {
                                            font-size: 22px;
                                        }
                                    }
                                }

                                &:first-child {
                                    @media only screen and (max-width: 767px) {
                                        width: 100%;

                                        #applyLinkedinContainer {
                                            width: 100%;
                                        }
                                    }
                                }
                            }

                            @media only screen and (max-width: 767px) {
                                display: block;
                                width: 100%;
                                float: none;
                                text-align: center;
                            }
                        }

                        .apply-or-line {
                            .apply-or-box {
                                position: relative;
                                padding: 8px;
                                font-size: 12px;

                                message {
                                    text-align: center;
                                    font-family: @font-family-default-regular;

                                }
                            }

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

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

                                display: block;
                                text-align: center;
                                width: 100%;
                                padding: 15px 0;
                            }
                        }

                        .resume_upload_block {
                            margin: 0px auto 10px;
                            text-align: left;
                            display: inline-block;
                            width: auto;

                            input {
                                width: 100px;
                                height: 1px;
                            }

                            .btn {
                                .buttons(@button-primary-height - 8, @button-primary-width, @button-primary-font-family, @button-primary-font-weight, @button-primary-font-size, @button-primary-font-color, @button-primary-text-alignment, @white, @button-primary-border-color, @button-primary-font-hover-color, @white, @button-primary-border-hover-color);
                                min-height: 40px;
                                line-height: normal;
                                position: relative;
                                //top: -3px;
                                padding: 9px 38px;
                                min-width: 175px;
                                background-color: #6d16ff !important;

                                &:hover {
                                    background-color: #fff !important;
                                    color: #6d16ff !important;
                                }


                            }

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

                                //display: block;
                                input {
                                    width: 100px;
                                }
                            }

                            @media only screen and (max-width: 767px) {
                                display: block;
                                text-align: center;
                            }

                            #resumeFile {
                                .buttons(@button-primary-height - 8, @button-primary-width, @button-primary-font-family, @button-primary-font-weight, @button-primary-font-size, @button-primary-font-color, @button-primary-text-alignment, @white, @button-primary-border-color, @button-primary-font-hover-color, @white, @button-primary-border-hover-color);
                                padding: 0 30px;
                                line-height: 38px;
                                cursor: pointer;

                                label {
                                    margin-bottom: 0;
                                    font-weight: normal;
                                    cursor: pointer;
                                }

                                .dz-default.dz-message {
                                    span {
                                        display: none;
                                    }
                                }

                                .dz-preview {
                                    display: none;
                                }


                            }

                            svg {
                                display: none;
                            }

                        }

                        .afterUploadattachment {
                            display: block;

                            .doc.afterUploadattachment {
                                background: url(../images/uploadicons.png);
                                background-position: 0 -10px;
                                padding-left: 40px;
                                background-repeat: no-repeat;
                                padding-top: 8px;

                                a.filename {
                                    margin-right: 10px;
                                }
                            }

                            .docx.afterUploadattachment {
                                background: url(../images/uploadicons.png);
                                background-position: 0 -64px;
                                padding-left: 40px;
                                background-repeat: no-repeat;
                                padding-top: 8px;

                                a.filename {
                                    margin-right: 10px;
                                }
                            }

                            .pdf.afterUploadattachment {
                                background: url(../images/uploadicons.png);
                                background-position: 0 -121px;
                                padding-left: 40px;
                                background-repeat: no-repeat;
                                padding-top: 8px;

                                a.filename {
                                    margin-right: 10px;
                                }
                            }

                            .rtf.afterUploadattachment {
                                background: url(../images/uploadicons.png);
                                background-position: 0px -227px;
                                padding-left: 40px;
                                background-repeat: no-repeat;
                                padding-top: 8px;

                                a.filename {
                                    margin-right: 10px;
                                }
                            }

                            .txt.afterUploadattachment {
                                background: url(../images/uploadicons.png);
                                background-position: 0px -176px;
                                padding-left: 40px;
                                background-repeat: no-repeat;
                                padding-top: 8px;

                                a.filename {
                                    margin-right: 10px;
                                }
                            }

                            &>.fileBlock:nth-child(1) {
                                clear: both;
                            }
                        }
                    }

                    .otherAttachment {
                        .options-block {
                            .cc-options {
                                width: 37%;

                                @media only screen and (max-width: 1024px) {
                                    width: 65%;
                                }

                                @media only screen and (max-width: 767px) {
                                    width: 100%;
                                }

                                .cc-apply-options {
                                    li {
                                        &:first-child {
                                            width: auto;
                                        }
                                    }

                                    .afterUpload {
                                        .filename {
                                            max-width: 289px;

                                            @media only screen and (max-width: 767px) {
                                                max-width: 106px;
                                            }
                                        }
                                    }
                                }

                            }
                        }
                    }

                    .afterUpload {
                        width: 100%;
                        float: left;
                    }

                    .afterUpload {

                        min-height: 46px;
                        padding-top: 4px;
                        background-repeat: no-repeat;
                        //background: url(../images/uploadicons.png);
                        color: @im-brand-color-primary;
                        background-repeat: no-repeat !important;
                        line-height: 38px;
                        width: 100%;
                        margin-top: 15px;

                        @media only screen and (max-width: 767px) {
                            margin-top: 15px;
                        }

                        .filename {
                            max-width: 400px;
                            overflow: hidden;
                            display: inline-block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            /* padding-top: 2px; */
                            line-height: normal;
                            padding: 0 10px 0 0;
                            position: relative;
                            top: 4px;


                            @media only screen and (max-width: 767px) {
                                max-width: 106px;
                            }

                            @media only screen and (max-width: 767px) {
                                max-width: 106px;
                            }

                        }
                    }

                    .doc.afterUpload {
                        background: url(../images/uploadicons.png);
                        background-position: 0 -10px;
                        padding-left: 40px;

                    }

                    .docx.afterUpload {
                        background: url(../images/uploadicons.png);
                        background-position: 0 -64px;
                        padding-left: 40px;

                    }

                    .pdf.afterUpload {
                        background: url(../images/uploadicons.png);
                        background-position: 0 -120px;
                        padding-left: 40px;

                    }

                    .rtf.afterUpload {
                        background: url(../images/uploadicons.png);
                        background-position: 0px -227px;
                        padding-left: 40px;

                    }

                    .txt.afterUpload {
                        background: url(../images/uploadicons.png);
                        background-position: 0px -173px;
                        padding-left: 40px;

                    }

                    .overlaybg {
                        width: 100%;
                        height: 100vh;
                        position: fixed;
                        top: 0px;
                        left: 0px;
                        background: rgba(0, 0, 0, 0.6);
                        z-index: 10;

                        .widget-loader {
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            right: 0;
                            bottom: 0;
                            z-index: 1000;
                            margin: 0 auto;
                            text-align: center;
                            background-color: rgba(255, 255, 255, 0);
                            filter: alpha(opacity=0);
                            width: 40px;
                            height: 40px;
                            margin-left: -17px;

                            img {
                                width: 40px;
                                height: 40px;
                                margin: 0 auto;
                            }
                        }
                    }


                    .formData {
                        margin: 0 -10px;

                        .apply-heading {
                            padding: 0 10px;
                            font-family: @heading-font-family-h4;
                            font-size: @heading-font-size-h4;
                            color: @heading-font-color-h4;
                            margin-bottom: 10px;

                            .heading-sub-text {
                                float: right;
                                font-size: 14px;
                                font-size: 14px;
                                padding: 10px 0;

                            }

                            @media only screen and (max-width: 767px) {
                                padding: 10px 0;

                                .heading-sub-text {
                                    float: left;
                                }


                            }


                        }
                    }

                    .personalInfoDiv,
                    .relative_section,
                    #EducationSec,
                    .clonedInput {
                        display: block;
                    }

                    .form-group.full-width-div {
                        width: 98%;
                        padding-right: 0;
                    }

                    .form-group {
                        width: 49%;
                        //float: left;
                        padding: 0 10px 0 0px;
                        display: inline-block;
                        position: relative;

                        .info {
                            position: absolute;
                            right: 19px;
                            top: 66px;
                            background: @im-brand-color-primary;
                            width: 25px;
                            text-align: center;
                            height: 25px;
                            line-height: 27px;
                            font-size: 15px;
                            border-radius: 50%;
                            color: #fff;
                        }

                        .auto-search-hint {
                            position: absolute;
                            right: 9px;
                            bottom: auto;
                            z-index: 3;
                            background: @im-brand-color-primary;
                            padding: 10px;
                            color: #fff;
                            border-radius: 5px;
                            display: none;

                            htmlmessage {
                                position: relative;
                                width: 100%;
                                display: block;

                                &:before {
                                    width: 0;
                                    height: 0;
                                    border-style: solid;
                                    border-width: 0 10px 12px 10px;
                                    border-color: transparent transparent @im-brand-color-primary transparent;
                                    position: absolute;
                                    content: '';
                                    top: -21px;
                                    right: 0;
                                }
                            }

                            @media only screen and (max-width: 999px) {
                                bottom: auto;
                            }

                        }

                        .info:hover~.auto-search-hint {
                            display: block;
                        }

                        @media only screen and (max-width: 767px) {
                            padding: 0 0;
                        }

                        label {
                            font-family: @font-family-default-regular;
                            margin-bottom: 15px;
                            margin-top: 15px;
                            color: @darkar;

                            message {}

                            .required {}

                            .sr-only {
                                message {}
                            }

                            &.error {
                                margin: 10px 0 0;
                                ;
                                font-size: 14px;
                                color: #df5828 !important
                            }

                            &.control-label {
                                color: @darkar;
                                font-size: 16px;
                                font-family: @font-family-default-regular;

                                pre {
                                    color: @darkar;
                                    font-size: 16px;
                                    font-family: @font-family-default-regular;
                                    width: 100%;
                                    height: auto;
                                    overflow: inherit;
                                    word-break: break-word;
                                    white-space: inherit;
                                    background: transparent;
                                    border: none;
                                }

                            }
                        }

                        span {
                            &.error {
                                opacity: 1;
                                //background-color: red;
                                background-color: #fff;
                                padding: 0 0px;
                                color: #f00;

                                &:before {
                                    border-bottom: 8px solid red;
                                    display: none;
                                }

                                @media only screen and (max-width: 767px) {
                                    position: relative;
                                    padding: 0px;
                                }

                            }
                        }


                        select.multiCheck {
                            height: inherit;
                            border: 1px solid @im-gray-color;
                            font-size: 16px;
                            color: @darkar;
                            border-radius: 0;

                            &.sizeauto {
                                height: auto;
                            }
                        }

                        select {
                            height: 46px;
                            border: 1px solid @im-gray-color;
                            font-size: 16px;
                            color: @darkar;
                            border-radius: 0;

                            &.sizeauto {
                                height: auto;
                            }
                        }

                        .select {
                            select {
                                height: 46px;
                                border: 1px solid @im-gray-color;
                                font-size: 16px;
                                color: @darkar;
                                border-radius: 0;

                                &.sizeauto {
                                    height: auto;
                                }
                            }
                        }

                        @media only screen and (max-width: 767px) {
                            width: 100%;
                        }

                        /*&.full-width-dsq{
            width: 100%;
            display: block;

            textarea {
              
              width: 100%;
              height: 100px !important;
              padding-left: 8px;
              font-size: 15px;
              border-radius: 0;
              color: #282828;
              background-color: white;
            }
            .form-group{
              width: 100%;
              padding: 0px;
              .control-label{
                width: 49%;
                pre{
                  padding: 0px;
                }
                @media only screen and (max-width: 767px) {
                  width: 100%;
                }
              }
              .select, textarea{
                width: 49%;
                @media only screen and (max-width: 767px) {
                  width: 100%;
                }
              }
            }
          }*/
                        select {
                            font: -moz-pull-down-menu !important;
                            font-size: 16px;
                        }

                        textarea,
                        select {
                            min-height: 48px !important;
                        }


                    }

                    .form-group.dividerform-group {
                        display: none;
                    }

                    .apply-form-footer {
                        display: block;
                        width: 100%;
                        clear: both;
                        padding: 15px 0 0 10px;

                        .apply-form-footer-inner {
                            #Submit {
                                .buttons(@button-primary-height, @button-primary-width, @button-primary-font-family, @button-primary-font-weight, @button-primary-font-size, @button-primary-font-color, @button-primary-text-alignment, @button-primary-bg-color, @button-primary-border-color, @button-primary-font-hover-color, @button-primary-bg-hover-color, @button-primary-border-hover-color);
                                min-width: 130px;

                                @media only screen and (max-width: 767px) {
                                    display: block;
                                    width: 100%;
                                }
                            }
                        }

                        @media only screen and (max-width: 767px) {
                            padding: 0;
                        }
                    }

                }
            }
        }

        a {

            &:active,
            &:focus,
            &:hover {
                color: @im-brand-color-primary;
            }
        }
    }

    //jtc Thankyou styles starts here
    .apply-page-thankyou {
        .candidatehometxt {
            margin-top: 20px;
            margin-bottom: 40px;

            a.createaccount {
                margin: 0px auto;
                text-align: center;
                display: block;
                width: 160px;
            }
        }
    }


    .applythankyou-page {
        .ph-apply-thankyou-area {
            margin: 60px auto;
            text-align: center;
            padding: 0 10%;

            a {
                &:hover {
                    color: @im-brand-color-primary;
                    ;
                }
            }

            p {
                font-size: 16px;

                text-align: center;
                margin: 20px 0;

                a {
                    //color: #cf102d;
                    text-decoration: underline;
                }

                a {
                    &:hover {
                        color: @im-brand-color-primary;
                        ;
                    }
                }
            }

            @media only screen and (max-width: 992px) {
                h2 {
                    font-size: 25px;
                }

                p {
                    font-size: 16px;
                }
            }
        }


    }


    .ph-social-login-v1-default-theme2 {
        .ph-social-login-area {
            .widget-container {
                padding-top: 15px;
                padding-bottom: 15px;
            }
        }
    }

    .ph-social-profile-v1-default-theme2 {
        .ph-social-logout-area {
            .widget-container {
                padding-top: 15px;
                padding-bottom: 15px;
            }
        }
    }


    /*Custom styles*/
    .apply-page .options-block .upload-section {
        margin-left: 0;
    }

    .im-apply-page {
        .required {
            //color: red !important;
        }

        strong {
            font-family: @font-family-default-regular  !important;
        }

        .dz-preview.dz-file-preview {
            display: none !important
        }

        .job-title-section {
            padding: 30px 0;
            margin: 0px;

            span {
                display: inline-block;
                font-size: 16px;

                //margin-left: 0;
            }

            h2 {
                display: inline-block;
                padding-left: 0;

                font-size: 22px;
                line-height: 35px;
                padding: 0;

                a {
                    text-decoration: none;
                    color: @im-brand-color-primary;

                    &:hover {
                        text-decoration: none;
                    }
                }
            }

            @media (max-width: @screen-sm-max) {
                h2 {
                    font-size: 20px;
                    line-height: normal !important;
                }
            }

            @media (max-width: @screen-xs-max) {
                h2 {
                    padding: 0 !important;
                    padding-top: 10px !important;
                    font-size: 18px !important;
                    line-height: normal !important;
                }
            }
        }

        .apply-heading {
            .headings(@font-family-default-bold, @heading-font-weight-h2, @heading-font-size-h1, @heading-line-height-h2, @heading-font-color-h2);
            //text-transform: uppercase;
            margin-bottom: 0px;
            font-size: 22px;
            padding: 0px !important;
            color: @heading-font-color-h4;


            b {
                font-family: @font-family-default-bold;
                font-weight: normal;
            }

            @media (max-width:1024px) {}

            @media (max-width: @screen-sm-max) {
                font-size: 20px;
            }

            @media (max-width: @screen-xs-max) {
                font-size: 20px;
                line-height: normal;
            }
        }

        @media (max-width: @screen-sm-max) {
            #profile-info {
                padding: 0;
            }
        }

        @media (max-width: @screen-sm-max) {
            #profile-info {
                padding: 0 6px;
            }
        }

        .upload-section {
            .resume_info {
                font-family: @font-family-default-regular;
                font-size: 16px;

                p {
                    span {
                        color: #f00;
                    }
                }
            }

            .drives {
                margin-top: 0;
                padding: 0px;

                .cc-apply-options {
                    ul {
                        margin: 0;
                        padding-left: 0px;

                        @media (max-width: @screen-xs-max) {
                            margin: 0px auto;
                            text-align: center;
                        }

                        li {
                            display: inline-block;
                            font-size: 0;
                            margin: 0 5px 5px 0;
                            vertical-align: top;


                            @media (max-width: @screen-xs-max) {
                                &:first-child {
                                    width: 100%;
                                    text-align: center;
                                }
                            }

                            a {
                                padding: 0 14px;
                                display: inline-block;
                                color: white;
                                font-size: 20px;
                                line-height: 38px;
                                border-radius: 0;
                                text-align: center;

                                .icon-linkedin {
                                    display: none;
                                }
                            }

                            a.awli-2-o {
                                padding: 0px;

                                iframe {
                                    width: 177px !important;
                                }
                            }

                            .linkedin {
                                background: #2e8acd;
                            }

                            .dropbox {
                                background: #2ba0f1;

                                //                            margin-top: 45px;
                                @media (max-width: @screen-xs-max) {
                                    margin: 20px 0px;
                                }

                                i {
                                    font-size: 23px;
                                }
                            }

                            .skydrive {
                                background: #0f46b9;

                                //                            margin-top: 45px;
                                @media (max-width: @screen-xs-max) {
                                    margin: 20px 0px;
                                }
                            }

                            .googledrive {
                                background: #26aa56;
                            }
                        }
                    }
                }

                .apply-or-line {
                    padding: 0 25px;
                    //                margin-top: 50px;
                    font-size: 21px;

                    span {
                        height: 32px;
                        width: 32px;
                        text-align: center;
                        display: inline-block;
                        border-radius: 16px;
                        line-height: 32px;
                        font-size: 16px;
                        background-color: @gray-light;
                    }

                    @media (max-width: @screen-sm-max) {
                        padding: 0 10px;
                    }
                }
            }

            @media (max-width: @screen-sm-max) {
                .resume_info {
                    font-size: 16px;
                    padding: 0;
                }
            }
        }

        .candidate-info {
            .additional-attachment {
                font-family: @font-family-default-regular;
                font-size: 16px;
                margin: 15px 0;
                padding: 0;
            }

            .cc-apply-options {
                ul {
                    margin: 0;
                    padding-left: 0px;

                    li {
                        display: inline-block;
                        font-size: 0;
                        margin: 0 5px 5px 0;
                        vertical-align: top;

                        a {
                            padding: 0 10px;
                            display: inline-block;
                            color: white;
                            font-size: 20px;
                            line-height: 40px;
                            border-radius: 0;
                            text-align: center;
                        }

                        .linkedin {
                            background: #2e8acd;
                        }

                        .dropbox {
                            background: #2ba0f1;

                            i {
                                font-size: 23px;
                            }
                        }

                        .skydrive {
                            background: #0f46b9;
                        }

                        .googledrive {
                            background: #26aa56;
                        }
                    }
                }
            }

            .apply-or-line {
                padding: 0 25px;
                font-size: 21px;

                span {
                    height: 32px;
                    width: 32px;
                    text-align: center;
                    display: inline-block;
                    border-radius: 16px;
                    line-height: 32px;
                    font-size: 16px;
                    background-color: @gray-light;
                }

                @media (max-width: @screen-sm-max) {
                    padding: 0 10px;
                }
            }

            @media (max-width: @screen-sm-max) {
                .resume_info {
                    font-size: 16px;
                    padding: 0;
                }
            }
        }

        ul {
            li {
                font-family: @font-family-default-regular  !important;
            }
        }

        overflow-x: hidden;

        p {
            b {
                color: @darkar;
            }
        }

        .eeoText {
            p {
                a {
                    color: @im-brand-color-primary;
                }
            }

            b {
                color: @darkar;
            }

            ul {
                margin-left: 25px;

                li {
                    list-style: disc !important;
                }
            }
        }

        .ph-apply-box {
            margin-bottom: 65px;
            width: 100%;
            max-width: 100%;
        }
    }

    #questionnairDiv {
        .checkbox-div {

            //margin-left:28px;
            @media (max-width: 767px) {
                margin-left: 0 !important;
            }

            .checkbox-block {
                margin-left: 5px;

                .checkbox-group {
                    clear: both;

                    input {
                        width: 16px;
                        height: 34px;
                        float: left;
                    }

                    label {
                        margin-left: 6px;
                        margin-top: 7px;
                    }
                }
            }
        }
    }

    .apply-form-footer-inner {
        #previous {
            //font-weight: 600;

            //border: 1px solid #000000;
            //background-color: #fff;
            margin-left: 15px;

            &:hover {
                //color: @darkar;
                //background-color: #f8ef22;
                //border: 1px solid #f8ef22;
            }
        }
    }

    .summary-last-page {
        border: none;
        box-shadow: none;
        //margin-top:-8px;
    }

    .im-apply-page {
        .experience {
            .form-group {
                float: left;
            }

            .add-button {
                float: none;
                clear: both;
            }
        }

        .experiencesub.sub-head,
        .certificatesub.sub-head,
        .educationsub.sub-head {
            font-family: @font-family-default-regular;
            font-weight: inherit;
            line-height: 65px;
            margin-bottom: 0;
            font-size: 22px;
            padding: 0 !important;
            color: @darkar;
        }

        .sub-head {
            color: @darkar;
        }

        .ph-page div:after,
        .ph-page div:before {
            content: "";
            display: table;
        }

        .ph-page div:after {
            clear: both;
        }

        label {
            font-size: 15px;
        }

        .apply-page-inner {
            width: 100%;
            display: block;
            background: white;
            padding: 1px 0;

            .widget-loader {
                display: none;
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                z-index: 1000;
                background-color: rgba(255, 255, 255, 0);
                filter: alpha(opacity=0);

                .overlaybg {
                    background: rgba(51, 51, 51, .7);
                    width: 100%;
                    height: 100%;
                    position: fixed;
                    display: block;
                    z-index: 100000000;
                    top: 0;
                    left: 0;

                    img {
                        width: 55px;
                        position: fixed;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        top: 50%;
                    }
                }
            }

            .res-upload-fail {
                color: red;
            }

            #cmsForm {
                margin: 0 auto;

                @media only screen and (max-width: 768px) {
                    padding: 0 0;
                }

                @media only screen and (max-width: 420px) {
                    padding: 0 0;
                }

                .job-title {
                    p {
                        display: inline-block;
                    }

                    h2 {
                        display: inline-block;
                        font-size: 24px;
                    }
                }

                .phs-quickapply {
                    .phs-widget-heading {
                        .jtc-sub-title {
                            padding-top: 15px;
                            font-weight: 600;
                        }
                    }
                }

                .afterUpload {
                    width: 100%;
                    float: left;

                    a {
                        font-size: 14px !important;
                        color: @darkar;
                    }
                }

                .afterUpload {
                    //padding-left: 40px;
                    min-height: 46px;
                    padding-top: 5px;
                    background-repeat: no-repeat !important;
                    float: left;
                    margin: 0px 0px;
                    line-height: 38px;
                    line-height: 20px;
                }

                .doc.afterUpload {
                    display: block !important;
                    background: url('../images/sprite-icons.png');
                    background-position: -6px -10px;
                    padding-left: 40px;

                }

                .docx.afterUpload {
                    display: block !important;
                    background: url('../images/sprite-icons.png');
                    background-position: -6px -65px;
                    padding-left: 40px;

                }

                .pdf.afterUpload {
                    display: block !important;
                    background: url('../images/sprite-icons.png');
                    background-position: -6px -120px;
                    padding-left: 40px;

                }

                .txt.afterUpload {
                    display: block !important;
                    background: url('../images/sprite-icons.png');
                    background-position: -6px -173px;
                    //background: url('../images/sprite-icons.png');
                }

                .rtf.afterUpload {
                    display: block !important;
                    background: url('../images/sprite-icons.png');
                    background-position: -6px -227px;
                    //background: url('../images/sprite-icons.png');
                    padding-left: 40px;
                }

                .html.afterUpload {
                    display: block !important;

                    background-image: url('../images/html-iocn.png') !important;
                    background-position-x: -7px;
                    background-position-y: -4px;
                    padding-left: 40px;
                }

                #sbtButton {
                    /* background-color: @jtnCommunity1-view-btn-color;
                border: 1px solid @im-brand-color-primary; */
                    background-color: @im-brand-color-primary;
                    border: 1px solid @im-brand-color-primary;
                    color: #fff;
                    margin: 15px 0;
                    padding: 10px 20px;
                    width: 200px;
                    //text-transform: uppercase;
                }
            }

            .options-block {
                /*width: 100%;*/
                //padding: 20px 0px 20px 20px;
                margin-top: 0;
                margin-bottom: 10px;
                //display: block;
                margin-left: 0;
                border: #d8d5d5 solid 1px;
                padding: 20px;

                .resume-heading {
                    color: @darkar;
                }

                #apply-with-linkedin {
                    float: left;
                    width: 176px;
                    position: relative;
                    margin: 28px auto;
                    cursor: pointer;

                    &:before {
                        content: "Apply with Linkedin";
                        font-weight: normal;
                        /* padding: 8px 20px; */
                        position: absolute;
                        margin-top: 13px;
                        left: 0;
                        width: 170px;
                        background-color: @darkar;
                        color: white;
                        /* text-decoration: underline; */
                        cursor: pointer;
                        padding: 9px;
                        border-radius: 4px;
                    }
                }

                #resumeFile {
                    width: auto;
                    position: relative;
                    margin: 55px auto 0 auto;
                    cursor: pointer;

                    .dz-message {
                        display: none;
                    }

                    input[type="file"] {
                        opacity: 0;
                        cursor: pointer;
                    }

                    &:before {
                        /*border: 1px solid #ccc;*/
                        content: "Upload resume";
                        font-size: 17px;
                        font-weight: normal;
                        /*padding: 8px 20px;*/
                        //position: absolute;
                        //margin-top: -23px;
                        //left: 0;
                        //width: 134px;
                        /*background-color: @darkar;*/
                        color: @darkar;
                        text-decoration: underline;
                        cursor: pointer;
                    }

                    .apply-page-inner {
                        .options-block {
                            #resumeFile {
                                &:hover {
                                    &:before {
                                        background-color: @gray-light;
                                        cursor: pointer;
                                    }
                                }
                            }
                        }
                    }

                    .apply-page-inner .options-block #resumeFile:hover:before {
                        background: #efefef !important;
                        cursor: pointer;
                    }
                }
            }

            .group-field {
                label {
                    display: block;
                    padding-bottom: 5px;
                    margin-top: 14px;

                    text-align: right;
                    font-weight: normal;

                    &.error {
                        font-size: 13px;
                    }

                    input[type="radio"] {
                        width: auto !important;
                        vertical-align: middle;
                        margin: 0px;
                    }

                    div#aleady-worked label {
                        display: inline;
                        text-align: center;
                    }
                }

                input,
                select {
                    /*float: left;*/
                    width: 100%;
                    height: 45px;
                    padding-left: 8px;
                    font-size: 15px;
                    border-radius: 0;
                    background-color: white;
                    min-height: 48px;
                    color: #282828;
                }

                textarea {
                    /*float: left;*/
                    width: 100%;
                    height: 100px !important;
                    padding-left: 8px;
                    font-size: 15px;
                    border-radius: 0;
                    color: #282828;
                    min-height: 48px;
                    background-color: white;
                }

                select {
                    -webkit-appearance: none;
                    -ms-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    background-image: url('../images/select_bg.png');
                    background-repeat: no-repeat;
                    background-position: 98% center;
                    background-color: white;
                    padding-right: 45px;
                    min-height: 48px;

                    .error {
                        color: red;
                    }
                }
            }

            .txtarea.group-field {
                display: table;
                width: 92%;
                min-height: 90px;
            }

            .txtarea textarea {
                display: block;
                width: 92.5%;
                min-height: 80px;
                margin-top: 5px;
            }

            /*apply next page css*/
            h5 {
                margin-top: 15px;
                color: @im-brand-color-primary;
                font-weight: bold;
                border-bottom: 1px solid #ccc;
                padding-bottom: 3px;
            }

            .questions-group {
                display: block;
                position: relative;
                margin: 20px 0;

                .q-txt {
                    display: inline-block;
                    width: 70%;
                    text-align: right;
                    font-size: 16px;
                }

                .q-fields {
                    display: inline-block;
                    width: 25%;
                    padding-left: 10px;

                    input,
                    select {
                        width: 100%;
                        height: 55px;
                        padding-left: 8px;
                        font-size: 15px;
                        border: 1px solid #666;
                        /*border:1px solid @border-color-primary; */
                        border-radius: 0;
                    }

                    select {
                        -webkit-appearance: menulist-button;
                        background: white;
                    }
                }
            }

            .apply-form-footer {
                margin: 25px 0;

                @media (max-width: 450px) {
                    margin-top: 22px;
                }

                .apply-form-footer-inner {
                    display: inline;

                    @media (max-width: @screen-sm-max) {
                        display: block;
                        margin-top: 30px;
                    }

                    #previous,
                    #next,
                    .previous,
                    .next {
                        border-radius: 0;
                        color: #FFFFFF;
                        margin: 0 0 0 0;
                        opacity: 1;
                        z-index: 10;
                        //font-size: 21px;
                        text-align: center;
                        //font-family: @font-family-default-regular;
                        //font-weight: 400;
                        //border-color: @im-brand-color-primary;
                        //background-color: @im-brand-color-primary;
                        width: auto;
                        //height: 41px;
                        min-width: 137px;
                        //padding: 0 15px;
                        float: left;
                        box-shadow: none;
                    }

                    #next,
                    .next {
                        float: right;
                    }
                }
            }
        }

        .box-content {
            .box-content-block {
                padding: 30px 0;
                padding-left: 0;
                padding-right: 0;
                margin: 0;
                border-bottom: #d0cfcf solid 1px;

                .form-for {
                    .group-field {
                        &.accept-check-field {
                            input[type='checkbox'] {
                                width: 16px;
                                height: 16px;
                                margin-right: 4px;
                                margin-top: 0px;
                                vertical-align: middle;
                                margin-bottom: 0px;
                            }

                            label {
                                /*margin-left: 25px;*/
                                display: inline;
                                vertical-align: text-bottom;
                            }
                        }
                    }
                }

                .form-for.block-2 {
                    margin-bottom: 30px;
                }

                .more-actions {
                    //padding: 2px;
                    // padding:0;
                    //text-transform: uppercase;

                    a {

                        font-weight: 600;
                    }
                }

                .box-content-block-header {
                    padding: 10px;
                    background-color: @im-brand-color-secondary;
                    min-height: 56px;

                    a {
                        background-color: @darkar;
                        border-color: @darkar;
                        min-width: 100px;
                        padding: 5px 10px;
                        color: white;
                        display: inline-block;
                        //text-transform: uppercase;

                        i {
                            display: inline-block;
                            vertical-align: bottom;
                        }
                    }

                    .add-more-action {}

                    .add-close-action {
                        float: right;
                    }
                }

                .container-accept {
                    label {
                        display: inline-block;
                        padding-top: 2px;
                    }

                    input#agree {
                        height: 20px;
                        float: none;
                        display: inline-block;
                        width: 10%;
                        vertical-align: inherit;
                        cursor: pointer;
                    }
                }
            }
        }
    }

    .footer-block {
        display: block;
    }

    .navigation-summary {
        min-height: 160px;

        .stepCounter {
            display: none;
        }

        li.slide:last-child:before {
            position: absolute;
            content: "";
            background: #fff;
            //right: -12%;
            width: 60%;
            left: 50%;
            background-color: #bfbfbf !important;

            @media (max-width: @screen-sm-max) {
                width: 100%;
                left: 28% !important;
            }

            @media (max-width: @screen-xs-max) {
                left: 33% !important;
            }

            @media (max-width: 374px) {
                left: 39% !important;
            }

            height: 20px;
            z-index: 9;
            top: 6px;
        }

        /*new css start*/
        .slick-prev {
            background: transparent;
            border: 0;
            font-size: 0;
            float: left;
            margin-top: 12px;
            outline: 0;
            display: inline-block;
            float: left;
            width: 1%;
            margin-top: 0;

            &:before {
                content: '\5a';
                font-size: 20px;
                color: @darkar;
                font-family: 'platform-font';
            }

            &.slick-disabled:before {
                opacity: 0.3;
            }
        }

        .slick-next {
            background: transparent;
            border: 0;
            font-size: 0;
            float: left;
            margin-top: 12px;
            outline: 0;
            display: block;
            width: 1%;
            margin-top: 0;

            &.slick-disabled:before {
                opacity: 0.3;
            }

            &:before {
                //content: '\61';
                content: "\e031";
                font-size: 20px;
                color: @darkar;
                font-family: 'platform-font';
            }
        }

        .slick-dots {
            display: none !important;
        }

        .slick-list {
            display: inline-block;
            float: left;
            width: 100%;

            //margin-left: 15px;
            .slick-track {
                li {
                    a {
                        width: 90px;
                        display: inline-block;
                        position: relative;
                        height: 70px;
                        text-align: center;
                        margin-top: -1px;
                        outline: 0;
                        z-index: 999;
                        border: 0 !important;
                        line-height: 28px;
                        text-decoration: none;

                        //&:focus{
                        //   outline: 2px solid @border-color-primary !important;
                        //}
                        .number {
                            background: #fff;
                            border-radius: 24px;
                            border: 1px solid #bfbfbf;

                            width: 35px;
                            height: 35px;
                            margin: 0 auto;
                            padding-top: 0;
                            //vertical-align: middle;
                            font-size: 0;
                            //top:-4px;
                            //position: relative;
                            box-shadow: 0 0 0 4px #bfbfbf, 0 0 0 5px #bfbfbf;
                            z-index: 9999;

                            @media (max-width: @screen-sm-max) {
                                top: 0px;
                                position: relative;
                            }

                            @media (max-width: @screen-xs-max) {
                                top: 0px;
                            }
                        }

                        span.title {
                            color: @darkar;
                            font-size: 15px;
                            display: block;
                            line-height: 1.3em;
                            padding-top: 15px;

                            @media (max-width: 380px) {
                                margin-left: 8px;
                            }
                        }
                    }

                    &.progress-enable.progress-complete {
                        &:after {
                            content: '';
                            border-right: 350px solid @im-brand-color-primary  !important;

                            @media (max-width: @screen-sm-max) {
                                border-right: 300px solid @im-brand-color-primary  !important;
                                left: 30%;
                            }
                        }

                        .number {
                            background-color: @im-brand-color-primary;
                            //color: #fff !important;
                            //box-shadow: 0 0 0px 4px #fff, 0 0 0px 5px #0173ce;
                            box-shadow: none;
                            //border: 0px;
                            font-size: 0;
                            //padding-top: 7px;
                            padding: 5px;
                            /*&:before {
                                content: "";
                                font-family: 'platform-font';
                                font-size: 15px;
                             }  */
                        }

                        .title {
                            //color: #0173ce !important;
                        }
                    }

                    &.progress-enable {
                        &:after {
                            content: '';
                            border-right: 350px solid @im-brand-color-primary  !important;
                        }

                        .number {
                            //background: #ccc !important;
                            //color: #fff !important;
                            //border: 0px;
                            //font-size: 15px;
                            //padding-top: 7px;
                            //box-shadow: 0 0 0px 4px #fff, 0 0 0px 5px //#008eff;
                        }

                        .title {
                            color: @darkar  !important;
                        }
                    }

                    &.progress-current,
                    &.progress-enable {
                        &:after {
                            border-right: 350px solid #bfbfbf !important;
                        }

                        .title {
                            color: @im-brand-color-primary  !important;
                        }

                        .number {
                            background: @brand-color-primary  !important;
                            color: #000000 !important;
                            box-shadow: 0 0 0 4px @brand-color-primary, 0 0 0 5px @brand-color-primary;
                            border: 4px solid @brand-color-primary;
                        }
                    }

                    &.progress-disable {
                        .number {
                            background: #bfbfbf !important;
                        }
                    }

                    &:after {
                        content: '';
                        border-right: 350px solid #bfbfbf;
                        position: absolute;
                        top: 15px;
                        height: 3px;
                        left: 51%;

                        @media (max-width: @screen-sm-max) {
                            left: 25%;
                        }

                        @media (max-width: @screen-xs-max) {
                            left: 38%;
                        }

                        @media (max-width: 568px) {
                            left: 23%;
                        }

                        z-index: 0;
                    }

                    &:last-child {
                        &:after {
                            left: 0;
                            right: 90px;
                        }
                    }

                    &.slide.progress-current:after {

                        left: 52%;

                        @media (max-width: @screen-sm-max) {
                            left: 26%;
                            border-right: 300px solid #444444 !important;
                        }
                    }
                }

                div.slick-slide:last-child li:last-child:after {
                    border-right-color: #FFFFFF !important;
                }
            }
        }

        .nav-numbers {
            position: absolute;
            width: 72%;
            margin: 0 auto;
            left: 50px;
            right: 0;

            .bx-viewport {
                transform: translatez(0);
                background: transparent;
                border: 0;
                box-shadow: 0 0 0;
            }

            .bx-pager {
                display: none;
            }

            .bx-controls-direction {
                position: relative;

                a {
                    font-size: 0;
                    z-index: 1;
                    top: -75px;
                    background: #f4f4f4;
                    padding-left: 10px;
                    padding-right: 10px;
                    height: 46px;
                    outline: 0;
                    margin-right: -2px;

                    &.bx-prev {
                        float: left;
                        position: relative;
                        left: 0;
                        padding-left: 0;
                        padding-right: 30px;
                        z-index: 1;
                        opacity: 1;
                        margin-left: -50px;

                        &:before {
                            content: '\5a';
                            font-size: 20px;
                            color: @darkar;
                            font-family: 'platform-font';
                        }
                    }

                    &.bx-next {
                        float: right;
                        padding-left: 40px;
                        position: absolute;
                        right: 0;
                        height: 70px;

                        &:before {
                            content: '\61';
                            font-size: 20px;
                            color: @darkar;
                            font-family: 'platform-font';
                        }
                    }
                }
            }

            ul {
                li {
                    float: left;
                    width: 220px !important;
                    text-align: center;
                }
            }

            .bx-wrapper {
                max-width: 100% !important;
            }
        }
    }

    #div4 .apply-heading {
        padding-bottom: 15px;
    }

    .step-2-page-1.row {
        font-size: 1em;
        padding-left: 10px;
    }

    div#ScrapedData li div {
        font-size: 1em;
        padding-top: 5px;
    }

    .summery-div {
        .heading-sub-text {
            .btn-primary {
                text-decoration: underline;
                color: @darkar  !important;
                background-color: white;
                border: 0 !important;
                box-shadow: none;
                font-size: 14px;
            }

            .btn-primary:hover {
                text-decoration: underline;
                color: @darkar  !important;
                background-color: white;
                border: 0 !important;
                box-shadow: none;
                font-size: 14px;
            }
        }

        .summary-disable {
            pointer-events: none;
            opacity: 0.8;

            select#fbjq_question_1 {
                background: transparent;
            }

            select#fbjq_question_2 {
                background: transparent;
            }

            .group-field {
                label {
                    //margin-left: -16px;
                    padding: 0;
                    text-align: left;
                }

                .summary-apply-form {
                    //margin-left: -24px;
                    padding: 0;
                    word-wrap: break-word;

                    input,
                    p {
                        padding-left: 0 !important;
                        color: @darkar;
                        font-size: 15px;
                        height: auto;
                    }

                    input {
                        padding: 0px;
                        margin: 5px 0px 0px;
                        opacity: 1;
                    }
                }
            }
        }

        .form-group input {
            border: 0 !important;
            padding-left: 0 !important;
            background: transparent !important;
        }

        .resume_upload_block {
            display: none;
        }

        .form-group label {
            /*font-weight: bold;*/
        }
    }

    #summary {
        .form-group label {
            margin-bottom: 0;
        }

        #ScrapedData {
            li .checkbox_column {
                color: #444 !important;
            }

            div {
                color: @darkar  !important;
                font-size: 1em !important;
                font-weight: bold;
            }

            .checkbox_column_wrapper:before {
                display: none;
            }
        }

        .block-2 .form-group label {
            height: auto !important;
        }
    }

    #summary .questions input[type="text"],
    #summary .questions select,
    #summary .questions textarea {
        border: 0;
        color: #444 !important;
        margin-top: 0 !important;
        height: 30px;
    }

    button#backToSumBtn {
        float: right;
        margin-left: 10px;
        padding: 5px 15px;
    }

    button#backButton {
        margin-right: 5px;
    }

    .textarea-apply {
        height: 90px !important;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid @im-gray-color;
    }


    /* Slider */

    * {
        box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 30px auto 0;
    }

    .slick-slide {
        //  margin: 0px 10px;
        text-align: center;
    }

    .slick-slide img {
        width: 100%;
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: -16px;
        display: block;
    }

    .slick-track:after,
    .slick-track:before {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
        position: relative;

        @media (max-width: @screen-sm-max) {
            text-align: left;
            margin-left: 15px;
        }

        /* @media (max-width: @screen-xs-max){
      width: 142px !important;
    }*/
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    #summary {
        #ScrapedData {
            li {
                div {
                    &.checkbox_column_wrapper {
                        span {
                            font-size: 1em;
                        }

                        input[type='radio'] {
                            margin-left: 0;
                        }

                        input {
                            background-color: transparent;
                            margin-left: -8px;
                        }

                        select {
                            margin-left: -8px;
                            font-weight: normal;
                        }

                        textarea {
                            background-color: transparent;
                            margin-left: -8px;
                            font-weight: normal;
                        }
                    }

                    span {
                        font-size: 0;
                    }

                    span[id^="fieldLabel_"] {
                        font-size: 1em;

                        span {
                            font-size: 0;
                        }
                    }
                }
            }

            #questionAnswerSizeError-1 {
                display: none !important;
            }

            .questionAnswerNoneErrMsg {
                display: none !important;
            }

            #questionAnswerSize {
                display: none;
            }
        }
    }

    .options-block.row {
        border: none;
    }

    .candidate {
        margin-top: 0;
    }

    .candidate-info {

        /*text-align:right;*/
        label {
            //font-size: 16px !important;
        }
    }

    .apply-page .form-control {
        margin-bottom: 4px;
        height: 35px;
        font: -moz-pull-down-menu;
        font-size: 16px;
        min-height: 48px !important;
    }

    .group-field {
        //padding:2px;
    }

    .required {
        color: red;
    }

    .selfIdentification {
        p {
            label {
                margin-left: 6px;
                font-size: 16px;

                message {
                    color: @darkar;
                    font-size: 16px;
                }
            }
        }
    }

    #errorMessage {
        color: #FF0000;
        //margin-left: 129px;
        font-size: 14px;
        text-align: center;
        margin-top: 10px;

        @media (max-width: 767px) {
            margin-left: 0;
            text-align: center;
        }
    }

    #skillshead {
        margin-left: 0px;
    }

    #websitehead {
        margin-left: 0px;
    }

    #socialNetworkhead {
        margin-left: 0px;
        text-align: left;
        margin-top: 25px;
    }

    .more-actions {
        margin-left: 0px;
    }

    .self-identify {
        margin-bottom: 5px;
    }

    .selfIdentification {
        label {
            float: left;

            .required {
                float: left;
            }
        }
    }

    .block-2 {
        .group-field {
            label {
                text-align: left !important;
            }
        }
    }

    .apply-page-thankyou {
        .ph-html-v1-static-videos-default {
            &.ph-widget-box {
                padding: 0 0 40px 30px;
                background: transparent;
            }
        }

        .style-recruitment-click {
            a {
                text-decoration: underline;
                color: @darkar;

                &:active,
                &:focus,
                &:hover {
                    color: @darkar;
                }
            }
        }

        .ph-apply-thank-you-v1-default-default {
            .ph-apply-thankyou-area {
                .apply-thankyou-content {
                    .thankyou-message-sub-text {
                        a {

                            &:active,
                            &:focus,
                            &:hover {
                                color: @im-brand-color-primary;
                                ;
                            }
                        }
                    }
                }
            }

        }
    }

    .thanku-header-text {
        padding: 10% 0;

        .checked-icon {
            font-size: 50px;

        }

        h2 {
            text-transform: uppercase;
        }

        p {
            font-size: 16px;
        }

        .thankyou-message {
            font-size: 20px;
            margin-top: 0;
            text-align: Center;
            color: @im-brand-color-primary;
        }

        .thankyou-message-sub-text {
            font-size: 21px;
        }
    }

    .work-exp-form {
        float: right;

        @media (max-width: 1024px) {
            float: left;
        }
    }

    #errorDiv {
        margin-bottom: 25px;
        margin-left: 25px;
        margin-top: 14px;

        .errorHeader {
            font-size: 16px;
            width: 50%;
            font-weight: 50;
            line-height: 1.36;
            text-align: left;
            color: #fff;
            padding: 10px;
            background-color: #000000;

            @media only screen and (max-width:767px) {
                width: 100%;
            }
        }

        ul {
            padding: 10px !important;
            margin-left: 10px;
            background-color: #000000;
            width: 50%;
            padding: 0;
            margin: 0;
            height: auto;
            position: relative;

            li {
                list-style: disc;
                margin-left: 50px;
                color: #fff;
                padding-bottom: 0;

                a {
                    font-size: 14px;
                    line-height: 1.57;
                    text-align: left;
                    color: #fff !important;
                    text-decoration: underline !important;
                    border: 0 !important;
                }
            }
        }
    }

    .add-icon {
        display: inline-block !important;
        text-align: center !important;
        line-height: 0 !important;
        border-radius: 50% !important;
        border: 1px solid @im-brand-color-primary  !important;
        padding: 0 !important;
        height: 25px !important;
        color: @im-brand-color-primary  !important;
        width: 25px !important;
        margin-right: 10px !important;
        line-height: 25px !important;
        font-size: 18px !important;
        font-family: Arial;
        font-weight: 300;
    }

    .remove-action {
        margin-top: 7px;

        .remove-icon {
            display: inline-block !important;
            text-align: center !important;
            line-height: 0 !important;
            border-radius: 50% !important;
            border: 1px solid @im-brand-color-primary  !important;
            padding: 0 !important;
            height: 25px !important;
            color: @im-brand-color-primary  !important;
            width: 25px !important;
            line-height: normal !important;
            font-size: 18px !important;
            font-family: Arial;
            font-weight: 300;
        }
    }

    .resume-my-info {
        float: none;
        clear: both;
    }

    input:-webkit-autofill,
    select:-webkit-autofill,
    textarea:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset !important;
    }

    .icon-delete {
        float: left;
        padding: 4px;

        &:before {
            color: @darkar;
        }
    }

    .work-exp {
        margin-left: 1px !important;
    }

    .additional-attachment-icons {
        margin: 0;
        padding: 0;

        @media (max-width: 420px) {
            margin: 0px 0 0 15px;
        }
    }

    .attachment-or-icon {
        margin-top: 0 !important;
    }

    .attachment-select-icon {
        margin-top: 0 !important;
    }

    .resume-header {
        p {
            margin-left: 0px;
        }
    }

    .resume-file-type {
        p {
            margin-left: 0px;
        }
    }

    #applyWithLinkedin {
        margin-left: -8px;
    }

    .resume-my-info {
        margin-left: -15px;
    }

    @media only screen and (max-width: 1024px) {
        .slider {
            width: 97%;
        }
    }

    @media only screen and (max-width: 1023px) {
        .navigation-summary {
            .slick-list {
                .slick-track {
                    li {
                        &.progress-disable:after {
                            border-right: 350px solid #444444;

                            @media (max-width: 767px) {
                                border-right: 290px solid #444444;
                            }

                            @media (max-width:568px) {
                                border-right: 224px solid #444444;
                            }
                        }

                        &.progress-enable:after {
                            border-right: 350px solid #444444 !important;
                        }

                        &.progress-current:after {
                            border-right: 350px solid #e1e1e1 !important;
                        }

                        &:last-child {
                            &::after {
                                border: 0px !important;

                                @media(max-width: 767px) {
                                    border: 0px !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media only screen and (max-width: 900px) {
        .navigation-summary .nav-numbers {
            width: 100%;
        }
    }

    div {
        *zoom: 1;
    }

    select::-ms-expand {
        display: none;
    }

    .apply-thankyou-box {
        padding: 50px 0 20px;
        width: 92%;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
    }

    @media only screen and (min-width: 768px) and (max-width: 950px) {
        .apply-page-inner {
            /*My-info-page*/
        }

        .navigation-summary {
            display: inline-block;
            float: left;

            .slider {
                width: 100%;
            }

            .slick-list {
                margin: 0;
                width: 80% !important;
                display: inline-block;
            }

            .slick-next {
                width: auto;
                display: inline-block;
                margin-top: 0px;
                font-size: 16px !important;
            }

            .slick-prev {
                width: auto;
                display: inline-block;
                margin-top: 0;
                font-size: 12px !important;
            }
        }

        .resume-my-info {
            margin-left: 0;
            padding: 0;
        }

        .progressbarlist {
            button {
                /*display: none !important;*/
            }
        }

        .apply-heading {
            margin-left: 0;

            //padding:0px;
            @media (max-width: 420px) {
                padding: 0px 15px;
            }
        }

        .resume_info {

            //padding:0px;
            .resume-header {
                p {
                    margin-left: 0;
                }
            }

            .resume-file-type {
                p {
                    margin-left: 0;
                }
            }
        }

        #applyWithLinkedin {
            margin-left: 0;
        }

        #errorDiv {
            clear: both;

            .errorHeader {
                width: 100%;
            }

            #errorList {
                width: 100%;
            }
        }

        #registrationDiv {
            margin-left: 4px;

            label {
                float: left;
            }

            .box-content-block {
                .apply-heading {}

                .candidate {
                    margin-top: 0;

                    //padding:0px;
                    .group-field {
                        .candidate-info {
                            label {
                                float: left;
                            }
                        }
                    }
                }

                .apply-form-footer {
                    //width: 100px;
                    //float: right;
                }
            }
        }

        /*Work-Experience */
        #voluntaryDiv {
            padding: 0;

            .remove-action {
                margin-top: 7px;
            }

            .box-content-block {
                .more-actions {
                    margin-left: 0;
                    padding: 10px 0 20px 0;

                    @media (max-width: 768px) {
                        margin: 15px 0;
                    }

                    @media (max-width: 420px) {
                        padding: 0px 15px;
                    }

                    #applyhead {
                        margin-left: 4px;
                        padding: 0;
                        margin-top: 0;
                    }
                }

                .form-for {

                    //padding:0px;
                    .group-field {

                        //padding:0px;
                        .candidate-info {
                            label {
                                float: left !important;

                                input {
                                    //padding:0px;
                                    margin: 0;
                                }
                            }
                        }
                    }
                }

                .skills-section {
                    padding: 0;
                    margin: 25px 0 0;

                    @media (max-width: 600px) {
                        padding: 0px;
                    }

                    #skillshead {
                        padding: 0;
                        margin: 25px 0 0;
                    }

                    .group-field {
                        .candidate-info {
                            margin: 0;

                            label {
                                text-align: left;
                            }
                        }
                    }
                }

                .additional-attachments {
                    margin: 25px 0;
                    padding: 0px;

                    #attachmentshead {
                        margin-left: 0;
                        padding: 0;

                        .group-field {
                            .candidate-info {
                                @media (max-width: 420px) {
                                    margin-left: -15px;
                                }

                                .additional-attachment {
                                    p {
                                        text-align: left;
                                    }
                                }
                            }
                        }
                    }
                }

                .website-section {
                    padding: 0px;
                    margin-left: 0px;

                    @media (max-width: 420px) {
                        padding: 0px 15px;
                    }

                    #websitehead {
                        padding: 0;
                        margin-left: 0;
                    }

                    .group-field {
                        .candidate-info {
                            label {
                                text-align: left;
                            }

                            .additional-attachment {}
                        }
                    }
                }

                .social-urls {
                    label {
                        float: left;
                    }

                    #socialNetworkhead {
                        margin-left: 0 !important;
                        padding-left: 0 !important;
                        text-align: left;
                    }

                    .group-field {
                        padding-left: 0;
                    }
                }
            }

            .academic-options-inner-block {
                .apply-or-line {
                    display: none !important;
                }
            }

            #addWebsite,
            #addWebsite1,
            #addWebsite2 {
                margin-left: 6px;
            }

            #addLinkedIn {
                margin-left: 6px;

                span.add-icon {
                    margin-right: 6px !important;
                }
            }
        }

        .experience {
            .template-block {
                button#addEmpButton {
                    margin-bottom: 15px;
                }
            }
        }

        .educationsub.sub-head {
            margin-bottom: 15px;
        }

        /*disability-page */
        #disabilityDiv {
            margin-left: 4px;

            .language-selection {
                select {
                    padding: 0px 10px;
                }
            }

            .disability-error {
                .error {
                    padding-left: 15px;
                    color: red;
                }
            }
        }

        #questionnairDiv {
            label {
                text-align: left;
            }
        }
    }

    #agreementDiv {
        margin-left: 4px;
    }

    .summery-div {
        .apply-heading {
            margin-left: -7px;
        }
    }

    @media only screen and (max-width: 767px) {
        .im-apply-page {
            #cmsForm {
                padding: 0 0;
            }
        }

        .im-apply-page {
            .container {
                width: 100%;
            }
        }

        #questionnairDiv {
            .checkbox-div {
                margin-left: 0px;

                .checkbox-block {
                    margin-left: 5px;

                    .checkbox-group {
                        clear: both;

                        input {
                            width: 20px;
                            height: 32px;
                            float: left;
                        }

                        label {
                            line-height: 20px;
                        }
                    }
                }
            }
        }

        .apply-page-inner {
            overflow-x: hidden;
        }

        .apply-page-inner {
            #errorDiv {
                clear: both;

                .errorHeader {
                    width: 100%;
                }

                #errorList {
                    width: 100%;
                }
            }

            input[type="radio"] {
                width: 16px;
                height: 16px;
                box-shadow: none;
                text-shadow: none;
                border-radius: 50%;
            }

            /*My-info-page*/
        }

        .upload-section {
            //padding:0px;
        }

        .resume-my-info {
            margin-left: 0;
        }

        .progressbarlist {
            button {
                /*display: none !important;*/
            }
        }

        .apply-heading {
            margin-left: 0;
            //padding:0px;
        }

        .resume_info {

            //padding:0px;
            .resume-header {
                p {
                    margin-left: 0;
                }
            }

            .resume-file-type {
                p {
                    margin-left: 0;
                }
            }
        }

        #applyWithLinkedin {
            margin-left: 0;
        }

        .cc-apply-options {
            width: 100%;

            ul {
                text-align: Center;

                @media (max-width: 420px) {
                    li {
                        margin: 0 3px 0 0 !important;

                        a {
                            font-size: 24px;
                        }
                    }
                }
            }
        }

        .apply-or-line {
            display: none !important;
        }

        #errorDiv {
            clear: both;

            .errorHeader {
                width: 100%;
            }

            #errorList {
                width: 100%;
            }
        }

        #registrationDiv {
            label {
                float: left;
            }

            .box-content-block {
                .apply-heading {}

                .candidate {
                    margin-top: 0;

                    //padding:0px;
                    .group-field {
                        .candidate-info {
                            label {
                                float: left;
                            }
                        }
                    }
                }

                .apply-form-footer {
                    //width: 100px;
                    //float: right;
                }
            }
        }

        /*Work-Experience */
        #voluntaryDiv {

            //padding:0px;
            .select-attachments-section {
                //padding:0px;
            }

            .additional-attachments,
            .educationhide,
            .skills-section,
            .social-urls,
            .website-section,
            .workhide {
                padding: 0 !important;
            }

            .remove-action {
                margin-top: 7px;
            }

            #educationhide1,
            #educationhide2,
            #languagehide,
            #languagehide1,
            #languagehide2,
            #workhide1,
            #workhide2,
            #workhide3,
            #workhide4 {
                padding: 0;
            }

            #resumeFile {
                display: none;
            }

            .box-content-block {
                margin-left: 0;
                padding: 0;

                .more-actions {
                    margin-left: 0;
                    padding: 0;

                    @media (max-width: 768px) {
                        margin: 15px 0;
                    }

                    #applyhead {
                        padding: 0;
                    }
                }

                .form-for {
                    padding: 0;

                    .group-field {
                        padding: 0;

                        .candidate-info {
                            label {
                                float: left !important;

                                input {
                                    //padding:0px;
                                    margin: 0;
                                }
                            }
                        }
                    }
                }

                .skills-section {
                    @media (max-width: 420px) {
                        padding: 0px;
                    }

                    #skillshead {
                        padding: 0;
                        margin: 25px 0 0;
                    }

                    .group-field {
                        .candidate-info {
                            margin: 0;

                            label {
                                text-align: left;
                            }
                        }
                    }
                }

                .additional-attachments {
                    #attachmentshead {
                        margin-left: 0;
                        padding: 0;

                        @media (max-width: 600px) {
                            padding: 0px;
                        }

                        .group-field {
                            .candidate-info {
                                .additional-attachment {
                                    p {
                                        text-align: left;
                                    }
                                }
                            }
                        }
                    }
                }

                .website-section {
                    #websitehead {
                        padding: 0;
                        margin-left: 0;

                        @media (max-width: 420px) {
                            padding: 0px 0px;
                        }
                    }

                    .group-field {
                        .candidate-info {
                            label {
                                text-align: left;
                            }

                            .additional-attachment {}
                        }
                    }
                }

                .social-urls {
                    label {
                        float: left !important;
                        text-align: left;
                    }

                    #socialNetworkhead {
                        margin-left: 0;
                        text-align: left;
                        padding-left: 0;
                    }

                    .group-field {
                        padding-left: 0;
                    }
                }
            }

            .academic-options-inner-block {
                .apply-or-line {
                    display: none;
                }
            }

            #addWebsite,
            #addWebsite1,
            #addWebsite2 {
                //margin-left: 10px;
            }
        }

        /*disability-page */
        #disabilityDiv {
            .box-content-block {
                .group-field {}
            }

            .group-field {
                label {
                    text-align: left;
                    font-size: 16px;
                }
            }
        }

        #questionnairDiv {
            label {
                text-align: left;
            }
        }
    }

    .summery-div {
        .apply-heading {
            margin: 30px 0px 15px;

        }
    }

    .apply-form-blcok {
        //padding:0px;
    }

    .apply-page-thankyou {
        .ph-html-v1-static-videos-default {
            &.ph-widget-box {
                padding-left: 0;
            }
        }
    }

    .apply-page-inner .options-block .selectFile {
        width: 162px !important;
        position: relative;
        margin: 0 !important;
        cursor: pointer;

        .dz-message {
            display: none;
        }

        input[type="file"] {
            opacity: 0;
            cursor: pointer;
        }

        &:before {
            /*border: 1px solid #ccc;*/
            content: "Select file" !important;
            font-size: 14px;
            font-weight: normal;
            padding: 8px 0px;
            position: absolute;
            margin-top: 0 !important;
            left: 0;
            width: 118px !important;
            color: @darkar;
            cursor: pointer;
            text-decoration: underline;
        }

        .apply-page-inner {
            .options-block {
                .selectFile {
                    &:hover {
                        &:before {
                            background-color: @gray-light;
                            cursor: pointer;
                        }
                    }
                }
            }
        }

        .apply-page-inner .options-block .selectFile:hover:before {
            background: #efefef !important;
            cursor: pointer;
        }
    }

    .additional-attachments {
        #attachmentshead {
            margin-left: 0px;
            margin-top: 0;
        }

        .candidate-info {
            .academic-options-inner-block {
                margin: 0;

                .additional-attachment {
                    text-align: left;
                }
            }
        }
    }

    .summary-apply-form {
        word-wrap: break-word;

        p {
            //margin-left:8px;
            font-size: 14px;
            margin: 5px 0 !important;
        }
    }

    .summary-disable {
        .group-field {
            padding: 0;
            margin: 0px 0 15px 0 !important;

            .control-label {
                margin-top: 0 !important;
                font-size: 16px;
                color: @darkar;
                margin: 0;
            }

            .form-control,
            p {
                height: auto;
                font-size: 16px;
            }
        }
    }

    .academic_transcripts {
        padding: 0;

        #afterupload {
            .afterUpload {
                margin-left: 0;

                .afterUpload {
                    a {
                        font-size: 14px !important;
                        color: @darkar;
                    }
                }
            }
        }

        #files {
            margin-left: 0;
        }
    }

    .dynamic-fields {
        .group-field {
            input {
                color: #3b3c34;
            }
        }
    }

    .language-selection {
        margin-left: -14px;

        @media (max-width: @screen-xs-max) {
            margin-left: 0px;
        }
    }

    .website-input {
        padding: 0;
    }

    #disabilityDiv {
        .language-selection {
            select {
                padding: 0px 10px;
            }
        }
    }

    #resDiv {
        margin: 10px 0 0 24px;
    }

    .help-text {
        background-color: #e4f0f7;
        margin-bottom: 6px;
        border-radius: 4px;
        width: 342px;

        ul {
            &.help-text-content {
                padding: 12px;
                font-size: 14px;
                line-height: 1.36;
                text-align: left;
                color: #0066a6;
            }
        }
    }

    .im-apply-page {
        .body-wrapper {
            margin: 0;
            //padding:0px;
        }
    }

    #addWebsite,
    #addWebsite1,
    #addWebsite2 {
        margin-left: 13px;
    }

    #addLinkedIn {
        margin-left: 13px;

        span.add-icon {
            margin-right: 13px !important;
        }
    }

    .summary-apply-form {
        word-wrap: break-word;

        input {
            border: none;
        }
    }

    .academic_transcripts,
    .disability,
    .eeo {
        .apply-heading {
            margin-top: 0;
        }
    }

    .questionnaireSection {
        .apply-heading {
            margin-left: 16px;
        }

        .group-field {
            display: block;
            float: left;
            width: 100%;

            label {
                float: left;
                text-align: left !important;
            }
        }
    }

    #eeoDiv {
        font-family: @font-family-default-regular  !important;

        select {
            font-family: @font-family-default-regular  !important;
            font-size: 16px;
        }

        .box-content-block {
            div label {
                display: block;
            }

            .apply-heading {
                display: inline-block;
                width: 100%;
                margin-top: 15px;
                font-size: 22px;
            }

            .eeoText {
                margin-top: 10px;

                p {
                    font-size: 16px;

                    font-family: @font-family-default-regular  !important;

                    b {
                        color: @im-brand-color-primary  !important;
                    }

                    @media (max-width: 767px) {
                        font-size: 14px;
                    }
                }

                ul {
                    margin-left: 50px;

                    li {
                        list-style: disc;
                    }
                }
            }
        }
    }

    @media only screen and (max-width: 767px) {
        .summary {
            .group-field {
                padding: 2px;
            }
        }

        #disabilityDiv {
            .selfIdentification {
                //padding:0px;
            }

            p {
                label {
                    padding: 0 15px !important;
                }
            }
        }

        #errorMessage {
            margin: 0;
        }

        .navigation-summary {
            display: inline-block;
            float: left;
            width: 100%;

            .slider {
                width: 100% !important;
            }

            .slick-list {
                margin: 0;
                width: 83% !important;
                display: inline-block;
            }

            .slick-next {
                width: auto;
                display: inline-block;
                margin-top: 0;
                font-size: 16px !important;
                padding: 0px;
            }

            .slick-prev {
                width: auto;
                display: inline-block;
                margin-top: 0;
                font-size: 12px !important;
                padding: 0px;
            }

            .slick-list .slick-track li.slide.progress-current:after {
                left: 38% !important;

                @media (max-width: 568px) {
                    left: 49% !important;
                }

                @media (max-width: 320px) {
                    left: 33% !important;
                }
            }
        }

        #voluntaryDiv {
            .box-content-block {
                padding: 0;
                margin-bottom: 20px;

                .more-actions {
                    @media (max-width: 420px) {
                        padding: 0px;
                    }
                }
            }

            .candidate-info {
                padding: 0;
            }

            .field-selector {
                padding: 0;
            }

            .more-actions {
                @media (max-width: 420px) {
                    padding: 0px 15px;
                }

                a {
                    margin: 0;
                    padding: 0;
                }
            }
        }

        #eeoDiv {
            .voluntary {
                margin: 0;
            }

            label {
                padding: 0;
            }

            .select {
                padding: 0;
            }
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 950px) {
        .apply-page-inner {
            overflow-x: hidden;
        }

        #questionnairDiv {
            .checkbox-div {

                //margin-left: 24px;
                .checkbox-block {
                    margin-left: 5px;

                    .checkbox-group {
                        clear: both;

                        input {
                            width: 12px;
                            height: 32px;
                            float: left;
                        }

                        label {
                            line-height: 20px;
                        }
                    }
                }
            }
        }

        #errorDiv {
            .errorHeader {
                font-size: 14px;
                width: 100% !important;
                background-color: #000000;

            }
        }

        input[type="radio"] {
            width: 16px;
            height: 16px;
            box-shadow: none;
            text-shadow: none;
            border-radius: 50%;
        }

        #voluntaryDiv {
            padding: 0;

            .select-attachments-section {
                padding: 0;
            }

            .additional-attachments,
            .educationhide,
            .skills-section,
            .social-urls,
            .website-section,
            .workhide {
                padding: 0;
            }

            .add-icon {}

            .remove-action {
                margin-top: 7px;
            }

            #educationhide1,
            #educationhide2,
            #languagehide,
            #languagehide1,
            #languagehide2,
            #workhide1,
            #workhide2,
            #workhide3,
            #workhide4 {
                padding: 0;
            }

            #resumeFile {
                display: none;
            }

            .box-content-block {
                .more-actions {
                    margin-left: 0;
                    padding: 0;

                    @media (max-width: 768px) {
                        margin: 15px 0;
                        padding: 10px 0 20px 0;
                    }

                    @media (max-width: 420px) {
                        padding: 10px 0 20px 0;
                    }

                    #applyhead {
                        margin-left: 4px;
                        padding: 0;
                    }
                }

                .form-for {
                    padding: 0;

                    .group-field {
                        padding: 0;

                        .candidate-info {
                            label {
                                float: left !important;

                                input {
                                    padding: 0;
                                    margin: 0;
                                }
                            }
                        }
                    }
                }

                .skills-section {
                    #skillshead {
                        padding: 0;
                        margin: 0px 0 0;
                    }

                    .group-field {
                        .candidate-info {
                            margin: 0;

                            label {
                                text-align: left;
                            }
                        }
                    }
                }

                .additional-attachments {
                    #attachmentshead {
                        margin-left: 0;
                        padding: 15px 0 0 0;

                        .group-field {
                            .candidate-info {
                                .additional-attachment {
                                    p {
                                        text-align: left;
                                    }
                                }
                            }
                        }
                    }
                }

                .website-section {
                    #websitehead {
                        padding: 0;
                        margin-left: 0;
                    }

                    .group-field {
                        .candidate-info {
                            label {
                                text-align: left;
                            }

                            .additional-attachment {}
                        }
                    }
                }

                .social-urls {
                    label {
                        float: left;
                    }

                    #socialNetworkhead {
                        margin-left: 0;
                        text-align: left;
                    }
                }
            }

            .academic-options-inner-block {
                .apply-or-line {
                    display: none;
                }
            }

            #addWebsite,
            #addWebsite1,
            #addWebsite2 {
                margin-left: 10px;
            }

            #addLinkedIn {
                margin-left: 10px;

                span.add-icon {
                    margin-right: 10px !important;
                }
            }
        }

        /*disability-page */
        #disabilityDiv {
            .group-field {
                label {
                    float: left;
                }
            }
        }

        #questionnairDiv {
            label {
                text-align: left;
            }
        }

        .summery-div {
            .apply-heading {
                margin-left: 0;
            }
        }

        .apply-form-blcok {
            padding-top: 40px;

            @media (max-width: @screen-sm-max) {
                padding-top: 30px;
            }
        }

        #errorMessage {
            margin: 0;
        }

        .navigation-summary {
            display: inline-block;
            float: left;
            width: 100%;

            .slider {
                width: 100%;
            }

            .slick-list {
                margin: 0;
                width: 90% !important;
                display: inline-block;

                @media (max-width: @screen-sm-max) {
                    width: 83% !important;
                }
            }

            .slick-next {
                width: auto;
                display: inline-block;
                margin-top: 0px;
                font-size: 16px !important;
            }

            .slick-prev {
                width: auto;
                display: inline-block;
                margin-top: 0px;
                font-size: 12px !important;
            }
        }

        #voluntaryDiv {
            .box-content-block {
                padding: 0;
            }

            .candidate-info {
                padding: 0;
            }

            .field-selector {
                padding: 0;
            }

            .more-actions {
                a {
                    margin: 0;
                    padding: 0;
                }
            }
        }

        #eeoDiv {
            .voluntary {
                margin: 0;
            }

            label {
                //padding:0px;
            }

            .select {
                //padding:0px;
            }
        }
    }

    .privacy {
        margin: -41px 0 0 10px;

        h1 {
            font-size: 14px;
            color: @darkar;
            line-height: 1.4;
            margin: 20px 0 10px;
            font-weight: bold;
        }

        p {
            font-size: 14px;
            font-weight: normal;
        }

        ul {
            margin-bottom: 20px;

            li {
                margin-left: 16px;
                font-weight: normal;
                list-style-type: disc;
            }
        }
    }

    .questionnaireSection {
        h1 {
            font-size: 16px;
            color: @darkar;
            font-weight: bold;
            margin: -22px 0 0 10px;
        }

        p {
            font-weight: normal;
        }

        p:last-child {
            font-weight: bold;
        }
    }

    .eeoText {
        p {
            margin: 0 !important;
        }
    }

    .select-attachments-section {
        padding: 0;
        margin: 15px 0;

        @media (max-width: 420px) {
            padding: 0px;
        }
    }

    .work-section,
    .education {
        .work {
            margin: 15px 0;
        }

        .work-exp {
            p {
                margin: 15px 0px 0px !important;
                font-size: 16px;

            }
        }
    }

    input.form-control:focus,
    textarea.form-control:focus {
        box-shadow: none;
        border: 1px solid #ccc;
    }

    #eeoDiv {
        .box-content-block {
            div {

                //padding:0px;
                label {
                    padding: 5px 0px;
                }
            }

            .agree-checkbox label {
                color: #282828 !important;

                .required {
                    color: red;
                    padding-left: 5px;
                }

                message {
                    padding-left: 5px;
                }

                &:first-child {
                    padding-left: 0px;
                    margin: 15px 0px;
                }
            }
        }
    }

    #eeoDiv .group-field .select {
        padding: 0;
    }

    .questionnaireSection {
        div {
            padding: 0;
        }
    }

    #eeoDiv .box-content-block .apply-heading+htmlmessage b {
        // font-weight:normal;
    }

    #disabilityDiv {
        span {
            font-size: 16px;
            color: #282828;

            @media (max-width: 767px) {
                font-size: 14px;
            }

            b {
                color: #282828;
            }
        }

        .required {
            color: red !important;
        }

        .error {
            color: red;
        }

        p {
            &.disability-error {
                .error {
                    padding-left: 15px;
                    color: red;
                }
            }
        }
    }

    .ethnicity {
        padding: 0;

        .control-label {
            width: 100%;
        }
    }

    .apply-page .resume-my-info #afterupload .afterUpload {
        margin-left: 0;

        @media (max-width: 767px) {
            margin-top: 15px;
        }
    }

    .error,
    .required {
        color: red;
    }

    .website-section {
        text-align: left;

        label {
            margin-left: 0px;

            @media (max-width: 450px) {
                margin-left: 0px;
            }
        }
    }

    @media (max-width: 450px) {
        .apply-page .apply-page-inner .job-title-section span {
            margin-top: 0px;
        }

        form#cmsForm h2 {
            margin: 0px;
        }
    }

    #eeoDiv .box-content-block .eeoText p {}

    #disabilityDiv table {
        margin-top: 10px;
    }

    .disability-desease {
        li {
            list-style: disc;
        }
    }

    #eeoDiv .apply-heading {
        margin-left: 0px;
    }

    #disabilityDiv .apply-heading {
        margin-left: 0px;
        margin-top: 20px;
    }

    .eeoText div {
        //font-weight: bold;
    }

    #selfIdentification {
        label {
            font-size: 16px;
        }
    }

    .disability-radio {
        label {
            color: @darkar  !important;
        }
    }

    .scroll1 {
        .sub-head {
            font-size: 16px;

            span {
                font-size: 16px;
                color: @darkar;

                b {
                    color: @darkar;
                }
            }
        }

        span a {
            color: @im-brand-color-primary;
        }
    }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .apply-page .apply-page-inner .group-field label {
            text-align: left;
        }

        .apply-page .work-exp-form {
            float: left;
        }

        .apply-page .more-actions {
            padding-left: 15px;
        }

        .apply-page #skillshead {
            margin-left: 15px;
        }

        .apply-page .candidate-info {
            padding-left: 15px;
        }

        .candidate-info .control-label {
            padding-left: 0px;
        }

        .candidate-info #skill {
            margin-left: 15px;
        }

        .additional-attachments #attachmentshead {
            margin-left: 15px;
        }

        .apply-page-inner .apply-form-footer .apply-form-footer-inner input {
            width: 139px;
            //height: 33px;
        }
    }

    #eeoDiv .box-content-block .eeoText .eeo-header-text {}

    @media (max-width: 800px) {
        .apply-page .candidate .group-field {
            padding: 0;
        }

        .apply-page .candidate-info label {
            text-align: left !important;
        }

        #voluntaryDiv .box-content-block .skills-section {
            padding: 0 !important;
        }
    }

    @media (max-width: 800px) {
        .apply-page .apply-page-inner #cmsForm {
            padding: 0px 0;
        }
    }

    @media (max-width: 500px) {
        .apply-page .apply-page-inner #cmsForm {
            padding: 0px 0;
        }

        .apply-page .apply-page-inner .apply-form-footer {
            padding-right: 0px;
        }
    }

    .apply-page .more-actions #applyhead b a {
        font-size: 15px;
    }

    #agreementDiv .term-and-condition .citizenStatus-selection {
        padding: 0;
        margin-bottom: 10px;
    }

    #agreementDiv .term-and-condition .citizenStatus-selection label {
        text-align: left;
    }

    .ph-apply-thankyou-area .ph-similar-jobs-v1-default-default {
        display: none;
    }

    .ph-apply-thankyou-area {
        padding: 80px 0 80px 0;

        @media (max-width: 800px) {
            padding: 40px 0 40px 0;
            margin-top: 0;
        }

        .apply-thankyou-content {
            text-align: center;

            .thanku-header-text {
                padding: 0 0 0 !important;
                text-align: center;

                h2 {

                    font-size: 30px;
                    margin-bottom: 15px;
                    text-transform: uppercase;
                }

                p {
                    a {
                        color: @im-brand-color-primary;
                    }
                }

                @media (max-width: 800px) {
                    padding: 120px 0;
                }

                @media (max-width: 670px) {
                    padding: 60px 0;
                }
            }
        }
    }

    .agree-checkbox label input {
        margin-right: 7px;
    }

    .agree-checkbox label input[type="checkbox"] {
        margin: 7px 6px 0px 0px;
    }

    @media (max-width: 800px) {
        .apply-page .apply-page-inner .apply-form-footer {
            padding: 0;
        }
    }

    @media (max-width: @screen-sm-max) {
        .apply-page .apply-page-inner .apply-form-footer {
            padding: 0;
            margin: 30px 0 20px 0;
        }
    }

    @media (max-width: @screen-xs-max) {
        .apply-page .apply-page-inner .apply-form-footer {

            margin: 0 0 20px 0;
        }
    }

    @media (max-width: 400px) {

        .apply-page .apply-page-inner .options-block .resume_info .resume-header p,
        .apply-page .apply-page-inner .options-block .resume_info .resume-file-type p {
            padding: 0 28px 0 0;
        }
    }

    @media (max-width: 800px) {
        #voluntaryDiv #addWebsite {
            margin-left: 0px;
        }

        #voluntaryDiv #addLinkedIn {
            margin-left: 0px;
        }
    }

    @media (max-width: 800px) {
        .ph-apply-thankyou-area .apply-thankyou-content .thanku-header-text {
            padding: 40px 0 !important;
        }
    }

    @media (max-width: 767px) {
        .ph-apply-thankyou-area .apply-thankyou-content .thanku-header-text {
            padding: 0px 0 !important;
        }
    }

    #agreementDiv .term-and-condition .citizenStatus-selection .select .citizenStatus {
        height: 100px !important;
        background-image: none;

        @media (max-width: 800px) {
            height: 45px !important;
        }
    }

    .im-apply-page {
        .ph-footer {
            display: none;
        }
    }

    #resumeFile {}


    @media (max-width: @screen-xs-max) {
        .im-apply-page {
            .apply-page-inner {
                .options-block {
                    #resumeFile {
                        display: none;
                    }
                }

                .row {
                    margin: 0;

                    .col-xs-12 {
                        padding-left: 0;
                        padding-right: 0;
                    }

                    .apply-form-footer {
                        padding-top: 13px;
                    }
                }
            }
        }
    }

    .im-apply-page {
        .summery-div {
            .summary-disable {
                opacity: 1;
            }
        }
    }

    .im-apply-page {
        .apply-page-inner {
            .options-block {
                .resume_info {
                    margin-bottom: 40px;
                }

                ul {
                    &.cc-apply-options {
                        float: left;
                        //max-width: 400px;

                        li {
                            display: inline-block;
                            font-size: 0;
                            margin: 0 5px 5px 0;
                            vertical-align: top;

                            a {
                                padding: 0 14px;
                                display: inline-block;
                                color: white;
                                font-size: 20px;
                                line-height: 38px;
                                border-radius: 0;
                                text-align: center;

                                &#applyLinkedinContainer {
                                    background: #0073b1;
                                }

                                &.dropbox {
                                    background: #2ba0f1;
                                }

                                &.indeed {
                                    background: url(../images/indeed.png);
                                    top: -2px;
                                }

                                &.skydrive {
                                    background: #0f46b9;
                                }
                            }
                        }
                    }
                }

                .apply-or-line {
                    float: left;
                    display: inline-block;
                    width: 10%;
                    text-align: center;
                    line-height: 40px;

                    span.apply-or-box {
                        background: @gray-light;
                        /*padding: 10px;*/
                        border-radius: 100%;
                    }
                }

                .resume_upload_block {
                    float: left;
                    margin-left: 20px;
                    line-height: 32px;
                }

                #resumeFile {
                    margin-top: 5px;
                }
            }
        }
    }

    .datepicker-dropdown {
        &.datepicker-orient-bottom {
            // margin-top: 173px;

            &:after {
                display: none;
            }

            &:before {
                top: -7px !important;
                bottom: auto !important;
                border-bottom: 7px solid #999 !important;
                border-top: 0 solid #999 !important;
            }
        }

        &.datepicker-orient-top {
            //margin-top: 168px;

            &:before {
                bottom: -7px;
                top: auto !important;
                border-bottom: 0;
                border-top: 7px solid #999;
            }

            &:after {
                display: none;
            }
        }

        @media only screen and (max-width: 1024px) {
            &.datepicker-orient-top {
                //margin-top: 74px;
            }

            &.datepicker-orient-bottom {
                margin-top: 80px;
            }
        }
    }

    .candidate-home-button-block {
        text-align: center;
        padding: 10px 0 30px 0;
    }

    .im-apply-page {
        .apply-page-inner {
            .group-field {
                .workedwithusOpts {
                    display: inline-block;
                    padding-right: 15px;

                    input[type="radio"] {
                        height: auto;
                    }
                }
            }
        }
    }


    @media only screen and (max-width: 767px) {
        .apply-or-line {
            display: block !important;
        }

        .im-apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .options-block {
                            .resume_upload_block {
                                width: 100%;
                            }

                            #resumeFile {
                                display: block;

                                &:before {
                                    display: inline-block;
                                }
                            }
                        }
                    }
                }
            }

            .apply-page-inner {
                .options-block {
                    #resumeFile {
                        display: block;
                    }
                }
            }
        }
    }

    .im-apply-page {
        .ph-apply-box .apply-page-inner form#cmsForm {
            #preScreeningBlock {
                .form-group {
                    width: 100%;

                }
            }
        }


        #prescreeningQuestionsForm {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-end;

        }

        .apply-page-inner {
            .apply-form-footer {}
        }

        .apply-heading {

            h3,
            h2,
            h4 {
                font-family: @font-family-default-bold;
                color: @heading-font-color-h4;

            }

            h3 {
                font-size: 1.5rem;
            }

        }

        .summary-page {

            .apply-heading {
                h3 {
                    font-size: 1.2rem;
                }
            }

            .checkboxes {
                position: relative;

                label.error {
                    color: inherit !important;
                }

                #privacy_statement-error {

                    position: absolute;
                    top: 23px;
                    left: 16px;

                    @media only screen and (max-width: 767px) {
                        top: 45px;
                    }

                }
            }

        }

        .personalInfoDiv,
        .Questionnaire {
            .apply-heading {
                h3 {
                    font-size: 1.5rem;
                }
            }
        }

        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {
            .eeoText {
                .form-group {
                    float: left;
                }

                .publicBurdenStatement {
                    width: 100%;
                    float: left;
                }
            }
        }

        @supports (-ms-ime-align: auto) and (font-variation-settings: normal) {
            .eeoText {
                .form-group {
                    float: left;
                }

                .publicBurdenStatement {
                    width: 100%;
                    float: left;
                }
            }
        }

    }

    .navigation-summary {
        .slick-list {
            .slick-track {
                li {
                    &:after {
                        top: 16px;
                    }
                }
            }
        }
    }

    .modal-open {
        .modal-dialog {
            .modal-content {
                h1 {
                    @media only screen and (max-width: 767px) {
                        font-size: 25px !important;
                    }
                }
            }
        }
    }


    .ph-apply-thankyou-area {
        .apply-thankyou-content {
            .thanku-header-text {
                h2 {
                    font-size: 30px !important;
                }
            }
        }
    }

    .applythankyou-page {
        .ph-apply-thankyou-area {
            p {
                .job-id {
                    &:after {
                        content: ".";
                    }
                }
            }
        }
    }

    .im-apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {

                    .single-sms-chbk {
                        display: flex;
                        flex-direction: row;
                        position: relative;
                        align-items: first baseline;
                        padding-bottom: 25px;
                        margin-bottom: 0;
                        width: 100%;
                        margin-top: 20px;
                        padding: 0 8px;
                        align-items: flex-start;

                        @media screen and (-ms-high-contrast: active),
                        (-ms-high-contrast: none) {
                            align-items: flex-start;
                        }

                        @supports (-ms-ime-align: auto) and (font-variation-settings: normal) {
                            align-items: flex-start;
                        }

                        input {
                            float: none;
                            margin-right: 10px;
                            min-height: inherit;
                        }


                        label {
                            font-weight: normal;

                            @media only screen and (max-width: 767px) {
                                width: 90%;

                            }
                        }

                    }

                    #preScreeningBlock {
                        .form-group {
                            width: 100%;
                            display: block;

                            &.full-width-dsq {
                                padding: 0;
                                width: 100%;

                                .disqualifiedQuestionsForm {
                                    textarea {
                                        width: 100%;
                                        height: 100px !important;
                                        padding-left: 8px;
                                        font-size: 15px;
                                        border-radius: 0;
                                        color: #282828;
                                        background-color: white;
                                    }
                                }

                                // .form-group{
                                //     width: 49%;
                                //     display: inline-block;
                                // }
                            }
                        }
                    }
                }
            }
        }

    }

    /*Quick apply styles */
    .apply-page {
        .ph-apply-box {
            h2.title {
                font-size: 2rem;
            }

            .options-block.resume-group {
                border: 1px solid @gray-light;
                padding: 40px 20px;
                margin: 0 0 25px;
                border-radius: 3px;

                @media only screen and (max-width: 767px) {
                    .drives {
                        display: inline-block;
                        padding: 20px 10px;

                    }
                }

                .cloud-options-group {
                    @media only screen and (max-width: 767px) {
                        width: 100%;
                        text-align: center;
                        margin-bottom: 20px;
                    }

                    ul {
                        li {
                            display: inline-block;
                            vertical-align: middle;

                            i {
                                height: 50px;
                                width: 50px;
                            }
                        }
                    }
                }

                .apply-or-line {
                    @media only screen and (max-width: 767px) {
                        display: none !important;
                    }
                }

                .resume-upload-wrapper {
                    @media only screen and (max-width: 767px) {
                        width: 100%;
                        display: block;
                        text-align: center;
                    }
                }
            }
        }
    }

    .apply-page {
        .apply_disclaimer_text_part2 {
            margin-bottom: 20px;
            margin-top: 10px;
        }

        .apply_disclaimer_text_part3 {
            ul {
                list-style-type: disc;

                li {
                    margin: 0 15px;
                }
            }
        }
    }

    .im-apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .prescreeningQuestionsForm {
                        .form-group {
                            width: 100%;
                        }
                    }

                }
            }
        }
    }

    .apply-summary-page {
        .group-field {
            display: inherit;

            .group-field-label,
            .group-field-value {
                width: 100%;
                display: block;
            }

        }
    }

    .apply-or-line {
        >span {
            position: relative;

            &:before {
                content: "";
                display: none;
                position: absolute;
                top: 9px;
                left: -20px;
                width: 18px;
                height: 2px;
                background-color: #000;
            }

            &:after {
                content: "";
                display: none;
                position: absolute;
                top: 9px;
                right: -20px;
                width: 18px;
                height: 2px;
                background-color: #000;
            }
        }
    }

    .file-delete {
        >i {
            padding: 0px;
        }
    }

    .apply-page {
        .has-error.has-danger.terms-conditions {
            .error-detail {
                width: 100%;
                margin-left: 0px;
            }
        }
    }


    // Alignments Changes
    .cc-apply-options {
        >ul {
            >li {
                display: inline-block;
                vertical-align: middle;
                padding: 0px 10px;

                >a {
                    >i {
                        font-size: 24px;
                    }
                }

                >a.dropbox {
                    >i {
                        font-size: 30px;
                    }
                }

                >a.skydrive {
                    >i {
                        font-size: 28px;
                    }
                }
            }
        }
    }

    .dz-message.needsclick {
        p {
            font-size: 16px;
            max-width: 150px;
            margin: 0px auto;
            color: #fff;
            background-color: #003DA5;
            border-color: #003DA5;
            padding: 8px 14px;
            cursor: pointer;
        }
    }

    .apply-or-line {
        >span {
            font-size: 18px;

            &:before {
                top: 11px;
            }

            &:after {
                top: 11px;
            }
        }
    }

    .resume_upload_block {
        margin-top: 28px;
    }

    .navigation-summary {
        min-height: 116px;
    }

    .apply-heading {
        font-size: 22px;
        font-weight: 600;
        margin: 0px auto 20px;
    }

    label {
        font-weight: 500;
    }

    .group-field {
        margin: 0px auto 10px;
        padding: 0px;
    }

    .btn-primary {
        color: #fff;
        background-color: @brand-color-primary;
        border-color: @brand-color-primary;

        &:hover {
            color: #fff;
            background-color: @brand-color-secondary;
            border-color: @brand-color-secondary;
        }
    }

    .apply-form-footer-inner {
        margin: 20px auto;
        padding: 0px 15px;
    }

    .job-title-section {
        .title {
            span {
                display: inline-block;
                display: inline-block;
            }

            h2 {
                display: inline-block;
                display: inline-block;

                a {
                    font-size: 20px;
                    font-size: 20px;
                }
            }
        }
    }

    .more-actions {
        margin: 0px auto 20px;
    }

    .cc-apply-options {
        width: 45%;
    }

    .resume_upload_block {
        width: 45%;
    }

    .apply-page-inner {
        .options-block {
            .selectFile {
                &:before {
                    left: 0px;
                    right: 0px;
                    margin: 0px auto;
                    width: 100% !important;
                    top: 10px;
                }
            }
        }

        margin: 0px auto 30px;
    }

    .apply-form-footer-inner {
        #previous {
            margin: 0px;
            color: #fff;
            background-color: #003DA5;
            border-color: #003DA5;
            padding: 4px 14px;
            float: left;
        }

        #next {
            color: #fff;
            background-color: #003DA5;
            border-color: #003DA5;
            padding: 4px 14px;
            float: right;
        }
    }

    .job-title-section {
        span {
            display: inline-block;
        }

        h2 {
            display: inline-block;

            a {
                font-size: 20px;
            }
        }
    }

    #eeoDiv {
        .box-content-block {
            .eeoText {
                p {
                    line-height: 26px;

                    u {
                        margin: 10px auto;
                        display: block;
                    }
                }
            }
        }
    }


    .overlaybg {
        img {
            max-width: 70px;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 50%;
            margin: -35px auto;
        }
    }

    // span.IN-Awli-widget {
    //  opacity: 0;
    //  max-width: 46px;
    // }
    .cc-apply-options {
        >ul {
            >li {
                >a {
                    >i.icon-linkedin {
                        // position: absolute;
                        // top: 27px;
                        // right: 10px;
                        display: none;
                    }
                }

                position: relative;
            }
        }
    }

    select {
        color: #555 !important;
    }

    textarea {
        color: #555 !important;
    }

    .candidate-info {
        .apply-or-line {
            margin-top: 16px !important;
        }
    }

    .checkbox-div {
        .checkbox-block {
            span.error {
                margin-top: 7px;
                display: block;
            }
        }
    }

    #questionnairDiv {
        .checkbox-div {
            .checkbox-block {
                .checkbox-group {
                    label {
                        color: #555;
                    }
                }
            }
        }
    }

    .cc-apply-options {
        >ul {
            >li {
                >a {
                    &:hover {
                        text-decoration: none;
                    }
                }
            }
        }
    }

    .afterUpload {
        padding: 0 !important;
        display: inline-block;
        vertical-align: middle;
        height: auto !important;
        min-height: auto !important;
    }

    .academic_transcript_file_action {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        min-height: auto;

        >a {
            i {
                float: none;
                margin-left: 4px;
            }
        }
    }

    // New Changes
    .navigation-summary {
        li.slide {
            &:last-child {
                &:before {
                    background: #000;
                    height: initial;
                }
            }
        }

        .slick-list {
            .slick-track {
                li {
                    &:last-child {
                        &:after {
                            left: 50%;
                            right: 0;
                        }
                    }
                }
            }
        }
    }

    .apply-page {
        .pageTitle {
            >span {
                display: inline-block;
                font-size: 24px;
            }

            margin: 0px auto 30px;

            @media only screen and (max-width:767px) {
                padding-top: 40px;
            }
        }

        .job-title {
            >a {
                font-size: 30px;
                margin-left: 10px;
            }
        }

        .ph-apply-box {
            .options-block.resume-group {
                .resume-upload-wrapper {
                    text-align: center;
                }
            }
        }

        .field-description {
            font-size: 24px;
        }

        .btn-next {
            background-color: @brand-color-primary ;
            border-color: @brand-color-primary;
            color: @white;
            float: right;
            width: 200px;
            border-radius: 7px;
            font-family: @font-family-default-bold;

            @media only screen and (max-width:767px) {
                width: auto;
            }

            &:hover {
                background-color: @white;
                border-color: @brand-color-primary;
                color: @brand-color-primary;
                ;
            }
        }

        .btn-prev {
            background-color: @brand-color-primary ;
            border-color: @brand-color-primary;
            color: @white;
            width: 200px;
            font-family: @font-family-default-bold;
            border-radius: 7px;

            @media only screen and (max-width:767px) {
                width: auto;
            }

            &:hover {
                background-color: @white;
                border-color: @brand-color-primary;
                color: @brand-color-primary;
            }
        }

        .btn-submit {
            background-color: @brand-color-primary ;
            border-color: @brand-color-primary;
            color: @white;
            width: 200px;
            font-family: @font-family-default-bold;
            border-radius: 7px;
            float: right;
            padding: 11px 24px;
            line-height: 27px;
            font-size: 14px;

            @media only screen and (max-width:767px) {
                width: auto;
            }

            &:hover {
                background-color: @white;
                border-color: @brand-color-primary;
                color: @brand-color-primary;
            }
        }
    }

    .job-title {
        display: inline-block;
        font-size: 24px;
    }

    input[type="radio"] {
        min-height: inherit;
        margin: 0px;
    }

    input[type="checkbox"] {
        min-height: inherit;
        margin: 0px;
    }

    .checkboxText {
        margin-left: 10px;
    }

    .react-datepicker-wrapper {
        width: 100%;
    }

    .apply-page {
        .ph-apply-box {
            .rjsf {
                .additional-attachment {
                    border: 1px solid #979797;
                    display: block;
                    padding: 10px;

                    .form-group #academic {
                        p {
                            font-size: 22px;
                        }

                        .form-fields {
                            padding-top: 20px;

                            @media only screen and (max-width:767px) {
                                text-align: center;
                            }
                        }
                    }

                    .field-description {
                        margin: 0;
                    }
                }
            }
        }

        .page2-attach-file {
            display: inline-block;
            width: 160px;
            padding: 6px 12px;
            background-color: #00559a;
            color: #fff;
            text-align: center;
            height: 40px;

            @media only screen and (max-width:767px) {
                margin-top: 13px;
            }
        }

        .cover-letter-files-div {
            margin: 12px 0px 0px -15px;
        }

        // .checkboxes {
        //  margin: 40px auto 0px;
        // }
        .checkbox {
            >label {
                >span {
                    >input {
                        display: inline-block;
                        vertical-align: middle;
                    }

                    >span {
                        margin-top: -16px;
                    }
                }
            }
        }

        .radio {
            >label {
                >span {
                    >input {
                        top: 8px;
                    }
                }
            }
        }

        .btn.primary-button {
            border-radius: 4px;
            padding: 11px 30px;
            float: right;

            @media only screen and (max-width:767px) {
                min-height: 50px;
            }

            &:hover {
                background-color: @white;
                border: 1px solid @brand-color-primary;
                color: @brand-color-primary;

            }
        }
    }

    .checkbox {
        >label {
            >span {
                >span {
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }
    }

    .apply-page {
        .resume-upload-wrapper {
            .primary-button {
                //float: none!important;
                //margin-bottom: 20px;
                min-height: 51px;
                width: auto;
                font-family: 'Raleway-Regular';
                font-weight: normal;
                font-size: 1.125rem;
                color: #ffffff;
                text-align: center;
                border-color: #FE000C;
                background: none;
                background-color: #fe000c;
                border-radius: 0;
                box-shadow: none;
                line-height: 27px;
                letter-spacing: normal;
                text-decoration: none;
                text-transform: none;
                padding-left: 24px;
                padding-right: 24px;
                border-width: 1px;
                padding-top: 11px;
                padding-bottom: 11px;

                &:hover {
                    background-color: @white;
                    border-color: @brand-color-primary;
                    color: @brand-color-primary;
                }

                @media only screen and (max-width:767px) {
                    float: none !important;
                    margin: 30px 0px;
                }
            }
        }

        .form-group {

            label {
                /* text-align: right;*/
                text-align: left;
                margin-top: 10px;

                @media only screen and (max-width:767px) {
                    text-align: left;
                }
            }

            label[for=ethnicity] {
                width: 100%;
                text-align: left;
            }
        }
    }


    .apply-page {
        .checkboxes {
            label {
                width: 50%;
                text-align: left;
                margin-left: 44%;
                padding: 0px;
            }
        }
    }

    .apply-page {
        .error-detail {
            /* width: 50%;
    margin-left: 43.5%;*/
            width: 100%;

        }
    }

    .daterangepicker-checkbox {
        width: 50%;
        margin-left: 42.5%;
    }

    .field-radio-group {
        .radio label {
            text-align: left;
        }

        .radio {
            &:first-child {
                margin: 0px auto 10px;
            }
        }
    }

    .apply-page {
        table {
            th {
                padding: 0px 10px;
            }

            td {
                padding: 0px 10px;
            }
        }
    }

    .summary-item {
        .summary-title {
            margin: 0px auto 12px;
        }
    }

    .summary-section {
        .summary-title {
            margin: 0px auto 12px;
        }
    }

    .terms-conditions {
        .checkbox {
            label {
                text-align: left;
            }
        }
    }

    .apply-page {
        .page2-attach-file {
            label {
                text-align: center;
                margin-top: 0;
            }
        }
    }

    .apply-page {
        .ph-apply-box {
            .options-block.resume-group {
                .cloud-options-group {
                    ul {
                        li.linkedin-option {
                            margin-top: 0px;
                        }
                    }

                }
            }
        }
    }

    .terms-conditions {
        .checkbox {
            label {
                .checkmark {
                    color: #f00;
                }
            }
        }
    }

    .markdown-as-header {
        .markdown {
            >p {
                font-weight: 600;
            }
        }
    }

    .markdown-bold {
        .markdown {
            >p {
                font-weight: 600;
            }
        }
    }

    .navigation-summary {
        .slick-track {
            .slick-slide {
                &:last-child {
                    li {
                        &:last-child {
                            &:after {
                                border-right-color: #ffffff !important;
                            }

                            &:before {
                                content: "";
                                position: absolute;
                                left: 28px;
                                top: 16px;
                                width: 64px;
                                height: 3px;
                                background-color: #bfbfbf;
                            }
                        }
                    }
                }

                &:nth-child(5) {
                    li {
                        &:last-child {
                            &:after {
                                //display: none;
                            }
                        }
                    }
                }
            }
        }
    }

    .additional-attachment a.dropbox,
    .additional-attachment a.onedrive {
        display: block;
        height: 40px;
        border-radius: 0px;
    }

    .apply-page {
        .languages {
            .checkbox {
                label {
                    text-align: left;

                    span {
                        display: inline-block;
                        vertical-align: middle;
                        margin-top: -10px;
                    }
                }

                width: 50%;
                margin-left: 42.5%;
                margin-top: 0px;
            }
        }
    }

    .apply-page {
        .additional-attachment {
            .form-fields {
                text-align: center;

                .col-md-12 {
                    display: inline-block;
                    vertical-align: middle;
                    width: 10%;

                    @media only screen and (max-width:767px) {
                        width: auto;
                    }
                }

                .page2-or-text {
                    @media only screen and (max-width:767px) {
                        display: none;
                    }
                }

                .cloud-icon {
                    margin: 0 !important;
                }
            }
        }
    }


    .apply-page {
        .object-field.undefined {
            .object-field-header {
                display: none;
            }
        }

        .phoneWidget {
            .object-field-header {
                display: none;
            }
        }

        .summary-item {
            margin: 0px auto 12px;

            .educationData-item {
                table.educationData-table.Education.\:.table-as-list {
                    thead {
                        display: none;
                    }

                    tbody {
                        tr {
                            display: flex;
                            flex-direction: column;
                            margin-bottom: 10px;
                        }
                    }
                }
            }
        }

        .countryPhoneCode {
            .summary-label {
                display: none;
            }
        }
    }

    .apply-page {
        .summary-section {
            .summary-title {
                h3 {
                    >span+span {
                        margin-left: 10px;
                        text-decoration: underline;
                    }
                }
            }
        }
    }


    @media only screen and (min-width: 641px) {
        .apply-page {
            .ph-apply-box {
                .additional-attachment {
                    .form-group {
                        #root {
                            .form-fields {
                                div[class="col-md-12"] {
                                    width: 10%;
                                    display: inline-block;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media only screen and (max-width:767px) {
        .apply-page {
            .checkboxes {
                label {
                    width: 100%;
                    text-align: left;
                    margin-left: 0px;
                }
            }
        }

        .form-group label {
            text-align: left;
        }

        .apply-page {
            .error-detail {
                width: 100%;
                margin-left: 10px;
            }
        }

        .daterangepicker-checkbox {
            width: 100%;
            margin-left: 0%;
        }

        .apply-page {
            .languages {
                .checkbox {
                    width: 100%;
                    margin-left: 10px;
                    margin-top: 0px;
                }
            }
        }

        .ph-apply-box {
            margin: 0px auto 80px;
        }

        .apply-page {
            .job-title {
                >a {
                    font-size: 22px;
                    margin: 0px;
                }
            }

            .page2-attach-file {
                label {
                    text-align: center;
                }
            }

            .checkboxes {
                margin-left: 25px;
            }
        }

        .page2-or-text {
            label {
                text-align: center;
            }
        }

        .apply-page {
            .ph-apply-box {
                .options-block.resume-group {
                    .cloud-options-group {
                        ul {
                            li.linkedin-option {
                                margin-top: 0px;
                            }
                        }

                        margin: 0px auto 0px;
                    }
                }
            }
        }

        .resume-upload-wrapper {
            >button {
                margin: 12px auto 0px;
            }
        }

        #voluntaryDiv {
            .box-content-block {
                .skills-section {
                    #skillshead {
                        margin: 0px 0 0;
                    }
                }

                .more-actions {
                    margin: 4px 0;
                }
            }

            .academic-options-inner-block {
                .apply-or-line {
                    display: none !important;
                }
            }
        }

        .apply-heading {
            margin: 0 auto 8px;
        }

        .additional-attachment-icons {
            margin: 0px !important;
        }

        .navigation-summary {
            float: none;
        }

        .widget-container {
            padding: 0 30px;
        }

        .apply-page {
            .ph-apply-box {
                .additional-attachment {
                    .form-group {
                        #root {
                            .form-fields {
                                div[class="col-md-12"] {
                                    &:nth-child(1) {
                                        display: inline-block;
                                    }

                                    &:nth-child(2) {
                                        display: inline-block;
                                    }
                                }

                                text-align: center;
                            }
                        }
                    }
                }
            }
        }

        .navigation-summary {
            .slick-prev {
                font-size: 0 !important;
            }

            .slick-next {
                font-size: 0 !important;
            }
        }

        .navigation-summary {
            li.slide {
                &:last-child {
                    &:before {
                        height: 3px;
                        top: 15px;
                    }
                }
            }

        }


    }

    @media only screen and (max-width: 1023px) and (max-width: 767px) {
        .navigation-summary {
            .slick-list {
                .slick-track {
                    li {
                        &:last-child {
                            &::after {
                                height: 2px;
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 1024px) {
        .slick-initialized {
            .slick-slide {
                margin-left: 0px;
            }
        }

    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        fieldset {
            width: 100%;
        }

        .apply-page {
            .languages {
                .checkbox {
                    width: 100%;
                    margin-left: 10px;
                    margin-top: 0px;
                }
            }
        }

        .cc-apply-options {
            width: 56% !important;
        }

        .resume_upload_block {
            width: 34% !important;
        }

        .navigation-summary {
            .slick-prev {
                font-size: 0 !important;
            }

            .slick-next {
                font-size: 0 !important;
            }

            .slick-list {
                .slick-track {
                    li {
                        &:last-child {
                            &::after {
                                border-right: 350px solid #23262c !important;
                            }
                        }
                    }
                }
            }
        }

        .apply-page {
            .form-group {
                label {
                    text-align: left;
                }
            }
        }

        .apply-page {
            .error-detail {
                width: 100%;
                margin-left: 8px;
            }
        }

        .apply-page {
            .ph-apply-box {
                .options-block.resume-group {
                    .resume-upload-wrapper {
                        width: 18%;
                    }

                    .cloud-options-group {
                        width: 35%;
                    }
                }
            }
        }

        .apply-page {
            .ph-apply-box {
                .options-block.resume-group {
                    .apply-or-line {
                        width: 65px;
                    }
                }
            }
        }

    }

    #registrationDiv {
        .accept-check-field {
            &.smsOptInCheckbox {
                .candidate-info {
                    width: 1% !important;
                }

                >div {
                    &:nth-child(2) {
                        width: 90% !important;
                    }
                }
            }
        }
    }

    // .apply-page .navigation-summary .slick-list .slick-track .slick-slide:last-child:after{
    //   content: '';
    //   border-right-color: #fff !important;
    // }
    .apply-page .navigation-summary .slick-list .slick-track div.slick-slide:last-child li:last-child:after {
        content: '';
        border-right-color: #fff !important;
    }

    .apply-page .navigation-summary .slick-list .slick-track div.slick-slide:last-child li[atm-id="applicationReview"]:last-child:after {
        content: '';
        border-right-color: #fff !important;
    }

    .apply-page-thankyou {
        .applythankyou-default {
            text-align: center;
            padding: 50px;

            @media only screen and (max-width:767px) {
                padding: 0;
                padding-top: 20px;
            }

            .applythankyou {
                #one-more {
                    margin-bottom: 20px;
                    font-size: 18px;
                }

                p {
                    margin: 20px 0 20px;
                    font-size: 18px;
                }

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

    // New styles
    .apply-page {
        .ph-apply-box {
            .options-block.resume-group {
                // border: transparent;
                // padding: 20px 0px 0px;
                text-align: center;
                padding: 20px;

                .cloud-options-group {
                    ul {
                        li.linkedin-option {
                            margin-top: 0px;
                        }

                        li {
                            i {
                                height: 40px;
                                width: 40px;
                            }

                            margin-top: 45px;
                        }
                    }

                    width: 35%;
                    float: inherit;
                    display: inline-block;
                }

                .apply-or-line {
                    width: 87px;
                    display: inline-block;
                    text-align: center;
                }

                .resume-upload-wrapper {
                    width: 18%;
                    display: inline-block;
                    text-align: center;
                    margin-top: 24px;
                }
            }
        }

        .apply-or-line {
            margin-top: 24px !important;
        }

        .resume-upload-wrapper {
            .primary-button {
                float: none !important;
            }
        }
    }

    .apply-or-line {
        >span {
            &:before {
                content: "";
                position: absolute;
                display: block;
                top: 11px;
                left: -20px;
                width: 18px;
                height: 2px;
                background-color: #000;
            }

            &:after {
                content: "";
                position: absolute;
                display: block;
                top: 11px;
                right: -20px;
                width: 18px;
                height: 2px;
                background-color: #000;
            }
        }

        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .text-danger {
        color: #FE000C;
    }

    .has-error {
        .form-control {
            border-color: #FE000C;
        }

        .help-block {
            color: #FE000C;
        }

        .control-label {
            color: #FE000C;
        }

        .radio {
            color: #FE000C;
        }

        .checkbox {
            color: #FE000C;
        }

        .radio-inline {
            color: #FE000C;
        }

        .checkbox-inline {
            color: #FE000C;
        }
    }

    .has-error.radio {
        label {
            color: #FE000C;
        }
    }

    .has-error.checkbox {
        label {
            color: #FE000C;
        }
    }

    .has-error.radio-inline {
        label {
            color: #FE000C;
        }
    }

    .has-error.checkbox-inline {
        label {
            color: #FE000C;
        }
    }

    .required {
        font-size: 20px;
        line-height: 20px !important;

    }

    .apply-page {
        .error-msg {
            margin-left: 0px;
            background-color: #fff;

            .errorHeader {
                background-color: #eeeeee;
            }

            .errorList {
                background-color: #eee;
            }
        }
    }

    .apply-page {
        .form-group {
            label {
                color: #000;
            }
        }

        .form-control {
            color: #000;
        }

        select {
            color: #000 !important;
        }
    }

    .array-button-add {
        background-color: #fff;
        padding: 4px 6px;
        color: #000 !important;
    }

    .add-icon {
        color: #000 !important;
    }

    .array-button-remove {
        background-color: #fff;
        padding: 4px;
    }

    .apply-page {
        .page2-attach-file {
            label {
                color: #fff;
            }
        }

        .ph-apply-box {
            .rjsf {
                .additional-attachment {
                    .field-description {
                        margin: 0px auto 12px;
                    }
                }
            }
        }
    }

    .apply-page {
        .form-group {
            .async-field-object {
                label {
                    margin: 0px auto 10px;
                }

                fieldset {
                    .row {
                        .checkboxes {
                            margin-left: 26px;
                        }
                    }

                    .form-group {
                        margin-bottom: 18px;
                    }
                }
            }
        }
    }

    .ph-apply-thankyou-area {
        .apply-thankyou-content {
            .thanku-header-text {
                p {
                    a {
                        font-weight: 600;
                        color: #000;
                    }
                }
            }
        }
    }

    .apply-page {
        .form-group {
            .async-field-object {
                label {
                    display: inline-block !important;
                }
            }
        }

        // .row {
        //  padding: 0px !important;
        // }
        .summary-label {
            font-weight: 600;
            text-transform: capitalize;
        }

        .summary-item {
            margin: 0px auto 20px;
        }

        .countryPhoneCode {
            .summary-label {
                display: block;
                text-transform: capitalize;
            }
        }
    }

    .summary-section {
        .summary-title {
            h3 {
                font-size: 20px;
                line-height: 30px;
            }
        }
    }

    .summary-text {
        .object-field-header {
            h3 {
                font-size: 20px;
                line-height: 30px;
            }
        }

        .object-field {
            margin: 0px auto 12px;
        }
    }

    .docx {
        margin: 0px;
    }

    .doc {
        margin: 0px;
    }

    .pdf {
        margin: 0px;
    }

    .csv {
        margin: 0px;
    }

    .icon-delete {
        float: inherit;
    }

    .apply-page {
        .form-control {
            // width: 75%;
        }

        .form-group {
            #phoneWidget-errorMsg {
                margin-left: 43.5%;
            }
        }
    }

    .options-block.resume-group {
        .drives {
            border: transparent !important;
            padding: 20px 0px 0px !important;
        }
    }

    .apply-page {
        .row {
            .row {
                padding: 0 !important;
            }
        }
    }

    .navigation-summary {
        .slick-track {
            .slick-slide {
                &:last-child {
                    li {
                        &:last-child {
                            &:before {
                                background-color: transparent !important;
                            }
                        }
                    }
                }
            }
        }
    }

    .ph-apply-thankyou-area {
        padding: 80px 0 0px 0;
    }

    .apply-page {
        .form-group {
            #ethnicity {
                width: 100% !important;
                font-size: 14px;
            }
        }
    }

    .apply-page {
        .ph-apply-box {
            .rjsf {
                .additional-attachment {
                    margin-left: -25px;
                    width: 52%;
                }
            }
        }

        .field-description {
            font-weight: 500;
            color: #6400ff !important;
            margin-bottom: 10px;
        }
    }

    .applythankyou {
        >p {
            a {
                color: #33b8ff;
                text-transform: uppercase;
                font-weight: 600;
                text-decoration: none;
            }
        }
    }

    .applythankyou {
        h2 {
            text-align: center;
            font-size: 20px;
        }

        p {
            text-align: center;
            font-size: 16px;
        }

        text-align: center;
        margin: 0px auto 50px;

        a {
            margin: 20px auto 0px;
        }
    }

    // Media Queries
    @media only screen and (max-width: 767px) {
        .apply-page {
            .ph-apply-box {
                .rjsf {
                    .additional-attachment {
                        margin-left: 0px;
                        width: 100%;
                    }
                }
            }
        }

        .apply-page {

            .form-group {
                #phoneWidget-errorMsg {
                    margin-left: 0px;
                }
            }

            .array-button-remove {
                margin-top: -10px;
            }
        }

        .apply-page {
            .ph-apply-box {
                .options-block.resume-group {
                    .cloud-options-group {
                        width: 100%;

                        ul {
                            li.linkedin-option {
                                display: block;
                            }

                            li {
                                margin-top: 10px;
                            }
                        }
                    }

                    .apply-or-line {
                        width: 100%;
                        display: block !important;
                        margin: 24px 0px 0px !important;
                    }

                    .resume-upload-wrapper {
                        width: 100%;
                        margin: 0px;
                        padding: 0px;
                    }

                    .drives {
                        width: 100%;
                    }
                }
            }
        }

        .options-block.resume-group {
            .drives {
                .cloud-options-group {
                    ul {
                        display: block !important;
                    }
                }
            }
        }

    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .apply-page {
            .ph-apply-box {
                .rjsf {
                    .additional-attachment {
                        margin-left: 0px;
                        width: 100%;
                    }
                }
            }
        }

        .apply-page {
            .navigation {
                margin: 0px auto 50px;
            }
        }

        .apply-page {

            .form-group {
                #phoneWidget-errorMsg {
                    margin-left: 0px;
                }
            }
        }

        .apply-page {
            .resume-upload-wrapper {
                .primary-button {
                    width: 100%;
                    font-size: 14px;
                }
            }

            .ph-apply-box {
                .options-block.resume-group {
                    .cloud-options-group {
                        width: auto;
                        margin: 0px auto;
                        text-align: center;
                    }
                }
            }
        }

        .apply-page {
            .ph-apply-box {
                .options-block.resume-group {
                    .apply-or-line {
                        width: 100px;
                    }

                    .resume-upload-wrapper {
                        width: 36%;
                    }
                }
            }
        }
    }

    .apply-page {
        .attachment-wrapper {
            .attachment {
                .attachment-container {
                    ul.attachment-options {

                        li {
                            display: inline-block;
                            padding: 0 20px;
                            clear: both;
                            vertical-align: middle;
                            margin: 5px 0 5px 0;

                        }
                    }

                }
            }
        }

        .form-group label {
            margin-bottom: 10px;
        }
    }

    .apply-page {
        .rjsf {
            .col-md-12 {
                .form-group {
                    label {
                        text-align: right;
                    }
                }
            }
        }
    }

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

        .apply-page {
            .form-group {
                ul {
                    .text-danger {
                        margin-left: 0% !important;
                    }
                }
            }
        }

        .apply-page {
            .rjsf {
                .col-md-12 {
                    .form-group {
                        label {
                            text-align: left;
                        }
                    }
                }
            }
        }

    }

    .apply-page {
        .form-group {
            ul {
                .text-danger {
                    margin-left: 43% !important;
                }
            }
        }
    }

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

        .apply-page {
            .form-group {
                ul {
                    .text-danger {
                        margin-left: 0% !important;
                    }
                }
            }
        }

    }

    .apply-page .apply-or-line {
        margin-top: 0 !important;
        display: inline-block;
        top: -27px;
        position: relative;
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .apply-page {
            .apply-or-line {
                margin-left: 2rem !important;
                margin-right: 2rem !important;
            }

            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .options-block {
                            .cc-options {
                                justify-content: center;
                                flex-basis: fit-content;
                                text-align: center;
                                width: 100%;
                                float: unset;
                            }
                        }
                    }
                }
            }
        }

        .cc-apply-options {
            justify-content: center;
            flex-basis: fit-content;
            width: 45% !important;
        }
    }

    @media only screen and (max-width: @screen-xs-max) {
        .apply-page {
            .apply-or-line {
                top: 0px;
                width: auto;
            }
        }
    }

    //apply flow issue for dynamic section//
    .disqualifiedQuestionsForm {
        width: 100% !important;
    }

    //apply flow issue for dynamic section//
    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .options-block {
                        margin: 25px 0 25px;

                        .cc-options {
                            width: 60% !important;
                        }

                        .apply-or-line {
                            margin-left: 2rem !important;
                            margin-right: 2rem !important;
                        }
                    }

                    .afterUploadOuter.docx {
                        position: absolute;
                    }

                    .checkboxes_consent {
                        margin-top: 15px;
                    }
                }
            }
        }
    }

    @media only screen and (max-width:@screen-xs-max) {
        .apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .options-block {
                            .cc-options {
                                width: 100% !important;

                                li {
                                    display: unset;
                                }
                            }

                            .apply-or-line {
                                margin-left: 0;
                                margin-right: 0;
                                width: auto !important;
                            }

                        }

                    }
                }
            }

        }

        .cc-options.cc-options-2 {
            padding-left: 0 !important;
        }
    }

    .form-group label {
        display: inline-flex;
    }

    .apply-page table td {
        padding: 10px 10px 0px;
        border: 0;
    }

    .apply-heading {
        font-size: 40px;
    }

    .cc-options.cc-options-2 {
        padding-left: 120px;
    }

    @media only screen and (max-width:@screen-sm-max) {
        .apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .options-block {
                            .cc-options {
                                width: 100% !important;
                            }

                            .apply-or-line {
                                margin-left: 2rem !important;
                                margin-right: 2rem !important;
                            }
                        }
                    }
                }
            }

            .cc-options.cc-options-2 {
                padding-left: 0px;
            }
        }
    }

    @media only screen and (min-width:768) and (max-width:1024) {
        .apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .options-block {
                            .cc-options {
                                width: 100% !important;
                            }

                            .apply-or-line {
                                margin-left: 1rem !important;
                                margin-right: 1rem !important;
                            }
                        }
                    }
                }
            }

            .cc-options.cc-options-2 {
                padding-left: 0px;
            }
        }

        .cc-apply-options {
            justify-content: center;
            flex-basis: fit-content;
            width: 50% !important;
        }
    }

    .disqualifiedQuestionsForm .form-group {
        width: 100% !important;
    }

    .apply-page-inner .form-group.full-width-dsq {
        .form-group {
            width: 100% !important;
        }

        width: 100% !important;
    }

    .navigation-summary .slick-list .slick-track li:last-child:after {
        border-right: 119px solid #FFF !important;
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .form-group {
                        label.control-label {
                            pre {
                                padding: 0px;
                            }
                        }
                    }
                }
            }
        }
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                .next {
                    &:hover {
                        float: right;
                        background-color: #FFF;
                        border-color: #6400FF;
                        color: #6400FF;
                    }
                }
            }
        }
    }

    .apply-form-footer-inner #previous {
        margin: 0;
        color: #fff;
        background-color: #6400FF;
        border-color: #6400FF;
        padding: 11px 24px;
        float: left;
        width: 125px;
    }

    .apply-form-footer-inner {
        #previous {
            &:hover {
                background-color: #fff;
                border: 1px solid #6400ff;
                color: #6400ff;
            }
        }
    }

    .apply-form-footer-inner {
        #previous {
            padding: 11px 24px;
            width: 125px;
            font-size: 14px;
        }
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                .next {
                    width: 125px;
                    font-size: 14px;
                }
            }
        }
    }

    .apply-form-footer-inner {
        padding: 0px;
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .apply-form-footer {
                        padding: 0px;
                    }
                }
            }
        }
    }

    .sub-head htmlmessage {
        font-weight: bold;
    }

    div#prescreeningQuestionsForm .form-group {
        width: 100% !important;
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .form-group {
                        label.control-label {
                            display: block;
                        }
                    }
                }
            }
        }
    }

    .apply-page {
        .apply-form-footer-inner {
            .btn.primary-button {
                margin-right: 10px;
            }
        }
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .personalInfoDiv {
                        .checkboxes_consent {
                            label {
                                display: inline;
                            }
                        }
                    }
                }
            }
        }
    }

    .apply-page {
        .ph-apply-box {
            .apply-page-inner {
                form#cmsForm {
                    .form-group {
                        .select {
                            select#IRCO_US_Region_Relocation {
                                height: auto;
                                overflow-x: scroll;
                            }
                        }
                    }

                    .prescreeningQuestionsForm {
                        .form-group {
                            .select {
                                select {
                                    height: auto;
                                    overflow-x: scroll;
                                }
                            }
                        }
                    }

                    .experience {
                        .form-group {
                            display: inline-table;
                        }

                        .agreementDiv {
                            label {
                                margin: 20px 0px;
                                font-weight: bold;
                            }
                        }
                    }
                }
            }
        }
    }

    //checkbox alignment issue - TRAN-322
    .es_global {
        .apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .form-group {
                            .option-style {
                                label {
                                    display: initial;
                                    line-height: 50px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    //Calendar issue - TRAN-321
    .apply-page {
        table {
            tbody {
                tr {
                    display: inherit;
                }
            }

            td {
                padding: 8px 6px 0;
            }
        }
    }


    .disablity label {
        display: inline;
    }

    .disablity input.check {
        min-height: 13px;
    }

    .option-style {
        margin-bottom: 20px;
    }

    @media only screen and(max-width:@screen-xs-max) {
        .apply-page .apply-form-footer-inner .btn.primary-button {
            margin-right: 10px;
            margin-top: 10px;
        }
    }


    .de_global {
        .apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .options-block {
                            padding: 42px;
                        }
                    }
                }
            }
        }
    }


    .de_global {
        .apply-page {
            .ph-apply-box {
                .apply-page-inner {
                    form#cmsForm {
                        .afterUpload {
                            margin-top: 18px;
                        }
                    }
                }
            }
        }
    }

    .apply-page .ph-apply-box .options-block .cloud-options .drives .cloud-options-group ul li .awli-2-o {
        margin-right: 0 !important;
    }

    /*CSTMZTN-11449 */
    .apply-page {
        .rjsf {
            .row.no-gutter.form-fields {
                .checkbox {
                    input[type="checkbox"] {
                        position: absolute !important;
                        margin-left: -22px !important;
                        /* margin-top: 1px !important; */
                        vertical-align: top;
                        display: inline-block;
                        margin-top: 3px !important;
                        height: 13px !important;
                        width: 13px !important;
                    }

                    label {
                        display: block;
                    }
                }
            }
        }

    }


    /* TRANE APPLY STYLING - ITJP2H-226 */
    label#privacyPolicyContent-label {
        text-align: left !important;
        width: 100% !important;
    }

    .ph-apply-box #breadcrumb-summary ul .slick-list li:last-child:before {
        height: 3px !important;
        width: 100% !important;
        top: 19px !important;
    }

    .ph-apply-box #breadcrumb-summary ul li::after {
        width: 0% !important;
        top: 19px !important;
    }

    .ph-apply-box .decline-btn.dBlock .col .markdown .nav-footer buttonn {
        color: #ffffff !important;
        background: #0571e9 !important;
        border: 1px solid gray !important;
        height: 42px !important;
        border-radius: 7px !important;
        width: 120px !important;
        margin-left: 10px !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

    .apply-page .ph-apply-box button.btn.primary-button.back-to-jd-button {
        width: 120px !important;
    }


    .col .markdown .nav-footer a {
        color: #ffffff !important;
        background: #0571e9 !important;
        border: 1px solid gray !important;
        padding: 11px !important;
        border-radius: 7px !important;
        text-decoration: none;
        font-weight: 100;
    }

    .apply-page .rjsf .col-md-12 .form-group label {
        text-align: left !important;
        display: block !important;
    }

    .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
        text-decoration: none !important;
        background-color: #6400ff !important;
        border-radius: 7px !important;
        color: #fff !important;
        margin-top: 0 !important;
    }

    .apply-page .ph-apply-box .options-block.resume-group .cloud-options-group ul li {
        margin-top: 0 !important;
        width: 100% !important;
    }

    .options-block.resume-group .drives {
        margin: 0 !important;
        padding: 24px 20px 24px 0 !important;
    }

    .resume-group .drives .apply-or-line {
        padding: 0 !important;
        margin-top: 0 !important;
    }

    .apply-page .apply-or-line {
        margin-top: 0 !important;
        top: 0 !important;
    }

    .apply-page .ph-apply-box .options-block.resume-group:hover {
        background-color: transparent !important;
        cursor: auto !important;
    }

    .apply-page .btn-prev,
    .apply-page .btn-next {
        margin-bottom: 30px !important;
        width: 150px;
    }

    button.btn-navigate {
        line-height: 0 !important;
    }

    .apply-page .ph-apply-box .options-block.resume-group .apply-or-line {
        display: flex !important;
        width: 5% !important;
    }

    .resume-group .drives .dropbox.cloud-icon {
        margin-top: 0 !important;
    }

    .apply-page .ph-apply-box .options-block.resume-group .resume-upload-wrapper {
        margin-top: 0 !important;
    }

    .apply-page .radio>label>span>input {
        top: 6px !important;
    }

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

    .array-button-add {
        border: 1px solid black !important;
    }

    .array-button-remove {
        border: none !important;
    }

    .apply-or-line>span:before,
    .apply-or-line>span:after {
        display: none !important;
    }

    .resume-group .drives .skydrive.cloud-icon {
        margin-top: 0 !important;
    }

    .resume-mandatory {
        color: red !important;
    }

    .row.form-group.field.field-string.two-line-field.desease {
        margin-left: 15px !important;
    }

    #breadcrumb-summary .slick-list .slick-track li.progress-enable.progress-complete .number {
        top: 5px !important;
    }

    .ph-apply-box #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
    #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
        background-color: #6400ff !important;
        border: 1px solid #6400ff !important;
        box-shadow: 0 0 0 4px #6400ff, 0 0 0 5px #6400ff;
    }

    .navigation.privacyNotice-step {
        display: none !important;
    }

    .dropbox,
    .skydrive {
        width: 40px !important;
        height: 40px !important;
    }

    .attachment-container {
        list-style: none;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .file-attachment {
        background-color: #006bd3 !important;
        color: #fff !important;
    }

    #breadcrumb-summary .slick-slider .slick-list {
        width: 100% !important;
        margin-left: 11px !important;
    }

    .apply-page .form-group ul .text-danger {
        margin-left: 42.5% !important;
    }

    .apply-page .ph-apply-box .options-block.resume-group .cloud-options-group {
        width: auto !important;
    }

    @media screen and (min-width:320px) and (max-width:768px) {
        .col .markdown .nav-footer button {
            width: 25% !important;
            font-size: 12px !important;
        }

        .navigation-summary li.slide:last-child:before {
            left: 47% !important;
        }

        .navigation-summary .slick-list .slick-track li.progress-enable.progress-complete:after {
            border-right: 172px solid #23262c !important;
        }

        .ph-apply-box .cloud-options-group ul {
            flex-wrap: wrap;
            justify-content: space-around;
            flex-direction: row;
        }
    }

    /* Styles for screens between 768px (like iPad mini) and 1366px (like iPad Pro landscape) */
    @media screen and (min-width: 768px) and (max-width: 1366px) {

        /* Your styles for a general tablet layout */
        .ph-apply-box #breadcrumb-summary ul .slick-list li:last-child:before {
            height: 3px !important;
            width: 100% !important;
            top: 19px !important;
            left: 47% !important;
        }
    }


    .apply-page table tbody tr {
        display: flex !important;
    }

    input#educationData\[0\]\.schoolName {
        margin-left: 7px !important;
        width: 98% !important;
    }

    @media screen and (min-width:1024px) {

        label#jsqData\.RECR_Questionnaire_External\.a-label,
        label#jsqData\.RECR_Questionnaire_External\.b-label,
        label#jsqData\.RECR_Questionnaire_External\.c-label {
            width: 56% !important;
        }

        .attachment-title {
            margin-left: 30px !important;
        }
    }

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

        .daterangepicker-checkbox,
        .apply-page .form-group ul .text-danger {
            margin-left: 0 !important;
        }

        input#educationData\[0\]\.schoolName {
            border: none !important;
        }

        .attachment-container {
            justify-content: flex-start !important;
        }

        .apply-page .error-msg {
            margin-top: 200px !important;
            margin-bottom: 0 !important;
        }

    }

    @media screen and (min-width:320px) and (max-width:430px) {

        .apply-page .form-group ul .text-danger {
            margin-left: -13px !important;
        }

        .apply-page .ph-apply-box .options-block.resume-group .apply-or-line {
            justify-content: center !important;
            margin-bottom: 25px !important;
        }
    }

    .summary-item {
        margin: 0 !important;
    }

    .apply-page table tbody tr {
        display: flex !important;
    }

    .navigation-summary .slick-list .slick-track li:last-child:after {
        border-right: 150px solid #FFF !important;
    }

    .apply-page .form-group ul .text-danger {
        text-align: left !important;
    }

    .remove-action .array-button-remove {
        background: transparent !important;
    }

    .array-item-list .remove-action {
        right: 50px !important;
        top: -30px !important;
    }

    .apply-page .form-group ul .text-danger {
        margin-left: 0 !important;
    }

    @media screen and (min-width: 320px) and (max-width: 430px) {
        .apply-page button.btn.primary-button.back-to-jd-button {
            margin-bottom: 0 !important;
            width: 18% !important;
        }

        .apply-page .ph-apply-box .options-block.resume-group .drives .apply-or-line {
            width: 100% !important;
        }

        .apply-page .array-button-remove {
            margin-top: -25px !important;
            margin-left: 40px !important;
        }

        .apply-page .current-step-personalInformation .rjsf .error-msg {
            margin-top: 20px !important;
        }

        .resume-group .drives .apply-or-box {
            width: 32px !important;
        }

        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 25% !important;
        }

        button.btn.primary-button.btn-submit {
            width: 38% !important;
            font-size: 18px !important;
            height: 45px !important;
        }
    }

    @media screen and (min-width: 431px) and (max-width: 768px) {
        .apply-page .current-step-personalInformation .rjsf .error-msg {
            margin-top: 20px !important;
        }

        button.upload-resume-btn.btn.primary-button {
            margin-bottom: 6px !important;
        }

        .daterangepicker-checkbox {
            padding-left: 0px !important;
        }

        .rbt div {
            border: none !important;
        }

        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 25% !important;
        }
    }

    a {
        font-size: 13px !important;
        word-break: break-word !important;
    }

    .apply-page .form-fields .form-group ul .text-danger {
        margin-left: 0% !important;
    }

    .apply-page .current-step-jobSpecificQuestions .form-fields .form-group ul .text-danger {
        margin-left: 0 !important;
    }

    .html.after-upload {
        background-image: url(https://assets.phenompeople.com/CareerConnectResources/prod/PWCECE/en_ce/desktop/assets/images/html-iocn.png) !important;
    }

    .markdown-as-header .markdown>p,
    .myexperience .markdown p,
    .review .markdown p {
        font-size: 22px !important;
        font-weight: 600 !important;
    }

    .markdown h3 {
        font-size: 25px;
    }

    .ph-apply-box {
        h2 {
            font-size: 36px;
        }

        p {
            line-height: 1.8;
        }

        label#privacyPolicyContent-label .label-html-content p a {
            font-size: 16px !important;
        }

        .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
            margin-top: 48px;
            text-decoration: underline;
            font-size: 14px !important;
            line-height: 20px;
            font-family: 'Chalet-LondonSixty';
        }

        /*ul#experienceData-errorMsg {
         margin-left: -4%;
         position: relative;
         top: -80px;
     }*/

        ul#educationData-errorMsg {
            margin-left: -4%;
            position: relative;
            /*bottom: 80px;*/
        }
    }

    .apply-page #disability_heading_self_identity1 {

        .radio>label>span>input {
            top: 0 !important;
            margin-left: -27px;
            width: 20px;
            height: 20px;
        }

        input[type='radio']:checked {
            background-image: none !important;
            position: absolute !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            .form-fields .form-group ul .text-danger {
                margin-left: 0 !important;
            }

            .resume-group .drives li.linkedin-option #applyAwliWidget iframe {
                height: 50px !important;
                width: 100% !important;
            }

            .ph-apply-box .btn-prev,
            .ph-apply-box .btn-next {
                width: 120px !important;
            }

            .educationhide .async-typeahead-v3 {
                padding-left: 8px;
                padding-right: 8px;
            }

            ul#educationData-errorMsg {
                margin-left: 0;
                position: relative;
                /* bottom: 80px; */
            }

            .daterangepicker-checkbox {
                margin: 0;
                padding-left: 0;
            }

            button.btn.primary-button.btn-submit {
                height: 40px !important;
                min-height: 40px !important;
                line-height: 1 !important;
            }

            .col .markdown .nav-footer button {
                width: 25% !important;
                font-size: 12px !important;
            }

            h2 {
                font-size: 28px;
                padding-left: 10px;
            }

            .markdown-as-header .markdown>p,
            .myexperience .markdown p,
            .review .markdown p {
                font-size: 22px !important;
                font-weight: 600 !important;
                padding-left: 10px;
            }

            .row.form-group.field.field-array.custom-object.we {
                padding-left: 10px !important;
            }

            .row.form-group.field.field-string.two-line-field.eeoDiv.fw {
                padding-left: 10px !important;
                padding-right: 15px !important;
            }

            #disability_heading_self_identity1 .row.form-fields {
                padding-left: 10px !important;
            }

            input#educationData\[0\]\.schoolName {
                margin-left: 0px !important;
                width: 100% !important;
            }

            .options-block.resume-group .drives .cloud-options-group ul {
                display: flex !important;
                width: 160px !important;
                align-items: end;
            }

            #applyAwliWidget iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100% !important;
                height: 100% !important;
                border: 0;
            }

            div#applyAwliWidget {
                position: relative;
                width: 100%;
                max-width: 800px !important;
                margin: 0 auto;
                overflow: hidden;
                padding-top: 20%;
            }

            button#apply-with-linkedin.btn-sm {
                width: 150px;
                height: 50px !important;
                margin-left: auto;
                margin-right: auto;
            }

            .navigation.privacyNotice-step {
                padding: 0 !important;
            }
        }
    }

    .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 97.5%;
        margin-left: auto;
        margin-right: auto;
    }

    ul#veteranStatus-errorMsg li.text-danger {
        padding-left: 0 !important;
    }

    .ph-apply-box .daterangepicker-checkbox {
        margin-left: calc(41% + 16px);
    }

    ul#secondaryJsqData\.RECR_Questionnaire_Early_Careers_without_MVR\.a-errorMsg li.text-danger {
        margin-left: 0 !important;
    }

    ul#veteranStatus-errorMsg li.text-danger {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .navigation.privacyNotice-step {
        display: block !important;
        position: relative;
        top: -52px !important;
    }

    @media (max-width:1000px) {
        .apply-page .ph-apply-box col .markdown .nav-footer button {
            width: 120px !important;
        }

        .apply-page button.btn.primary-button.back-to-jd-button {
            float: left !important;
            width: 120px !important;
        }
    }

    @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {

        /* 🔧 Custom styles for iPhone 14 Pro Max */
        .apply-page {
            .navigation.privacyNotice-step button.btn.primary-button.back-to-jd-button {
                float: left !important;
                /* width: 120px !important; */
            }

            .daterangepicker-checkbox {
                margin: 0 !important;
                padding-left: 0;
            }

            .ph-apply-box .options-block.resume-group .drives .apply-or-line {
                display: flex !important;
                width: 100% !important;
                margin-bottom: 10px !important;
            }

            .resume-group .apply-or-box {
                margin-left: auto;
                margin-right: auto;
            }

        }
    }

    @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
    only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .apply-page {
            .ph-apply-box {
                .rjsf {
                    clear: both;
                }

                input[id^="educationData"][id$=".schoolName"] {
                    border: 1px solid transparent !important;
                }

                ul#educationData-errorMsg {
                    margin-left: 0% !important;
                    /*bottom: 100px;*/
                }

                .more-actions .array-button-add {
                    margin-top: 15px !important;
                }

                #breadcrumb-summary ul li:last-child:before {
                    height: 3px !important;
                    width: 100% !important;
                    top: 19px !important;
                    /* left: 127px !important;*/
                }

                .form-fields .form-group ul .text-danger {
                    margin-left: 0 !important;
                }

                #breadcrumb-summary ul li::after {
                    width: 0% !important;
                    top: 19px !important;
                    left: 0 !important;
                }

            }

        }
    }

    /* 23 october */
    @media screen and (min-width: 320px) and (max-width: 767px) {
        button#apply-with-linkedin {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            .options-block.resume-group .drives .cloud-options-group ul {
                display: flex !important;
                width: 184px;
            }
        }
    }

    element.style {}

    @media only screen and (max-width: 767px) {
        .apply-page {
            div#applyAwliWidget {
                position: relative;
                width: 185px !important;
                max-width: 800px !important;
                margin: 0 auto;
                overflow: hidden;
                padding-top: 20%;
            }
        }
    }

    .row.form-group.field.field-string.decline-btn.dBlock {
        width: 120px !important;
    }

    @media screen and (min-width: 320px) and (max-width: 430px) {
        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 26.5% !important;
        }

        .decline-btn .col .markdown .nav-footer button {
            width: 89% !important;
        }
    }

    @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
        .apply-page {
            .navigation.privacyNotice-step button.btn.primary-button.back-to-jd-button {
                float: left !important;
                /* width: 26.5% !important;*/
            }
        }
    }

    @media screen and (min-width: 431px) and (max-width: 768px) {
        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 17% !important;
        }
    }


    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .decline-btn .col .markdown .nav-footer button {
            width: 100% !important;
        }
    }


    .decline-btn .col .markdown .nav-footer button {
        width: 100% !important;
    }

    @media screen and (min-width: 320px) and (max-width: 430px) {
        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 26.5% !important;
        }

        .form-fields .decline-btn .col .markdown .nav-footer button {
            width: 89% !important;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .apply-page .ph-apply-box .resume-section .options-block.resume-group .cloud-options-group ul li {
            margin-top: 0 !important;
            width: auto !important;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 768px) {
        .ph-apply-box .cloud-options-group ul {
            flex-wrap: nowrap !important;
            justify-content: space-around;
            flex-direction: row;
        }

        .apply-page .ph-apply-box .options-block.resume-group .cloud-options-group ul li i {
            height: 40px;
            width: 40px;
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            .options-block.resume-group .drives .cloud-options-group ul {
                display: flex !important;
                width: auto !important;
            }
        }
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            .options-block.resume-group .drives .cloud-options-group ul {
                display: flex !important;
                width: 184px;
                flex-direction: column !important;
                align-items: center !important;
            }
        }
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            & div#applyAwliWidget {
                position: relative;
                margin: 0px auto;
                overflow: hidden;
                padding-top: 20%;
                width: 184px !important;
                max-width: 800px !important;
            }
        }
    }


    @media screen and (min-width: 540px) and (max-width: 720px) {
        .apply-page .ph-apply-box .options-block.resume-group .drives .apply-or-line {
            justify-content: center !important;
            margin-bottom: 15px !important;
            width: auto !important;
        }
    }




    .ph-apply-box .navigation.privacyNotice-step {
        width: 120px !important;
    }

    @media screen and (min-width: 320px) and (max-width: 430px) {
        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 89% !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .apply-page .navigation {
            margin: 0 0 0px !important;
        }
    }

    @media screen and (min-width: 431px) and (max-width: 768px) {
        .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            .col .markdown .nav-footer button {
                width: 25% !important;
                font-size: 14px !important;
            }
        }
    }
    .resume-section {
        padding-top: 60px !important;
    }

    .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
        border: none !important;
    }

    

    @media only screen and (min-width: 767px) and (max-width: 1024px) {
        .apply-page .form-fields .form-group ul .text-danger {
            margin-left: 0 !important;
        }
    }

    @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
    only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .apply-page {
            & .ph-apply-box {
                #breadcrumb-summary ul li::after {
                    width: 0% !important;
                    top: 19px !important;
                    left: 49% !important;
                }

                #breadcrumb-summary ul li:last-child:before {
                    left: 49% !important;
                }
            }
        }
    }

    @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
    only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .apply-page {
            & .ph-apply-box {
                #breadcrumb-summary ul li:last-child:before {
                    height: 3px !important;
                    width: 100% !important;
                    top: 19px !important;
                    /*left: 124px !important;*/
                }
            }
        }
    }

    .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
        border: 1px solid grey;
    }


    @media screen and (min-width: 431px) and (max-width: 768px) {
        .ph-apply-box input#educationData\[0\]\.schoolName {
            border: 1px solid grey !important;
        }
    }

    @media screen and (min-width: 431px) and (max-width: 768px) {
        .apply-page .ph-apply-box input#educationData\[0\]\.schoolName {
            border: 1px solid grey !important;
        }
    }

    .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
        border: 1px solid grey !important;
    }

    @media screen and (max-width: 1024px) {
        .async-typeahead-v3 .rbt div {
            display: block !important;
        }
    }

    ul#experienceData-errorMsg {
        margin-left: 0px !important;
        top: 0px !important;
    }

    @media only screen and (max-width: 767px) {
        .apply-page {
            & ul#educationData-errorMsg {
                margin-left: 0px;
                position: relative;
                /*bottom: 8px !important;*/
            }
        }
    }

    ph-apply-box {
        & ul#educationData-errorMsg {
            margin-left: 0%;
            position: relative;
            bottom: 94px;
        }
    }

    @media only screen and (min-width: 1025px) {
        #experienceData-errorMsg li.text-danger {
            margin-left: 0px !important;
        }
    }

    @media only screen and (min-width: 1025px) {
        #educationData-errorMsg li.text-danger {
            margin-left: 50px !important;
        }

    }

    @media only screen and (min-width: 767px) and (max-width: 1024px) {
        #educationData-errorMsg li.text-danger {
            margin-left: 30px !important;
        }
    }


    .markdown li {
        list-style-type: disc !important;
        margin-left: 20px !important;
    }

    .row.form-group.field.field-string.selfidentify b {
        font-size: 30px !important;
    }

    @media (min-width: 1024px) {
        .apply-page .form-fields .form-group ul .text-danger {
            margin-left: 42.5% !important;
        }
    }


    input#secondaryJsqData\.RECR_Questionnaire_Service\ Technician_with_MVR\.g_0 {
        left: 0 !important;
        top: 14px !important;
    }

    label#languageChange-label {
        padding-left: 0 !important;
    }

    p#disability_heading_self_identity1__description {
        margin-left: -10px !important;
    }

    label#disability_heading_self_identity1\.signatureName-label,
    label#disability_heading_self_identity1\.employeeId-label,
    label#disability_heading_self_identity1\.signedDate-label {
        padding-left: 0 !important;
    }

    /*ITJP2H-318*/
    @media (min-width: 1024px) {
        .form-group.field.field-object.async-field-object fieldset#secondaryJsqData .form-group.field.field-object .error-detail .text-danger {
            margin-left: 0px !important;
        }
    }

    .apply-page .row.form-group.field.field-string.selfidentify b {
        font-size: 22px !important;
    }

    .apply-page .row.form-group.field.field-string.markdown-as-title-selfId div .markdown b {
        font-size: 22px !important;
    }

    .apply-page .form-group.field.field-object.is-valid fieldset#disability_heading_self_identity1 .row.no-gutter.form-fields .row.form-group.field.field-string.field-error.has-error.has-danger div ul#disability_heading_self_identity1\.signatureName-errorMsg li.text-danger {
        margin-left: 42.5% !important;
    }

    .apply-page .row.form-group.field.field-string.field-error.has-error.has-danger.two-line-field.disabilityStatus .error-detail li.text-danger {
        margin-left: 0% !important;
    }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .apply-page .more-actions {
            padding-left: 0px !important;
        }
    }

    .apply-page .rjsf .row.no-gutter.form-fields .checkbox label {
        display: inline-block !important;
    }

    div#secondaryJsqData\.RECR_Questionnaire_Service\ Technician_with_MVR\.g input {
        
        top: -6px !important;
    }

    .apply-page {
        & .form-group {
            & .async-field-object {
                & fieldset {
                    & .row {
                        .checkboxes {
                            margin-left: 30px !important;
                        }
                    }
                }
            }
        }
    }

    .radio+.radio,
    .checkbox+.checkbox {
        margin-top: -17px !important;
    }

    .row.array-item-list.no-gutters.array-item.educationhide p {
        margin-left: 10px !important;
    }

    .file-attachment span.title-text {
        color: #ffffff !important;
    }

    .options-block.resume-group .drives .cloud-options-group ul {
        align-items: end;
    }

    .apply-page .rjsf .col-md-12 .field-radio-group .radio label {
        display: inline-block !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .apply-page .markdown-as-title p,
    .apply-page .custom-object .field-description {
        color: #6400ff !important;
    }  
    @media screen and (max-width:1024px) {
       
    .apply-page .form-group.field.field-object.is-valid fieldset#disability_heading_self_identity1 .row.no-gutter.form-fields .row.form-group.field.field-string.field-error.has-error.has-danger div ul#disability_heading_self_identity1\.signatureName-errorMsg li.text-danger{
        margin-left: 0 !important;
    }
    }
    
 .jointalentcommunity-page .ph-jtc-box .rjsf .col-md-6 {
    float: left !important;
}
.jointalentcommunity-page .ph-jtc-box a {
    font-size: 16px !important;
}
@media only screen and (max-width: 1024px) {
    body.events-page .banner-block .banner-content {
        bottom: 18px;
    }
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}