.apply-page {
        .apply-page .options-block .upload-section {
            margin-left: 0;
        }

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

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

            .job-title {
                margin: 0px;

                span {
                    display: inline-block;
                    font-size: 18px;
                    color: @darkar;
                    //margin-left: 0;
                }

                h2 {
                    display: inline-flex;
                    padding-left: 0;
                    font-family: "Montserrat-Bold";
                    color: @brand-color-primary !important;
                    font-size: 22px;
                    line-height: 35px;
                    padding: 0;

                    a {
                        text-decoration: none;
                        font-size: 25px;
                        color: @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: 15px;
                font-size: 22px;
                padding: 0px !important;
                color: @darkar;

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

            @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: 18px;

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

                .drives {
                    margin-top: 55px;
                    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: auto;
                            width: auto;
                            text-align: center;
                            display: inline-block;
                            border-radius: 16px;
                            line-height: 32px;
                            font-size: 18px;
                            background-color: @gray-color;
                            padding: 0 10px;
                        }

                        @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: 18px;
                    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: auto;
                        width: auto;
                        text-align: center;
                        display: inline-block;
                        border-radius: 16px;
                        line-height: 32px;
                        font-size: 18px;
                        background-color: @gray-color;
                        padding: 0 5px;
                    }

                    @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: #0071a9;
                    }
                }

                b {
                    color: @darkar;
                }

                ul {
                    margin-left: 50px;

                    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;
                color: @darkar;
                border: 1px solid @darkar;
                background-color: #fff;
                margin-left: 15px;
            }
        }

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

        .apply-page {
            .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;
                color: @brand-color-primary;
            }

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

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

                    .afterUpload {
                        padding-left: 40px;
                        min-height: 46px;
                        padding-top: 5px;
                        //background-image: url('https://static.imomentous.com/CareerConnectResources/resumeupload/uploadicons.png');
                        background-image: url("../images/sprite-icons.png");
                        background-repeat: no-repeat;
                        float: left;
                        margin: 0px 0px;
                        line-height: 20px;

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

                    .doc.afterUpload {
                        display: block !important;
                        background-position: -6px -10px;
                    }

                    .docx.afterUpload {
                        display: block !important;
                        background-position: -6px -65px;
                    }

                    .pdf.afterUpload {
                        display: block !important;
                        background-position: -6px -120px;
                    }

                    .txt.afterUpload {
                        display: block !important;
                        background-position: -6px -173px;
                    }

                    .rtf.afterUpload {
                        display: block !important;
                        background-position: -6px -227px;
                    }

                    .html.afterUpload {
                        display: block !important;
                        background-image: url(../images/htmlimage.png);
                        background-position-x: -7px;
                        background-position-y: -4px;
                    }

                    #sbtButton {
                        /* background-color: @jtnCommunity1-view-btn-color;
                    border: 1px solid @darkar; */
                        background-color: @brand-color-primary;
                        border: 1px solid @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;

                    .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: @brand-color-primary;
                            color: white;
                            /* text-decoration: underline; */
                            cursor: pointer;
                            padding: 9px;
                            border-radius: 4px;
                        }
                    }

                    #resumeFile {
                        border-radius: 3px;
                        width: auto;
                        position: relative;
                        margin: 40px auto 0 auto;
                        cursor: pointer;
                        color: @darkar;
                        text-align: center;
                        padding: 6px 12px;
                        height: 45px;
                        border: 1px solid @darkar;
                        background-color: transparent;

                        &:hover {
                            border: 1px solid @darkar;
                            background-color: transparent;
                            color: @darkar;
                        }

                        /*.dz-message {
                    display: none;
                }*/
                        input[type="file"] {
                            opacity: 0;
                            cursor: pointer;
                        }

                        /*&:before {
                    /*border: 1px solid @gray-color;
                    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: #d8d8d8;
                                            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;
                        color: @darkar;
                        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;
                        color: @darkar;
                    }

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

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

                        .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: @darkar;
                    font-weight: bold;
                    border-bottom: 1px solid @gray-color;
                    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 @gray-color;
                            /*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 {
                            border-radius: 0;
                            color: @darkar;
                            margin: 0 0 0 0;
                            opacity: 1;
                            z-index: 10;
                            font-size: 16px;
                            text-align: center;
                            font-family: @font-family-default-regular;
                            font-weight: 400;
                            border: 1px solid @darkar;
                            background-color: transparent;
                            width: auto;
                            //height: 41px;
                            //min-width: 137px;
                            padding: 6px 40px;
                            float: left;
                            box-shadow: none;

                            &:hover {
                                background-color: transparent;
                                border: 1px solid @darkar;
                            }
                        }

                        #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: 7px;
                                    vertical-align: top;
                                    margin-bottom: 6px;
                                }

                                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 {
                            color: @darkar;
                            font-weight: 600;
                        }
                    }

                    .box-content-block-header {
                        padding: 10px;
                        background-color: #f5f5f5;
                        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-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: 100px;

            .stepCounter {
                display: none;
            }

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

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

                            //&:focus{
                            //   outline: 2px solid @border-color-primary !important;
                            //}
                            .number {
                                background: #fff;
                                border-radius: 24px;
                                border: 1px solid @darkar;
                                color: @darkar;
                                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 @darkar, 0 0 0 5px @darkar;
                                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 @brand-color-secondary !important;

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

                            .number {
                                background-color: #0071a9;
                                //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 #eb938e !important;
                            }

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

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

                            .title {
                                color: @darkar !important;
                            }

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

                        &.progress-disable {
                            .number {
                                background: @darkar !important;
                            }
                        }

                        &:after {
                            content: "";
                            border-right: 350px solid @darkar;
                            position: absolute;
                            top: 13px;
                            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 {
                            border-right-color: @brand-color-secondary !important;
                            left: 52%;

                            @media (max-width: @screen-sm-max) {
                                left: 26%;
                                border-right: 300px solid @brand-color-secondary !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: none;
                    color: #fff !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: @darkar !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: @darkar !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: @darkar;
            background-color: #fff;
            background-image: none;
            border: 1px solid @gray-color;
        }

        /* Slider */
        .apply-page {
            * {
                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;
            }
        }

        .form-control {
            margin-bottom: 4px;
            height: 35px;
        }

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

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

            .checked-icon {
                font-size: 50px;
                color: @darkar;
            }

            h2 {
                text-transform: uppercase;
            }

            p {
                font-size: 16px;
            }

            .thankyou-message {
                font-size: 20px;
                margin-top: 0;
                text-align: Center;
                color: @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: 18px;
                width: 50%;
                font-weight: 50;
                line-height: 1.36;
                text-align: left;
                color: #fff;
                padding: 10px;
                background-color: @darkar;
            }

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

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

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

        .add-icon {
            display: inline-block !important;
            text-align: center !important;
            line-height: 0 !important;
            border-radius: 50% !important;
            border: 1px solid @brand-color-primary !important;
            padding: 0 !important;
            height: 25px !important;
            color: @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 @brand-color-primary !important;
                padding: 0 !important;
                height: 25px !important;
                color: @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;

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

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

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

        #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 @brand-color-secondary;

                                @media (max-width: 767px) {
                                    border-right: 290px solid @brand-color-secondary;
                                }

                                @media (max-width: 568px) {
                                    border-right: 224px solid @brand-color-secondary;
                                }
                            }

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

                            &.progress-current:after {
                                border-right: 350px solid @gray-color !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) {
            .navigation-summary {
                display: inline-block;
                float: left;

                .slider {
                    width: 100%;
                }

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

                .slick-prev {
                    width: auto;
                    display: inline-block;
                    margin-top: 2px;
                    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 {}

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

                        label.control-label {
                            color: @darkar !important;

                            message {
                                color: inherit;
                            }
                        }
                    }

                    .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: block;
                        width: 100%;
                        text-align: center;
                        margin: 0 auto;
                        padding: 10px;
                    }
                }

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

                #addLinkedIn {
                    margin-left: 6px;

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

            /*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) {
            .resume_upload_block {
                float: none !important;
                display: block;
                width: 60%;
                margin: 20px auto;
            }

            .apply-page {
                #cmsForm {
                    padding: 0 0;
                }
            }

            #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: block;
            //   float: none !important;
            //   width: 100%;
            //   text-align: center;
            //   margin: 0 auto;
            // }
            #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: block;
                    margin: 0 auto !important;
                }

                .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: inline-block;
                        width: 100%;
                        text-align: center;
                        padding: 10px;
                    }
                }

                #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;
                color: @darkar;
            }
        }

        .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 @gray-color;*/
                content: "Select file" !important;
                font-size: 14px;
                font-weight: normal;
                padding: 0;
                position: absolute;
                margin-top: 0 !important;
                left: 0;
                right: 0;
                width: 162px !important;
                color: #fff;
                cursor: pointer;
                text-decoration: none;
            }

            .apply-page-inner {
                .options-block {
                    .selectFile {
                        &:hover {
                            &:before {
                                background-color: #d8d8d8;
                                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 {
                .afterUploadOuter {
                    margin-left: 0;

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

            #files {
                margin-left: 0;
            }
        }

        .dynamic-fields {
            .group-field {
                input {
                    color: @darkar;
                }
            }
        }

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

        .apply-page {
            .body-wrapper {
                margin: 100px 0 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 {
            h2 {
                font-size: 14px;
            }

            .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;
                        color: @darkar;
                        font-family: @font-family-default-regular !important;

                        b {
                            color: #0071a9 !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-next {
                    width: auto;
                    display: inline-block;
                    margin-top: 2px;
                    font-size: 16px !important;
                    padding: 0px;
                }

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

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

                    @media (max-width: 568px) {
                        left: 34% !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: @darkar;
                }
            }

            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: block;
                    margin: 0px auto 0 auto;
                }

                .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: 2px;
                    font-size: 16px !important;
                }

                .slick-prev {
                    width: auto;
                    display: inline-block;
                    margin-top: 2px;
                    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;
                    color: @darkar;
                }
            }
        }

        input.form-control:focus,
        textarea.form-control:focus {
            box-shadow: none;
            border: 1px solid @gray-color;
        }

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

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

                .agree-checkbox label {
                    color: @darkar !important;

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

                    message {
                        padding-left: 5px;
                        color: inherit;
                    }

                    &: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: @darkar;

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

                b {
                    color: @darkar;
                }
            }

            .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 .afterUploadOuter {
            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 {
            color: @darkar;
        }

        #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: 18px;
                    color: @darkar;

                    b {
                        color: @darkar;
                    }
                }
            }

            span a {
                color: #0071a9;
            }
        }

        @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 {
            color: @darkar;
        }

        @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 {
                        color: @darkar;
                        font-size: 30px;
                        margin-bottom: 15px;
                        text-transform: uppercase;
                    }

                    p {
                        a {
                            color: @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: 4px 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: 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;
            }
        }

        #resumeFile {}

        @media (max-width: @screen-xs-max) {
            .apply-page {
                .apply-page-inner {
                    .options-block {
                        #resumeFile {
                            display: block;
                            margin: 0px auto 0 auto;
                        }
                    }

                    .row {
                        margin: 0;

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

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

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

        .large.apply-btn,
        .large.sign-out-btn {
            padding: 9px 0;
            margin: 0;
        }

        .helpText {
            font-weight: bold;
            color: #ffc300;
        }

        //ROC-150
        .apply-page .apply-page-inner .group-field select {
            -webkit-appearance: auto;
            -ms-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }

        .apply-page .box-content .box-content-block .form-for .group-field.accept-check-field input[type="checkbox"] {
            vertical-align: bottom;
        }

        .apply-page-inner .options-block .selectFile:before {
            color: @darkar;
        }

        .apply-page .box-content .box-content-block.term-and-condition {
            .col-xs-12.col-sm-12.col-md-12.col-lg-12.group-field {
                message[msgid="apply.label.selfid"] {
                    font-family: @font-family-default-bold;
                    font-weight: inherit;
                    font-size: 22px;
                    text-transform: uppercase;
                }
            }
        }

        .summery-div .heading-sub-text .btn-primary.edit {
            color: @darkar !important;
        }

        .progressbarlist.regular.slider.slick-initialized.slick-slider {
            li.slick-slide.slick-active[style="width: 407px;"] {
                width: 315px !important;
            }
        }

        @media (max-width: 1023px) {
            .apply-page .box-content .box-content-block .form-for .group-field.accept-check-field input[type="checkbox"] {
                vertical-align: middle;
            }
        }

        //upload resume icons
        .apply-page .apply-page-inner #cmsForm .afterUpload {
            background-image: url("https://assets.phenompeople.com/CareerConnectResources/st/HONEUS/en_us/desktop/assets/images/uploadicons.png");
        }

        //slider last child excess border removal
        // .navigation-summary li.slide:last-child:before {
        //     width: 0;
        //     left: 0;
        // }
        .navigation-summary li.slide:last-child:before {
            width: 65%;
        }

        .navigation-summary li.slide.progress-current.slick-slide.slick-current.slick-active:last-child:before {
            width: 0;
            left: 0;
        }

        // apply thank you
        .ph-apply-thankyou-area {
            padding: 80px 0 50px 0;
        }

        .candidate-home-button-block {
            padding-bottom: 100px;
            text-align: center;
        }

        //footer
        #footer .footer-block .container .top-block .footer-fourth-block .heading {
            text-align: center;

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

        #footer .footer-block .container .top-block .footer-second-block ul li a,
        #footer .footer-block .container .top-block .footer-third-block ul li a,
        #footer .footer-block .container .top-block .footer-fourth-block ul li a,
        #footer .footer-block .container .top-block .footer-five-block ul li a {
            font-family: @font-family-default-regular;
        }

        //job alert date alignment
        .ph-job-alert-list-v1-view1-default .alertsArea .alertsBody .alertsContent .eachBodyRowBlock .jobAlertDate {
            bottom: 50px;
        }

        .home-page.modal-open {
            .ph-hero-block-cc-view12-option1-theme1 .global-search-block {
                z-index: 0;
            }
        }

        // flex cards equal heights manual
        .ph-address-cc-slider-view1-option1-theme1 address {
            min-height: 300px;
        }

        .ph-address-cc-slider-view1-option1-savedView-1619519894430-theme1-savedView-1619519894430 address {
            min-height: 350px;
        }

        .ph-employees-testimonial-cc-slider-view9-option1-savedView-1620255344997-theme1-savedView-1620255344997 .content {
            min-height: 350px;
        }

        .ph-employees-testimonial-cc-slider-view9-option1-savedView-1620264011197-theme1-savedView-1620264011197 .content {
            min-height: 410px;

            .description {
                .description-block {
                    min-height: 250px;
                }
            }

            .designation {
                bottom: unset;
            }
        }

        //new styles//
        .apply-page {
            .ph-apply-box {
                .field-object {
                    margin-right: 0px !important;
                }
            }
        }

        .apply-page {
            .ph-apply-box {
                .navigation {
                    button.btn-navigate {
                        color: #fff !important;
                        background-color: @brand-color-secondary !important;
                        border-radius: 5px !important;
                        font-size: 16px;
                        border: 1px solid @brand-color-secondary !important;
                    }
                }

                .resume-group {
                    .upload-resume-btn {
                        color: @brand-color-primary !important;
                        background-color: @brand-color-secondary !important;
                        border: 1px solid @brand-color-secondary !important;
                        padding: 10px 20px;
                        text-decoration: none !important;
                    }
                }

                .navigation {
                    button.btn-submit {
                        color: #fff !important;
                        background-color: @brand-color-secondary !important;
                        border-radius: 5px !important;
                    }
                }
            }
        }

        .apply-page {
            .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
                color: #fff !important;
                margin-top: 0 !important;
                margin-bottom: 10px !important;
            }
        }

        @media (max-width: 767px) {
            .apply-page {
                .resume-group .drives .cloud-options-group ul {
                    display: flex;
                    justify-content: center;
                    align-items: end;
                }

                .page2-attach-file>label {
                    width: 120px !important;
                    background-color: @brand-color-primary;
                    color: @white;
                    padding: 10px 20px;
                }

                .page2-attach-file>label:hover {
                    width: 120px !important;
                    background-color: @brand-color-primary;
                    color: @white !important;
                    padding: 10px 20px;
                }

                .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
                    margin-top: 0px !important;
                    margin-bottom: 10px !important;
                }

                .navigation-summary {
                    float: none !important;

                    .slick-next {
                        width: 0%;
                        font-size: 0 !important;
                    }

                    .slick-prev {
                        width: 0% !important;
                        font-size: 0 !important;
                    }
                }
            }
        }

        @media (min-width: 1025px) {
            .apply-page {
                .ph-apply-box {
                    .pageTitle {
                        font-family: "MontserratSemiBold";
                        text-align: center;
                        font-size: 30px;
                        color: #000;
                        line-height: normal;
                        margin-bottom: 30px;

                        h2 {
                            font-size: 35px;
                            display: inline-flex;

                            a {
                                padding-left: 15px;
                                font-size: 18px;
                            }
                        }
                    }

                    .page2-attach-file>label {
                        width: 120px !important;
                        background-color: @brand-color-secondary;
                        color: @white;
                        padding: 10px 20px;
                    }

                    .page2-attach-file>label:hover {
                        width: 120px !important;
                        background-color: @brand-color-secondary;
                        color: @white !important;
                        padding: 10px 20px;
                    }

                    .error-msg {
                        width: 50% !important;
                        color: #000000;
                        background: none;
                        padding: 10px;
                        margin-bottom: 20px;

                        .errorHeader,
                        .errorList {
                            width: 70% !important;
                        }
                    }
                }
            }

            .remove-action {
                right: inherit;
                top: -15px;
                width: 100%;
            }

            .apply-page .form-group .col-md-7 {
                width: 100%;
            }

            // .apply-page .form-group input.form-control,
            // .apply-page .form-group select.form-control,
            // .apply-page .form-group textarea.form-control {
            //   width: 58.33333333%;
            // }

            .apply-page .error-detail {
                padding-left: 0px;
            }

            .apply-page {
                .ph-apply-box {
                    fieldset {
                        #academic {
                            width: 58.33333333%;
                        }
                    }
                }
            }

            .array-button-remove {
                background: #efefef !important;
                border: 1px solid #737675;
            }

            .addln-object-single-row.custom-object {
                width: 58.33333333%;
            }
        }

        @media (max-width: 1024px) {
            .apply-page .slick-initialized .slick-slide {
                margin-left: -5px !important;
            }
        }

        //error msg styles
        .apply-page {
            .error-msg {

                .errorHeader,
                ul.errorList li,
                ul.errorList li a span,
                .errorList {
                    text-decoration: none;
                    margin-bottom: 10px;
                    background: none;
                }
            }
        }

        .apply-page {
            .ph-apply-box {
                .options-block {
                    .cloud-options {
                        display: block;
                        margin: 0px auto;
                        padding: 30px 20px 30px 20px;
                        border: 1px solid #808080;

                        .resume_info {
                            text-align: center;
                            padding: 0;
                        }

                        .drives {
                            justify-content: center;
                            align-items: center;
                            margin: 0 auto;
                            padding: 0;

                            //flex-direction: column;
                            .apply-or-line {
                                text-align: center;
                                padding: 10px 0;

                                .apply-or-box {
                                    background-color: white !important;
                                }
                            }
                        }
                    }
                }

                .terms-conditions .col .checkbox label {
                    text-align: left;
                }

                .form-group .select:focus {
                    border-color: @brand-color-primary;
                }

                .resume-group:hover {
                    background-color: #fff;
                }

                .form-group select:active,
                .form-group select:hover,
                .form-group select:focus,
                .form-group textarea:hover,
                .form-group textarea:focus {
                    border-color: #808080;
                }
            }
        }

        .apply-page {
            .async-field-object {
                .checkboxes {
                    margin-left: 10px !important;

                    .checkbox input[type="checkbox"] {
                        // top: -19px !important;
                        min-height: 20px !important;
                        margin-left: -20px;
                        margin-top: 0;
                    }
                }
            }
        }

        .apply-page {
            .checkboxes>.checkbox>label:first-child {
                margin-top: 10px !important;
            }
        }

        //Teja
        .resume-group {
            padding: 20px 0 !important;
        }

        .markdown-as-header {
            .col {
                .markdown {
                    p {
                        font-size: 22px !important;
                        text-transform: uppercase;
                        font-weight: bold;
                        letter-spacing: normal;
                    }
                }
            }
        }

        .resume-group {
            .drives {
                .cloud-options-group ul {
                    display: flex;
                    align-items: center;
                    list-style: none;
                    margin-bottom: 0px !important;
                    padding: 0;
                    gap: 0 !important;

                    li {
                        .cloud-icon {
                            margin: 0 10px;
                        }
                    }
                }
            }
        }

        ul.errorList li {
            list-style: disc;
            margin-left: 50px;
        }

        ul.errorList {
            li {
                color: #000000 !important;

                a {
                    span {
                        font-size: 16px;
                        line-height: 21.98px;
                        text-align: left;
                        color: #000000 !important;
                    }
                }
            }
        }

        .apply-page #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
        .apply-page #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
            top: 0;
            background: @brand-color-primary !important;
            color: var(--primary-color) !important;
            box-shadow: 0 0 0 4px @brand-color-primary, 0 0 0 5px @brand-color-primary !important;
            border: 4px solid @brand-color-primary !important;
        }

        .apply-page #breadcrumb-summary ul li a .number {
            vertical-align: inherit !important;
        }

        .field-object {
            .daterangepicker-checkbox {
                text-align: right;

                #currentlyWorkHere {
                    vertical-align: middle;
                    margin: 0px 5px 3px 0 !important;
                    padding-right: 10px;
                    min-height: 15px;
                }
            }
        }

        .form-group.field.field-string {
            margin: 0 0 10px;

            .checkbox {
                label {
                    padding-left: 20px;

                    .checkbox-control {
                        position: inherit;
                        vertical-align: middle;
                        display: inline-block;
                        margin: 2px 5px 5px -20px !important;
                        min-height: 16px;
                    }
                }
            }
        }

        .addln-object-single-row.custom-object {
            border: 1px solid #808080;
            padding: 20px;
            text-align: center;

            .addln-label {
                font-size: 20px;
                line-height: 30px;
                font-weight: 600;
                color: #5a6872;
                width: 100%;
                text-align: center;
            }
        }

        .apply-page .form-group .checkboxes#ethnicity .checkbox .checkbox-control,
        .apply-page .form-group.terms-conditions .checkbox .checkbox-control,
        .apply-page .form-group .field-radio-group .radio input {
            position: relative;
            vertical-align: middle;
            display: inline-block;
            min-height: 15px;
            margin: 0 5px 5px 0;
        }

        .resume-group {
            .upload-resume-btn {
                background-color: @brand-color-secondary;
                text-decoration: none;
            }
        }

        .summary-label {
            color: #424242;
            opacity: 1;
            font-family: "LinotypeAvenirLTProHeavy";
        }

        .summary-item.experienceData-item table.experienceData-table th,
        .summary-item.experienceData-item table.experienceData-table td,
        .summary-item.educationData-item table.educationData-table th,
        .summary-item.educationData-item table.educationData-table td,
        .summary-item.languageData-item table.languageData-table th,
        .summary-item.languageData-item table.languageData-table td {
            padding-right: 20px;
        }

        .form-group.field-string.markdown-as-header {
            margin: 0;

            .markdown {
                P {
                    font-size: 20px;
                    line-height: 30px;
                    font-weight: 600;
                    color: #5a6872;
                    width: 100%;
                }
            }
        }

        #additionalAttachments {
            .form-group.field-string {
                width: 100%;

                .control-label {
                    text-align: center;
                    display: inline-block;
                }
            }
        }

        #additionalAttachments {
            .form-group.field-null {
                width: 100%;

                .control-label {
                    text-align: center;
                    display: inline-block;
                }
            }
        }

        #additionalAttachments {
            position: relative;

            .form-group.cloud-icon {
                left: 45%;
                transform: translateX(-50%);
            }
        }

        .additional-attachment-list {
            .cover-letter-files-div {
                li {
                    background-position: 25px -174px;
                    padding-left: 60px;
                }
            }
        }

        .apply-page .page2-attach-file>label {
            width: 120px !important;
            background-color: #164994;
            color: #ffffff;
            padding: 10px 20px;
        }

        .apply-page label.col-md-5 {
            width: 100%;
        }

        .checkbox label {
            display: block !important;
            padding-left: 10px;
        }

        .field-object .daterangepicker-checkbox {
            text-align: left;
        }

        .summary-heading {
            padding-right: 10px;
        }

        .object-field.undefined,
        .object-field.phoneWidget {
            .object-field-header {
                display: none;
            }
        }

        .remove-action {
            .array-button-remove {
                div {
                    span:nth-child(2) {
                        display: none;
                    }
                }
            }
        }

        .has-error .help-block,
        .has-error .control-label,
        .has-error .radio,
        .has-error .checkbox,
        .has-error .radio-inline,
        .has-error .checkbox-inline,
        .has-error.radio label,
        .has-error.checkbox label,
        .has-error.radio-inline label,
        .has-error.checkbox-inline label {
            color: #5a6872;
        }

        .remove-action .array-button-remove {
            background: #f1b82d !important;
            border: 1px solid #f1b82d;
        }

        .file-attachment {
            .file-label {
                color: #fff !important;
                background-color: #f1b82d !important;
                padding: 10px 20px;
                text-decoration: none !important;
                border-radius: 5px;
                font-size: 16px !important;
                min-height: 39px;
                cursor: pointer;
                line-height: 24px;
            }
        }

        .attachment-title {
            color: @brand-color-primary;
            font-size: 22px;
            font-weight: bold;
            line-height: 32px;
            padding-bottom: 20px;
        }

        .apply-page .form-group {
            margin: 0 0 10px;
        }

        .attachment-files {
            text-align: center;

            #cover-letter-files-div {
                text-align: center;

                display: inline-block;

                li {
                    .icon-delete {
                        padding: 0 5px;
                        top: -10px;
                        position: relative;
                        cursor: pointer;
                    }
                }
            }
        }

        .apply-page {

            .large.apply-btn,
            .large.sign-out-btn {
                margin: 10px 5px 5px;
            }

            .ph-apply-box {
                .pageTitle {
                    font-family: LinotypeAvenirLTProHeavy !important;
                    color: #00468c;
                }
            }

            .form-group {
                .control-label {
                    .label-html-content {
                        p {
                            display: inline-block;
                        }
                    }
                }
            }

            #breadcrumb-summary {
                ul {
                    li {
                        &::after {
                            top: 20px;
                        }
                    }
                }
            }

            #educationData,
            #certificateData,
            #experienceData {
                margin-bottom: 30px;
            }

            .attachment-container .or::before,
            .attachment-container .or::after {
                display: none;
            }

            .field-radio-group {
                .radio>label>span>input {
                    top: 0px !important;
                }
            }

            .markdown {
                table {
                    tbody {
                        tr {
                            border: 0 solid transparent;
                        }
                    }
                }
            }

            label {
                display: inline-block;
            }

            .attachment-container .or::before,
            .attachment-container .or::after,
            .apply-or-line .apply-or-box::before,
            .apply-or-line .apply-or-box::after {
                display: none;
            }

            .row.no-gutter.form-fields {
                margin-bottom: 0 !important;
            }

            .rjsf {
                .col-md-12 {
                    .form-group {
                        .field-radio-group {
                            .radio {
                                label {
                                    padding: 0;
                                }
                            }
                        }
                    }
                }
            }

            #breadcrumb-summary {
                ul {
                    li {
                        a {
                            margin-top: 6px;

                            .number {
                                top: 0px;
                            }
                        }
                    }
                }
            }

            #breadcrumb-summary {
                .slick-list {
                    .slick-track {
                        li.slick-active.progress-current {
                            .number {
                                box-shadow: none !important;
                                padding: 10px;
                                margin-top: 0px;
                                border: none !important;
                                display: block;
                                background: @brand-color-secondary !important;
                                top: 5px;
                            }
                        }
                    }
                }
            }

            .ph-apply-box {

                .options-block.resume-group,
                .attachment-options {
                    margin-top: 10px !important;
                }

                .attachment-wrapper {
                    padding: 20px 20px 50px;
                }
            }

            .row {
                margin-bottom: 0;
            }

            .table-as-list {
                tbody {
                    display: none;
                }

                thead {
                    display: block;
                }
            }

            .summary-title h3,
            .object-field-header h3 {
                margin-bottom: 20px !important;
                font-size: 22px !important;
                color: #f1b82d;
            }

            #breadcrumb-summary {
                .slick-list {
                    .slick-track {
                        li.progress-enable.progress-complete {
                            .number {
                                margin-top: 8px;
                            }
                        }
                    }
                }
            }

            .pdf.after-upload {
                gap: 0;
                justify-content: left !important;
                padding: 0;

                a {
                    padding-right: 10px;
                }
            }

            .attachment-files {
                #cover-letter-files-div {
                    li.pdf {
                        background-position: 0px -110px !important;
                    }

                    li {
                        background-image: url(https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png) !important;
                        margin-top: 5px;
                    }

                    li.docx {
                        background-position: 0px -55px !important;
                    }
                }
            }
        }

        //Responsive
        @media (max-width: 767px) {
            .error-msg {
                width: 100% !important;
            }
        }

        @media (min-width: 1025px) {
            .apply-page .ph-apply-box .rjsf .additional-attachment {
                width: 100% !important;
            }

            .apply-page {
                .ph-apply-box {
                    .additional-attachment {
                        display: flex;
                        justify-content: center !important;
                    }

                    #phoneWidget-errorMsg {
                        margin-left: 0 !important;
                    }
                }
            }
        }

        .apply-page {
            .ph-apply-box {
                .rjsf {
                    .form-group.async-field-object {
                        .text-danger {
                            //margin-left: 1% !important;
                        }
                    }
                }

                .summary {
                    .summary-text {
                        .summary-value {
                            font-family: "LinotypeAvenirLTProBook";
                            color: @brand-color-primary;
                        }
                    }
                }

                .attachment {
                    border: none;
                    padding: 0;
                }

                .fieldset #academic {
                    border: 1px solid #000000;
                    padding: 20px;
                }
            }
        }

        @media (min-width: 1024px) {
            .apply-page {
                .ph-apply-box {
                    .rjsf {
                        .form-group.async-field-object {
                            .col-md-7 {
                                width: 100% !important;
                            }
                        }
                    }

                    .additional-attachment .page2-or-text {
                        margin-left: 25px !important;
                        left: -20px !important;
                    }
                }
            }
        }

        .apply-page {
            .afterUpload {
                background-image: url(https://assets.phenompeople.com/CareerConnectResources/prod/CONCGLOBAL/images/1645698788699_uploadicons.png);
            }

            .html {
                background-image: url(https://pp-cdn.phenompeople.com/CareerConnectResources/st/CONCGLOBAL/en_global/desktop/assets/images/uploadicons.png) !important;
                background-position: 0 -278px !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) {
            .apply-page {
                .ph-apply-box {
                    .navigation-summary {
                        float: none !important;

                        .slick-next {
                            width: 10px !important;
                        }
                    }

                    .drives {
                        flex-direction: column;

                        .cloud-options-group {
                            ul {
                                justify-content: center !important;
                            }
                        }

                        .apply-or-line {
                            margin-left: 0;
                        }
                    }
                }

                #breadcrumb-summary {
                    .slick-slider {
                        .slick-list {
                            .slick-track {
                                .slick-slide {
                                    width: 160px !important;
                                    text-align: left;
                                }
                            }
                        }
                    }

                    .progress-current::after {
                        left: 30%;
                        background-color: #f1b82d;
                    }
                }

                li.file-attachment {
                    background: none !important;

                    .file-label {
                        border-radius: 5px;
                    }
                }
            }
        }

        .apply-page #breadcrumb-summary .slick-slide:last-child li.slide:last-child::after {
            border-right: 325px solid #fff !important;
        }

        .apply-page #breadcrumb-summary .slick-slide:last-child li.slide:last-child::before {
            background: none !important;
        }

        #jsqData.QUESTIONNAIRE-3-15 .field-string label,
        #secondaryJsqData.QUESTIONNAIRE-3-25 .field-string label {
            text-align: left !important;
        }

        @media (min-width: 951px) {

            .navigation-summary .slick-prev:before,
            .navigation-summary .slick-next:before {
                display: none;
            }
        }

        @media (max-width: 1024px) {
            .apply-page {
                .navigation-summary {

                    .slick-prev,
                    .slick-next {
                        font-size: 0 !important;
                    }
                }

                .col-md-6 {
                    width: 100%;
                }

                .remove-action {
                    margin-top: 0;
                    padding: 0;

                    .array-button-remove {
                        font-size: 0;
                        border: 0;
                        border-radius: 50%;
                        width: 35px;
                        height: 35px;
                        top: 25px;
                        position: relative;
                        text-align: center;

                        &::before {
                            content: "";
                            height: 5px;
                            width: 20px;
                            background: red;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }
                }
            }
        }

        @media (max-width: 991px) {
            .apply-page {
                .body-wrapper {
                    margin: 50px 0 0;
                }

                #additionalAttachments .form-group.cloud-icon {
                    left: 44%;
                }

                .addln-object-single-row .additional-attachment-list {
                    margin-left: 42%;
                    width: 50%;
                }
            }
        }

        @media (max-width: 767px) {
            .navigation-summary .slick-list .slick-track li.slide.progress-current:after {
                left: 52% !important;
            }

            .apply-page {
                .resume-upload-wrapper {
                    justify-content: center;
                }

                .row.form-fields,
                .row {
                    margin-bottom: 0;
                }

                .remove-action {
                    padding-left: 0 !important;
                }

                #additionalAttachments .form-group.cloud-icon {
                    left: 43%;
                }

                .summary-item.experienceData-item table.experienceData-table th,
                .summary-item.experienceData-item table.experienceData-table td,
                .summary-item.educationData-item table.educationData-table th,
                .summary-item.educationData-item table.educationData-table td,
                .summary-item.languageData-item table.languageData-table th,
                .summary-item.languageData-item table.languageData-table td {
                    display: block;
                }

                h3 {
                    font-size: 20px;
                    line-height: 30px;
                }

                .summary-label {
                    font-size: 14px;
                }

                #phoneWidget {
                    .form-group.phone_field_block {
                        margin-left: -8px;
                        margin-right: -8px;
                    }
                }

                #breadcrumb-summary {
                    width: 90%;
                }

                .or {
                    margin: 0;
                }

                ul.attachment-options li:nth-child(3),
                ul.attachment-options li.file-attachment {
                    width: 100%;
                    margin: 20px auto;
                    display: block;
                    text-align: center;
                }

                .ph-apply-box {
                    .attachment-wrapper {
                        padding: 20px 20px 30px;
                    }
                }
            }
        }

        @media (max-width: 640px) {
            .apply-page button[type="submit"] {
                width: auto !important;
            }

            .cloud-options-group {

                li.linkedin-option,
                .js.guest {
                    text-align: center;
                    margin-bottom: 5px;
                    margin-bottom: 0 !important;
                }
            }
        }

        @media (max-width: 480px) {
            // .apply-or-line {
            //     display: block;
            //     float: none !important;
            //     width: 100%;
            //     text-align: center;
            //     margin: 0 auto;
            //   }

            // .resume-upload-wrapper{
            //   display: block;
            //   width: 100%;
            //   text-align: center;
            // }

            // .drives{
            //   .cloud-options-group{
            //     .dropbox.cloud-icon{
            //       margin: 0 15px 0 0;
            //     }
            //   }
            // }

            #additionalAttachments .form-group.cloud-icon {
                left: 40%;
            }
        }

        @media (max-width: 461px) {
            .field#websites {
                .remove-action {
                    top: 22%;
                }
            }
        }

        .form-group.field.field-object {
            .row.form-fields {
                .form-group.field.field-string {
                    .control-label {
                        span:nth-child(2) {
                            // display: none;
                        }
                    }
                }
            }
        }

        .remove-action .remove-icon {
            font-size: 0 !important;
            position: relative;
            top: -3px;
        }

        .remove-action .remove-icon:before {
            content: "\e011";
            font-family: "platform-font" !important;
            color: #262626;
            font-size: 12px;
            position: relative;
            top: 5px;
        }

        // Offline Apply Less code Started

        #offlineApply {
            text-align: center;
            margin-top: 100px;

            h1 {
                color: @brand-color-primary;
            }
        }

        // Offline Apply Less code End

        .applythankyou {
            text-align: center;
            margin-top: 100px;
        }

        .resume-group {
            .drives {
                li.linkedin-option {
                    #applyAwliWidget {
                        iframe {
                            height: 85px !important;
                        }
                    }
                }

                .resume-upload-wrapper {
                    padding: 0 0 10px;
                }
            }
        }

        .apply-page-thankyou #alreadyApplied {
            text-align: center;
            margin-top: 100px;
        }

        ///Srinivas code
        .docx.after-upload,
        .txt.after-upload,
        .pdf.after-upload,
        .doc.after-upload {
            text-align: left;
            padding-left: 0px;
            margin-left: -9px;
            justify-content: flex-start !important;
        }

        .apply-page .table-as-list tbody {
            display: block;
        }

        .apply-page .table-as-list tbody {
            display: block;
        }

        .apply-page .side-heading {
            font-family: "TradeGothicLTStd-BdCn20";
        }

        .apply-page .table-as-list tbody {
            display: block;
        }

        .apply-page .side-heading {
            font-family: "TradeGothicLTStd-BdCn20";
        }

        .apply-page .summary-title h3,
        .apply-page .object-field-header h3 {
            text-transform: capitalize;
        }

        ////Apply form chnages

        .educationData-table {
            thead {
                tr {
                    &:first-child {
                        display: none;
                    }
                }
            }
        }

        .experienceData-table {
            thead {
                tr {
                    &:first-child {
                        display: none;
                    }
                }
            }
        }

        .certificateData-table {
            thead {
                tr {
                    &:first-child {
                        display: none;
                    }
                }
            }
        }

        ///Apply page font and color changes

        .apply-page {
            .summary-label {
                font-weight: bold;
                color: @brand-color-primary;
            }
        }

        /////Disability Question  CHANGES

        .apply-page {
            .disability-heading {
                h4 {
                    text-align: center;
                }
            }

            .diversity {
                ul {
                    li {
                        list-style: disc;
                    }
                }
            }

            #disabilityStatus {
                label {
                    color: #272727;
                    font-size: 16px;
                }
            }

            .form_CC_center {
                float: right;
            }

            #disabilityStatus-radio {
                color: #272727;
                font-size: 16px;
            }

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

            .horizonalLine_Adjust {
                border-top: 2px solid #272727;
            }

            .disQualify_name {
                label {
                    color: #272727;
                    font-size: 16px;
                }
            }

            .disQualify_date {
                label {
                    color: #272727;
                    font-size: 16px;
                }
            }
        }

        ///Document chnages
        .apply-page {
            .after-upload {
                padding-left: 40px !important;
                min-height: 46px;
                padding-top: 4px;
                background-image: url(https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png) !important;
                background-repeat: no-repeat;
                color: #404040;
                display: block !important;
            }

            span.checkmark {
                color: red;
            }

            button#array-button-add-experienceData,
            button#array-button-add-educationData,
            .array-button-add {
                background: #f1b82d;
                border: 1px solid #f1b82d;
                color: #fff;
                padding: 10px;
            }

            .array-button-remove {
                background: #f1b82d;
                border: 1px solid #f1b82d;
                color: #fff;
                padding: 10px;
            }

            #breadcrumb-summary {
                .slick-list {
                    .slick-track {
                        li.progress-current {
                            .number {
                                background: @brand-color-secondary !important;
                                color: #f1b82d !important;
                                box-shadow: 0 0 0 4px #f1b82d, 0 0 0 5px #f1b82d !important;
                                border: 4px solid #f1b82d !important;
                            }
                        }

                        li.progress-enable {
                            .number {
                                background: @brand-color-secondary !important;
                                color: #f1b82d !important;
                                box-shadow: 0 0 0 4px #f1b82d, 0 0 0 5px #f1b82d !important;
                                border: 4px solid #f1b82d !important;
                            }
                        }
                    }
                }

                .progress-enable.progress-complete {
                    &:after {
                        background: @brand-color-secondary !important;
                        transition: border-color 0.5s ease-in-out;
                    }
                }
            }

            div#workShifts {
                .checkbox {
                    label {
                        span {
                            input {
                                min-height: 4px !important;
                            }
                        }
                    }
                }
            }

            .checkboxes {
                margin-left: 16px !important;
            }

            span.summary-heading {
                font-size: 22px !important;
                color: #f1b82d;
            }

            .summary-title {
                h3 {
                    font-size: 22px !important;
                    color: #f1b82d;
                }
            }

            .form-group.field.field-string.side-heading {
                .markdown {
                    p {
                        color: #f1b82d;
                        font-family: "ProximaNova-Regular";
                    }
                }
            }

            @media screen and (max-width: 1024px) {
                .checkbox input[type="checkbox"] {
                    margin-top: 0px !important;
                }
            }

            label {
                color: @brand-color-primary;
            }

            .iframepanel {
                font-family: 'ProximaNova-Regular' !important;
                font-size: 14px !important;
                padding: 20px 10px;
            }

            .external-job {
                padding-top: 68px;
            }

            .job-summary span {
                color: @brand-color-primary;
            }

            .checkbox input[type="checkbox"] {
                position: absolute !important;
                margin-left: -8px !important;
                margin-top: 3px !important;
            }

            .field-array .checkbox input[type="checkbox"] {
                position: absolute !important;
                margin-left: -26px !important;
                margin-top: 3px !important;
            }

            .form-group.field.field-boolean.is-valid .checkbox span {
                padding-left: 15px;
            }

            input#smsOptIn {
                position: absolute;
                top: -2px !important;
                left: 10px !important;
            }

            .radio,
            .checkbox {
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }

            .form-group.field.field-string.foo.row.date-range-picker {
                width: 100% !important;
                display: block !important;
            }

            .form-group input,
            .form-group textarea,
            .form-group select {
                min-height: 0px !important;
                margin-right: 5px;
            }
        }

        @media (max-width: 767px) {
            .apply-page .custom-object .remove-action {
                padding-left: 0 !important;
                width: 8.333%;
            }

            .array-button-remove {
                min-height: 35px !important;
                min-width: 35px !important;
            }
        }

        .fileAttachments .object-field-header {
            display: none !important;
        }

        .object-field.fileAttachments .summary-label {
            display: none !important;
        }

        .apply-page .remove-action {
            position: inherit !important;
            left: 0px !important;
            margin-top: 10px;
            top: 0px !important;
            display: block;
            width: 100%;
        }

        /*Apply Styling*/
        #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
        #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
            background: #0367b4 !important;
            color: #0367b4 !important;
            box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
            border: 4px solid var(--primary-color) !important;
        }

        #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
        #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
            background: #0367b4 !important;
            color: #0367b4 !important;
            box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
            border: 4px solid var(--primary-color) !important;
        }

        #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
        #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
            background: #0367b4 !important;
            color: #0367b4 !important;
            box-shadow: 0 0 0 4px #0367b4, 0 0 0 5px #0367b4 !important;
            border: 4px solid #0367b4 !important;
        }

        .navigation-summary .slick-list .slick-track li:last-child:after {
            border-right: 0px solid #bfbfbf !important;
            border-color: #0367b4 !important;
        }

        .form-playground,
        .phenom-form-container {
            --primary-color: #0367b4 !important;
        }

        #breadcrumb-summary ul li a .title {
            font-size: 13px;
            display: block;
            overflow-wrap: break-word;
            line-height: 1.3em;
            padding-top: 15px;
            color: #0367b4 !important;
            cursor: pointer;
        }

        #breadcrumb-summary ul li a {
            width: 90px;
            display: inline-block;
            position: relative;
            height: 70px;
            text-align: center;
            margin-top: 3px !important;
            outline: 0;
            padding: 0;
        }

        @media only screen and (max-width: 767px) {
            .navigation-summary {
                .slick-prev {
                    width: auto;
                    display: inline-block;
                    margin-top: 2px;
                    font-size: 12px !important;
                    padding: 6px !important;
                    color: #ffffff !important;

                }
            }
        }

        .navigation-summary {
            .slick-prev {
                background: #0367b4;
            }
        }

        @media only screen and (max-width: 767px) {
            .navigation-summary {
                .slick-next {
                    width: auto;
                    display: inline-block;
                    margin-top: 2px;
                    font-size: 12px !important;
                    padding: 6px !important;
                    background: #0367b4 !important;
                    color: #ffffff !important;

                }
            }
        }

        .resume-group .drives {
            width: 100%;
            display: flex;
            align-items: center !important;
            justify-content: center !important;
        }

        .resume-group {
            & .drives {
                .resume-upload-wrapper {
                    padding: 0 0 0px !important;
                }
            }
        }

        .resume-group .drives .apply-or-line {
            display: flex;
            align-items: center;
            /* justify-content: center !important; */
            /* flex-direction: column !important; */
            padding-top: 10px !important;
        }

        .apply-or-line {
            padding-top: 10px !important;
        }



        .error,
        .required {
            color: #c31313 !important;
        }

        #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
        #breadcrumb-summary .slick-list .slick-track li.progress-enable span.number {
            background: #0367b4 !important;
            color: #0367b4 !important;
            box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
            border: 4px solid var(--primary-color) !important;
        }

        .phenom-form-container #breadcrumb-summary .progress-enable.progress-complete:after {
            background-color: #0367b4 !important;
        }

        .ph-apply-box .phenom-form-container div#breadcrumb-summary ul.progressbarlist.breadcrumb-list .slick-list .slick-track .slick-slide.slick-active li.slide.slick-slide.slick-active::after {
            border-right: 0px !important;
            border-color: #0367b4 !important;
        }

        .form-group.field.field-string {

            color: #393939 !important;
        }

        label {
            color: #393939 !important;
            font-size: 14px;
        }

        input.form-control,
        select.form-control {
            color: #393939 !important;
            font-size: 14px;
            border: 1px solid gray;
            height: 40px;
            width: 100%;
            background-color: transparent;

        }

        .form-group.field.field-string {
            & .checkbox {
                label {
                    padding-left: 0px !important;
                }
            }
        }

        .resume-group .upload-resume-btn {
            font-size: 16px !important;
            background: #0367b4 !important;
            min-height: 39px;
            margin-top: 6px;
            padding: 0px 16px;
            color: white !important;
            /* text-decoration: underline; */
            cursor: pointer;
            border: 1px solid #0367b4 !important;
            height: auto;

        }

        .resume-group .drives {
            width: 100%;
            display: flex;
            align-items: flex-end !important;
        }

        .resume-group .upload-resume-btn {
            margin-top: 0px !important;
        }

        button.btn-navigate {
            color: #ffffff;
            background: #0367b4;
            font-size: 12px;
            border: 1px solid #0367b4;
            height: 50px;
            line-height: 18px;
            padding-left: 10px !important;
            padding-right: 10px !important;
            font-size: 16px !important;
        }

        button.btn-navigate {
            margin-bottom: 0px !important;
        }

        navigation-summary {
            & .slick-prev {
                &:before {
                    content: none !important;
                    font-size: 20px;
                    color: @darkar;
                    font-family: "platform-font";
                }
            }
        }

        .navigation-summary {
            & .slick-next {
                &:before {
                    content: none !important;
                    font-size: 20px;
                    color: @darkar;
                    font-family: "platform-font";
                }
            }
        }

        @media only screen and (max-width: 767px) {
            .navigation-summary {
                margin-top: 10px !important;
            }
        }

        .resume-group .resume_info {
            padding-left: 0px !important;
            text-align: center;
            font-size: 15px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        @media only screen and (max-width: 640px) {
            .resume-group .drives {
                flex-wrap: wrap;
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                align-items: center ! IMPORTANT;
            }
        }

        .resume-upload-wrapper button.upload-resume-btn.btn.primary-button {
            background: #0367b4 !important;
            border-color: #0367b4 !important;

        }

        .form-group.field.field-string {
            & .checkbox {
                & label {
                    .checkbox-control {
                        position: inherit;
                        vertical-align: middle;
                        display: inline-block;
                        margin: 0px 0px 0px 0px !important;
                        min-height: 16px;
                    }
                }
            }
        }

        span.checkmark {
            padding-left: 30px !important;
            color: #c31313 !important;
        }

        .field-object .daterangepicker-checkbox {
            text-align: left;
            display: flex !important;
        }

        span.checkboxText {
            padding-left: 10px !important;
        }

        .text-danger {
            color: #c31313;
            font-size: 15px;
        }

        .array-button-add {
            padding: 2px 6px !important;
            min-width: 100px;
            border: 1px solid #EFEFEF;
            color: #ffffff !important;
            background: #0367b4 !important;
            font-size: 14px !important;

        }

        .remove-action .array-button-remove {
            background: #0367b4 !important;
            border: 1px solid #0367b4 !important;
        }

        .phw-container>.ph-apply-box .row .col-1,
        .phw-container>.ph-jtc-box .row .col-1,
        .phw-container>.ph-event-box .row .col-1,
        .phw-grid .col-1,
        .phw-container>.ph-apply-box .row .g-col-1,
        .phw-container>.ph-jtc-box .row .g-col-1,
        .phw-container>.ph-event-box .row .g-col-1,
        .phw-grid .g-col-1 {
            grid-column: auto / span 12 !important;
        }

        button.btn-navigate {
            color: #ffffff;
            background: #0367b4 !important;
            font-size: 12px;
            border: 1px solid #0367b4 !important;
            height: 50px;
            line-height: 18px;

        }

        .remove-action .array-button-remove {
            background: #0367b4 !important;
            border: 1px solid #0367b4 !important;
            /* width: 100px !important; */
            font-size: 14px !important;

        }

        .array-button-add {
            padding: 2px 6px !important;
            min-width: 100px;
            border: 1px solid #EFEFEF;
            color: #ffffff !important;
            background: #0367b4 !important;
            font-size: 14px !important;

        }

        button.btn-navigate:hover {
            color: #ffffff;
            background: #0367b4;
        }

        @media only screen and (max-width: 640px) {
            button[type=submit] {
                float: unset;
                width: auto !important;
            }
        }

        .markdown-as-title p,
        .custom-object .field-description {
            color: #0367b4 !important;
            font-size: 22px;
        }

        .form-group.field.field-string.two-line-field.markdown-no-padding.selfIdentity .markdown p {
            text-align: left !important;
        }

        .form-group.field.field-array div#race .checkbox span.checkmark {
            padding-left: 10px !important;
        }

        .navigation-summary {
            & .slick-prev {
                &:before {
                    content: none !important;
                    font-size: 20px;
                    color: @darkar;
                    font-family: "platform-font";
                }
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 950px) {
            .navigation-summary {
                .slick-prev {
                    width: auto;
                    display: inline-block;
                    margin-top: 2px;
                    font-size: 12px !important;
                    color: #ffffff !important;
                    font-family: 'helevectia' !important;
                    padding: 6px !important;
                    margin-top: 10px !important;
                }
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 950px) {
            .navigation-summary {
                .slick-next {
                    width: auto;
                    display: inline-block;
                    margin-top: -33px !important;
                    font-size: 16px !important;
                    background: #0367b4 !important;
                    color: #ffffff !important;
                    font-size: 14px !important;
                    padding: 5px !important;
                    font-family: "helevectia" !important;
                }
            }
        }

        #breadcrumb-summary .slick-slider .slick-list {
            margin-left: 0px !important;
        }

        .ph-apply-box .text-danger {
            color: #c31313 !important;
            font-size: 15px;
        }

        .remove-action .remove-icon:before {
            content: none !important;
            font-family: "platform-font" !important;
            color: #ffffff !important;
            font-size: 12px;
            position: relative;
            top: 5px;
        }

        .remove-action .remove-icon {
            font-size: 24px !important;
            position: relative;
            top: -1px;
            color: #ffffff !important;
        }

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

        @media only screen and (max-width: 640px) {
            .navigation.workAndEducation-step button[type=submit] {
                float: unset;
                width: auto !important;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 950px) {
            .navigation-summary {
                .slick-list {
                    margin: 0;
                    width: 95% !important;
                    display: inline-block;
                }
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 950px) {
            .navigation-summary {
                .slick-next {
                    margin-top: 0px !important;
                }
            }
        }

        .form-group.field.field-string.two-line-field.complete-form a {
            color: #0367b4 !important;
        }

        .summary-title h3,
        .object-field-header h3 {
            color: #0367b4;
            font-weight: 400 !important;
            margin-bottom: 30px !important;
            font-size: 20px !important;
            font-family: 'Caecilia' !important;
            font-weight: 600 !important;
        }

        button.btn.primary-button.btn-submit {
            border-color: #0367b4 !important;
            color: #ffffff !important;
            background-color: #0367b4 !important;
            font-weight: normal !important;
            font-size: 14px !important;
            font-family: 'Helvetica';
            padding-left: 18px !important;
            padding-right: 18px !important;
        }

        .summary-value {
            color: #000000;
            font-size: 15px;
            font-weight: Bold;
            line-height: 18px;
            word-break: break-all;
            opacity: 0.7;
            padding: 5px 0 15px 0;

        }

        label#reviewDesc-label {}

        p {
            font-size: 16px;
            line-height: 1.5;
            font-family: var(--cms-g-roboto);
            font-weight: 300;

        }

        input#fileUpload {
            padding-left: 10px !important;
        }

        .apply-or-line>span:before {
            content: "";
            position: absolute;
            display: block;
            top: 12px;
            left: -2px;
            width: 18px;
            height: 0px !important;
            background-color: #000;
        }

        .apply-or-line>span:after {
            content: "";
            position: absolute;
            display: block;
            top: 12px;
            right: -2px;
            width: 18px;
            height: 0px !important;
            background-color: #000;
        }

        .resume-upload-wrapper button.upload-resume-btn.btn.primary-button:hover {
            color: #ffffff !important;
        }

        i.skydrive.cloud-icon {
            margin-right: 0px ! IMPORTANT;
        }

        div {}

        .checkbox span.required {
            padding-left: 10px !important;
        }

        .phw-container>.ph-jtc-box .btn:hover,
        .phw-container>.ph-apply-box .btn:hover,
        .phw-btn:hover {
            border-color: var(--btn-hover-border-color);
            text-decoration: var(--btn-hover-decoration);

        }

        .error-msg ul.errorList li {
            /* color: red !important; */
            list-style-type: none !important;
            /* padding-left: 0px !important; */
        }

        .error-msg ul.errorList a {
            text-decoration: none !important;
            /* padding-left: 0px !important; */
        }

        .error-msg ul.errorList {
            & li {
                & a {
                    span {
                        font-size: 16px;
                        line-height: 21.98px;
                        text-align: left;
                        color: #c31313 !important;
                        text-decoration: none !important;
                    }
                }
            }
        }

        .error-msg ul.errorList {
            padding-left: 0px !important;
        }

        .checkbox span.required {
            padding-left: 16px !important;
        }

        .checkbox input[type="checkbox"] {
            position: absolute !important;
            margin-left: -10px !important;
            margin-top: -1px !important;
        }

        .summary-heading {
            padding-right: 10px;
            color: #0367b4 !important;
            font-size: 24px !important;
        }

        .object-field.PersonalMobilePhone .object-field-header h3 {
            color: #0367b4 !important;
            font-size: 24px !important;
            margin-bottom: 6px !important;
        }

        .summary .summary-title h3 {
            margin-bottom: 10px !important;
        }

        .navigation.personalInformation-step button.btn-navigate:focus {
            color: #ffffff !important;
        }

        ul.errorList li {
            list-style: disc;
            margin-left: 0px !important;
        }

        @media only screen and (max-width: 640px) {
            .navigation.workExperience-step button[type=submit] {
                float: unset;
                width: auto !important;
            }
        }

        @media only screen and (max-width: 640px) {
            .navigation.-step button[type=submit] {
                float: unset;
                width: auto !important;
            }
        }

        @media only screen and (max-width: 640px) {
            .navigation.summary-step button[type=submit] {
                float: unset;
                width: auto !important;
            }
        }

        button.btn.primary-button.btn-submit {
            font-size: 16px !important;
        }

        button.btn {
            color: #ffffff;
            background: #0367b4 !important;
            font-size: 12px;
            border: 1px solid gray;
            height: 50px;
            /*float: left;*/
        }

        section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-object.custom-object .form-group.field.field-string.foo .markdown p {
            color: #393939 !important;
        }

        section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-object.foo .form-group.field.field-string.foo .markdown p {
            color: #393939 !important;
        }

        section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-string.foo .markdown {
            color: #0367b4 !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            margin-top: 14px !important;
        }

        section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-string.foo .markdown li {
            color: #393939 !important;
            font-weight: normal;

        }

        fieldset#disability_heading_self_identity11 p#disability_heading_self_identity11__description {
            color: #0367b4 !important;
            font-weight: 600 !important;
            font-size: 20px !important;
            font-family: "helivectia" !important;
        }

        .navigation-summary .slick-list .slick-track li:last-child:after {
            border-right: 350px solid #bfbfbf !important;
            border-right: none !important;
        }

        .phenom-form-container #breadcrumb-summary .progress-enable.progress-complete:after {
            background-color: #0367b4 !important;
            border-right: none !important;
        }

        .phenom-form-container .wrapper .container {
            text-align: center !important;
        }

        .phenom-form-container .wrapper .container .site-down .row .col-md-8 {
            text-align: center !important;
            align-items: center !important;
            grid-column: auto / span 12 !important;
            width: 100% !important;
        }

        .phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-left {
            text-align: center !important;
        }

        .fa-arrow-right {
            background-image: url(https://static.imomentous.com/CareerConnectResources/PHENA0059/img/sitedown.png);
            background-repeat: no-repeat;
            background-position: 0 -164px;
            height: 0px !important;
            width: 0px !important;
            display: inline-block;
            vertical-align: middle;
            margin-left: 0px !important;
        }

        .heading {
            color: #0367b4;

        }

        .out-f-ser-text {
            color: #393939 !important;
            font-size: 32px;
            font-weight: 200;
            margin-bottom: 10px;
            text-transform: uppercase;

        }

        .phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-left {
            text-align: center !important;
        }

        .phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-lef .heading p {}

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

            .phw-container>.ph-apply-box .row .col-md-4,
            .phw-container>.ph-jtc-box .row .col-md-4,
            .phw-container>.ph-event-box .row .col-md-4,
            .phw-grid .col-md-4,
            .phw-container>.ph-apply-box .row .g-col-xl-4,
            .phw-container>.ph-jtc-box .row .g-col-xl-4,
            .phw-container>.ph-event-box .row .g-col-xl-4,
            .phw-grid .g-col-xl-4 {
                grid-column: auto / span 12 !important;
            }
        }

        .col-md-4 {
            width: 100% !important;
        }

        .out-f-ser-icon {
            background: url(https://static.imomentous.com/CareerConnectResources/PHENA0059/img/sitedown.png);
            display: inline-block;
            width: 0px !important;
            height: 0px !important;
            color: #393939 !important;
        }

        .btn-white:hover,
        .form_captcha_refresh .form_button:hover,
        .btn-white a:hover,
        .btn-white:active,
        .form_captcha_refresh .form_button:active,
        .btn-white,
        .form_captcha_refresh .form_button,
        .btn-white {
            color: #fff;
            background: #0367b4;
            border: 0px solid #0367b4;
            font-size: 14px;
            border-radius: 4px;
            display: inline-block;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            padding: 0.6em 1em 0.6em 1em !important;
            transition: all .3s linear;
            -webkit-transition: all .3s linear;
            color: #ffffff !important;
        }

        .heading {
            color: #0367b4 !important;

        }

        .text-right {
            text-align: center !important;
        }

        button.btn.primary-button.btn-submit:active {
            height: 51px !important;
        }

        .summary .summary-section.Personal-Information.personalInformation .object-field.personalMobilePhone .object-field-header h3 {
            color: #0367b4 !important;
            font-family: 'Caecilia' !important;
            font-size: 24px !important;
        }

        .ph-apply-box {
            & .resume-group {
                & .drives {
                    .resume-upload-wrapper {
                        padding: 0 0 10px !important;
                    }
                }
            }
        }

        .ph-apply-box {
            .resume-group .drives .apply-or-line {
                display: flex;
                align-items: center;
                /* justify-content: center !important; */
                /* flex-direction: column !important; */
                padding-top: 0px !important;
                padding-bottom: 10px !important;
            }
        }

        .ph-apply-box {

            #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
            #breadcrumb-summary .slick-list .slick-track li.progress-enable span.number {
                background: #0367b4 !important;
                color: #0367b4 !important;
                box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
                border: 4px solid var(--primary-color) !important;
                padding: 1px !important;
                margin-top: 9px !important;
            }
        }

        div#fileUpload .attachment .attachment-container ul.attachment-options li .or {
            display: none !important;
        }

        div#fileUpload .attachment .attachment-container ul.attachment-options li.file-attachment label.file-label {
            color: #fff !important;
            background-color: #0367b4 !important;
            padding: 10px 20px;
            text-decoration: none !important;
            border-radius: 5px;
            font-size: 16px !important;
            min-height: 39px;
            cursor: pointer;
            line-height: 28px;
        }

        form.rjsf .form-group.field.field-object.is-valid .form-group.field.field-array div#race .checkbox {
            padding-top: 8px !important;
        }

        form.rjsf .form-group.field.field-object.is-valid .form-group.field.field-array div#race .checkbox input#race_0 {
            margin-left: -22px !important;
            margin-top: 1px !important;
        }

        .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job div#breadcrumb-summary ul.progressbarlist.breadcrumb-list .slick-slider.slick-initialized .slick-list .slick-track .slick-slide.slick-active li.slide.slick-slide.slick-active.progress-complete.progress-enable a span.number {
            padding: 1px !important;
            margin-top: 9px !important;
        }

        .ph-apply-box {
            & .resume-group {
                & .drives {
                    .resume-upload-wrapper {
                        padding: 0 0 0px !important;
                    }
                }
            }
        }

        .ph-apply-box {
            .resume-group .drives .apply-or-line {
                display: flex;
                align-items: center;
                /* justify-content: center !important; */
                /* flex-direction: column !important; */
                padding-top: 0px !important;
                padding-bottom: 3px !important;
            }
        }

        label.resume-size {
            margin-bottom: 0px !important;
        }

        a.deleteFile:before {
            content: "Delete ";
            color: #0367b4 !important;
            font-weight: bold;
            margin-left: 0px !important;
        }

        .pdf.after-upload a.deleteFile:before {
            margin-left: 0px !important;
        }

        .resume-section .has-resume.resume-info .pdf.after-upload {
            padding-left: 0px !important;
        }

        .row.no-gutter.form-fields {
            margin-bottom: 0px !important;
        }

        ul#personalMobilePhone-errorMsg {
            margin-top: -7px !important;
        }

        button.btn.primary-button.btn-submit:disabled {
            height: 51px !important;
        }

        .phw-container>.ph-apply-box .btn:active {
            color: #ffffff !important;
        }

        .phw-container>.ph-apply-box .btn:focus {
            color: #ffffff !important;
        }

        li.docx {
            background-image: url("https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png") !important;
        }

        .im-apply-page .docx.after-upload,
        .im-apply-page .txt.after-upload,
        .im-apply-page .pdf.after-upload,
        .im-apply-page .doc.after-upload {
            justify-content: center !important;
        }

        @media only screen and (max-width: 640px) {
            button#next {
                float: unset;
                width: auto !important;
            }
        }

        .navigation-summary {
            .slick-prev {
                background: #0367b4 !important;
            }
        }

        @media only screen and (max-width: 360px) {
            .slick-list {
                padding-top: 12px !important;
            }
        }

        .docx {
            background-position: 0 -65px;
            margin-top: 10px;
        }

        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            li.file-attachment {
                height: 50px !important;
                background: none !important;
                margin-left: 20px !important;
            }
        }

        ul.attachment-options li.file-attachment {
            margin-top: 0px !important;
        }

        div#fileUpload .attachment .attachment-container ul.attachment-options li.file-attachment {
            background: none !important;
        }

        div#fileUpload .attachment .attachment-container ul.attachment-options {
            margin-top: 10px !important;
        }

        .form-group.field.field-object .summary .summary-section.Work-Experience.workExperience .summary-text .object-field.experienceData .object-field-header h3 {
            display: none !important;
        }

        .ph-apply-box .form-wrapper .external-job .resume-group .drives {
            justify-content: center !important;
            display: flex !important;
            align-items: center !important;
        }

        .drives span.apply-or-box {
            padding: 0px 16px !important;
        }

        .ph-apply-box .form-wrapper div .rjsf {
            padding-top: 30px;
            padding-bottom: 30px;
            width: 100% !important;
            margin: auto;
        }

        .checkbox input[type="checkbox"] {
            position: absolute !important;
            margin-left: 0px !important;
            margin-top: 0px !important;
        }

        .radio,
        .checkbox {
            position: relative;
            display: flex;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .row.form-group.additional-attachment-v2 .attachment {
            padding: 20px !important;
            border: solid 1px grey !important;
            margin: 0px 0px !important;
            width: 99% !important;
        }


        .row.form-group.additional-attachment-v2 .attachment-container {
            display: flex !important;
            justify-content: center !important;
        }

        .row.form-group.additional-attachment-v2 ul.attachment-options {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
        }

        .row.form-group.additional-attachment-v2 .or {
            padding: 0px 20px !important;
        }

        .ph-apply-box .form-wrapper div .rjsf .markdown p {
            font-size: 20px;
            text-align: justify;
            font-weight: bold !important;
        }

        .apply-page button.btn-next {
            float: right !important;
        }

        .apply-page .remove-action .remove-icon {
            color: #ffffff !important;
        }

        button#next {
            padding: 10px 40px !important;
            margin-bottom: 40px !important;
            font-size: 18px !important;
            float: right !important;
        }

        .attachment-title {
            text-align: center !important;
        }

        .ph-apply-box .form-wrapper div .options-block {
            text-align: center;
            padding: 30px;
            border: 1px solid grey !important;
            border-radius: 20px;
        }

        .row.form-group.additional-attachment-v2 .attachment-files {
            text-align: start !important;
        }

        .form-group.field.field-boolean {
            width: 100% !important;
        }

        .form-group.field.field-boolean .checkbox {
            width: 100% !important;
        }

        .form-group.field.field-boolean .checkbox label span {
            padding-left: 25px !important;
        }

        .checkbox input[type="checkbox"] {
            position: absolute !important;
            margin-left: 0px !important;
            margin-top: 0px !important;
            width: 20px;
            min-height: 20px !important;
            height: 20px !important;
        }

        .form-group.field.field-boolean .checkbox label {
            display: flex !important;
            align-items: center !important;
        }

        button#previous {
            padding: 10px 40px !important;
            margin-bottom: 40px !important;
            font-size: 18px !important;
        }

        .external-job.current-step-candidateAcknowledgement .form-group.field.field-string .checkbox label {
            display: flex !important;
        }

        .external-job.current-step-candidateAcknowledgement .form-group.field.field-string .checkbox label a {
            font-size: 18px !important;
        }

        .navigation.candidateAcknowledgement-step {
            display: flex;
            justify-content: space-between;
        }

        .react-datepicker-wrapper {
            width: 100% !important;
        }

        @media screen (max-width:1024px) {
            .col-xs-11 {
                width: 100% !important;
            }

            .remove-action .array-button-remove {
                margin-bottom: 10px !important;
            }
        }



        @media screen (max-width:1024px) {
            .col-xs-11 {
                width: 100% !important;
            }

            .react-datepicker-wrapper {
                width: 100% !important;
            }

            .remove-action .array-button-remove {
                margin-bottom: 10px !important;
            }
        }

        .external-job.current-step-candidateAcknowledgement .form-group.field.field-string.foo .markdown p {
            font-size: 18px !important;
            font-weight: normal !important;
        }

        span#agreement-label span {
            font-size: 18px !important;
        }

    }

    .apply-page {
        & button.btn.primary-button.btn-submit {
            font-size: 16px !important;
            padding: 10px 40px !important;
            margin-bottom: 40px !important;
            font-size: 18px !important;
            border-radius: 4px !important;
        }
    }

    .ph-apply-box input#educationData\[1\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[2\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[3\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[4\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[5\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[6\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[1\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[2\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[3\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[4\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[5\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[6\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }


    .ph-apply-box label#educationData\[1\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }

    .ph-apply-box label#educationData\[2\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }

    .ph-apply-box label#educationData\[3\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }

    .ph-apply-box label#educationData\[4\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }

    .ph-apply-box label#educationData\[5\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }

    .ph-apply-box label#educationData\[6\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }



    ////Dates 
    .ph-apply-box .date-range-fromTo {
        display: flex !important;
    }

    .ph-apply-box div#educationData_1_fromTo {
        display: flex !important;
    }

    div#educationData_2_fromTo {
        display: flex !important;
    }

    div#educationData_3_fromTo {
        display: flex !important;
    }

    div#educationData_4_fromTo {
        display: flex !important;
    }

    div#educationData_5_fromTo {
        display: flex !important;
    }

    div#educationData_6_fromTo {
        display: flex !important;
    }

    div#educationData_7_fromTo {
        display: flex !important;
    }

    div#educationData_8_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_0_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_1_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_2_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_3_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_4_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_5_fromTo {
        display: flex !important;
    }

    .ph-apply-box div#experienceData_6_fromTo {
        display: flex !important;
    }



    .ph-apply-box .form-group.field.field-string.foo.row.date-range-picker {
        width: 100% !important;
    }

    .ph-apply-box div#educationData_0_fromTo {
        display: flex !important;
    }

    .ph-apply-box input#educationData\[0\]\.fromTo\.startDate {
        width: 98.5% !important;
    }

    .ph-apply-box input#educationData\[0\]\.fromTo\.endDate {
        margin-left: 10px !important;
        width: 98.5% !important;
    }

    .ph-apply-box label#educationData\[0\]\.fromTo\.endDate-label {
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[0\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[1\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[2\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[3\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[4\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[5\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box input#experienceData\[6\]\.fromTo\.endDate {
        width: 98.5% !important;
        margin-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[0\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[1\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[2\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[3\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[4\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[5\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .ph-apply-box label#experienceData\[6\]\.fromTo\.endDate-label {
        padding-left: 10px !important;
    }

    .apply-page .ph-apply-box ul#endDate-errorMsg li.text-danger {
        padding-left: 10px !important;
    }


    @media only screen and (max-width:767px) {
        .apply-page .ph-apply-box ul#endDate-errorMsg li.text-danger {
            padding-left: 0px !important;
        }

        .apply-page .ph-apply-box ul#endDate-errorMsg li.text-danger {
            padding-left: 0px !important;
        }

        .apply-page {

            & .radio,
            & .checkbox {
                position: relative;
                display: flex;
                margin-top: 0px;
                margin-bottom: 10px;
            }
        }

        .ph-apply-box .date-range-fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_0_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_1_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_2_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_3_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_4_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_5_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box div#educationData_6_fromTo {
            display: block !important;
            width: 100% !important;
        }

        .ph-apply-box input#educationData\[0\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box input#educationData\[1\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box input#educationData\[2\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box input#educationData\[3\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box input#educationData\[4\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box input#educationData\[5\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box input#educationData\[6\]\.fromTo\.endDate {
            margin-left: 0px !important;
            width: 100%;
        }

        .ph-apply-box label#educationData\[0\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box label#educationData\[1\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box label#educationData\[2\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box label#educationData\[3\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box label#educationData\[4\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box label#educationData\[5\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box label#educationData\[6\]\.fromTo\.endDate-label {
            margin-left: 0px !important;
        }

        .ph-apply-box div#experienceData_0_fromTo {
            display: block !important;
        }

        .ph-apply-box div#experienceData_1_fromTo {
            display: block !important;
        }

        .ph-apply-box div#experienceData_2_fromTo {
            display: block !important;
        }

        .ph-apply-box div#experienceData_3_fromTo {
            display: block !important;
        }

        .ph-apply-box div#experienceData_4_fromTo {
            display: block !important;
        }

        .ph-apply-box div#experienceData_5_fromTo {
            display: block !important;
        }

        .ph-apply-box div#experienceData_6_fromTo {
            display: block !important;
        }

        .ph-apply-box input#experienceData\[0\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[1\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[2\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[3\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[4\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[5\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[6\]\.fromTo\.startDate {
            width: 100% !important;
        }

        .ph-apply-box input#experienceData\[0\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box input#experienceData\[1\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box input#experienceData\[2\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box input#experienceData\[3\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box input#experienceData\[4\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box input#experienceData\[5\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box input#experienceData\[6\]\.fromTo\.endDate {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[0\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[1\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[2\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[3\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[4\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[5\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }

        .ph-apply-box label#experienceData\[6\]\.fromTo\.endDate-label {
            padding-left: 0px !important;
        }
        .ph-apply-box input[id$=".Supervisor"] {
            margin-left: 0px !important;
            width: 100% !important;
        }
        .ph-apply-box label[id*="experienceData"][id$="Supervisor-label"] {
            margin-left: 0px !important;
        }
    }

    @media only screen and (max-width : 1024px) {
        .apply-page .col-xs-11 {
            width: 100% !important;
        }

        .apply-page {
            margin-bottom: 10px !important;
        }

        .apply-page {
            margin-bottom: 10px !important;
        }

        .remove-action .array-button-remove {
            margin-bottom: 10px !important;
        }

        .apply-page {
            .apply-page .options-block .upload-section {
                margin-left: 0;
            }

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

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

                .job-title {
                    margin: 0px;

                    span {
                        display: inline-block;
                        font-size: 18px;
                        color: @darkar;
                        //margin-left: 0;
                    }

                    h2 {
                        display: inline-flex;
                        padding-left: 0;
                        font-family: "Montserrat-Bold";
                        color: @brand-color-primary !important;
                        font-size: 22px;
                        line-height: 35px;
                        padding: 0;

                        a {
                            text-decoration: none;
                            font-size: 25px;
                            color: @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: 15px;
                    font-size: 22px;
                    padding: 0px !important;
                    color: @darkar;

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

                @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: 18px;

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

                    .drives {
                        margin-top: 55px;
                        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: auto;
                                width: auto;
                                text-align: center;
                                display: inline-block;
                                border-radius: 16px;
                                line-height: 32px;
                                font-size: 18px;
                                background-color: @gray-color;
                                padding: 0 10px;
                            }

                            @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: 18px;
                        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: auto;
                            width: auto;
                            text-align: center;
                            display: inline-block;
                            border-radius: 16px;
                            line-height: 32px;
                            font-size: 18px;
                            background-color: @gray-color;
                            padding: 0 5px;
                        }

                        @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: #0071a9;
                        }
                    }

                    b {
                        color: @darkar;
                    }

                    ul {
                        margin-left: 50px;

                        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;
                    color: @darkar;
                    border: 1px solid @darkar;
                    background-color: #fff;
                    margin-left: 15px;
                }
            }

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

            .apply-page {
                .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;
                    color: @brand-color-primary;
                }

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

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

                        .afterUpload {
                            padding-left: 40px;
                            min-height: 46px;
                            padding-top: 5px;
                            //background-image: url('https://static.imomentous.com/CareerConnectResources/resumeupload/uploadicons.png');
                            background-image: url("../images/sprite-icons.png");
                            background-repeat: no-repeat;
                            float: left;
                            margin: 0px 0px;
                            line-height: 20px;

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

                        .doc.afterUpload {
                            display: block !important;
                            background-position: -6px -10px;
                        }

                        .docx.afterUpload {
                            display: block !important;
                            background-position: -6px -65px;
                        }

                        .pdf.afterUpload {
                            display: block !important;
                            background-position: -6px -120px;
                        }

                        .txt.afterUpload {
                            display: block !important;
                            background-position: -6px -173px;
                        }

                        .rtf.afterUpload {
                            display: block !important;
                            background-position: -6px -227px;
                        }

                        .html.afterUpload {
                            display: block !important;
                            background-image: url(../images/htmlimage.png);
                            background-position-x: -7px;
                            background-position-y: -4px;
                        }

                        #sbtButton {
                            /* background-color: @jtnCommunity1-view-btn-color;
                    border: 1px solid @darkar; */
                            background-color: @brand-color-primary;
                            border: 1px solid @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;

                        .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: @brand-color-primary;
                                color: white;
                                /* text-decoration: underline; */
                                cursor: pointer;
                                padding: 9px;
                                border-radius: 4px;
                            }
                        }

                        #resumeFile {
                            border-radius: 3px;
                            width: auto;
                            position: relative;
                            margin: 40px auto 0 auto;
                            cursor: pointer;
                            color: @darkar;
                            text-align: center;
                            padding: 6px 12px;
                            height: 45px;
                            border: 1px solid @darkar;
                            background-color: transparent;

                            &:hover {
                                border: 1px solid @darkar;
                                background-color: transparent;
                                color: @darkar;
                            }

                            /*.dz-message {
                    display: none;
                }*/
                            input[type="file"] {
                                opacity: 0;
                                cursor: pointer;
                            }

                            /*&:before {
                    /*border: 1px solid @gray-color;
                    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: #d8d8d8;
                                                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;
                            color: @darkar;
                            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;
                            color: @darkar;
                        }

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

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

                            .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: @darkar;
                        font-weight: bold;
                        border-bottom: 1px solid @gray-color;
                        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 @gray-color;
                                /*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 {
                                border-radius: 0;
                                color: @darkar;
                                margin: 0 0 0 0;
                                opacity: 1;
                                z-index: 10;
                                font-size: 16px;
                                text-align: center;
                                font-family: @font-family-default-regular;
                                font-weight: 400;
                                border: 1px solid @darkar;
                                background-color: transparent;
                                width: auto;
                                //height: 41px;
                                //min-width: 137px;
                                padding: 6px 40px;
                                float: left;
                                box-shadow: none;

                                &:hover {
                                    background-color: transparent;
                                    border: 1px solid @darkar;
                                }
                            }

                            #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: 7px;
                                        vertical-align: top;
                                        margin-bottom: 6px;
                                    }

                                    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 {
                                color: @darkar;
                                font-weight: 600;
                            }
                        }

                        .box-content-block-header {
                            padding: 10px;
                            background-color: #f5f5f5;
                            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-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: 100px;

                .stepCounter {
                    display: none;
                }

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

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

                                //&:focus{
                                //   outline: 2px solid @border-color-primary !important;
                                //}
                                .number {
                                    background: #fff;
                                    border-radius: 24px;
                                    border: 1px solid @darkar;
                                    color: @darkar;
                                    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 @darkar, 0 0 0 5px @darkar;
                                    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 @brand-color-secondary !important;

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

                                .number {
                                    background-color: #0071a9;
                                    //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 #eb938e !important;
                                }

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

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

                                .title {
                                    color: @darkar !important;
                                }

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

                            &.progress-disable {
                                .number {
                                    background: @darkar !important;
                                }
                            }

                            &:after {
                                content: "";
                                border-right: 350px solid @darkar;
                                position: absolute;
                                top: 13px;
                                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 {
                                border-right-color: @brand-color-secondary !important;
                                left: 52%;

                                @media (max-width: @screen-sm-max) {
                                    left: 26%;
                                    border-right: 300px solid @brand-color-secondary !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: none;
                        color: #fff !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: @darkar !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: @darkar !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: @darkar;
                background-color: #fff;
                background-image: none;
                border: 1px solid @gray-color;
            }

            /* Slider */
            .apply-page {
                * {
                    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;
                }
            }

            .form-control {
                margin-bottom: 4px;
                height: 35px;
            }

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

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

                .checked-icon {
                    font-size: 50px;
                    color: @darkar;
                }

                h2 {
                    text-transform: uppercase;
                }

                p {
                    font-size: 16px;
                }

                .thankyou-message {
                    font-size: 20px;
                    margin-top: 0;
                    text-align: Center;
                    color: @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: 18px;
                    width: 50%;
                    font-weight: 50;
                    line-height: 1.36;
                    text-align: left;
                    color: #fff;
                    padding: 10px;
                    background-color: @darkar;
                }

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

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

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

            .add-icon {
                display: inline-block !important;
                text-align: center !important;
                line-height: 0 !important;
                border-radius: 50% !important;
                border: 1px solid @brand-color-primary !important;
                padding: 0 !important;
                height: 25px !important;
                color: @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 @brand-color-primary !important;
                    padding: 0 !important;
                    height: 25px !important;
                    color: @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;

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

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

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

            #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 @brand-color-secondary;

                                    @media (max-width: 767px) {
                                        border-right: 290px solid @brand-color-secondary;
                                    }

                                    @media (max-width: 568px) {
                                        border-right: 224px solid @brand-color-secondary;
                                    }
                                }

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

                                &.progress-current:after {
                                    border-right: 350px solid @gray-color !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) {
                .navigation-summary {
                    display: inline-block;
                    float: left;

                    .slider {
                        width: 100%;
                    }

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

                    .slick-prev {
                        width: auto;
                        display: inline-block;
                        margin-top: 2px;
                        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 {}

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

                            label.control-label {
                                color: @darkar !important;

                                message {
                                    color: inherit;
                                }
                            }
                        }

                        .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: block;
                            width: 100%;
                            text-align: center;
                            margin: 0 auto;
                            padding: 10px;
                        }
                    }

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

                    #addLinkedIn {
                        margin-left: 6px;

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

                /*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) {
                .resume_upload_block {
                    float: none !important;
                    display: block;
                    width: 60%;
                    margin: 20px auto;
                }

                .apply-page {
                    #cmsForm {
                        padding: 0 0;
                    }
                }

                #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: block;
                //   float: none !important;
                //   width: 100%;
                //   text-align: center;
                //   margin: 0 auto;
                // }
                #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: block;
                        margin: 0 auto !important;
                    }

                    .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: inline-block;
                            width: 100%;
                            text-align: center;
                            padding: 10px;
                        }
                    }

                    #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;
                    color: @darkar;
                }
            }

            .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 @gray-color;*/
                    content: "Select file" !important;
                    font-size: 14px;
                    font-weight: normal;
                    padding: 0;
                    position: absolute;
                    margin-top: 0 !important;
                    left: 0;
                    right: 0;
                    width: 162px !important;
                    color: #fff;
                    cursor: pointer;
                    text-decoration: none;
                }

                .apply-page-inner {
                    .options-block {
                        .selectFile {
                            &:hover {
                                &:before {
                                    background-color: #d8d8d8;
                                    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 {
                    .afterUploadOuter {
                        margin-left: 0;

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

                #files {
                    margin-left: 0;
                }
            }

            .dynamic-fields {
                .group-field {
                    input {
                        color: @darkar;
                    }
                }
            }

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

            .apply-page {
                .body-wrapper {
                    margin: 100px 0 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 {
                h2 {
                    font-size: 14px;
                }

                .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;
                            color: @darkar;
                            font-family: @font-family-default-regular !important;

                            b {
                                color: #0071a9 !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-next {
                        width: auto;
                        display: inline-block;
                        margin-top: 2px;
                        font-size: 16px !important;
                        padding: 0px;
                    }

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

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

                        @media (max-width: 568px) {
                            left: 34% !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: @darkar;
                    }
                }

                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: block;
                        margin: 0px auto 0 auto;
                    }

                    .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: 2px;
                        font-size: 16px !important;
                    }

                    .slick-prev {
                        width: auto;
                        display: inline-block;
                        margin-top: 2px;
                        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;
                        color: @darkar;
                    }
                }
            }

            input.form-control:focus,
            textarea.form-control:focus {
                box-shadow: none;
                border: 1px solid @gray-color;
            }

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

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

                    .agree-checkbox label {
                        color: @darkar !important;

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

                        message {
                            padding-left: 5px;
                            color: inherit;
                        }

                        &: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: @darkar;

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

                    b {
                        color: @darkar;
                    }
                }

                .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 .afterUploadOuter {
                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 {
                color: @darkar;
            }

            #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: 18px;
                        color: @darkar;

                        b {
                            color: @darkar;
                        }
                    }
                }

                span a {
                    color: #0071a9;
                }
            }

            @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 {
                color: @darkar;
            }

            @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 {
                            color: @darkar;
                            font-size: 30px;
                            margin-bottom: 15px;
                            text-transform: uppercase;
                        }

                        p {
                            a {
                                color: @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: 4px 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: 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;
                }
            }

            #resumeFile {}

            @media (max-width: @screen-xs-max) {
                .apply-page {
                    .apply-page-inner {
                        .options-block {
                            #resumeFile {
                                display: block;
                                margin: 0px auto 0 auto;
                            }
                        }

                        .row {
                            margin: 0;

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

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

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

            .large.apply-btn,
            .large.sign-out-btn {
                padding: 9px 0;
                margin: 0;
            }

            .helpText {
                font-weight: bold;
                color: #ffc300;
            }

            //ROC-150
            .apply-page .apply-page-inner .group-field select {
                -webkit-appearance: auto;
                -ms-appearance: auto;
                -moz-appearance: auto;
                appearance: auto;
            }

            .apply-page .box-content .box-content-block .form-for .group-field.accept-check-field input[type="checkbox"] {
                vertical-align: bottom;
            }

            .apply-page-inner .options-block .selectFile:before {
                color: @darkar;
            }

            .apply-page .box-content .box-content-block.term-and-condition {
                .col-xs-12.col-sm-12.col-md-12.col-lg-12.group-field {
                    message[msgid="apply.label.selfid"] {
                        font-family: @font-family-default-bold;
                        font-weight: inherit;
                        font-size: 22px;
                        text-transform: uppercase;
                    }
                }
            }

            .summery-div .heading-sub-text .btn-primary.edit {
                color: @darkar !important;
            }

            .progressbarlist.regular.slider.slick-initialized.slick-slider {
                li.slick-slide.slick-active[style="width: 407px;"] {
                    width: 315px !important;
                }
            }

            @media (max-width: 1023px) {
                .apply-page .box-content .box-content-block .form-for .group-field.accept-check-field input[type="checkbox"] {
                    vertical-align: middle;
                }
            }

            //upload resume icons
            .apply-page .apply-page-inner #cmsForm .afterUpload {
                background-image: url("https://assets.phenompeople.com/CareerConnectResources/st/HONEUS/en_us/desktop/assets/images/uploadicons.png");
            }

            //slider last child excess border removal
            // .navigation-summary li.slide:last-child:before {
            //     width: 0;
            //     left: 0;
            // }
            .navigation-summary li.slide:last-child:before {
                width: 65%;
            }

            .navigation-summary li.slide.progress-current.slick-slide.slick-current.slick-active:last-child:before {
                width: 0;
                left: 0;
            }

            // apply thank you
            .ph-apply-thankyou-area {
                padding: 80px 0 50px 0;
            }

            .candidate-home-button-block {
                padding-bottom: 100px;
                text-align: center;
            }

            //footer
            #footer .footer-block .container .top-block .footer-fourth-block .heading {
                text-align: center;

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

            #footer .footer-block .container .top-block .footer-second-block ul li a,
            #footer .footer-block .container .top-block .footer-third-block ul li a,
            #footer .footer-block .container .top-block .footer-fourth-block ul li a,
            #footer .footer-block .container .top-block .footer-five-block ul li a {
                font-family: @font-family-default-regular;
            }

            //job alert date alignment
            .ph-job-alert-list-v1-view1-default .alertsArea .alertsBody .alertsContent .eachBodyRowBlock .jobAlertDate {
                bottom: 50px;
            }

            .home-page.modal-open {
                .ph-hero-block-cc-view12-option1-theme1 .global-search-block {
                    z-index: 0;
                }
            }

            // flex cards equal heights manual
            .ph-address-cc-slider-view1-option1-theme1 address {
                min-height: 300px;
            }

            .ph-address-cc-slider-view1-option1-savedView-1619519894430-theme1-savedView-1619519894430 address {
                min-height: 350px;
            }

            .ph-employees-testimonial-cc-slider-view9-option1-savedView-1620255344997-theme1-savedView-1620255344997 .content {
                min-height: 350px;
            }

            .ph-employees-testimonial-cc-slider-view9-option1-savedView-1620264011197-theme1-savedView-1620264011197 .content {
                min-height: 410px;

                .description {
                    .description-block {
                        min-height: 250px;
                    }
                }

                .designation {
                    bottom: unset;
                }
            }

            //new styles//
            .apply-page {
                .ph-apply-box {
                    .field-object {
                        margin-right: 0px !important;
                    }
                }
            }

            .apply-page {
                .ph-apply-box {
                    .navigation {
                        button.btn-navigate {
                            color: #fff !important;
                            background-color: @brand-color-secondary !important;
                            border-radius: 5px !important;
                            font-size: 16px;
                            border: 1px solid @brand-color-secondary !important;
                        }
                    }

                    .resume-group {
                        .upload-resume-btn {
                            color: @brand-color-primary !important;
                            background-color: @brand-color-secondary !important;
                            border: 1px solid @brand-color-secondary !important;
                            padding: 10px 20px;
                            text-decoration: none !important;
                        }
                    }

                    .navigation {
                        button.btn-submit {
                            color: #fff !important;
                            background-color: @brand-color-secondary !important;
                            border-radius: 5px !important;
                        }
                    }
                }
            }

            .apply-page {
                .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
                    color: #fff !important;
                    margin-top: 0 !important;
                    margin-bottom: 10px !important;
                }
            }

            @media (max-width: 767px) {
                .apply-page {
                    .resume-group .drives .cloud-options-group ul {
                        display: flex;
                        justify-content: center;
                        align-items: end;
                    }

                    .page2-attach-file>label {
                        width: 120px !important;
                        background-color: @brand-color-primary;
                        color: @white;
                        padding: 10px 20px;
                    }

                    .page2-attach-file>label:hover {
                        width: 120px !important;
                        background-color: @brand-color-primary;
                        color: @white !important;
                        padding: 10px 20px;
                    }

                    .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
                        margin-top: 0px !important;
                        margin-bottom: 10px !important;
                    }

                    .navigation-summary {
                        float: none !important;

                        .slick-next {
                            width: 0%;
                            font-size: 0 !important;
                        }

                        .slick-prev {
                            width: 0% !important;
                            font-size: 0 !important;
                        }
                    }
                }
            }

            @media (min-width: 1025px) {
                .apply-page {
                    .ph-apply-box {
                        .pageTitle {
                            font-family: "MontserratSemiBold";
                            text-align: center;
                            font-size: 30px;
                            color: #000;
                            line-height: normal;
                            margin-bottom: 30px;

                            h2 {
                                font-size: 35px;
                                display: inline-flex;

                                a {
                                    padding-left: 15px;
                                    font-size: 18px;
                                }
                            }
                        }

                        .page2-attach-file>label {
                            width: 120px !important;
                            background-color: @brand-color-secondary;
                            color: @white;
                            padding: 10px 20px;
                        }

                        .page2-attach-file>label:hover {
                            width: 120px !important;
                            background-color: @brand-color-secondary;
                            color: @white !important;
                            padding: 10px 20px;
                        }

                        .error-msg {
                            width: 50% !important;
                            color: #000000;
                            background: none;
                            padding: 10px;
                            margin-bottom: 20px;

                            .errorHeader,
                            .errorList {
                                width: 70% !important;
                            }
                        }
                    }
                }

                .remove-action {
                    right: inherit;
                    top: -15px;
                    width: 100%;
                }

                .apply-page .form-group .col-md-7 {
                    width: 100%;
                }

                // .apply-page .form-group input.form-control,
                // .apply-page .form-group select.form-control,
                // .apply-page .form-group textarea.form-control {
                //   width: 58.33333333%;
                // }

                .apply-page .error-detail {
                    padding-left: 0px;
                }

                .apply-page {
                    .ph-apply-box {
                        fieldset {
                            #academic {
                                width: 58.33333333%;
                            }
                        }
                    }
                }

                .array-button-remove {
                    background: #efefef !important;
                    border: 1px solid #737675;
                }

                .addln-object-single-row.custom-object {
                    width: 58.33333333%;
                }
            }

            @media (max-width: 1024px) {
                .apply-page .slick-initialized .slick-slide {
                    margin-left: -5px !important;
                }
            }

            //error msg styles
            .apply-page {
                .error-msg {

                    .errorHeader,
                    ul.errorList li,
                    ul.errorList li a span,
                    .errorList {
                        text-decoration: none;
                        margin-bottom: 10px;
                        background: none;
                    }
                }
            }

            .apply-page {
                .ph-apply-box {
                    .options-block {
                        .cloud-options {
                            display: block;
                            margin: 0px auto;
                            padding: 30px 20px 30px 20px;
                            border: 1px solid #808080;

                            .resume_info {
                                text-align: center;
                                padding: 0;
                            }

                            .drives {
                                justify-content: center;
                                align-items: center;
                                margin: 0 auto;
                                padding: 0;

                                //flex-direction: column;
                                .apply-or-line {
                                    text-align: center;
                                    padding: 10px 0;

                                    .apply-or-box {
                                        background-color: white !important;
                                    }
                                }
                            }
                        }
                    }

                    .terms-conditions .col .checkbox label {
                        text-align: left;
                    }

                    .form-group .select:focus {
                        border-color: @brand-color-primary;
                    }

                    .resume-group:hover {
                        background-color: #fff;
                    }

                    .form-group select:active,
                    .form-group select:hover,
                    .form-group select:focus,
                    .form-group textarea:hover,
                    .form-group textarea:focus {
                        border-color: #808080;
                    }
                }
            }

            .apply-page {
                .async-field-object {
                    .checkboxes {
                        margin-left: 10px !important;

                        .checkbox input[type="checkbox"] {
                            // top: -19px !important;
                            min-height: 20px !important;
                            margin-left: -20px;
                            margin-top: 0;
                        }
                    }
                }
            }

            .apply-page {
                .checkboxes>.checkbox>label:first-child {
                    margin-top: 10px !important;
                }
            }

            //Teja
            .resume-group {
                padding: 20px 0 !important;
            }

            .markdown-as-header {
                .col {
                    .markdown {
                        p {
                            font-size: 22px !important;
                            text-transform: uppercase;
                            font-weight: bold;
                            letter-spacing: normal;
                        }
                    }
                }
            }

            .resume-group {
                .drives {
                    .cloud-options-group ul {
                        display: flex;
                        align-items: center;
                        list-style: none;
                        margin-bottom: 0px !important;
                        padding: 0;
                        gap: 0 !important;

                        li {
                            .cloud-icon {
                                margin: 0 10px;
                            }
                        }
                    }
                }
            }

            ul.errorList li {
                list-style: disc;
                margin-left: 50px;
            }

            ul.errorList {
                li {
                    color: #000000 !important;

                    a {
                        span {
                            font-size: 16px;
                            line-height: 21.98px;
                            text-align: left;
                            color: #000000 !important;
                        }
                    }
                }
            }

            .apply-page #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
            .apply-page #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
                top: 0;
                background: @brand-color-primary !important;
                color: var(--primary-color) !important;
                box-shadow: 0 0 0 4px @brand-color-primary, 0 0 0 5px @brand-color-primary !important;
                border: 4px solid @brand-color-primary !important;
            }

            .apply-page #breadcrumb-summary ul li a .number {
                vertical-align: inherit !important;
            }

            .field-object {
                .daterangepicker-checkbox {
                    text-align: right;

                    #currentlyWorkHere {
                        vertical-align: middle;
                        margin: 0px 5px 3px 0 !important;
                        padding-right: 10px;
                        min-height: 15px;
                    }
                }
            }

            .form-group.field.field-string {
                margin: 0 0 10px;

                .checkbox {
                    label {
                        padding-left: 20px;

                        .checkbox-control {
                            position: inherit;
                            vertical-align: middle;
                            display: inline-block;
                            margin: 2px 5px 5px -20px !important;
                            min-height: 16px;
                        }
                    }
                }
            }

            .addln-object-single-row.custom-object {
                border: 1px solid #808080;
                padding: 20px;
                text-align: center;

                .addln-label {
                    font-size: 20px;
                    line-height: 30px;
                    font-weight: 600;
                    color: #5a6872;
                    width: 100%;
                    text-align: center;
                }
            }

            .apply-page .form-group .checkboxes#ethnicity .checkbox .checkbox-control,
            .apply-page .form-group.terms-conditions .checkbox .checkbox-control,
            .apply-page .form-group .field-radio-group .radio input {
                position: relative;
                vertical-align: middle;
                display: inline-block;
                min-height: 15px;
                margin: 0 5px 5px 0;
            }

            .resume-group {
                .upload-resume-btn {
                    background-color: @brand-color-secondary;
                    text-decoration: none;
                }
            }

            .summary-label {
                color: #424242;
                opacity: 1;
                font-family: "LinotypeAvenirLTProHeavy";
            }

            .summary-item.experienceData-item table.experienceData-table th,
            .summary-item.experienceData-item table.experienceData-table td,
            .summary-item.educationData-item table.educationData-table th,
            .summary-item.educationData-item table.educationData-table td,
            .summary-item.languageData-item table.languageData-table th,
            .summary-item.languageData-item table.languageData-table td {
                padding-right: 20px;
            }

            .form-group.field-string.markdown-as-header {
                margin: 0;

                .markdown {
                    P {
                        font-size: 20px;
                        line-height: 30px;
                        font-weight: 600;
                        color: #5a6872;
                        width: 100%;
                    }
                }
            }

            #additionalAttachments {
                .form-group.field-string {
                    width: 100%;

                    .control-label {
                        text-align: center;
                        display: inline-block;
                    }
                }
            }

            #additionalAttachments {
                .form-group.field-null {
                    width: 100%;

                    .control-label {
                        text-align: center;
                        display: inline-block;
                    }
                }
            }

            #additionalAttachments {
                position: relative;

                .form-group.cloud-icon {
                    left: 45%;
                    transform: translateX(-50%);
                }
            }

            .additional-attachment-list {
                .cover-letter-files-div {
                    li {
                        background-position: 25px -174px;
                        padding-left: 60px;
                    }
                }
            }

            .apply-page .page2-attach-file>label {
                width: 120px !important;
                background-color: #164994;
                color: #ffffff;
                padding: 10px 20px;
            }

            .apply-page label.col-md-5 {
                width: 100%;
            }

            .checkbox label {
                display: block !important;
                padding-left: 10px;
            }

            .field-object .daterangepicker-checkbox {
                text-align: left;
            }

            .summary-heading {
                padding-right: 10px;
            }

            .object-field.undefined,
            .object-field.phoneWidget {
                .object-field-header {
                    display: none;
                }
            }

            .remove-action {
                .array-button-remove {
                    div {
                        span:nth-child(2) {
                            display: none;
                        }
                    }
                }
            }

            .has-error .help-block,
            .has-error .control-label,
            .has-error .radio,
            .has-error .checkbox,
            .has-error .radio-inline,
            .has-error .checkbox-inline,
            .has-error.radio label,
            .has-error.checkbox label,
            .has-error.radio-inline label,
            .has-error.checkbox-inline label {
                color: #5a6872;
            }

            .remove-action .array-button-remove {
                background: #f1b82d !important;
                border: 1px solid #f1b82d;
            }

            .file-attachment {
                .file-label {
                    color: #fff !important;
                    background-color: #f1b82d !important;
                    padding: 10px 20px;
                    text-decoration: none !important;
                    border-radius: 5px;
                    font-size: 16px !important;
                    min-height: 39px;
                    cursor: pointer;
                    line-height: 24px;
                }
            }

            .attachment-title {
                color: @brand-color-primary;
                font-size: 22px;
                font-weight: bold;
                line-height: 32px;
                padding-bottom: 20px;
            }

            .apply-page .form-group {
                margin: 0 0 10px;
            }

            .attachment-files {
                text-align: center;

                #cover-letter-files-div {
                    text-align: center;

                    display: inline-block;

                    li {
                        .icon-delete {
                            padding: 0 5px;
                            top: -10px;
                            position: relative;
                            cursor: pointer;
                        }
                    }
                }
            }

            .apply-page {

                .large.apply-btn,
                .large.sign-out-btn {
                    margin: 10px 5px 5px;
                }

                .ph-apply-box {
                    .pageTitle {
                        font-family: LinotypeAvenirLTProHeavy !important;
                        color: #00468c;
                    }
                }

                .form-group {
                    .control-label {
                        .label-html-content {
                            p {
                                display: inline-block;
                            }
                        }
                    }
                }

                #breadcrumb-summary {
                    ul {
                        li {
                            &::after {
                                top: 20px;
                            }
                        }
                    }
                }

                #educationData,
                #certificateData,
                #experienceData {
                    margin-bottom: 30px;
                }

                .attachment-container .or::before,
                .attachment-container .or::after {
                    display: none;
                }

                .field-radio-group {
                    .radio>label>span>input {
                        top: 0px !important;
                    }
                }

                .markdown {
                    table {
                        tbody {
                            tr {
                                border: 0 solid transparent;
                            }
                        }
                    }
                }

                label {
                    display: inline-block;
                }

                .attachment-container .or::before,
                .attachment-container .or::after,
                .apply-or-line .apply-or-box::before,
                .apply-or-line .apply-or-box::after {
                    display: none;
                }

                .row.no-gutter.form-fields {
                    margin-bottom: 0 !important;
                }

                .rjsf {
                    .col-md-12 {
                        .form-group {
                            .field-radio-group {
                                .radio {
                                    label {
                                        padding: 0;
                                    }
                                }
                            }
                        }
                    }
                }

                #breadcrumb-summary {
                    ul {
                        li {
                            a {
                                margin-top: 6px;

                                .number {
                                    top: 0px;
                                }
                            }
                        }
                    }
                }

                #breadcrumb-summary {
                    .slick-list {
                        .slick-track {
                            li.slick-active.progress-current {
                                .number {
                                    box-shadow: none !important;
                                    padding: 10px;
                                    margin-top: 0px;
                                    border: none !important;
                                    display: block;
                                    background: @brand-color-secondary !important;
                                    top: 5px;
                                }
                            }
                        }
                    }
                }

                .ph-apply-box {

                    .options-block.resume-group,
                    .attachment-options {
                        margin-top: 10px !important;
                    }

                    .attachment-wrapper {
                        padding: 20px 20px 50px;
                    }
                }

                .row {
                    margin-bottom: 0;
                }

                .table-as-list {
                    tbody {
                        display: none;
                    }

                    thead {
                        display: block;
                    }
                }

                .summary-title h3,
                .object-field-header h3 {
                    margin-bottom: 20px !important;
                    font-size: 22px !important;
                    color: #f1b82d;
                }

                #breadcrumb-summary {
                    .slick-list {
                        .slick-track {
                            li.progress-enable.progress-complete {
                                .number {
                                    margin-top: 8px;
                                }
                            }
                        }
                    }
                }

                .pdf.after-upload {
                    gap: 0;
                    justify-content: left !important;
                    padding: 0;

                    a {
                        padding-right: 10px;
                    }
                }

                .attachment-files {
                    #cover-letter-files-div {
                        li.pdf {
                            background-position: 0px -110px !important;
                        }

                        li {
                            background-image: url(https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png) !important;
                            margin-top: 5px;
                        }

                        li.docx {
                            background-position: 0px -55px !important;
                        }
                    }
                }
            }

            //Responsive
            @media (max-width: 767px) {
                .error-msg {
                    width: 100% !important;
                }
            }

            @media (min-width: 1025px) {
                .apply-page .ph-apply-box .rjsf .additional-attachment {
                    width: 100% !important;
                }

                .apply-page {
                    .ph-apply-box {
                        .additional-attachment {
                            display: flex;
                            justify-content: center !important;
                        }

                        #phoneWidget-errorMsg {
                            margin-left: 0 !important;
                        }
                    }
                }
            }

            .apply-page {
                .ph-apply-box {
                    .rjsf {
                        .form-group.async-field-object {
                            .text-danger {
                                //margin-left: 1% !important;
                            }
                        }
                    }

                    .summary {
                        .summary-text {
                            .summary-value {
                                font-family: "LinotypeAvenirLTProBook";
                                color: @brand-color-primary;
                            }
                        }
                    }

                    .attachment {
                        border: none;
                        padding: 0;
                    }

                    .fieldset #academic {
                        border: 1px solid #000000;
                        padding: 20px;
                    }
                }
            }

            @media (min-width: 1024px) {
                .apply-page {
                    .ph-apply-box {
                        .rjsf {
                            .form-group.async-field-object {
                                .col-md-7 {
                                    width: 100% !important;
                                }
                            }
                        }

                        .additional-attachment .page2-or-text {
                            margin-left: 25px !important;
                            left: -20px !important;
                        }
                    }
                }
            }

            .apply-page {
                .afterUpload {
                    background-image: url(https://assets.phenompeople.com/CareerConnectResources/prod/CONCGLOBAL/images/1645698788699_uploadicons.png);
                }

                .html {
                    background-image: url(https://pp-cdn.phenompeople.com/CareerConnectResources/st/CONCGLOBAL/en_global/desktop/assets/images/uploadicons.png) !important;
                    background-position: 0 -278px !important;
                }
            }

            @media (min-width: 768px) and (max-width: 1024px) {
                .apply-page {
                    .ph-apply-box {
                        .navigation-summary {
                            float: none !important;

                            .slick-next {
                                width: 10px !important;
                            }
                        }

                        .drives {
                            flex-direction: column;

                            .cloud-options-group {
                                ul {
                                    justify-content: center !important;
                                }
                            }

                            .apply-or-line {
                                margin-left: 0;
                            }
                        }
                    }

                    #breadcrumb-summary {
                        .slick-slider {
                            .slick-list {
                                .slick-track {
                                    .slick-slide {
                                        width: 160px !important;
                                        text-align: left;
                                    }
                                }
                            }
                        }

                        .progress-current::after {
                            left: 30%;
                            background-color: #f1b82d;
                        }
                    }

                    li.file-attachment {
                        background: none !important;

                        .file-label {
                            border-radius: 5px;
                        }
                    }
                }
            }

            .apply-page #breadcrumb-summary .slick-slide:last-child li.slide:last-child::after {
                border-right: 325px solid #fff !important;
            }

            .apply-page #breadcrumb-summary .slick-slide:last-child li.slide:last-child::before {
                background: none !important;
            }

            #jsqData.QUESTIONNAIRE-3-15 .field-string label,
            #secondaryJsqData.QUESTIONNAIRE-3-25 .field-string label {
                text-align: left !important;
            }

            @media (min-width: 951px) {

                .navigation-summary .slick-prev:before,
                .navigation-summary .slick-next:before {
                    display: none;
                }
            }

            @media (max-width: 1024px) {
                .apply-page {
                    .navigation-summary {

                        .slick-prev,
                        .slick-next {
                            font-size: 0 !important;
                        }
                    }

                    .col-md-6 {
                        width: 100%;
                    }

                    .remove-action {
                        margin-top: 0;
                        padding: 0;

                        .array-button-remove {
                            font-size: 0;
                            border: 0;
                            border-radius: 50%;
                            width: 35px;
                            height: 35px;
                            top: 25px;
                            position: relative;
                            text-align: center;

                            &::before {
                                content: "";
                                height: 5px;
                                width: 20px;
                                background: red;
                                position: absolute;
                                left: 50%;
                                top: 50%;
                                transform: translate(-50%, -50%);
                            }
                        }
                    }
                }
            }

            @media (max-width: 991px) {
                .apply-page {
                    .body-wrapper {
                        margin: 50px 0 0;
                    }

                    #additionalAttachments .form-group.cloud-icon {
                        left: 44%;
                    }

                    .addln-object-single-row .additional-attachment-list {
                        margin-left: 42%;
                        width: 50%;
                    }
                }
            }

            @media (max-width: 767px) {
                .navigation-summary .slick-list .slick-track li.slide.progress-current:after {
                    left: 52% !important;
                }

                .apply-page {
                    .resume-upload-wrapper {
                        justify-content: center;
                    }

                    .row.form-fields,
                    .row {
                        margin-bottom: 0;
                    }

                    .remove-action {
                        padding-left: 0 !important;
                    }

                    #additionalAttachments .form-group.cloud-icon {
                        left: 43%;
                    }

                    .summary-item.experienceData-item table.experienceData-table th,
                    .summary-item.experienceData-item table.experienceData-table td,
                    .summary-item.educationData-item table.educationData-table th,
                    .summary-item.educationData-item table.educationData-table td,
                    .summary-item.languageData-item table.languageData-table th,
                    .summary-item.languageData-item table.languageData-table td {
                        display: block;
                    }

                    h3 {
                        font-size: 20px;
                        line-height: 30px;
                    }

                    .summary-label {
                        font-size: 14px;
                    }

                    #phoneWidget {
                        .form-group.phone_field_block {
                            margin-left: -8px;
                            margin-right: -8px;
                        }
                    }

                    #breadcrumb-summary {
                        width: 90%;
                    }

                    .or {
                        margin: 0;
                    }

                    ul.attachment-options li:nth-child(3),
                    ul.attachment-options li.file-attachment {
                        width: 100%;
                        margin: 20px auto;
                        display: block;
                        text-align: center;
                    }

                    .ph-apply-box {
                        .attachment-wrapper {
                            padding: 20px 20px 30px;
                        }
                    }
                }
            }

            @media (max-width: 640px) {
                .apply-page button[type="submit"] {
                    width: auto !important;
                }

                .cloud-options-group {

                    li.linkedin-option,
                    .js.guest {
                        text-align: center;
                        margin-bottom: 5px;
                        margin-bottom: 0 !important;
                    }
                }
            }

            @media (max-width: 480px) {
                // .apply-or-line {
                //     display: block;
                //     float: none !important;
                //     width: 100%;
                //     text-align: center;
                //     margin: 0 auto;
                //   }

                // .resume-upload-wrapper{
                //   display: block;
                //   width: 100%;
                //   text-align: center;
                // }

                // .drives{
                //   .cloud-options-group{
                //     .dropbox.cloud-icon{
                //       margin: 0 15px 0 0;
                //     }
                //   }
                // }

                #additionalAttachments .form-group.cloud-icon {
                    left: 40%;
                }
            }

            @media (max-width: 461px) {
                .field#websites {
                    .remove-action {
                        top: 22%;
                    }
                }
            }

            .form-group.field.field-object {
                .row.form-fields {
                    .form-group.field.field-string {
                        .control-label {
                            span:nth-child(2) {
                                // display: none;
                            }
                        }
                    }
                }
            }

            .remove-action .remove-icon {
                font-size: 0 !important;
                position: relative;
                top: -3px;
            }

            .remove-action .remove-icon:before {
                content: "\e011";
                font-family: "platform-font" !important;
                color: #262626;
                font-size: 12px;
                position: relative;
                top: 5px;
            }

            // Offline Apply Less code Started

            #offlineApply {
                text-align: center;
                margin-top: 100px;

                h1 {
                    color: @brand-color-primary;
                }
            }

            // Offline Apply Less code End

            .applythankyou {
                text-align: center;
                margin-top: 100px;
            }

            .resume-group {
                .drives {
                    li.linkedin-option {
                        #applyAwliWidget {
                            iframe {
                                height: 85px !important;
                            }
                        }
                    }

                    .resume-upload-wrapper {
                        padding: 0 0 10px;
                    }
                }
            }

            .apply-page-thankyou #alreadyApplied {
                text-align: center;
                margin-top: 100px;
            }

            ///Srinivas code
            .docx.after-upload,
            .txt.after-upload,
            .pdf.after-upload,
            .doc.after-upload {
                text-align: left;
                padding-left: 0px;
                margin-left: -9px;
                justify-content: flex-start !important;
            }

            .apply-page .table-as-list tbody {
                display: block;
            }

            .apply-page .table-as-list tbody {
                display: block;
            }

            .apply-page .side-heading {
                font-family: "TradeGothicLTStd-BdCn20";
            }

            .apply-page .table-as-list tbody {
                display: block;
            }

            .apply-page .side-heading {
                font-family: "TradeGothicLTStd-BdCn20";
            }

            .apply-page .summary-title h3,
            .apply-page .object-field-header h3 {
                text-transform: capitalize;
            }

            ////Apply form chnages

            .educationData-table {
                thead {
                    tr {
                        &:first-child {
                            display: none;
                        }
                    }
                }
            }

            .experienceData-table {
                thead {
                    tr {
                        &:first-child {
                            display: none;
                        }
                    }
                }
            }

            .certificateData-table {
                thead {
                    tr {
                        &:first-child {
                            display: none;
                        }
                    }
                }
            }

            ///Apply page font and color changes

            .apply-page {
                .summary-label {
                    font-weight: bold;
                    color: @brand-color-primary;
                }
            }

            /////Disability Question  CHANGES

            .apply-page {
                .disability-heading {
                    h4 {
                        text-align: center;
                    }
                }

                .diversity {
                    ul {
                        li {
                            list-style: disc;
                        }
                    }
                }

                #disabilityStatus {
                    label {
                        color: #272727;
                        font-size: 16px;
                    }
                }

                .form_CC_center {
                    float: right;
                }

                #disabilityStatus-radio {
                    color: #272727;
                    font-size: 16px;
                }

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

                .horizonalLine_Adjust {
                    border-top: 2px solid #272727;
                }

                .disQualify_name {
                    label {
                        color: #272727;
                        font-size: 16px;
                    }
                }

                .disQualify_date {
                    label {
                        color: #272727;
                        font-size: 16px;
                    }
                }
            }

            ///Document chnages
            .apply-page {
                .after-upload {
                    padding-left: 40px !important;
                    min-height: 46px;
                    padding-top: 4px;
                    background-image: url(https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png) !important;
                    background-repeat: no-repeat;
                    color: #404040;
                    display: block !important;
                }

                span.checkmark {
                    color: red;
                }

                button#array-button-add-experienceData,
                button#array-button-add-educationData,
                .array-button-add {
                    background: #f1b82d;
                    border: 1px solid #f1b82d;
                    color: #fff;
                    padding: 10px;
                }

                .array-button-remove {
                    background: #f1b82d;
                    border: 1px solid #f1b82d;
                    color: #fff;
                    padding: 10px;
                }

                #breadcrumb-summary {
                    .slick-list {
                        .slick-track {
                            li.progress-current {
                                .number {
                                    background: @brand-color-secondary !important;
                                    color: #f1b82d !important;
                                    box-shadow: 0 0 0 4px #f1b82d, 0 0 0 5px #f1b82d !important;
                                    border: 4px solid #f1b82d !important;
                                }
                            }

                            li.progress-enable {
                                .number {
                                    background: @brand-color-secondary !important;
                                    color: #f1b82d !important;
                                    box-shadow: 0 0 0 4px #f1b82d, 0 0 0 5px #f1b82d !important;
                                    border: 4px solid #f1b82d !important;
                                }
                            }
                        }
                    }

                    .progress-enable.progress-complete {
                        &:after {
                            background: @brand-color-secondary !important;
                            transition: border-color 0.5s ease-in-out;
                        }
                    }
                }

                div#workShifts {
                    .checkbox {
                        label {
                            span {
                                input {
                                    min-height: 4px !important;
                                }
                            }
                        }
                    }
                }

                .checkboxes {
                    margin-left: 16px !important;
                }

                span.summary-heading {
                    font-size: 22px !important;
                    color: #f1b82d;
                }

                .summary-title {
                    h3 {
                        font-size: 22px !important;
                        color: #f1b82d;
                    }
                }

                .form-group.field.field-string.side-heading {
                    .markdown {
                        p {
                            color: #f1b82d;
                            font-family: "ProximaNova-Regular";
                        }
                    }
                }

                @media screen and (max-width: 1024px) {
                    .checkbox input[type="checkbox"] {
                        margin-top: 0px !important;
                    }
                }

                label {
                    color: @brand-color-primary;
                }

                .iframepanel {
                    font-family: 'ProximaNova-Regular' !important;
                    font-size: 14px !important;
                    padding: 20px 10px;
                }

                .external-job {
                    padding-top: 68px;
                }

                .job-summary span {
                    color: @brand-color-primary;
                }

                .checkbox input[type="checkbox"] {
                    position: absolute !important;
                    margin-left: -8px !important;
                    margin-top: 3px !important;
                }

                .field-array .checkbox input[type="checkbox"] {
                    position: absolute !important;
                    margin-left: -26px !important;
                    margin-top: 3px !important;
                }

                .form-group.field.field-boolean.is-valid .checkbox span {
                    padding-left: 15px;
                }

                input#smsOptIn {
                    position: absolute;
                    top: -2px !important;
                    left: 10px !important;
                }

                .radio,
                .checkbox {
                    margin-top: 0px !important;
                    margin-bottom: 0px !important;
                }

                .form-group.field.field-string.foo.row.date-range-picker {
                    width: 100% !important;
                    display: block !important;
                }

                .form-group input,
                .form-group textarea,
                .form-group select {
                    min-height: 0px !important;
                    margin-right: 5px;
                }
            }

            @media (max-width: 767px) {
                .apply-page .custom-object .remove-action {
                    padding-left: 0 !important;
                    width: 8.333%;
                }

                .array-button-remove {
                    min-height: 35px !important;
                    min-width: 35px !important;
                }
            }

            .fileAttachments .object-field-header {
                display: none !important;
            }

            .object-field.fileAttachments .summary-label {
                display: none !important;
            }

            .apply-page .remove-action {
                position: inherit !important;
                left: 0px !important;
                margin-top: 10px;
                top: 0px !important;
                display: block;
                width: 100%;
            }

            /*Apply Styling*/
            #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
            #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
                background: #0367b4 !important;
                color: #0367b4 !important;
                box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
                border: 4px solid var(--primary-color) !important;
            }

            #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
            #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
                background: #0367b4 !important;
                color: #0367b4 !important;
                box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
                border: 4px solid var(--primary-color) !important;
            }

            #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
            #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
                background: #0367b4 !important;
                color: #0367b4 !important;
                box-shadow: 0 0 0 4px #0367b4, 0 0 0 5px #0367b4 !important;
                border: 4px solid #0367b4 !important;
            }

            .navigation-summary .slick-list .slick-track li:last-child:after {
                border-right: 0px solid #bfbfbf !important;
                border-color: #0367b4 !important;
            }

            .form-playground,
            .phenom-form-container {
                --primary-color: #0367b4 !important;
            }

            #breadcrumb-summary ul li a .title {
                font-size: 13px;
                display: block;
                overflow-wrap: break-word;
                line-height: 1.3em;
                padding-top: 15px;
                color: #0367b4 !important;
                cursor: pointer;
            }

            #breadcrumb-summary ul li a {
                width: 90px;
                display: inline-block;
                position: relative;
                height: 70px;
                text-align: center;
                margin-top: 3px !important;
                outline: 0;
                padding: 0;
            }

            @media only screen and (max-width: 767px) {
                .navigation-summary {
                    .slick-prev {
                        width: auto;
                        display: inline-block;
                        margin-top: 2px;
                        font-size: 12px !important;
                        padding: 6px !important;
                        color: #ffffff !important;

                    }
                }
            }

            .navigation-summary {
                .slick-prev {
                    background: #0367b4;
                }
            }

            @media only screen and (max-width: 767px) {
                .navigation-summary {
                    .slick-next {
                        width: auto;
                        display: inline-block;
                        margin-top: 2px;
                        font-size: 12px !important;
                        padding: 6px !important;
                        background: #0367b4 !important;
                        color: #ffffff !important;

                    }
                }
            }

            .resume-group .drives {
                width: 100%;
                display: flex;
                align-items: center !important;
                justify-content: center !important;
            }

            .resume-group {
                & .drives {
                    .resume-upload-wrapper {
                        padding: 0 0 0px !important;
                    }
                }
            }

            .resume-group .drives .apply-or-line {
                display: flex;
                align-items: center;
                /* justify-content: center !important; */
                /* flex-direction: column !important; */
                padding-top: 10px !important;
            }

            .apply-or-line {
                padding-top: 10px !important;
            }



            .error,
            .required {
                color: #c31313 !important;
            }

            #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
            #breadcrumb-summary .slick-list .slick-track li.progress-enable span.number {
                background: #0367b4 !important;
                color: #0367b4 !important;
                box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
                border: 4px solid var(--primary-color) !important;
            }

            .phenom-form-container #breadcrumb-summary .progress-enable.progress-complete:after {
                background-color: #0367b4 !important;
            }

            .ph-apply-box .phenom-form-container div#breadcrumb-summary ul.progressbarlist.breadcrumb-list .slick-list .slick-track .slick-slide.slick-active li.slide.slick-slide.slick-active::after {
                border-right: 0px !important;
                border-color: #0367b4 !important;
            }

            .form-group.field.field-string {

                color: #393939 !important;
            }

            label {
                color: #393939 !important;
                font-size: 14px;
            }

            input.form-control,
            select.form-control {
                color: #393939 !important;
                font-size: 14px;
                border: 1px solid gray;
                height: 40px;
                width: 100%;
                background-color: transparent;

            }

            .form-group.field.field-string {
                & .checkbox {
                    label {
                        padding-left: 0px !important;
                    }
                }
            }

            .resume-group .upload-resume-btn {
                font-size: 16px !important;
                background: #0367b4 !important;
                min-height: 39px;
                margin-top: 6px;
                padding: 0px 16px;
                color: white !important;
                /* text-decoration: underline; */
                cursor: pointer;
                border: 1px solid #0367b4 !important;
                height: auto;

            }

            .resume-group .drives {
                width: 100%;
                display: flex;
                align-items: flex-end !important;
            }

            .resume-group .upload-resume-btn {
                margin-top: 0px !important;
            }

            button.btn-navigate {
                color: #ffffff;
                background: #0367b4;
                font-size: 12px;
                border: 1px solid #0367b4;
                height: 50px;
                line-height: 18px;
                padding-left: 10px !important;
                padding-right: 10px !important;
                font-size: 16px !important;
            }

            button.btn-navigate {
                margin-bottom: 0px !important;
            }

            navigation-summary {
                & .slick-prev {
                    &:before {
                        content: none !important;
                        font-size: 20px;
                        color: @darkar;
                        font-family: "platform-font";
                    }
                }
            }

            .navigation-summary {
                & .slick-next {
                    &:before {
                        content: none !important;
                        font-size: 20px;
                        color: @darkar;
                        font-family: "platform-font";
                    }
                }
            }

            @media only screen and (max-width: 767px) {
                .navigation-summary {
                    margin-top: 10px !important;
                }
            }

            .resume-group .resume_info {
                padding-left: 0px !important;
                text-align: center;
                font-size: 15px;
                margin-bottom: 10px;
                font-weight: 600;
            }

            @media only screen and (max-width: 640px) {
                .resume-group .drives {
                    flex-wrap: wrap;
                    display: flex !important;
                    flex-direction: column !important;
                    justify-content: center !important;
                    align-items: center ! IMPORTANT;
                }
            }

            .resume-upload-wrapper button.upload-resume-btn.btn.primary-button {
                background: #0367b4 !important;
                border-color: #0367b4 !important;

            }

            .form-group.field.field-string {
                & .checkbox {
                    & label {
                        .checkbox-control {
                            position: inherit;
                            vertical-align: middle;
                            display: inline-block;
                            margin: 0px 0px 0px 0px !important;
                            min-height: 16px;
                        }
                    }
                }
            }

            span.checkmark {
                padding-left: 30px !important;
                color: #c31313 !important;
            }

            .field-object .daterangepicker-checkbox {
                text-align: left;
                display: flex !important;
            }

            span.checkboxText {
                padding-left: 10px !important;
            }

            .text-danger {
                color: #c31313;
                font-size: 15px;
            }

            .array-button-add {
                padding: 2px 6px !important;
                min-width: 100px;
                border: 1px solid #EFEFEF;
                color: #ffffff !important;
                background: #0367b4 !important;
                font-size: 14px !important;

            }

            .remove-action .array-button-remove {
                background: #0367b4 !important;
                border: 1px solid #0367b4 !important;
            }

            .phw-container>.ph-apply-box .row .col-1,
            .phw-container>.ph-jtc-box .row .col-1,
            .phw-container>.ph-event-box .row .col-1,
            .phw-grid .col-1,
            .phw-container>.ph-apply-box .row .g-col-1,
            .phw-container>.ph-jtc-box .row .g-col-1,
            .phw-container>.ph-event-box .row .g-col-1,
            .phw-grid .g-col-1 {
                grid-column: auto / span 12 !important;
            }

            button.btn-navigate {
                color: #ffffff;
                background: #0367b4 !important;
                font-size: 12px;
                border: 1px solid #0367b4 !important;
                height: 50px;
                line-height: 18px;

            }

            .remove-action .array-button-remove {
                background: #0367b4 !important;
                border: 1px solid #0367b4 !important;
                /* width: 100px !important; */
                font-size: 14px !important;

            }

            .array-button-add {
                padding: 2px 6px !important;
                min-width: 100px;
                border: 1px solid #EFEFEF;
                color: #ffffff !important;
                background: #0367b4 !important;
                font-size: 14px !important;

            }

            button.btn-navigate:hover {
                color: #ffffff;
                background: #0367b4;
            }

            @media only screen and (max-width: 640px) {
                button[type=submit] {
                    float: unset;
                    width: auto !important;
                }
            }

            .markdown-as-title p,
            .custom-object .field-description {
                color: #0367b4 !important;
                font-size: 22px;
            }

            .form-group.field.field-string.two-line-field.markdown-no-padding.selfIdentity .markdown p {
                text-align: left !important;
            }

            .form-group.field.field-array div#race .checkbox span.checkmark {
                padding-left: 10px !important;
            }

            .navigation-summary {
                & .slick-prev {
                    &:before {
                        content: none !important;
                        font-size: 20px;
                        color: @darkar;
                        font-family: "platform-font";
                    }
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 950px) {
                .navigation-summary {
                    .slick-prev {
                        width: auto;
                        display: inline-block;
                        margin-top: 2px;
                        font-size: 12px !important;
                        color: #ffffff !important;
                        font-family: 'helevectia' !important;
                        padding: 6px !important;
                        margin-top: 10px !important;
                    }
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 950px) {
                .navigation-summary {
                    .slick-next {
                        width: auto;
                        display: inline-block;
                        margin-top: -33px !important;
                        font-size: 16px !important;
                        background: #0367b4 !important;
                        color: #ffffff !important;
                        font-size: 14px !important;
                        padding: 5px !important;
                        font-family: "helevectia" !important;
                    }
                }
            }

            #breadcrumb-summary .slick-slider .slick-list {
                margin-left: 0px !important;
            }

            .ph-apply-box .text-danger {
                color: #c31313 !important;
                font-size: 15px;
            }

            .remove-action .remove-icon:before {
                content: none !important;
                font-family: "platform-font" !important;
                color: #ffffff !important;
                font-size: 12px;
                position: relative;
                top: 5px;
            }

            .remove-action .remove-icon {
                font-size: 24px !important;
                position: relative;
                top: -1px;
                color: #ffffff !important;
            }

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

            @media only screen and (max-width: 640px) {
                .navigation.workAndEducation-step button[type=submit] {
                    float: unset;
                    width: auto !important;
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 950px) {
                .navigation-summary {
                    .slick-list {
                        margin: 0;
                        width: 95% !important;
                        display: inline-block;
                    }
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 950px) {
                .navigation-summary {
                    .slick-next {
                        margin-top: 0px !important;
                    }
                }
            }

            .form-group.field.field-string.two-line-field.complete-form a {
                color: #0367b4 !important;
            }

            .summary-title h3,
            .object-field-header h3 {
                color: #0367b4;
                font-weight: 400 !important;
                margin-bottom: 30px !important;
                font-size: 20px !important;
                font-family: 'Caecilia' !important;
                font-weight: 600 !important;
            }

            button.btn.primary-button.btn-submit {
                border-color: #0367b4 !important;
                color: #ffffff !important;
                background-color: #0367b4 !important;
                font-weight: normal !important;
                font-size: 14px !important;
                font-family: 'Helvetica';
                padding-left: 18px !important;
                padding-right: 18px !important;
            }

            .summary-value {
                color: #000000;
                font-size: 15px;
                font-weight: Bold;
                line-height: 18px;
                word-break: break-all;
                opacity: 0.7;
                padding: 5px 0 15px 0;

            }

            label#reviewDesc-label {}

            p {
                font-size: 16px;
                line-height: 1.5;
                font-family: var(--cms-g-roboto);
                font-weight: 300;

            }

            input#fileUpload {
                padding-left: 10px !important;
            }

            .apply-or-line>span:before {
                content: "";
                position: absolute;
                display: block;
                top: 12px;
                left: -2px;
                width: 18px;
                height: 0px !important;
                background-color: #000;
            }

            .apply-or-line>span:after {
                content: "";
                position: absolute;
                display: block;
                top: 12px;
                right: -2px;
                width: 18px;
                height: 0px !important;
                background-color: #000;
            }

            .resume-upload-wrapper button.upload-resume-btn.btn.primary-button:hover {
                color: #ffffff !important;
            }

            i.skydrive.cloud-icon {
                margin-right: 0px ! IMPORTANT;
            }

            div {}

            .checkbox span.required {
                padding-left: 10px !important;
            }

            .phw-container>.ph-jtc-box .btn:hover,
            .phw-container>.ph-apply-box .btn:hover,
            .phw-btn:hover {
                border-color: var(--btn-hover-border-color);
                text-decoration: var(--btn-hover-decoration);
                color: #ffffff !important;

            }

            .error-msg ul.errorList li {
                /* color: red !important; */
                list-style-type: none !important;
                /* padding-left: 0px !important; */
            }

            .error-msg ul.errorList a {
                text-decoration: none !important;
                /* padding-left: 0px !important; */
            }

            .error-msg ul.errorList {
                & li {
                    & a {
                        span {
                            font-size: 16px;
                            line-height: 21.98px;
                            text-align: left;
                            color: #c31313 !important;
                            text-decoration: none !important;
                        }
                    }
                }
            }

            .error-msg ul.errorList {
                padding-left: 0px !important;
            }

            .checkbox span.required {
                padding-left: 16px !important;
            }

            .checkbox input[type="checkbox"] {
                position: absolute !important;
                margin-left: -10px !important;
                margin-top: -1px !important;
            }

            .summary-heading {
                padding-right: 10px;
                color: #0367b4 !important;
                font-size: 24px !important;
            }

            .object-field.PersonalMobilePhone .object-field-header h3 {
                color: #0367b4 !important;
                font-size: 24px !important;
                margin-bottom: 6px !important;
            }

            .summary .summary-title h3 {
                margin-bottom: 10px !important;
            }

            .navigation.personalInformation-step button.btn-navigate:focus {
                color: #ffffff !important;
            }

            ul.errorList li {
                list-style: disc;
                margin-left: 0px !important;
            }

            @media only screen and (max-width: 640px) {
                .navigation.workExperience-step button[type=submit] {
                    float: unset;
                    width: auto !important;
                }
            }

            @media only screen and (max-width: 640px) {
                .navigation.-step button[type=submit] {
                    float: unset;
                    width: auto !important;
                }
            }

            @media only screen and (max-width: 640px) {
                .navigation.summary-step button[type=submit] {
                    float: unset;
                    width: auto !important;
                }
            }

            button.btn.primary-button.btn-submit {
                font-size: 16px !important;
            }

            button.btn {
                color: #ffffff;
                background: #0367b4 !important;
                font-size: 12px;
                border: 1px solid gray;
                height: 50px;
                float: left;
            }

            section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-object.custom-object .form-group.field.field-string.foo .markdown p {
                color: #393939 !important;
            }

            section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-object.foo .form-group.field.field-string.foo .markdown p {
                color: #393939 !important;
            }

            section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-string.foo .markdown {
                color: #0367b4 !important;
                font-size: 18px !important;
                font-weight: 600 !important;
                margin-top: 14px !important;
            }

            section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-string.foo .markdown li {
                color: #393939 !important;
                font-weight: normal;

            }

            fieldset#disability_heading_self_identity11 p#disability_heading_self_identity11__description {
                color: #0367b4 !important;
                font-weight: 600 !important;
                font-size: 20px !important;
                font-family: "helivectia" !important;
            }

            .navigation-summary .slick-list .slick-track li:last-child:after {
                border-right: 350px solid #bfbfbf !important;
                border-right: none !important;
            }

            .phenom-form-container #breadcrumb-summary .progress-enable.progress-complete:after {
                background-color: #0367b4 !important;
                border-right: none !important;
            }

            .phenom-form-container .wrapper .container {
                text-align: center !important;
            }

            .phenom-form-container .wrapper .container .site-down .row .col-md-8 {
                text-align: center !important;
                align-items: center !important;
                grid-column: auto / span 12 !important;
                width: 100% !important;
            }

            .phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-left {
                text-align: center !important;
            }

            .fa-arrow-right {
                background-image: url(https://static.imomentous.com/CareerConnectResources/PHENA0059/img/sitedown.png);
                background-repeat: no-repeat;
                background-position: 0 -164px;
                height: 0px !important;
                width: 0px !important;
                display: inline-block;
                vertical-align: middle;
                margin-left: 0px !important;
            }

            .heading {
                color: #0367b4;

            }

            .out-f-ser-text {
                color: #393939 !important;
                font-size: 32px;
                font-weight: 200;
                margin-bottom: 10px;
                text-transform: uppercase;

            }

            .phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-left {
                text-align: center !important;
            }

            .phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-lef .heading p {}

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

                .phw-container>.ph-apply-box .row .col-md-4,
                .phw-container>.ph-jtc-box .row .col-md-4,
                .phw-container>.ph-event-box .row .col-md-4,
                .phw-grid .col-md-4,
                .phw-container>.ph-apply-box .row .g-col-xl-4,
                .phw-container>.ph-jtc-box .row .g-col-xl-4,
                .phw-container>.ph-event-box .row .g-col-xl-4,
                .phw-grid .g-col-xl-4 {
                    grid-column: auto / span 12 !important;
                }
            }

            .col-md-4 {
                width: 100% !important;
            }

            .out-f-ser-icon {
                background: url(https://static.imomentous.com/CareerConnectResources/PHENA0059/img/sitedown.png);
                display: inline-block;
                width: 0px !important;
                height: 0px !important;
                color: #393939 !important;
            }

            .btn-white:hover,
            .form_captcha_refresh .form_button:hover,
            .btn-white a:hover,
            .btn-white:active,
            .form_captcha_refresh .form_button:active,
            .btn-white,
            .form_captcha_refresh .form_button,
            .btn-white {
                color: #fff;
                background: #0367b4;
                border: 0px solid #0367b4;
                font-size: 14px;
                border-radius: 4px;
                display: inline-block;
                font-weight: 700;
                text-align: center;
                text-decoration: none;
                padding: 0.6em 1em 0.6em 1em !important;
                transition: all .3s linear;
                -webkit-transition: all .3s linear;
                color: #ffffff !important;
            }

            .heading {
                color: #0367b4 !important;

            }

            .text-right {
                text-align: center !important;
            }

            button.btn.primary-button.btn-submit:active {
                height: 51px !important;
            }

            .summary .summary-section.Personal-Information.personalInformation .object-field.personalMobilePhone .object-field-header h3 {
                color: #0367b4 !important;
                font-family: 'Caecilia' !important;
                font-size: 24px !important;
            }

            .ph-apply-box {
                & .resume-group {
                    & .drives {
                        .resume-upload-wrapper {
                            padding: 0 0 10px !important;
                        }
                    }
                }
            }

            .ph-apply-box {
                .resume-group .drives .apply-or-line {
                    display: flex;
                    align-items: center;
                    /* justify-content: center !important; */
                    /* flex-direction: column !important; */
                    padding-top: 0px !important;
                    padding-bottom: 10px !important;
                }
            }

            .ph-apply-box {

                #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
                #breadcrumb-summary .slick-list .slick-track li.progress-enable span.number {
                    background: #0367b4 !important;
                    color: #0367b4 !important;
                    box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
                    border: 4px solid var(--primary-color) !important;
                    padding: 1px !important;
                    margin-top: 9px !important;
                }
            }

            div#fileUpload .attachment .attachment-container ul.attachment-options li .or {
                display: none !important;
            }

            div#fileUpload .attachment .attachment-container ul.attachment-options li.file-attachment label.file-label {
                color: #fff !important;
                background-color: #0367b4 !important;
                padding: 10px 20px;
                text-decoration: none !important;
                border-radius: 5px;
                font-size: 16px !important;
                min-height: 39px;
                cursor: pointer;
                line-height: 28px;
            }

            form.rjsf .form-group.field.field-object.is-valid .form-group.field.field-array div#race .checkbox {
                padding-top: 8px !important;
            }

            form.rjsf .form-group.field.field-object.is-valid .form-group.field.field-array div#race .checkbox input#race_0 {
                margin-left: -22px !important;
                margin-top: 1px !important;
            }

            .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job div#breadcrumb-summary ul.progressbarlist.breadcrumb-list .slick-slider.slick-initialized .slick-list .slick-track .slick-slide.slick-active li.slide.slick-slide.slick-active.progress-complete.progress-enable a span.number {
                padding: 1px !important;
                margin-top: 9px !important;
            }

            .ph-apply-box {
                & .resume-group {
                    & .drives {
                        .resume-upload-wrapper {
                            padding: 0 0 0px !important;
                        }
                    }
                }
            }

            .ph-apply-box {
                .resume-group .drives .apply-or-line {
                    display: flex;
                    align-items: center;
                    /* justify-content: center !important; */
                    /* flex-direction: column !important; */
                    padding-top: 0px !important;
                    padding-bottom: 3px !important;
                }
            }

            label.resume-size {
                margin-bottom: 0px !important;
            }

            a.deleteFile:before {
                content: "Delete ";
                color: #0367b4 !important;
                font-weight: bold;
                margin-left: 0px !important;
            }

            .pdf.after-upload a.deleteFile:before {
                margin-left: 0px !important;
            }

            .resume-section .has-resume.resume-info .pdf.after-upload {
                padding-left: 0px !important;
            }

            .row.no-gutter.form-fields {
                margin-bottom: 0px !important;
            }

            ul#personalMobilePhone-errorMsg {
                margin-top: -7px !important;
            }

            button.btn.primary-button.btn-submit:disabled {
                height: 51px !important;
            }

            .phw-container>.ph-apply-box .btn:active {
                color: #ffffff !important;
            }

            .phw-container>.ph-apply-box .btn:focus {
                color: #ffffff !important;
            }

            li.docx {
                background-image: url("https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png") !important;
            }

            .im-apply-page .docx.after-upload,
            .im-apply-page .txt.after-upload,
            .im-apply-page .pdf.after-upload,
            .im-apply-page .doc.after-upload {
                justify-content: center !important;
            }

            @media only screen and (max-width: 640px) {
                button#next {
                    float: unset;
                    width: auto !important;
                }
            }

            .navigation-summary {
                .slick-prev {
                    background: #0367b4 !important;
                }
            }

            @media only screen and (max-width: 360px) {
                .slick-list {
                    padding-top: 12px !important;
                }
            }

            .docx {
                background-position: 0 -65px;
                margin-top: 10px;
            }

            @media only screen and (min-width: 768px) and (max-width: 1024px) {
                li.file-attachment {
                    height: 50px !important;
                    background: none !important;
                    margin-left: 20px !important;
                }
            }

            ul.attachment-options li.file-attachment {
                margin-top: 0px !important;
            }

            div#fileUpload .attachment .attachment-container ul.attachment-options li.file-attachment {
                background: none !important;
            }

            div#fileUpload .attachment .attachment-container ul.attachment-options {
                margin-top: 10px !important;
            }

            .form-group.field.field-object .summary .summary-section.Work-Experience.workExperience .summary-text .object-field.experienceData .object-field-header h3 {
                display: none !important;
            }

            .ph-apply-box .form-wrapper .external-job .resume-group .drives {
                justify-content: center !important;
                display: flex !important;
                align-items: center !important;
            }

            .drives span.apply-or-box {
                padding: 0px 16px !important;
            }

            .ph-apply-box .form-wrapper div .rjsf {
                padding-top: 30px;
                padding-bottom: 30px;
                width: 100% !important;
                margin: auto;
            }

            .checkbox input[type="checkbox"] {
                position: absolute !important;
                margin-left: 0px !important;
                margin-top: 0px !important;
            }

            .radio,
            .checkbox {
                position: relative;
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .row.form-group.additional-attachment-v2 .attachment {
                padding: 20px !important;
                border: solid 1px grey !important;
                margin: 0px 0px !important;
                width: 99% !important;
            }

            .row.form-group.additional-attachment-v2 .attachment-container {
                display: flex !important;
                justify-content: center !important;
            }

            .row.form-group.additional-attachment-v2 ul.attachment-options {
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
            }

            .row.form-group.additional-attachment-v2 .or {
                padding: 0px 20px !important;
            }

            .ph-apply-box .form-wrapper div .rjsf .markdown p {
                font-size: 20px;
                text-align: justify;
                font-weight: bold !important;
            }

            .apply-page button.btn-next {
                float: right !important;
            }

            .apply-page .remove-action .remove-icon {
                color: #ffffff !important;
            }

            button#next {
                padding: 10px 40px !important;
                margin-bottom: 40px !important;
                font-size: 18px !important;
                float: right !important;
            }

            .attachment-title {
                text-align: center !important;
            }

            .ph-apply-box .form-wrapper div .options-block {
                text-align: center;
                padding: 30px;
                border: 1px solid grey !important;
                border-radius: 20px;
            }

            .row.form-group.additional-attachment-v2 .attachment-files {
                text-align: start !important;
            }

            .form-group.field.field-boolean {
                width: 100% !important;
            }

            .form-group.field.field-boolean .checkbox {
                width: 100% !important;
            }

            .form-group.field.field-boolean .checkbox label span {
                padding-left: 25px !important;
            }

            .checkbox input[type="checkbox"] {
                position: absolute !important;
                margin-left: 0px !important;
                margin-top: 0px !important;
                width: 20px;
                min-height: 20px !important;
                height: 20px !important;
            }

            .form-group.field.field-boolean .checkbox label {
                display: flex !important;
                align-items: center !important;
            }

            button#previous {
                padding: 10px 40px !important;
                margin-bottom: 40px !important;
                font-size: 18px !important;
            }

            .external-job.current-step-candidateAcknowledgement .form-group.field.field-string .checkbox label {
                display: flex !important;
            }

            .external-job.current-step-candidateAcknowledgement .form-group.field.field-string .checkbox label a {
                font-size: 18px !important;
            }

            .navigation.candidateAcknowledgement-step {
                display: flex;
                justify-content: space-between;
            }

            .react-datepicker-wrapper {
                width: 100% !important;
            }

            @media screen (max-width:1024px) {
                .col-xs-11 {
                    width: 100% !important;
                }

                .remove-action .array-button-remove {
                    margin-bottom: 10px !important;
                }
            }



            @media screen (max-width:1024px) {
                .col-xs-11 {
                    width: 100% !important;
                }

                .react-datepicker-wrapper {
                    width: 100% !important;
                }

                .remove-action .array-button-remove {
                    margin-bottom: 10px !important;
                }
            }

            .external-job.current-step-candidateAcknowledgement .form-group.field.field-string.foo .markdown p {
                font-size: 18px !important;
                font-weight: normal !important;
            }

            span#agreement-label span {
                font-size: 18px !important;
            }

        }

        .apply-page {
            & button.btn.primary-button.btn-submit {
                font-size: 16px !important;
                padding: 10px 40px !important;
                margin-bottom: 40px !important;
                font-size: 18px !important;
                border-radius: 4px !important;
            }
        }


        .ph-apply-box .form-group.field.field-string.foo.row.date-range-picker {
            width: 100% !important;
        }

        .ph-apply-box div#educationData_0_fromTo {
            display: flex !important;
        }

        @media only screen and (max-width : 1024px) {
            .apply-page .col-xs-11 {
                width: 100% !important;
            }

            .apply-page {
                margin-bottom: 10px !important;
            }

            .apply-page {
                margin-bottom: 10px !important;
            }

            .remove-action .array-button-remove {
                margin-bottom: 10px !important;
            }
        }

        .ph-apply-box .dropbox,
        .skydrive {
            display: block;
            height: 40px;
            width: 40px;
            margin-left: 20px;
        }

        .apply-page {
            .attachment-title {
                color: @brand-color-primary;
                font-size: 18px;
                font-weight: normal;
                line-height: 32px;
                padding-bottom: 20px;
            }
        }

        .apply-page .after-upload {
            margin-top: 16px !important;
        }

        .row.form-group.additional-attachment-v2 .attachment-files ul#cover-letter-files-div li {
            margin-top: 16px;
            padding-top: 9px !important;
        }

        .apply-page {

            .radio,
            .checkbox {
                position: relative;
                display: flex;
                margin-top: -6px;
                margin-bottom: 10px;
            }
        }

        .external-job.current-step-candidateAcknowledgement .form-group.field.field-string.foo .markdown b {
            color: #0367B4 !important;
            font-size: 24px;
        }

        .external-job.current-step-candidateAcknowledgement .form-group.field.field-string.foo .markdown h1 {
            color: #0367B4 !important;
            font-size: 28px !important;
            font-weight: 600 !important;
        }

        .apply-page .error-detail {
            padding-left: 0;
            margin-top: -2px !important;
        }

        .apply-page span.resume-mandatory {
            color: #c31313 !important;
        }

        ////Work experience
        .ph-apply-box .form-group.field.field-string.foo.row.date-range-picker {
            width: 100% !important;
        }

        .ph-apply-box .col-md-6 {
            margin-bottom: 10px !important;
        }

        .apply-page {

            .radio,
            .checkbox {
                margin-top: 0px !important;

            }
        }
    }

    .ph-apply-box .dropbox,
    .skydrive {
        display: block;
        height: 40px;
        width: 40px;
        margin-left: 20px;
    }

    .apply-page {
        .attachment-title {
            color: @brand-color-primary;
            font-size: 18px;
            font-weight: normal;
            line-height: 32px;
            padding-bottom: 20px;
        }
    }

    .apply-page .after-upload {
        margin-top: 16px !important;
    }

    .row.form-group.additional-attachment-v2 .attachment-files ul#cover-letter-files-div li {
        margin-top: 16px;
        padding-top: 9px !important;
    }

    .apply-page {

        .radio,
        .checkbox {
            position: relative;
            display: flex;
            margin-top: -6px;
            margin-bottom: 10px;
        }
    }

    .external-job.current-step-candidateAcknowledgement .form-group.field.field-string.foo .markdown b {
        color: #0367B4 !important;
        font-size: 24px;
    }

    .external-job.current-step-candidateAcknowledgement .form-group.field.field-string.foo .markdown h1 {
        color: #0367B4 !important;
        font-size: 28px !important;
        font-weight: 600 !important;
    }

    .apply-page .error-detail {
        padding-left: 0;
        margin-top: -2px !important;
    }

    .apply-page span.resume-mandatory {
        color: #c31313 !important;
    }

    ////Work experience
    .ph-apply-box .form-group.field.field-string.foo.row.date-range-picker {
        width: 100% !important;
    }

    .ph-apply-box .col-md-6 {
        margin-bottom: 10px !important;
    }

    .ph-apply-box .resume-section .has-resume.resume-info .pdf.after-upload a.downloadFile {
        padding-left: 40px !important;
    }

    .ph-apply-box .current-step-Questions .col-md-6 {
        margin-bottom: 0px !important;
    }
    .apply-page {
    .ph-apply-box .form-wrapper div .rjsf {
        padding-top: 0px;
        padding-bottom: 30px;
        width: 100% !important;
        margin: auto;
    }
}
.apply-page .ph-apply-box .external-job.current-step-candidateAcknowledgement .col-md-6 {
    min-height: 0px !important;
}
.apply-page .ph-apply-box .external-job.current-step-candidateAcknowledgement .col-md-12 {
    min-height: 0px !important;
}
.apply-page .ph-apply-box .form-wrapper .external-job.current-step-candidateAcknowledgement h2 {
    padding-bottom: 0px;
    text-align: center;
}
.apply-page .ph-apply-box span#agreement-label {
    font-size: 18px !important;
}
.apply-page .ph-apply-box .form-wrapper div h2 {
    padding-bottom: 0px !important;
    text-align: center;
}

