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



 input[type='checkbox']:checked,
 input[type='radio']:checked {
     background-color: #0808f4;
 }

 // JTC Style goes here
 .apply-page {
     background-color: #fff !important;

     table.educationData-table.Education.\:.table-as-list {
         @media only screen and (min-width:767px) {
             thead {
                 display: none;
             }

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

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

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

         fieldset .row {
             padding: 0 !important;
         }

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

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

             }
         }
     }

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

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

                 }
             }
         }

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

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

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

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

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

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

             ul {
                 clear: both;

             }

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

         .two-line-field {

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

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

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

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

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

         ul {
             clear: both;

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

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

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

             .row {
                 padding: 0% !important;
             }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .duplicateSubmitButton {
         margin-top: 30px;

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

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

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

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

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

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


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

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

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

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

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

             }

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

         }

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

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

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

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

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

         thead {
             display: none;
         }

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

     .Questions_label_text {
         margin-bottom: 20px;
     }

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

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

             .next {
                 float: right;

             }

             form#cmsForm {
                 margin: 50px auto;

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

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

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

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

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

                     }

                     .resume_info {

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

                     }

                     .cc-options {
                         width: 64%;

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

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

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

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

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

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

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

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

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

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

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

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

                                     i {
                                         display: none;
                                     }
                                 }

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

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

                                 &.dropbox {
                                     background: #16a3eb;

                                     i {
                                         font-size: 24px;
                                     }
                                 }

                                 &.googledrive {
                                     background: #00aa60;
                                 }

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

                                 &.skydrive {
                                     background: #094ab2;

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

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

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

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

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

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

                             }
                         }

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

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

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

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

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

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

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



                         }

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

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

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

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

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

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

                             .dz-preview {
                                 display: none;
                             }


                         }

                         svg {
                             display: none;
                         }

                     }

                     .afterUploadattachment {
                         display: block;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                         }
                     }
                 }

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

                 .afterUpload {

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

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

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


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

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

                     }
                 }

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

                 }

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

                 }

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

                 }

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

                 }

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

                 }

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

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

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


                 .formData {
                     margin: 0 -10px;

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

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

                         }

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

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


                         }


                     }
                 }

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

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

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

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

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

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

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

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

                     }

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

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

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

                         message {}

                         .required {}

                         .sr-only {
                             message {}
                         }

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

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

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

                         }
                     }

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

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

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

                         }
                     }




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

                         &.sizeauto {
                             height: auto;
                         }
                     }

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

                         &.sizeauto {
                             height: auto;
                         }
                     }

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

                             &.sizeauto {
                                 height: auto;
                             }
                         }
                     }

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

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

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

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


                 }

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

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

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

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

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

             }
         }
     }

     a {

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

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

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


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

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

         p {
             font-size: 16px;

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

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

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

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

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



 }



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

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


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

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

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

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

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

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

             //margin-left: 0;
         }

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

                             .icon-linkedin {
                                 display: none;
                             }
                         }

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

                             iframe {
                                 width: 177px !important;
                             }
                         }

                         .linkedin {
                             background: #2e8acd;
                         }

                         .dropbox {
                             background: #2ba0f1;

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

                             i {
                                 font-size: 23px;
                             }
                         }

                         .skydrive {
                             background: #0f46b9;

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

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

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

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

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

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

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

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

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

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

                     .linkedin {
                         background: #2e8acd;
                     }

                     .dropbox {
                         background: #2ba0f1;

                         i {
                             font-size: 23px;
                         }
                     }

                     .skydrive {
                         background: #0f46b9;
                     }

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

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

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

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

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

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

     overflow-x: hidden;

     p {
         b {
             color: @darkar;
         }
     }

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

         b {
             color: @darkar;
         }

         ul {
             margin-left: 25px;

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

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

 #questionnairDiv {
     .checkbox-div {

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

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

             .checkbox-group {
                 clear: both;

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

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

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

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

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

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

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

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

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

     .sub-head {
         color: @darkar;
     }

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

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

     label {
         font-size: 15px;
     }

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

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

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

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

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

         #cmsForm {
             margin: 0 auto;

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

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

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

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

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

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

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

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

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

             }

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

             }

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

             }

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

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

             .html.afterUpload {
                 display: block !important;

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

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

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

             .resume-heading {
                 color: @darkar;
             }

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

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

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

                 .dz-message {
                     display: none;
                 }

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

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

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

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

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

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

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

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

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

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

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

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

                 .error {
                     color: red;
                 }
             }
         }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                 a {

                     font-weight: 600;
                 }
             }

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

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

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

                 .add-more-action {}

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

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

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

 .footer-block {
     display: block;
 }

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

     .stepCounter {
         display: none;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                     z-index: 0;
                 }

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

                 &.slide.progress-current:after {

                     left: 52%;

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

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

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

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

         .bx-pager {
             display: none;
         }

         .bx-controls-direction {
             position: relative;

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

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

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

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

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

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

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

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

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

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

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

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

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

         select#fbjq_question_1 {
             background: transparent;
         }

         select#fbjq_question_2 {
             background: transparent;
         }

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

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

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

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

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

     .resume_upload_block {
         display: none;
     }

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

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

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

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

         .checkbox_column_wrapper:before {
             display: none;
         }
     }

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

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

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

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

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


 /* Slider */

 * {
     box-sizing: border-box;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .slick-slide img {
     display: block;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

                 span {
                     font-size: 0;
                 }

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

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

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

         .questionAnswerNoneErrMsg {
             display: none !important;
         }

         #questionAnswerSize {
             display: none;
         }
     }
 }

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

 .candidate {
     margin-top: 0;
 }

 .candidate-info {

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

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

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

 .required {
     color: red;
 }

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

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

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

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

 #skillshead {
     margin-left: 0px;
 }

 #websitehead {
     margin-left: 0px;
 }

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

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

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

 .selfIdentification {
     label {
         float: left;

         .required {
             float: left;
         }
     }
 }

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

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

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

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

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

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

     }
 }

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

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

     }

     h2 {
         text-transform: uppercase;
     }

     p {
         font-size: 16px;
     }

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

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

 .work-exp-form {
     float: right;

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

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

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

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

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

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

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

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

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

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

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

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

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

     &:before {
         color: @darkar;
     }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 div {
     *zoom: 1;
 }

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

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

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

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

         .slider {
             width: 100%;
         }

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

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

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

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

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

     .apply-heading {
         margin-left: 0;

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

     .resume_info {

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

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

     #applyWithLinkedin {
         margin-left: 0;
     }

     #errorDiv {
         clear: both;

         .errorHeader {
             width: 100%;
         }

         #errorList {
             width: 100%;
         }
     }

     #registrationDiv {
         margin-left: 4px;

         label {
             float: left;
         }

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

             .candidate {
                 margin-top: 0;

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

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

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

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

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

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

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

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

             .form-for {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                         .additional-attachment {}
                     }
                 }
             }

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

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

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

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

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

         #addLinkedIn {
             margin-left: 6px;

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

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

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

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

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

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

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

 #agreementDiv {
     margin-left: 4px;
 }

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

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

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

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

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

                 .checkbox-group {
                     clear: both;

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

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

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

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

             .errorHeader {
                 width: 100%;
             }

             #errorList {
                 width: 100%;
             }
         }

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

         /*My-info-page*/
     }

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

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

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

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

     .resume_info {

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

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

     #applyWithLinkedin {
         margin-left: 0;
     }

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

         ul {
             text-align: Center;

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

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

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

     #errorDiv {
         clear: both;

         .errorHeader {
             width: 100%;
         }

         #errorList {
             width: 100%;
         }
     }

     #registrationDiv {
         label {
             float: left;
         }

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

             .candidate {
                 margin-top: 0;

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

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

     /*Work-Experience */
     #voluntaryDiv {

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

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

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

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

         #resumeFile {
             display: none;
         }

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

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

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

                 #applyhead {
                     padding: 0;
                 }
             }

             .form-for {
                 padding: 0;

                 .group-field {
                     padding: 0;

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

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

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

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

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

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

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

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

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

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

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

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

                         .additional-attachment {}
                     }
                 }
             }

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

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

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

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

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

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

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

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

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

     }
 }

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

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

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

     .dz-message {
         display: none;
     }

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

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

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

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

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

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

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

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

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

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

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

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

 .academic_transcripts {
     padding: 0;

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

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

     #files {
         margin-left: 0;
     }
 }

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

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

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

 .website-input {
     padding: 0;
 }

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

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

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

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

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

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

 #addLinkedIn {
     margin-left: 13px;

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

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

     input {
         border: none;
     }
 }

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

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

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

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

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

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

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

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

         .eeoText {
             margin-top: 10px;

             p {
                 font-size: 16px;

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

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

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

             ul {
                 margin-left: 50px;

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

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

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

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

     #errorMessage {
         margin: 0;
     }

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

         .slider {
             width: 100% !important;
         }

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

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

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

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

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

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

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

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

         .candidate-info {
             padding: 0;
         }

         .field-selector {
             padding: 0;
         }

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

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

     #eeoDiv {
         .voluntary {
             margin: 0;
         }

         label {
             padding: 0;
         }

         .select {
             padding: 0;
         }
     }
 }

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

     #questionnairDiv {
         .checkbox-div {

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

                 .checkbox-group {
                     clear: both;

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

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

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

         }
     }

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

     #voluntaryDiv {
         padding: 0;

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

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

         .add-icon {}

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

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

         #resumeFile {
             display: none;
         }

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

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

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

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

             .form-for {
                 padding: 0;

                 .group-field {
                     padding: 0;

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

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

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

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

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

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

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

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

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

                         .additional-attachment {}
                     }
                 }
             }

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

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

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

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

         #addLinkedIn {
             margin-left: 10px;

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

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

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

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

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

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

     #errorMessage {
         margin: 0;
     }

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

         .slider {
             width: 100%;
         }

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

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

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

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

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

         .candidate-info {
             padding: 0;
         }

         .field-selector {
             padding: 0;
         }

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

     #eeoDiv {
         .voluntary {
             margin: 0;
         }

         label {
             //padding:0px;
         }

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

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

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

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

     ul {
         margin-bottom: 20px;

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

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

     p {
         font-weight: normal;
     }

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

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

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

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

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

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

         }
     }
 }

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

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

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

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

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

             message {
                 padding-left: 5px;
             }

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

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

 .questionnaireSection {
     div {
         padding: 0;
     }
 }

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

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

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

         b {
             color: #282828;
         }
     }

     .required {
         color: red !important;
     }

     .error {
         color: red;
     }

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

 .ethnicity {
     padding: 0;

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

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

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

 .error,
 .required {
     color: red;
 }

 .website-section {
     text-align: left;

     label {
         margin-left: 0px;

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

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

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

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

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

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

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

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

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

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

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

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

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

             b {
                 color: @darkar;
             }
         }
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

             h2 {

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

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

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

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

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

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

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

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

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

         margin: 0 0 20px 0;
     }
 }

 @media (max-width: 400px) {

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

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

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

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

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

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

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

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

 #resumeFile {}




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

             .row {
                 margin: 0;

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

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

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

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

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

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

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

                             &#applyLinkedinContainer {
                                 background: #0073b1;
                             }

                             &.dropbox {
                                 background: #2ba0f1;
                             }

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

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

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

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

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

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

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

         &:after {
             display: none;
         }

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

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

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

         &:after {
             display: none;
         }
     }

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

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

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

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

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



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

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

                         #resumeFile {
                             display: block;

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

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

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

             }
         }
     }



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

     }

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

     .apply-heading {

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

         }

         h3 {
             font-size: 1.5rem;
         }

     }

     .summary-page {

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

         .checkboxes {
             position: relative;

             label.error {
                 color: inherit !important;
             }

             #privacy_statement-error {

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

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

             }
         }

     }

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

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

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

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

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

 }

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

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


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

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

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

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

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

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

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


                     label {
                         font-weight: normal;

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

                         }
                     }

                 }

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

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

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

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

 }

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

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

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

                 }
             }

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

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

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

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

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

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

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

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

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

             }
         }
     }
 }

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

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

     }
 }

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

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

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

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

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


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

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

             >a.dropbox {
                 >i {
                     font-size: 30px;
                 }
             }

             >a.skydrive {
                 >i {
                     font-size: 28px;
                 }
             }
         }
     }
 }

 .dz-message.needsclick {
     p {
         font-size: 16px;
         max-width: 150px;
         margin: 0px auto;
         color: #fff;
         background-color: #003DA5;
         border-color: #003DA5;
         padding: 8px 14px;
         cursor: pointer;
     }
 }

 .apply-or-line {
     >span {
         font-size: 18px;

         &:before {
             top: 11px;
         }

         &:after {
             top: 11px;
         }
     }
 }

 .resume_upload_block {
     margin-top: 28px;
 }

 .navigation-summary {
     min-height: 116px;
 }

 .apply-heading {
     font-size: 22px;
     font-weight: 600;
     margin: 0px auto 20px;
 }

 label {
     font-weight: 500;
 }

 .group-field {
     margin: 0px auto 10px;
     padding: 0px;
 }

 .btn-primary {
     color: #fff;
     background-color: @brand-color-primary;
     border-color: @brand-color-primary;

     &:hover {
         color: #fff;
         background-color: @brand-color-secondary;
         border-color: @brand-color-secondary;
     }
 }

 .apply-form-footer-inner {
     margin: 20px auto;
     padding: 0px 15px;
 }

 .job-title-section {
     .title {
         span {
             display: inline-block;
             display: inline-block;
         }

         h2 {
             display: inline-block;
             display: inline-block;

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

 .more-actions {
     margin: 0px auto 20px;
 }

 .cc-apply-options {
     width: 45%;
 }

 .resume_upload_block {
     width: 45%;
 }

 .apply-page-inner {
     .options-block {
         .selectFile {
             &:before {
                 left: 0px;
                 right: 0px;
                 margin: 0px auto;
                 width: 100% !important;
                 top: 10px;
             }
         }
     }

     margin: 0px auto 30px;
 }

 .apply-form-footer-inner {
     #previous {
         margin: 0px;
         color: #fff;
         background-color: #003DA5;
         border-color: #003DA5;
         padding: 4px 14px;
         float: left;
     }

     #next {
         color: #fff;
         background-color: #003DA5;
         border-color: #003DA5;
         padding: 4px 14px;
         float: right;
     }
 }

 .job-title-section {
     span {
         display: inline-block;
     }

     h2 {
         display: inline-block;

         a {
             font-size: 20px;
         }
     }
 }

 #eeoDiv {
     .box-content-block {
         .eeoText {
             p {
                 line-height: 26px;

                 u {
                     margin: 10px auto;
                     display: block;
                 }
             }
         }
     }
 }


 .overlaybg {
     img {
         max-width: 70px;
         position: absolute;
         left: 0px;
         right: 0px;
         top: 50%;
         margin: -35px auto;
     }
 }

 // span.IN-Awli-widget {
 // 	opacity: 0;
 // 	max-width: 46px;
 // }
 .cc-apply-options {
     >ul {
         >li {
             >a {
                 >i.icon-linkedin {
                     // position: absolute;
                     // top: 27px;
                     // right: 10px;
                     display: none;
                 }
             }

             position: relative;
         }
     }
 }

 select {
     color: #555 !important;
 }

 textarea {
     color: #555 !important;
 }

 .candidate-info {
     .apply-or-line {
         margin-top: 16px !important;
     }
 }

 .checkbox-div {
     .checkbox-block {
         span.error {
             margin-top: 7px;
             display: block;
         }
     }
 }

 #questionnairDiv {
     .checkbox-div {
         .checkbox-block {
             .checkbox-group {
                 label {
                     color: #555;
                 }
             }
         }
     }
 }

 .cc-apply-options {
     >ul {
         >li {
             >a {
                 &:hover {
                     text-decoration: none;
                 }
             }
         }
     }
 }

 .afterUpload {
     padding: 0 !important;
     display: inline-block;
     vertical-align: middle;
     height: auto !important;
     min-height: auto !important;
 }

 .academic_transcript_file_action {
     display: inline-block;
     vertical-align: middle;
     height: auto;
     min-height: auto;

     >a {
         i {
             float: none;
             margin-left: 4px;
         }
     }
 }

 // New Changes
 .navigation-summary {
     li.slide {
         &:last-child {
             &:before {
                 background: #000;
                 height: initial;
             }
         }
     }

     .slick-list {
         .slick-track {
             li {
                 &:last-child {
                     &:after {
                         left: 50%;
                         right: 0;
                     }
                 }
             }
         }
     }
 }

 .apply-page {
     .pageTitle {
         >span {
             display: inline-block;
             font-size: 24px;
         }

         margin: 0px auto 30px;

         @media only screen and (max-width:767px) {
             padding-top: 40px;
         }
     }

     .job-title {
         >a {
             font-size: 30px;
             margin-left: 10px;
         }
     }

     .ph-apply-box {
         .options-block.resume-group {
             .resume-upload-wrapper {
                 text-align: center;
             }
         }
     }

     .field-description {
         font-size: 24px;
     }

     .btn-next {
         background-color: @brand-color-primary ;
         border-color: @brand-color-primary;
         color: @white;
         float: right;
         width: 200px;
         border-radius: 7px;
         font-family: @font-family-default-bold;

         @media only screen and (max-width:767px) {
             width: auto;
         }

         &:hover {
             background-color: @white;
             border-color: @brand-color-primary;
             color: @brand-color-primary;
             ;
         }
     }

     .btn-prev {
         background-color: @brand-color-primary ;
         border-color: @brand-color-primary;
         color: @white;
         width: 200px;
         font-family: @font-family-default-bold;
         border-radius: 7px;

         @media only screen and (max-width:767px) {
             width: auto;
         }

         &:hover {
             background-color: @white;
             border-color: @brand-color-primary;
             color: @brand-color-primary;
         }
     }

     .btn-submit {
         background-color: @brand-color-primary ;
         border-color: @brand-color-primary;
         color: @white;
         width: 200px;
         font-family: @font-family-default-bold;
         border-radius: 7px;
         float: right;
         padding: 11px 24px;
         line-height: 27px;
         font-size: 14px;

         @media only screen and (max-width:767px) {
             width: auto;
         }

         &:hover {
             background-color: @white;
             border-color: @brand-color-primary;
             color: @brand-color-primary;
         }
     }
 }

 .job-title {
     display: inline-block;
     font-size: 24px;
 }

 input[type="radio"] {
     min-height: inherit;
     margin: 0px;
 }

 input[type="checkbox"] {
     min-height: inherit;
     margin: 0px;
 }

 .checkboxText {
     margin-left: 10px;
 }

 .react-datepicker-wrapper {
     width: 100%;
 }

 .apply-page {
     .ph-apply-box {
         .rjsf {
             .additional-attachment {
                 border: 1px solid #979797;
                 display: block;
                 padding: 10px;

                 .form-group #academic {
                     p {
                         font-size: 22px;
                     }

                     .form-fields {
                         padding-top: 20px;

                         @media only screen and (max-width:767px) {
                             text-align: center;
                         }
                     }
                 }

                 .field-description {
                     margin: 0;
                 }
             }
         }
     }

     .page2-attach-file {
         display: inline-block;
         width: 160px;
         padding: 6px 12px;
         background-color: #00559a;
         color: #fff;
         text-align: center;
         height: 40px;

         @media only screen and (max-width:767px) {
             margin-top: 13px;
         }
     }

     .cover-letter-files-div {
         margin: 12px 0px 0px -15px;
     }

     // .checkboxes {
     // 	margin: 40px auto 0px;
     // }
     .checkbox {
         >label {
             >span {
                 >input {
                     display: inline-block;
                     vertical-align: middle;
                 }

                 >span {
                     margin-top: -16px;
                 }
             }
         }
     }

     .radio {
         >label {
             >span {
                 >input {
                     top: 8px;
                 }
             }
         }
     }

     .btn.primary-button {
         border-radius: 4px;
         padding: 11px 30px;
         float: right;

         @media only screen and (max-width:767px) {
             min-height: 50px;
         }

         &:hover {
             background-color: @white;
             border: 1px solid @brand-color-primary;
             color: @brand-color-primary;

         }
     }
 }

 .checkbox {
     >label {
         >span {
             >span {
                 display: inline-block;
                 vertical-align: middle;
             }
         }
     }
 }

 .apply-page {
     .resume-upload-wrapper {
         .primary-button {
             //float: none!important;
             //margin-bottom: 20px;
             min-height: 51px;
             width: auto;
             font-family: 'Raleway-Regular';
             font-weight: normal;
             font-size: 1.125rem;
             color: #ffffff;
             text-align: center;
             border-color: #FE000C;
             background: none;
             background-color: #fe000c;
             border-radius: 0;
             box-shadow: none;
             line-height: 27px;
             letter-spacing: normal;
             text-decoration: none;
             text-transform: none;
             padding-left: 24px;
             padding-right: 24px;
             border-width: 1px;
             padding-top: 11px;
             padding-bottom: 11px;

             &:hover {
                 background-color: @white;
                 border-color: @brand-color-primary;
                 color: @brand-color-primary;
             }

             @media only screen and (max-width:767px) {
                 float: none !important;
                 margin: 30px 0px;
             }
         }
     }

     .form-group {

         label {
             /* text-align: right;*/
             text-align: left;
             margin-top: 10px;

             @media only screen and (max-width:767px) {
                 text-align: left;
             }
         }

         label[for=ethnicity] {
             width: 100%;
             text-align: left;
         }
     }
 }


 .apply-page {
     .checkboxes {
         label {
             width: 50%;
             text-align: left;
             margin-left: 44%;
             padding: 0px;
         }
     }
 }

 .apply-page {
     .error-detail {
         /* width: 50%;
    margin-left: 43.5%;*/
         width: 100%;

     }
 }

 .daterangepicker-checkbox {
     width: 50%;
     margin-left: 42.5%;
 }

 .field-radio-group {
     .radio label {
         text-align: left;
     }

     .radio {
         &:first-child {
             margin: 0px auto 10px;
         }
     }
 }

 .apply-page {
     table {
         th {
             padding: 0px 10px;
         }

         td {
             padding: 0px 10px;
         }
     }
 }

 .summary-item {
     .summary-title {
         margin: 0px auto 12px;
     }
 }

 .summary-section {
     .summary-title {
         margin: 0px auto 12px;
     }
 }

 .terms-conditions {
     .checkbox {
         label {
             text-align: left;
         }
     }
 }

 .apply-page {
     .page2-attach-file {
         label {
             text-align: center;
             margin-top: 0;
         }
     }
 }

 .apply-page {
     .ph-apply-box {
         .options-block.resume-group {
             .cloud-options-group {
                 ul {
                     li.linkedin-option {
                         margin-top: 0px;
                     }
                 }

             }
         }
     }
 }

 .terms-conditions {
     .checkbox {
         label {
             .checkmark {
                 color: #f00;
             }
         }
     }
 }

 .markdown-as-header {
     .markdown {
         >p {
             font-weight: 600;
         }
     }
 }

 .markdown-bold {
     .markdown {
         >p {
             font-weight: 600;
         }
     }
 }

 .navigation-summary {
     .slick-track {
         .slick-slide {
             &:last-child {
                 li {
                     &:last-child {
                         &:after {
                             border-right-color: #ffffff !important;
                         }

                         &:before {
                             content: "";
                             position: absolute;
                             left: 28px;
                             top: 16px;
                             width: 64px;
                             height: 3px;
                             background-color: #bfbfbf;
                         }
                     }
                 }
             }

             &:nth-child(5) {
                 li {
                     &:last-child {
                         &:after {
                             //display: none;
                         }
                     }
                 }
             }
         }
     }
 }

 .additional-attachment a.dropbox,
 .additional-attachment a.onedrive {
     display: block;
     height: 40px;
     border-radius: 0px;
 }

 .apply-page {
     .languages {
         .checkbox {
             label {
                 text-align: left;

                 span {
                     display: inline-block;
                     vertical-align: middle;
                     margin-top: -10px;
                 }
             }

             width: 50%;
             margin-left: 42.5%;
             margin-top: 0px;
         }
     }
 }

 .apply-page {
     .additional-attachment {
         .form-fields {
             text-align: center;

             .col-md-12 {
                 display: inline-block;
                 vertical-align: middle;
                 width: 10%;

                 @media only screen and (max-width:767px) {
                     width: auto;
                 }
             }

             .page2-or-text {
                 @media only screen and (max-width:767px) {
                     display: none;
                 }
             }

             .cloud-icon {
                 margin: 0 !important;
             }
         }
     }
 }


 .apply-page {
     .object-field.undefined {
         .object-field-header {
             display: none;
         }
     }

     .phoneWidget {
         .object-field-header {
             display: none;
         }
     }

     .summary-item {
         margin: 0px auto 12px;

         .educationData-item {
             table.educationData-table.Education.\:.table-as-list {
                 thead {
                     display: none;
                 }

                 tbody {
                     tr {
                         display: flex;
                         flex-direction: column;
                         margin-bottom: 10px;
                     }
                 }
             }
         }
     }

     .countryPhoneCode {
         .summary-label {
             display: none;
         }
     }
 }

 .apply-page {
     .summary-section {
         .summary-title {
             h3 {
                 >span+span {
                     margin-left: 10px;
                     text-decoration: underline;
                 }
             }
         }
     }
 }



 @media only screen and (min-width: 641px) {
     .apply-page {
         .ph-apply-box {
             .additional-attachment {
                 .form-group {
                     #root {
                         .form-fields {
                             div[class="col-md-12"] {
                                 width: 10%;
                                 display: inline-block;
                             }
                         }
                     }
                 }
             }
         }
     }
 }

 @media only screen and (max-width:767px) {
     .apply-page {
         .checkboxes {
             label {
                 width: 100%;
                 text-align: left;
                 margin-left: 0px;
             }
         }
     }

     .form-group label {
         text-align: left;
     }

     .apply-page {
         .error-detail {
             width: 100%;
             margin-left: 10px;
         }
     }

     .daterangepicker-checkbox {
         width: 100%;
         margin-left: 0%;
     }

     .apply-page {
         .languages {
             .checkbox {
                 width: 100%;
                 margin-left: 10px;
                 margin-top: 0px;
             }
         }
     }

     .ph-apply-box {
         margin: 0px auto 80px;
     }

     .apply-page {
         .job-title {
             >a {
                 font-size: 22px;
                 margin: 0px;
             }
         }

         .page2-attach-file {
             label {
                 text-align: center;
             }
         }

         .checkboxes {
             margin-left: 25px;
         }
     }

     .page2-or-text {
         label {
             text-align: center;
         }
     }

     .apply-page {
         .ph-apply-box {
             .options-block.resume-group {
                 .cloud-options-group {
                     ul {
                         li.linkedin-option {
                             margin-top: 0px;
                         }
                     }

                     margin: 0px auto 0px;
                 }
             }
         }
     }

     .resume-upload-wrapper {
         >button {
             margin: 12px auto 0px;
         }
     }

     #voluntaryDiv {
         .box-content-block {
             .skills-section {
                 #skillshead {
                     margin: 0px 0 0;
                 }
             }

             .more-actions {
                 margin: 4px 0;
             }
         }

         .academic-options-inner-block {
             .apply-or-line {
                 display: none !important;
             }
         }
     }

     .apply-heading {
         margin: 0 auto 8px;
     }

     .additional-attachment-icons {
         margin: 0px !important;
     }

     .navigation-summary {
         float: none;
     }

     .widget-container {
         padding: 0 30px;
     }

     .apply-page {
         .ph-apply-box {
             .additional-attachment {
                 .form-group {
                     #root {
                         .form-fields {
                             div[class="col-md-12"] {
                                 &:nth-child(1) {
                                     display: inline-block;
                                 }

                                 &:nth-child(2) {
                                     display: inline-block;
                                 }
                             }

                             text-align: center;
                         }
                     }
                 }
             }
         }
     }

     .navigation-summary {
         .slick-prev {
             font-size: 0 !important;
         }

         .slick-next {
             font-size: 0 !important;
         }
     }

     .navigation-summary {
         li.slide {
             &:last-child {
                 &:before {
                     height: 3px;
                     top: 15px;
                 }
             }
         }

     }


 }

 @media only screen and (max-width: 1023px) and (max-width: 767px) {
     .navigation-summary {
         .slick-list {
             .slick-track {
                 li {
                     &:last-child {
                         &::after {
                             height: 2px;
                         }
                     }
                 }
             }
         }
     }
 }

 @media (max-width: 1024px) {
     .slick-initialized {
         .slick-slide {
             margin-left: 0px;
         }
     }

 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     fieldset {
         width: 100%;
     }

     .apply-page {
         .languages {
             .checkbox {
                 width: 100%;
                 margin-left: 10px;
                 margin-top: 0px;
             }
         }
     }

     .cc-apply-options {
         width: 56% !important;
     }

     .resume_upload_block {
         width: 34% !important;
     }

     .navigation-summary {
         .slick-prev {
             font-size: 0 !important;
         }

         .slick-next {
             font-size: 0 !important;
         }

         .slick-list {
             .slick-track {
                 li {
                     &:last-child {
                         &::after {
                             border-right: 350px solid #23262c !important;
                         }
                     }
                 }
             }
         }
     }

     .apply-page {
         .form-group {
             label {
                 text-align: left;
             }
         }
     }

     .apply-page {
         .error-detail {
             width: 100%;
             margin-left: 8px;
         }
     }

     .apply-page {
         .ph-apply-box {
             .options-block.resume-group {
                 .resume-upload-wrapper {
                     width: 18%;
                 }

                 .cloud-options-group {
                     width: 35%;
                 }
             }
         }
     }

     .apply-page {
         .ph-apply-box {
             .options-block.resume-group {
                 .apply-or-line {
                     width: 65px;
                 }
             }
         }
     }

 }

 #registrationDiv {
     .accept-check-field {
         &.smsOptInCheckbox {
             .candidate-info {
                 width: 1% !important;
             }

             >div {
                 &:nth-child(2) {
                     width: 90% !important;
                 }
             }
         }
     }
 }

 // .apply-page .navigation-summary .slick-list .slick-track .slick-slide:last-child:after{
 //   content: '';
 //   border-right-color: #fff !important;
 // }
 .apply-page .navigation-summary .slick-list .slick-track div.slick-slide:last-child li:last-child:after {
     content: '';
     border-right-color: #fff !important;
 }

 .apply-page .navigation-summary .slick-list .slick-track div.slick-slide:last-child li[atm-id="applicationReview"]:last-child:after {
     content: '';
     border-right-color: #fff !important;
 }

 .apply-page-thankyou {
     .applythankyou-default {
         text-align: center;
         padding: 50px;

         @media only screen and (max-width:767px) {
             padding: 0;
             padding-top: 20px;
         }

         .applythankyou {
             #one-more {
                 margin-bottom: 20px;
                 font-size: 18px;
             }

             p {
                 margin: 20px 0 20px;
                 font-size: 18px;
             }

             .btnApply {
                 margin-top: 20px;
             }
         }
     }
 }

 // New styles
 .apply-page {
     .ph-apply-box {
         .options-block.resume-group {
             // border: transparent;
             // padding: 20px 0px 0px;
             text-align: center;
             padding: 20px;

             .cloud-options-group {
                 ul {
                     li.linkedin-option {
                         margin-top: 0px;
                     }

                     li {
                         i {
                             height: 40px;
                             width: 40px;
                         }

                         margin-top: 45px;
                     }
                 }

                 width: 35%;
                 float: inherit;
                 display: inline-block;
             }

             .apply-or-line {
                 width: 87px;
                 display: inline-block;
                 text-align: center;
             }

             .resume-upload-wrapper {
                 width: 18%;
                 display: inline-block;
                 text-align: center;
                 margin-top: 24px;
             }
         }
     }

     .apply-or-line {
         margin-top: 24px !important;
     }

     .resume-upload-wrapper {
         .primary-button {
             float: none !important;
         }
     }
 }

 .apply-or-line {
     >span {
         &:before {
             content: "";
             position: absolute;
             display: block;
             top: 11px;
             left: -20px;
             width: 18px;
             height: 2px;
             background-color: #000;
         }

         &:after {
             content: "";
             position: absolute;
             display: block;
             top: 11px;
             right: -20px;
             width: 18px;
             height: 2px;
             background-color: #000;
         }
     }

     margin-left: 1rem !important;
     margin-right: 1rem !important;
 }

 .text-danger {
     color: #FE000C;
 }

 .has-error {
     .form-control {
         border-color: #FE000C;
     }

     .help-block {
         color: #FE000C;
     }

     .control-label {
         color: #FE000C;
     }

     .radio {
         color: #FE000C;
     }

     .checkbox {
         color: #FE000C;
     }

     .radio-inline {
         color: #FE000C;
     }

     .checkbox-inline {
         color: #FE000C;
     }
 }

 .has-error.radio {
     label {
         color: #FE000C;
     }
 }

 .has-error.checkbox {
     label {
         color: #FE000C;
     }
 }

 .has-error.radio-inline {
     label {
         color: #FE000C;
     }
 }

 .has-error.checkbox-inline {
     label {
         color: #FE000C;
     }
 }

 .required {
     font-size: 20px;
     line-height: 20px !important;

 }

 .apply-page {
     .error-msg {
         margin-left: 0px;
         background-color: #fff;

         .errorHeader {
             background-color: #eeeeee;
         }

         .errorList {
             background-color: #eee;
         }
     }
 }

 .apply-page {
     .form-group {
         label {
             color: #000;
         }
     }

     .form-control {
         color: #000;
     }

     select {
         color: #000 !important;
     }
 }

 .array-button-add {
     background-color: #fff;
     padding: 4px 6px;
     color: #000 !important;
 }

 .add-icon {
     color: #000 !important;
 }

 .array-button-remove {
     background-color: #fff;
     padding: 4px;
 }

 .apply-page {
     .page2-attach-file {
         label {
             color: #fff;
         }
     }

     .ph-apply-box {
         .rjsf {
             .additional-attachment {
                 .field-description {
                     margin: 0px auto 12px;
                 }
             }
         }
     }
 }

 .apply-page {
     .form-group {
         .async-field-object {
             label {
                 margin: 0px auto 10px;
             }

             fieldset {
                 .row {
                     .checkboxes {
                         margin-left: 26px;
                     }
                 }

                 .form-group {
                     margin-bottom: 18px;
                 }
             }
         }
     }
 }

 .ph-apply-thankyou-area {
     .apply-thankyou-content {
         .thanku-header-text {
             p {
                 a {
                     font-weight: 600;
                     color: #000;
                 }
             }
         }
     }
 }

 .apply-page {
     .form-group {
         .async-field-object {
             label {
                 display: inline-block !important;
             }
         }
     }

     // .row {
     // 	padding: 0px !important;
     // }
     .summary-label {
         font-weight: 600;
         text-transform: capitalize;
     }

     .summary-item {
         margin: 0px auto 20px;
     }

     .countryPhoneCode {
         .summary-label {
             display: block;
             text-transform: capitalize;
         }
     }
 }

 .summary-section {
     .summary-title {
         h3 {
             font-size: 20px;
             line-height: 30px;
         }
     }
 }

 .summary-text {
     .object-field-header {
         h3 {
             font-size: 20px;
             line-height: 30px;
         }
     }

     .object-field {
         margin: 0px auto 12px;
     }
 }

 .docx {
     margin: 0px;
 }

 .doc {
     margin: 0px;
 }

 .pdf {
     margin: 0px;
 }

 .csv {
     margin: 0px;
 }

 .icon-delete {
     float: inherit;
 }

 .apply-page {
     .form-control {
         // width: 75%;
     }

     .form-group {
         #phoneWidget-errorMsg {
             margin-left: 43.5%;
         }
     }
 }

 .options-block.resume-group {
     .drives {
         border: transparent !important;
         padding: 20px 0px 0px !important;
     }
 }

 .apply-page {
     .row {
         .row {
             padding: 0 !important;
         }
     }
 }

 .navigation-summary {
     .slick-track {
         .slick-slide {
             &:last-child {
                 li {
                     &:last-child {
                         &:before {
                             background-color: transparent !important;
                         }
                     }
                 }
             }
         }
     }
 }

 .ph-apply-thankyou-area {
     padding: 80px 0 0px 0;
 }

 .apply-page {
     .form-group {
         #ethnicity {
             width: 100% !important;
             font-size: 14px;
         }
     }
 }

 .apply-page {
     .ph-apply-box {
         .rjsf {
             .additional-attachment {
                 margin-left: -25px;
                 width: 52%;
             }
         }
     }

     .field-description {
         font-weight: 500;
         color: #6400ff !important;
         margin-bottom: 10px;
     }
 }

 .applythankyou {
     >p {
         a {
             color: #33b8ff;
             text-transform: uppercase;
             font-weight: 600;
             text-decoration: none;
         }
     }
 }

 .applythankyou {
     h2 {
         text-align: center;
         font-size: 20px;
     }

     p {
         text-align: center;
         font-size: 16px;
     }

     text-align: center;
     margin: 0px auto 50px;

     a {
         margin: 20px auto 0px;
     }
 }

 // Media Queries
 @media only screen and (max-width: 767px) {
     .apply-page {
         .ph-apply-box {
             .rjsf {
                 .additional-attachment {
                     margin-left: 0px;
                     width: 100%;
                 }
             }
         }
     }

     .apply-page {

         .form-group {
             #phoneWidget-errorMsg {
                 margin-left: 0px;
             }
         }

         .array-button-remove {
             margin-top: -10px;
         }
     }

     .apply-page {
         .ph-apply-box {
             .options-block.resume-group {
                 .cloud-options-group {
                     width: 100%;

                     ul {
                         li.linkedin-option {
                             display: block;
                         }

                         li {
                             margin-top: 10px;
                         }
                     }
                 }

                 .apply-or-line {
                     width: 100%;
                     display: block !important;
                     margin: 24px 0px 0px !important;
                 }

                 .resume-upload-wrapper {
                     width: 100%;
                     margin: 0px;
                     padding: 0px;
                 }

                 .drives {
                     width: 100%;
                 }
             }
         }
     }

     .options-block.resume-group {
         .drives {
             .cloud-options-group {
                 ul {
                     display: block !important;
                 }
             }
         }
     }

 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     .apply-page {
         .ph-apply-box {
             .rjsf {
                 .additional-attachment {
                     margin-left: 0px;
                     width: 100%;
                 }
             }
         }
     }

     .apply-page {
         .navigation {
             margin: 0px auto 50px;
         }
     }

     .apply-page {

         .form-group {
             #phoneWidget-errorMsg {
                 margin-left: 0px;
             }
         }
     }

     .apply-page {
         .resume-upload-wrapper {
             .primary-button {
                 width: 100%;
                 font-size: 14px;
             }
         }

         .ph-apply-box {
             .options-block.resume-group {
                 .cloud-options-group {
                     width: auto;
                     margin: 0px auto;
                     text-align: center;
                 }
             }
         }
     }

     .apply-page {
         .ph-apply-box {
             .options-block.resume-group {
                 .apply-or-line {
                     width: 100px;
                 }

                 .resume-upload-wrapper {
                     width: 36%;
                 }
             }
         }
     }
 }

 .apply-page {
     .attachment-wrapper {
         .attachment {
             .attachment-container {
                 ul.attachment-options {

                     li {
                         display: inline-block;
                         padding: 0 20px;
                         clear: both;
                         vertical-align: middle;
                         margin: 5px 0 5px 0;

                     }
                 }

             }
         }
     }

     .form-group label {
         margin-bottom: 10px;
     }
 }

 .apply-page {
     .rjsf {
         .col-md-12 {
             .form-group {
                 label {
                     text-align: right;
                 }
             }
         }
     }
 }

 @media only screen and(max-width:@screen-sm-max) {

     .apply-page {
         .form-group {
             ul {
                 .text-danger {
                     margin-left: 0% !important;
                 }
             }
         }
     }

     .apply-page {
         .rjsf {
             .col-md-12 {
                 .form-group {
                     label {
                         text-align: left;
                     }
                 }
             }
         }
     }

 }

 .apply-page {
     .form-group {
         ul {
             .text-danger {
                 margin-left: 43% !important;
             }
         }
     }
 }

 @media only screen and(max-width:@screen-xs-max) {

     .apply-page {
         .form-group {
             ul {
                 .text-danger {
                     margin-left: 0% !important;
                 }
             }
         }
     }

 }

 .apply-page .apply-or-line {
     margin-top: 0 !important;
     display: inline-block;
     top: -27px;
     position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     .apply-page {
         .apply-or-line {
             margin-left: 2rem !important;
             margin-right: 2rem !important;
         }

         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .options-block {
                         .cc-options {
                             justify-content: center;
                             flex-basis: fit-content;
                             text-align: center;
                             width: 100%;
                             float: unset;
                         }
                     }
                 }
             }
         }
     }

     .cc-apply-options {
         justify-content: center;
         flex-basis: fit-content;
         width: 45% !important;
     }
 }

 @media only screen and (max-width: @screen-xs-max) {
     .apply-page {
         .apply-or-line {
             top: 0px;
             width: auto;
         }
     }
 }

 //apply flow issue for dynamic section//
 .disqualifiedQuestionsForm {
     width: 100% !important;
 }

 //apply flow issue for dynamic section//
 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             form#cmsForm {
                 .options-block {
                     margin: 25px 0 25px;

                     .cc-options {
                         width: 60% !important;
                     }

                     .apply-or-line {
                         margin-left: 2rem !important;
                         margin-right: 2rem !important;
                     }
                 }

                 .afterUploadOuter.docx {
                     position: absolute;
                 }

                 .checkboxes_consent {
                     margin-top: 15px;
                 }
             }
         }
     }
 }

 @media only screen and (max-width:@screen-xs-max) {
     .apply-page {
         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .options-block {
                         .cc-options {
                             width: 100% !important;

                             li {
                                 display: unset;
                             }
                         }

                         .apply-or-line {
                             margin-left: 0;
                             margin-right: 0;
                             width: auto !important;
                         }

                     }

                 }
             }
         }

     }

     .cc-options.cc-options-2 {
         padding-left: 0 !important;
     }
 }

 .form-group label {
     display: inline-flex;
 }

 .apply-page table td {
     padding: 10px 10px 0px;
     border: 0;
 }

 .apply-heading {
     font-size: 40px;
 }

 .cc-options.cc-options-2 {
     padding-left: 120px;
 }

 @media only screen and (max-width:@screen-sm-max) {
     .apply-page {
         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .options-block {
                         .cc-options {
                             width: 100% !important;
                         }

                         .apply-or-line {
                             margin-left: 2rem !important;
                             margin-right: 2rem !important;
                         }
                     }
                 }
             }
         }

         .cc-options.cc-options-2 {
             padding-left: 0px;
         }
     }
 }

 @media only screen and (min-width:768) and (max-width:1024) {
     .apply-page {
         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .options-block {
                         .cc-options {
                             width: 100% !important;
                         }

                         .apply-or-line {
                             margin-left: 1rem !important;
                             margin-right: 1rem !important;
                         }
                     }
                 }
             }
         }

         .cc-options.cc-options-2 {
             padding-left: 0px;
         }
     }

     .cc-apply-options {
         justify-content: center;
         flex-basis: fit-content;
         width: 50% !important;
     }
 }

 .disqualifiedQuestionsForm .form-group {
     width: 100% !important;
 }

 .apply-page-inner .form-group.full-width-dsq {
     .form-group {
         width: 100% !important;
     }

     width: 100% !important;
 }

 .navigation-summary .slick-list .slick-track li:last-child:after {
     border-right: 119px solid #FFF !important;
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             form#cmsForm {
                 .form-group {
                     label.control-label {
                         pre {
                             padding: 0px;
                         }
                     }
                 }
             }
         }
     }
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             .next {
                 &:hover {
                     float: right;
                     background-color: #FFF;
                     border-color: #6400FF;
                     color: #6400FF;
                 }
             }
         }
     }
 }

 .apply-form-footer-inner #previous {
     margin: 0;
     color: #fff;
     background-color: #6400FF;
     border-color: #6400FF;
     padding: 11px 24px;
     float: left;
     width: 125px;
 }

 .apply-form-footer-inner {
     #previous {
         &:hover {
             background-color: #fff;
             border: 1px solid #6400ff;
             color: #6400ff;
         }
     }
 }

 .apply-form-footer-inner {
     #previous {
         padding: 11px 24px;
         width: 125px;
         font-size: 14px;
     }
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             .next {
                 width: 125px;
                 font-size: 14px;
             }
         }
     }
 }

 .apply-form-footer-inner {
     padding: 0px;
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             form#cmsForm {
                 .apply-form-footer {
                     padding: 0px;
                 }
             }
         }
     }
 }

 .sub-head htmlmessage {
     font-weight: bold;
 }

 div#prescreeningQuestionsForm .form-group {
     width: 100% !important;
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             form#cmsForm {
                 .form-group {
                     label.control-label {
                         display: block;
                     }
                 }
             }
         }
     }
 }

 .apply-page {
     .apply-form-footer-inner {
         .btn.primary-button {
             margin-right: 10px;
         }
     }
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             form#cmsForm {
                 .personalInfoDiv {
                     .checkboxes_consent {
                         label {
                             display: inline;
                         }
                     }
                 }
             }
         }
     }
 }

 .apply-page {
     .ph-apply-box {
         .apply-page-inner {
             form#cmsForm {
                 .form-group {
                     .select {
                         select#IRCO_US_Region_Relocation {
                             height: auto;
                             overflow-x: scroll;
                         }
                     }
                 }

                 .prescreeningQuestionsForm {
                     .form-group {
                         .select {
                             select {
                                 height: auto;
                                 overflow-x: scroll;
                             }
                         }
                     }
                 }

                 .experience {
                     .form-group {
                         display: inline-table;
                     }

                     .agreementDiv {
                         label {
                             margin: 20px 0px;
                             font-weight: bold;
                         }
                     }
                 }
             }
         }
     }
 }

 //checkbox alignment issue - TRAN-322
 .es_global {
     .apply-page {
         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .form-group {
                         .option-style {
                             label {
                                 display: initial;
                                 line-height: 50px;
                             }
                         }
                     }
                 }
             }
         }
     }
 }

 //Calendar issue - TRAN-321
 .apply-page {
     table {
         tbody {
             tr {
                 display: inherit;
             }
         }

         td {
             padding: 8px 6px 0;
         }
     }
 }


 .disablity label {
     display: inline;
 }

 .disablity input.check {
     min-height: 13px;
 }

 .option-style {
     margin-bottom: 20px;
 }

 @media only screen and(max-width:@screen-xs-max) {
     .apply-page .apply-form-footer-inner .btn.primary-button {
         margin-right: 10px;
         margin-top: 10px;
     }
 }



 .de_global {
     .apply-page {
         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .options-block {
                         padding: 42px;
                     }
                 }
             }
         }
     }
 }



 .de_global {
     .apply-page {
         .ph-apply-box {
             .apply-page-inner {
                 form#cmsForm {
                     .afterUpload {
                         margin-top: 18px;
                     }
                 }
             }
         }
     }
 }

 .apply-page .ph-apply-box .options-block .cloud-options .drives .cloud-options-group ul li .awli-2-o {
     margin-right: 0 !important;
 }

 //CSTMZTN-11449 
 .apply-page {
     .rjsf {
         .row.no-gutter.form-fields {
             .checkbox {
                 input[type="checkbox"] {
                     position: absolute !important;
                     margin-left: -22px !important;
                     /* margin-top: 1px !important; */
                     vertical-align: top;
                     display: inline-block;
                     margin-top: 3px !important;
                     height: 13px !important;
                     width: 13px !important;
                 }

                 label {
                     display: block;
                 }
             }
         }
     }

 }








 /* TRANE APPLY STYLING - ITJP2H-226 */
 label#privacyPolicyContent-label {
     text-align: left !important;
     width: 100% !important;
 }

 .ph-apply-box #breadcrumb-summary ul .slick-list li:last-child:before {
    height: 3px !important;
    width: 100% !important;
    top: 19px !important;
}

 .ph-apply-box #breadcrumb-summary ul li::after {
     width: 0% !important;
     top: 19px !important;
 }

 .ph-apply-box .decline-btn.dBlock .col .markdown .nav-footer buttonn {
     color: #ffffff !important;
     background: #0571e9 !important;
     border: 1px solid gray !important;
     height: 42px !important;
     border-radius: 7px !important;
     width: 120px !important;
     margin-left: 10px !important;
     font-size: 14px !important;
     font-weight: bold !important;
 }

 .apply-page .ph-apply-box button.btn.primary-button.back-to-jd-button {
     width: 120px !important;
 }


 .col .markdown .nav-footer a {
     color: #ffffff !important;
     background: #0571e9 !important;
     border: 1px solid gray !important;
     padding: 11px !important;
     border-radius: 7px !important;
     text-decoration: none;
     font-weight: 100;
 }

 .apply-page .rjsf .col-md-12 .form-group label {
     text-align: left !important;
     display: block !important;
 }

 .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
     text-decoration: none !important;
     background-color: #6400ff !important;
     border-radius: 7px !important;
     color: #fff !important;
     margin-top: 0 !important;
 }

 .apply-page .ph-apply-box .options-block.resume-group .cloud-options-group ul li {
     margin-top: 0 !important;
     width: 100% !important;
 }

 .options-block.resume-group .drives {
     margin: 0 !important;
     padding: 24px 20px 24px 0 !important;
 }

 .resume-group .drives .apply-or-line {
     padding: 0 !important;
     margin-top: 0 !important;
 }

 .apply-page .apply-or-line {
     margin-top: 0 !important;
     top: 0 !important;
 }

 .apply-page .ph-apply-box .options-block.resume-group:hover {
     background-color: transparent !important;
     cursor: auto !important;
 }

 .apply-page .btn-prev,
 .apply-page .btn-next {
     margin-bottom: 30px !important;
     width: 150px;
 }

 button.btn-navigate {
     line-height: 0 !important;
 }

 .apply-page .ph-apply-box .options-block.resume-group .apply-or-line {
     display: flex !important;
     width: 5% !important;
 }

 .resume-group .drives .dropbox.cloud-icon {
     margin-top: 0 !important;
 }

 .apply-page .ph-apply-box .options-block.resume-group .resume-upload-wrapper {
     margin-top: 0 !important;
 }

 .apply-page .radio>label>span>input {
     top: 6px !important;
 }

 .radio input[type="radio"] {
     margin-top: 0 !important;
 }

 .array-button-add {
     border: 1px solid black !important;
 }

 .array-button-remove {
     border: none !important;
 }

 .apply-or-line>span:before,
 .apply-or-line>span:after {
     display: none !important;
 }

 .resume-group .drives .skydrive.cloud-icon {
     margin-top: 0 !important;
 }

 .resume-mandatory {
     color: red !important;
 }

 .row.form-group.field.field-string.two-line-field.desease {
     margin-left: 15px !important;
 }

 #breadcrumb-summary .slick-list .slick-track li.progress-enable.progress-complete .number {
     top: 5px !important;
 }

 .ph-apply-box #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
 #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
     background-color: #6400ff !important;
     border: 1px solid #6400ff !important;
     box-shadow: 0 0 0 4px #6400ff, 0 0 0 5px #6400ff;
 }

 .navigation.privacyNotice-step {
     display: none !important;
 }

 .dropbox,
 .skydrive {
     width: 40px !important;
     height: 40px !important;
 }

 .attachment-container {
     list-style: none;
     padding-left: 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .file-attachment {
     background-color: #006bd3 !important;
     color: #fff !important;
 }

 #breadcrumb-summary .slick-slider .slick-list {
     width: 100% !important;
     margin-left: 11px !important;
 }

 .apply-page .form-group ul .text-danger {
     margin-left: 42.5% !important;
 }

 .apply-page .ph-apply-box .options-block.resume-group .cloud-options-group {
     width: auto !important;
 }

 @media screen and (min-width:320px) and (max-width:768px) {
     .col .markdown .nav-footer button {
         width: 25% !important;
         font-size: 12px !important;
     }

     .navigation-summary li.slide:last-child:before {
         left: 47% !important;
     }

     .navigation-summary .slick-list .slick-track li.progress-enable.progress-complete:after {
         border-right: 172px solid #23262c !important;
     }

     .ph-apply-box .cloud-options-group ul {
         flex-wrap: wrap;
         justify-content: space-around;
         flex-direction: row;
     }
 }