.row.array-item-list.no-gutters.array-item.educationhide {
    display: flex !important;
}
.apply-page {
    @media (min-width: 1025px) {
        .remove-action {
            right: inherit;
            top: -15px;
            width: 0px !important;
        }
    }
}
@media only screen and (max-width: 1024px) {
    .apply-page {
        .remove-action {
            margin-top: 7px;
            width: 0px !important;
        }
    }
}
.apply-page .ph-apply-box .external-job.current-step-personalInformation form.rjsf {
    padding-top: 40px !important;
}

.apply-page .row.array-item-list.no-gutters.array-item.educationhide {
    display: flex !important;
    justify-content: flex-end !important;
}
.apply-page {
    @media (min-width: 1025px) {
        .remove-action {
            right: inherit;
            top: -21px;
        }
    }
  }
  .ph-apply-box .resume-group .drives li.linkedin-option {
    margin-bottom: 0px !important;
}
.ph-apply-box .row.array-item-list.no-gutters.array-item.educationhide {
    display: flex !important;
    justify-content: flex-end !important;
}


.ph-apply-box fieldset[id^="experienceData"] .row.no-gutter.form-fields .col-md-6 {
    margin-right: 0px !important;
    padding-right: 0px !important;
}
.ph-apply-box fieldset[id^="experienceData"] .row.no-gutter.form-fields .col-md-12 {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.ph-apply-box input[id$=".fromTo.startDate"] {
    width: 99.5% !important;
}
.ph-apply-box input[id$=".fromTo.endDate"] {
    width: 99.5% !important;
    margin-left: 11px !important;
}
.ph-apply-box input[id$=".Supervisor"] {
    margin-left: 8px !important;
    width: 99% !important;
}
.ph-apply-box label[id*="experienceData"][id$="Supervisor-label"] {
    margin-left: 8px !important;
}

.ph-apply-box label[id$=".fromTo.endDate-label"] {
    padding-left: 11px !important;
}


@media only screen and (max-width: 1024px) {
    .ph-apply-box fieldset[id^="experienceData"] .row.no-gutter.form-fields .col-md-6 {
        margin-right: 0px !important;
        padding-right: 0px !important;
        width: 101% !important;
    }
    .ph-apply-box input[id$=".Supervisor"] {
        margin-left: 0px !important;
        width: 100% !important;
    }
    .ph-apply-box label[id*="experienceData"][id$="Supervisor-label"] {
        margin-left: 0px !important; 
    }
    .ph-apply-box fieldset[id^="experienceData"] .row.no-gutter.form-fields .col-md-12 {
        width: 101% !important;
    }
    .ph-apply-box .form-group.field.field-array.custom-object.education fieldset#educationData .row.array-item-list.no-gutters.array-item.educationhide .col-11.col-xs-11.col-md-12 {
        padding-right: 0px !important;
    }
}
.apply-page {
    .radio, .checkbox {
        position: relative;
        display: flex;
        margin-top: -9px;
        margin-bottom: 17px;
    }
}
.ph-apply-box .col-md-6 {
    margin-bottom: 11px !important;
}
.apply-page {
    .form-group.field.field-string {
        margin: 0 0 0px !important;
    }
.form-group.field.field-string.field-error.has-error.has-danger.foo {
    margin-bottom: 10px !important;
}
}
.apply-page {
    .form-group.field.field-string {
        margin: 0 0 0px !important;
    }
.form-group.field.field-string.field-error.has-error.has-danger.foo {
    margin-bottom: 10px !important;
}
ul#agreement-errorMsg li.text-danger {
    font-size: 18px !important;
}
.external-job.current-step-candidateAcknowledgement .form-group.field.field-string.field-error.has-error.has-danger .checkbox {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
}
.apply-page .resume-section div#extra-content h1 {
    color: #0367B4 !important;
    font-size: 28px !important;
}

@media only screen and (max-width: 767px) {
    .ph-apply-box label#educationData\[0\]\.fromTo\.endDate-label {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    .ph-apply-box label[id$=".fromTo.endDate-label"] {
        padding-left: 0px !important;
    }
}

.ph-apply-box .row.array-item-list.no-gutters.array-item.educationhide
fieldset[id^="educationData["]
.form-group.field.field-boolean .checkbox {
    padding-top: 10px !important;
}

.ph-apply-box label[id^="educationData["][id$=".fromTo.endDate-label"] {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.ph-apply-box label[id^="educationData["][id$=".fromTo.endDate-label"] {
    margin-left: 0 !important;
}
.ph-apply-box .external-job.current-step-personalInformation .resume-section div#extra-content {
    font-family: PoppinsRegular;
    font-weight: inherit;
    font-size: 28px;
    line-height: 1.6;
    color: var(--brand-color-primary);
    text-align: center !important;
}
.apply-page div#applyAwliWidget {
    margin-right: 0px !important;
}
.apply-page {
    @media (min-width: 1025px) {
        & .remove-action {
            right: 20px !important;
            top: -16px;
        }
    }
}
.apply-page {
    .form-group.field.field-boolean .checkbox label {
        display: block !important;
        align-items: center !important;
    }
}
@media only screen and (max-width: 1024px) {
    .apply-page {
        .remove-action {
            margin-top: -25px;
            width: 0px !important;
            right: 22px !important;
        }
    }
}