/* Styles for screens between 768px (like iPad mini) and 1366px (like iPad Pro landscape) */
@media screen and (min-width: 768px) and (max-width: 1366px) {
  /* Your styles for a general tablet layout */
  .ph-apply-box #breadcrumb-summary ul .slick-list li:last-child:before {
    height: 3px !important;
    width: 100% !important;
    top: 19px !important;
    left: 47% !important;
}
}


 .apply-page table tbody tr {
     display: flex !important;
 }

 input#educationData\[0\]\.schoolName {
     margin-left: 7px !important;
     width: 98% !important;
 }

 @media screen and (min-width:1024px) {

     label#jsqData\.RECR_Questionnaire_External\.a-label,
     label#jsqData\.RECR_Questionnaire_External\.b-label,
     label#jsqData\.RECR_Questionnaire_External\.c-label {
         width: 56% !important;
     }

     .attachment-title {
         margin-left: 30px !important;
     }
 }

 @media screen and (min-width:431px) and (max-width:768px) {

     .daterangepicker-checkbox,
     .apply-page .form-group ul .text-danger {
         margin-left: 0 !important;
     }

     input#educationData\[0\]\.schoolName {
         border: none !important;
     }

     .attachment-container {
         justify-content: flex-start !important;
     }

     .apply-page .error-msg {
         margin-top: 200px !important;
         margin-bottom: 0 !important;
     }

 }

 @media screen and (min-width:320px) and (max-width:430px) {

     .apply-page .form-group ul .text-danger {
         margin-left: -13px !important;
     }

     .apply-page .ph-apply-box .options-block.resume-group .apply-or-line {
         justify-content: center !important;
         margin-bottom: 25px !important;
     }
 }

 .summary-item {
     margin: 0 !important;
 }

 .apply-page table tbody tr {
     display: flex !important;
 }

 .navigation-summary .slick-list .slick-track li:last-child:after {
     border-right: 150px solid #FFF !important;
 }

 .apply-page .form-group ul .text-danger {
     text-align: left !important;
 }

 .remove-action .array-button-remove {
     background: transparent !important;
 }

 .array-item-list .remove-action {
     right: 50px !important;
     top: -30px !important;
 }

 .apply-page .form-group ul .text-danger {
     margin-left: 0 !important;
 }

 @media screen and (min-width: 320px) and (max-width: 430px) {
     .apply-page button.btn.primary-button.back-to-jd-button {
         margin-bottom: 0 !important;
         width: 18% !important;
     }

     .apply-page .ph-apply-box .options-block.resume-group .drives .apply-or-line {
         width: 100% !important;
     }

     .apply-page .array-button-remove {
         margin-top: -25px !important;
         margin-left: 25px !important;
     }

     .apply-page .current-step-personalInformation .rjsf .error-msg {
         margin-top: 20px !important;
     }

     .resume-group .drives .apply-or-box {
         width: 32px !important;
     }

     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 25% !important;
     }

     button.btn.primary-button.btn-submit {
         width: 38% !important;
         font-size: 18px !important;
         height: 45px !important;
     }
 }

 @media screen and (min-width: 431px) and (max-width: 768px) {
     .apply-page .current-step-personalInformation .rjsf .error-msg {
         margin-top: 20px !important;
     }

     button.upload-resume-btn.btn.primary-button {
         margin-bottom: 6px !important;
     }

     .daterangepicker-checkbox {
         padding-left: 0px !important;
     }

     .rbt div {
         border: none !important;
     }

     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 25% !important;
     }
 }

 a {
     font-size: 13px !important;
     word-break: break-word !important;
 }

 .apply-page .form-fields .form-group ul .text-danger {
     margin-left: 0% !important;
 }

 .apply-page .current-step-jobSpecificQuestions .form-fields .form-group ul .text-danger {
     margin-left: 0 !important;
 }

 .html.after-upload {
     background-image: url(https://assets.phenompeople.com/CareerConnectResources/prod/PWCECE/en_ce/desktop/assets/images/html-iocn.png) !important;
 }

 .markdown-as-header .markdown>p,
 .myexperience .markdown p,
 .review .markdown p {
     font-size: 22px !important;
     font-weight: 600 !important;
 }

 .markdown h3 {
     font-size: 25px;
 }

 .ph-apply-box {
     h2 {
         font-size: 36px;
     }

     p {
         line-height: 1.8;
     }

     label#privacyPolicyContent-label .label-html-content p a {
         font-size: 16px !important;
     }

     .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
         margin-top: 48px;
         text-decoration: underline;
         font-size: 14px !important;
         line-height: 20px;
         font-family: 'Chalet-LondonSixty';
     }

     /*ul#experienceData-errorMsg {
         margin-left: -4%;
         position: relative;
         top: -80px;
     }*/

     ul#educationData-errorMsg {
         margin-left: -4%;
         position: relative;
         /*bottom: 80px;*/
     }
 }

 .apply-page #disability_heading_self_identity1 {

     .radio>label>span>input {
         top: 0 !important;
         margin-left: -27px;
         width: 20px;
         height: 20px;
     }

     input[type='radio']:checked {
         background-image: none !important;
         position: absolute !important;
     }
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         .form-fields .form-group ul .text-danger {
             margin-left: 0 !important;
         }

         .resume-group .drives li.linkedin-option #applyAwliWidget iframe {
             height: 50px !important;
             width: 100% !important;
         }

         .ph-apply-box .btn-prev,
         .ph-apply-box .btn-next {
             width: 120px !important;
         }

         .educationhide .async-typeahead-v3 {
             padding-left: 8px;
             padding-right: 8px;
         }

         ul#educationData-errorMsg {
             margin-left: 0;
             position: relative;
             /* bottom: 80px; */
         }

         .daterangepicker-checkbox {
             margin: 0;
             padding-left: 0;
         }

         button.btn.primary-button.btn-submit {
             height: 40px !important;
             min-height: 40px !important;
             line-height: 1 !important;
         }

         .col .markdown .nav-footer button {
             width: 25% !important;
             font-size: 12px !important;
         }

         h2 {
             font-size: 28px;
             padding-left: 10px;
         }

         .markdown-as-header .markdown>p,
         .myexperience .markdown p,
         .review .markdown p {
             font-size: 22px !important;
             font-weight: 600 !important;
             padding-left: 10px;
         }

         .row.form-group.field.field-array.custom-object.we {
             padding-left: 10px !important;
         }

         .row.form-group.field.field-string.two-line-field.eeoDiv.fw {
             padding-left: 10px !important;
             padding-right: 15px !important;
         }

         #disability_heading_self_identity1 .row.form-fields {
             padding-left: 10px !important;
         }

         input#educationData\[0\]\.schoolName {
             margin-left: 0px !important;
             width: 100% !important;
         }

         .options-block.resume-group .drives .cloud-options-group ul {
             display: flex !important;
             width: 160px !important;
         }

         #applyAwliWidget iframe {
             position: absolute;
             top: 0;
             left: 0;
             width: 100% !important;
             height: 100% !important;
             border: 0;
         }

         div#applyAwliWidget {
             position: relative;
             width: 100%;
             max-width: 800px !important;
             margin: 0 auto;
             overflow: hidden;
             padding-top: 20%;
         }

         button#apply-with-linkedin.btn-sm {
             width: 150px;
             height: 50px !important;
             margin-left: auto;
             margin-right: auto;
         }

         .navigation.privacyNotice-step {
             padding: 0 !important;
         }
     }
 }

 .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
     padding-left: 8px !important;
     padding-right: 8px !important;
     width: 97.5%;
     margin-left: auto;
     margin-right: auto;
 }

 ul#veteranStatus-errorMsg li.text-danger {
     padding-left: 0 !important;
 }

 .ph-apply-box .daterangepicker-checkbox {
     margin-left: calc(41% + 16px);
 }

 ul#secondaryJsqData\.RECR_Questionnaire_Early_Careers_without_MVR\.a-errorMsg li.text-danger {
     margin-left: 0 !important;
 }

 ul#veteranStatus-errorMsg li.text-danger {
     padding-left: 0 !important;
     margin-left: 0 !important;
 }

 .navigation.privacyNotice-step {
     display: block !important;
     position: relative;
     top: -52px !important;
 }

 @media (max-width:1000px) {
     .apply-page .ph-apply-box col .markdown .nav-footer button {
         width: 120px !important;
     }

     .apply-page button.btn.primary-button.back-to-jd-button {
         float: left !important;
         width: 120px !important;
     }
 }

 @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {

     /* 🔧 Custom styles for iPhone 14 Pro Max */
     .apply-page {
         .navigation.privacyNotice-step button.btn.primary-button.back-to-jd-button {
             float: left !important;
             /* width: 120px !important; */
         }

         .daterangepicker-checkbox {
             margin: 0 !important;
             padding-left: 0;
         }

         .ph-apply-box .options-block.resume-group .drives .apply-or-line {
             display: flex !important;
             width: 100% !important;
             margin-bottom: 10px !important;
         }

         .resume-group .apply-or-box {
             margin-left: auto;
             margin-right: auto;
         }

     }
 }

 @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
 only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .apply-page {
         .ph-apply-box {
             .rjsf {
                 clear: both;
             }

             input[id^="educationData"][id$=".schoolName"] {
                 border: 1px solid transparent !important;
             }

             ul#educationData-errorMsg {
                 margin-left: 0% !important;
                 /*bottom: 100px;*/
             }

             .more-actions .array-button-add {
                 margin-top: 15px !important;
             }

             #breadcrumb-summary ul li:last-child:before {
                 height: 3px !important;
                 width: 100% !important;
                 top: 19px !important;
                /* left: 127px !important;*/
             }

             .form-fields .form-group ul .text-danger {
                 margin-left: 0 !important;
             }

             #breadcrumb-summary ul li::after {
                 width: 0% !important;
                 top: 19px !important;
                 left: 0 !important;
             }

         }

     }
 }

 /* 23 october */
 @media screen and (min-width: 320px) and (max-width: 767px) {
     button#apply-with-linkedin {
         width: 100% !important;
     }
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         .options-block.resume-group .drives .cloud-options-group ul {
             display: flex !important;
             width: 184px;
         }
     }
 }

 element.style {}

 @media only screen and (max-width: 767px) {
     .apply-page {
         div#applyAwliWidget {
             position: relative;
             width: 185px !important;
             max-width: 800px !important;
             margin: 0 auto;
             overflow: hidden;
             padding-top: 20%;
         }
     }
 }

 .row.form-group.field.field-string.decline-btn.dBlock {
     width: 120px !important;
 }

 @media screen and (min-width: 320px) and (max-width: 430px) {
     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 26.5% !important;
     }

     .decline-btn .col .markdown .nav-footer button {
         width: 89% !important;
     }
 }

 @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
     .apply-page {
         .navigation.privacyNotice-step button.btn.primary-button.back-to-jd-button {
             float: left !important;
             /* width: 26.5% !important;*/
         }
     }
 }

 @media screen and (min-width: 431px) and (max-width: 768px) {
     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 17% !important;
     }
 }


 @media screen and (min-width: 768px) and (max-width: 1024px) {
     .decline-btn .col .markdown .nav-footer button {
         width: 100% !important;
     }
 }


 .decline-btn .col .markdown .nav-footer button {
     width: 100% !important;
 }

 @media screen and (min-width: 320px) and (max-width: 430px) {
     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 26.5% !important;
     }

     .form-fields .decline-btn .col .markdown .nav-footer button {
         width: 89% !important;
     }
 }

 @media screen and (min-width: 768px) and (max-width: 1024px) {
     .apply-page .ph-apply-box .resume-section .options-block.resume-group .cloud-options-group ul li {
         margin-top: 0 !important;
         width: auto !important;
     }
 }

 @media screen and (min-width: 320px) and (max-width: 768px) {
     .ph-apply-box .cloud-options-group ul {
         flex-wrap: nowrap !important;
         justify-content: space-around;
         flex-direction: row;
     }

     .apply-page .ph-apply-box .options-block.resume-group .cloud-options-group ul li i {
         height: 40px;
         width: 40px;
         padding-bottom: 0px !important;
         margin-bottom: 0px !important;
     }
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         .options-block.resume-group .drives .cloud-options-group ul {
             display: flex !important;
             width: auto !important;
         }
     }
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         .options-block.resume-group .drives .cloud-options-group ul {
             display: flex !important;
             width: 184px;
             flex-direction: column !important;
             align-items: center !important;
         }
     }
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         & div#applyAwliWidget {
             position: relative;
             margin: 0px auto;
             overflow: hidden;
             padding-top: 20%;
             width: 184px !important;
             max-width: 800px !important;
         }
     }
 }


 @media screen and (min-width: 540px) and (max-width: 720px) {
     .apply-page .ph-apply-box .options-block.resume-group .drives .apply-or-line {
         justify-content: center !important;
         margin-bottom: 15px !important;
         width: auto !important;
     }
 }




 .ph-apply-box .navigation.privacyNotice-step {
     width: 120px !important;
 }

 @media screen and (min-width: 320px) and (max-width: 430px) {
     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 89% !important;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     .apply-page .navigation {
         margin: 0 0 0px !important;
     }
 }

 @media screen and (min-width: 431px) and (max-width: 768px) {
     .apply-page .privacyNotice-step button.btn.primary-button.back-to-jd-button {
         width: 100% !important;
     }
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         .col .markdown .nav-footer button {
             width: 25% !important;
             font-size: 14px !important;
         }
     }
 }

 /*
@media (max-width: 1024px) {
    .navigation-summary .slick-list .slick-track li.progress-enable.progress-complete:after {
        border-right: 0px solid #23262c !important;
        left: 30%;
    }
}
    */
 .resume-section {
     padding-top: 60px !important;
 }

 .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
     border: none !important;
 }

 /*
.async-typeahead-v3 .rbt div {
    display: block !important;
}
.async-typeahead-v3 .rbt div input#educationData\[0\]\.schoolName {
    border: 1px solid gray !important;
}
    */
 @media screen and (min-width: 360px) and (max-width: 414px) {
     .ph-apply-box .daterangepicker-checkbox {
         margin-left: 0px !important;
     }
 }

 @media only screen and (max-width: 1024px) {
     .ph-apply-box .daterangepicker-checkbox {
         margin-left: 0px !important;
     }
 }

 @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
 only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .apply-page {
         & .ph-apply-box {
             #breadcrumb-summary ul li:last-child:before {
                 height: 3px !important;
                 width: 100% !important;
                 top: 19px !important;
                /* left: 140px !important;*/
             }
         }
     }
 }

 @media only screen and (min-width: 767px) and (max-width: 1024px) {
     .apply-page .form-fields .form-group ul .text-danger {
         margin-left: 0 !important;
     }
 }

 @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
 only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .apply-page {
         & .ph-apply-box {
             #breadcrumb-summary ul li::after {
                 width: 0% !important;
                 top: 19px !important;
                 left: 49% !important;
             }
             #breadcrumb-summary ul li:last-child:before{
              left: 49% !important;
             }
         }
     }
 }

 @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
 only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .apply-page {
         & .ph-apply-box {
             #breadcrumb-summary ul li:last-child:before {
                 height: 3px !important;
                 width: 100% !important;
                 top: 19px !important;
                 /*left: 124px !important;*/
             }
         }
     }
 }

 .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
     border: 1px solid grey;
 }



 @media screen and (min-width: 431px) and (max-width: 768px) {
     .ph-apply-box input#educationData\[0\]\.schoolName {
         border: 1px solid grey !important;
     }
 }

 @media screen and (min-width: 431px) and (max-width: 768px) {
     .apply-page .ph-apply-box input#educationData\[0\]\.schoolName {
         border: 1px solid grey !important;
     }
 }

 .apply-page .ph-apply-box input[id^="educationData"][id$=".schoolName"] {
     border: 1px solid grey !important;
 }

 @media screen and (max-width: 1024px) {
     .async-typeahead-v3 .rbt div {
         display: block !important;
     }
 }

 ul#experienceData-errorMsg {
     margin-left: 0px !important;
     top: 0px !important;
 }

 @media only screen and (max-width: 767px) {
     .apply-page {
         & ul#educationData-errorMsg {
             margin-left: 0px;
             position: relative;
             /*bottom: 8px !important;*/
         }
     }
 }

 ph-apply-box {
     & ul#educationData-errorMsg {
         margin-left: 0%;
         position: relative;
         bottom: 94px;
     }
 }

 @media only screen and (min-width: 1025px) {
     #experienceData-errorMsg li.text-danger {
         margin-left: 0px !important;
     }
 }

 @media only screen and (min-width: 1025px) {
     #educationData-errorMsg li.text-danger {
         margin-left: 50px !important;
     }

 }

 @media only screen and (min-width: 767px) and (max-width: 1024px) {
     #educationData-errorMsg li.text-danger {
         margin-left: 30px !important;
     }
 }
 
 
 .markdown li {
    list-style-type: disc !important;
    margin-left: 20px !important;
}