@media only screen and (max-width: 1024px) {
    .apply-page {
        .remove-action {
            margin-top: -25px;
            width: 0px !important;
            right: 4px !important;
        }
    }
  .ph-apply-box .row.array-item-list.no-gutters.array-item.educationhide {
    margin-bottom: 12px !important;
}
}  

@media only screen and (max-width: 767px) {
    .ph-apply-box {
        div[id^="educationData_"][id$="_fromTo"] {
            display: flex !important;
            width: 100% !important;
        }
    }
}

@media only screen and (max-width: 767px) {
    .ph-apply-box div#educationData_0_fromTo {
        display: flex !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .ph-apply-box div#educationData_1_fromTo {
        display: flex !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .ph-apply-box div#educationData_2_fromTo {
        display: flex !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .ph-apply-box div#educationData_3_fromTo {
        display: flex !important;
        width: 100% !important;
    }
    
}
@media only screen and (max-width: 767px) {
    .ph-apply-box div#educationData_4_fromTo {
        display: flex !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .ph-apply-box div#educationData_5_fromTo {
        display: flex !important;
        width: 100% !important;
    }
}
.ph-apply-box .row.array-item-list.no-gutters.array-item.educationhide {
    margin-bottom: 0px !important;
}
.ph-apply-box .form-group.field.field-array.field-error.has-error.has-danger.custom-object.education fieldset#educationData .more-actions {
        margin-top: -20px !important;
    }
@media only screen and (max-width: 1024px) {
    .ph-apply-box .form-group.field.field-array.field-error.has-error.has-danger.custom-object.education fieldset#educationData .more-actions {
        margin-top: -43px !important;
    }
    .ph-apply-box .row.array-item-list.no-gutters.array-item.educationhide {
        display: flex !important;
        justify-content: flex-end !important;
        margin-bottom: 32px !important;
    }
}
@media only screen and (max-width: 767px) {
    .apply-page {
        .remove-action {
            margin-top: -25px;
            width: 0px !important;
            right: 22px !important;
        }
    }
}
@media only screen and (max-width: 1024px) {
    .apply-page {
        .remove-action {
            margin-top: -25px;
            width: 0px !important;
            right: 17px !important;
        }
    }
}
@media only screen and (max-width: 1024px) {
    .apply-page {
        .form-group.field.field-array.field-error.has-error.has-danger.custom-object.education .more-actions {
            margin-left: 0px;
            margin-top: -30px !important;
        }
    }
}
 
#jtcForm .ph-jtc-box .checkbox input[type="checkbox"]:checked {
background-color: var(--brand-color-primary);
}

@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}