.row.form-group.field.field-string.selfidentify b {
    font-size: 30px !important;
}

@media (min-width: 1024px) {
    .apply-page .form-fields .form-group ul .text-danger {
        margin-left: 42.5% !important;
    }
}

.apply-page .rjsf .row.no-gutter.form-fields .checkbox input[type="checkbox"] {
    top: -8px !important;
}

input#secondaryJsqData\.RECR_Questionnaire_Service\ Technician_with_MVR\.g_0 {
    left: 0 !important;
    top: 14px !important;
}

label#languageChange-label {
    padding-left: 0 !important;
}

p#disability_heading_self_identity1__description {
    margin-left: -10px !important;
}

label#disability_heading_self_identity1\.signatureName-label, label#disability_heading_self_identity1\.employeeId-label, label#disability_heading_self_identity1\.signedDate-label {
    padding-left: 0 !important;
}
/*ITJP2H-318*/
@media (min-width: 1024px) {
    .form-group.field.field-object.async-field-object fieldset#secondaryJsqData .form-group.field.field-object .error-detail .text-danger {
        margin-left: 0px !important;
    }
}
.apply-page .row.form-group.field.field-string.selfidentify b {
    font-size: 22px !important;
}
.apply-page .row.form-group.field.field-string.markdown-as-title-selfId div .markdown b {
    font-size: 22px !important;
}
.apply-page .form-group.field.field-object.is-valid fieldset#disability_heading_self_identity1 .row.no-gutter.form-fields .row.form-group.field.field-string.field-error.has-error.has-danger div ul#disability_heading_self_identity1\.signatureName-errorMsg li.text-danger {
    margin-left: 42.5% !important;
}
.apply-page .row.form-group.field.field-string.field-error.has-error.has-danger.two-line-field.disabilityStatus .error-detail li.text-danger {
    margin-left: 0% !important;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .apply-page .more-actions {
        padding-left: 0px !important;
    }
}
.apply-page .rjsf .row.no-gutter.form-fields .checkbox label {
    display: inline-block !important;
}
input#secondaryJsqData\.RECR_Questionnaire_Service\ Technician_with_MVR\.g_0 {
    left: 0 !important;
    top: -8px !important;
}
.apply-page {
    & .form-group {
        & .async-field-object {
            & fieldset {
                & .row {
                    .checkboxes {
                        margin-left: 30px !important;
                    }
                }
            }
        }
    }
}
.radio+.radio, .checkbox+.checkbox {
    margin-top: -17px !important;
}
.row.array-item-list.no-gutters.array-item.educationhide p {
    margin-left: 10px !important;
}
.apply-page .rjsf .col-md-12 .field-radio-group .radio label {
    display: inline-block !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
}
@media only screen and (max-width: 767px){
.apply {
}
}