.phw-container>.ph-jtc-box .btn:hover, .phw-container>.ph-apply-box .btn:hover, .phw-btn:hover {
    font-family: var(--cms-g-caecilia) !important;
}
.phw-container>.ph-jtc-box .btn:hover, .phw-container>.ph-apply-box .btn:hover, .phw-btn:hover {
    font-family: var(--cms-g-caecilia) !important;
}
.event-details-hero h1._event-title_g3y7e_59.phw-pb-4.phw-g-h1-event-hero {
    color: white !important;
    padding-bottom: 0px !important;
}
.phw-a11y-modal-area.phw-default-dialog.phw-modal-sm .phw-text-c ul._calendar-button-list_cse0o_3.phw-mt-6.phw-mt-xl-4.phw-mt-sm-3.phw-d-flex.phw-flex-column.phw-m-0-auto.phw-list-none.phw-p-xl-0 li._calender-button-list-item_cse0o_9.phw-mb-1-5.phw-mb-sm-2 a._calendar-button_cse0o_3.phw-btn.phw-g-btn-primary.phw-justify-content-start.phw-width-4:hover {
    color: white !important;
    font-family: var(--cms-g-caecilia) !important;
}
.phw-container .phw-widget-ctr .phw-g-card-bg-secondary .phw-align-items-start a.add-to-calendar.phw-btn.phw-g-btn-link-style-2.phw-justify-sm-content-start.phw-posn-relative.phw-td-none:hover {
    color: var(--brand-color-primary) !important;
    font-family: var(--cms-g-roboto) !important;
}
section._event-registration-container_g3y7e_39 .phw-widget-ctr.phw-widget-empty-ctr.phs-widget-block-area ._register-block_dxgqc_2.phw-gap-2 button.phw-btn.phw-g-btn-primary.js-modal.event-registration {
    border: none !important;
}
 .apply-page .options-block .upload-section {
  margin-left: 0;
}
.apply-page {
  strong {
    font-family: @font-family-default-regular !important;
  }
  .dz-preview.dz-file-preview {
    display: none !important;
  }
  .job-title {
    margin: 0px;
    span {
      display: inline-block;
      font-size: 18px;
      color: @darkar;
      //margin-left: 0;
    }
    h2 {
      display: inline-flex;
      padding-left: 0;
      font-family: "Montserrat-Bold";
      color: @brand-color-primary !important;
      font-size: 22px;
      line-height: 35px;
      padding: 0;
      a {
        text-decoration: none;
        font-size: 25px;
        color: @brand-color-primary;
        &:hover {
          text-decoration: none;
        }
      }
    }
    @media (max-width: @screen-sm-max) {
      h2 {
        font-size: 20px;
        line-height: normal !important;
      }
    }
    @media (max-width: @screen-xs-max) {
      h2 {
        padding: 0 !important;
        padding-top: 10px !important;
        font-size: 18px !important;
        line-height: normal !important;
      }
    }
  }
  .apply-heading {
    .headings(@font-family-default-bold, @heading-font-weight-h2, @heading-font-size-h1, @heading-line-height-h2, @heading-font-color-h2);
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 22px;
    padding: 0px !important;
    color: @darkar;
    b {
      font-family: @font-family-default-bold;
      font-weight: normal;
    }
    @media (max-width: 1024px) {
    }
    @media (max-width: @screen-sm-max) {
      font-size: 20px;
    }
    @media (max-width: @screen-xs-max) {
      font-size: 20px;
    }
  }
  @media (max-width: @screen-sm-max) {
    #profile-info {
      padding: 0;
    }
  }
  @media (max-width: @screen-sm-max) {
    #profile-info {
      padding: 0 6px;
    }
  }
  .upload-section {
    .resume_info {
      font-family: @font-family-default-regular;
      font-size: 18px;
      p {
        span {
          color: #f00;
        }
      }
    }
    .drives {
      margin-top: 55px;
      padding: 0px;
      .cc-apply-options {
        ul {
          margin: 0;
          padding-left: 0px;
          @media (max-width: @screen-xs-max) {
            margin: 0px auto;
            text-align: center;
          }
          li {
            display: inline-block;
            font-size: 0;
            margin: 0 5px 5px 0;
            vertical-align: top;
            @media (max-width: @screen-xs-max) {
              &:first-child {
                width: 100%;
                text-align: center;
              }
            }
            a {
              padding: 0 14px;
              display: inline-block;
              color: white;
              font-size: 20px;
              line-height: 38px;
              border-radius: 0;
              text-align: center;
              .icon-linkedin {
                display: none;
              }
            }
            a.awli-2-o {
              padding: 0px;
              iframe {
                width: 177px !important;
              }
            }
            .linkedin {
              background: #2e8acd;
            }
            .dropbox {
              background: #2ba0f1;
              margin-top: 45px;
              @media (max-width: @screen-xs-max) {
                margin: 20px 0px;
              }
              i {
                font-size: 23px;
              }
            }
            .skydrive {
              background: #0f46b9;
              margin-top: 45px;
              @media (max-width: @screen-xs-max) {
                margin: 20px 0px;
              }
            }
            .googledrive {
              background: #26aa56;
            }
          }
        }
      }
      .apply-or-line {
        padding: 0 25px;
        margin-top: 50px;
        font-size: 21px;
        span {
          height: auto;
          width: auto;
          text-align: center;
          display: inline-block;
          border-radius: 16px;
          line-height: 32px;
          font-size: 18px;
          background-color: @gray-color;
          padding: 0 10px;
        }
        @media (max-width: @screen-sm-max) {
          padding: 0 10px;
        }
      }
    }
    @media (max-width: @screen-sm-max) {
      .resume_info {
        font-size: 16px;
        padding: 0;
      }
    }
  }
  .candidate-info {
    .additional-attachment {
      font-family: @font-family-default-regular;
      font-size: 18px;
      margin: 15px 0;
      padding: 0;
    }
    .cc-apply-options {
      ul {
        margin: 0;
        padding-left: 0px;
        li {
          display: inline-block;
          font-size: 0;
          margin: 0 5px 5px 0;
          vertical-align: top;
          a {
            padding: 0 10px;
            display: inline-block;
            color: white;
            font-size: 20px;
            line-height: 40px;
            border-radius: 0;
            text-align: center;
          }
          .linkedin {
            background: #2e8acd;
          }
          .dropbox {
            background: #2ba0f1;
            i {
              font-size: 23px;
            }
          }
          .skydrive {
            background: #0f46b9;
          }
          .googledrive {
            background: #26aa56;
          }
        }
      }
    }
    .apply-or-line {
      padding: 0 25px;
      font-size: 21px;
      span {
        height: auto;
        width: auto;
        text-align: center;
        display: inline-block;
        border-radius: 16px;
        line-height: 32px;
        font-size: 18px;
        background-color: @gray-color;
        padding: 0 5px;
      }
      @media (max-width: @screen-sm-max) {
        padding: 0 10px;
      }
    }
    @media (max-width: @screen-sm-max) {
      .resume_info {
        font-size: 16px;
        padding: 0;
      }
    }
  }
  ul {
    li {
      font-family: @font-family-default-regular !important;
    }
  }
  overflow-x: hidden;
  p {
    b {
      color: @darkar;
    }
  }
  .eeoText {
    p {
      a {
        color: #0071a9;
      }
    }
    b {
      color: @darkar;
    }
    ul {
      margin-left: 50px;
      li {
        list-style: disc !important;
      }
    }
  }
  .ph-apply-box {
    margin-bottom: 65px;
    width: 100%;
    max-width: 100%;
  }
}
#questionnairDiv {
  .checkbox-div {
    //margin-left:28px;
    @media (max-width: 767px) {
      margin-left: 0 !important;
    }
    .checkbox-block {
      margin-left: 5px;
      .checkbox-group {
        clear: both;
        input {
          width: 16px;
          height: 34px;
          float: left;
        }
        label {
          margin-left: 6px;
          margin-top: 7px;
        }
      }
    }
  }
}
.apply-form-footer-inner {
  #previous {
    font-weight: 600;
    color: @darkar;
    border: 1px solid @darkar;
    background-color: #fff;
    margin-left: 15px;
  }
}
.summary-last-page {
  border: none;
  box-shadow: none;
  //margin-top:-8px;
}
.apply-page {
  .sub-head {
    color: @darkar;
  }
  .ph-page div:after,
  .ph-page div:before {
    content: "";
    display: table;
  }
  .ph-page div:after {
    clear: both;
  }
  label {
    font-size: 15px;
    color: @brand-color-primary;
  }
  .apply-page-inner {
    width: 100%;
    display: block;
    background: white;
    padding: 1px 0;
    .widget-loader {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 1000;
      background-color: rgba(255, 255, 255, 0);
      filter: alpha(opacity=0);
      .overlaybg {
        background: rgba(51, 51, 51, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        display: block;
        z-index: 100000000;
        top: 0;
        left: 0;
        img {
          width: 55px;
          position: fixed;
          left: 0;
          right: 0;
          margin: 0 auto;
          top: 50%;
        }
      }
    }
    .res-upload-fail {
      color: red;
    }
    #cmsForm {
      margin: 0 auto;
      @media only screen and (max-width: 768px) {
        padding: 0 0;
      }
      @media only screen and (max-width: 420px) {
        padding: 0 0;
      }
      .phs-quickapply {
        .phs-widget-heading {
          .jtc-sub-title {
            padding-top: 15px;
            font-weight: 600;
          }
        }
      }
      .afterUpload {
        padding-left: 40px;
        min-height: 46px;
        padding-top: 5px;
        //background-image: url('https://static.imomentous.com/CareerConnectResources/resumeupload/uploadicons.png');
        background-image: url("../images/sprite-icons.png");
        background-repeat: no-repeat;
        float: left;
        margin: 0px 0px;
        line-height: 20px;
        a {
          font-size: 14px !important;
          color: @darkar;
        }
      }
      .doc.afterUpload {
        display: block !important;
        background-position: -6px -10px;
      }
      .docx.afterUpload {
        display: block !important;
        background-position: -6px -65px;
      }
      .pdf.afterUpload {
        display: block !important;
        background-position: -6px -120px;
      }
      .txt.afterUpload {
        display: block !important;
        background-position: -6px -173px;
      }
      .rtf.afterUpload {
        display: block !important;
        background-position: -6px -227px;
      }
      .html.afterUpload {
        display: block !important;
        background-image: url(../images/htmlimage.png);
        background-position-x: -7px;
        background-position-y: -4px;
      }
      #sbtButton {
        /* background-color: @jtnCommunity1-view-btn-color;
                  border: 1px solid @darkar; */
        background-color: @brand-color-primary;
        border: 1px solid @brand-color-primary;
        color: #fff;
        margin: 15px 0;
        padding: 10px 20px;
        width: 200px;
        text-transform: uppercase;
      }
    }
    .options-block {
      /*width: 100%;*/
      //padding: 20px 0px 20px 20px;
      margin-top: 0;
      margin-bottom: 10px;
      display: block;
      .resume-heading {
        color: @darkar;
      }
      #apply-with-linkedin {
        float: left;
        width: 176px;
        position: relative;
        margin: 28px auto;
        cursor: pointer;
        &:before {
          content: "Apply with Linkedin";
          font-weight: normal;
          /* padding: 8px 20px; */
          position: absolute;
          margin-top: 13px;
          left: 0;
          width: 170px;
          background-color: @brand-color-primary;
          color: white;
          /* text-decoration: underline; */
          cursor: pointer;
          padding: 9px;
          border-radius: 4px;
        }
      }
      #resumeFile {
        border-radius: 3px;
        width: auto;
        position: relative;
        margin: 40px auto 0 auto;
        cursor: pointer;
        color: @darkar;
        text-align: center;
        padding: 6px 12px;
        height: 45px;
        border: 1px solid @darkar;
        background-color: transparent;
        &:hover {
          border: 1px solid @darkar;
          background-color: transparent;
          color: @darkar;
        }
        /*.dz-message {
                  display: none;
              }*/
        input[type="file"] {
          opacity: 0;
          cursor: pointer;
        }
        /*&:before {
                  /*border: 1px solid @gray-color;
                  content: "Upload resume";
                  font-size: 17px;
                  font-weight: normal;
                  /*padding: 8px 20px;
                  //position: absolute;
                  //margin-top: -23px;
                  //left: 0;
                  //width: 134px;
                  /*background-color: @darkar;
                  color: @darkar;
                  text-decoration: underline;
                  cursor: pointer;
              }*/
        .apply-page-inner {
          .options-block {
            #resumeFile {
              &:hover {
                &:before {
                  background-color: #d8d8d8;
                  cursor: pointer;
                }
              }
            }
          }
        }
        .apply-page-inner .options-block #resumeFile:hover:before {
          background: #efefef !important;
          cursor: pointer;
        }
      }
    }
    .group-field {
      label {
        display: block;
        padding-bottom: 5px;
        margin-top: 14px;
        color: @darkar;
        text-align: right;
        font-weight: normal;
        &.error {
          font-size: 13px;
        }
        input[type="radio"] {
          width: auto !important;
          vertical-align: middle;
          margin: 0px;
        }
        div#aleady-worked label {
          display: inline;
          text-align: center;
        }
      }
      input,
      select {
        /*float: left;*/
        width: 100%;
        height: 45px;
        padding-left: 8px;
        font-size: 15px;
        border-radius: 0;
        background-color: white;
        color: @darkar;
      }
      textarea {
        /*float: left;*/
        width: 100%;
        height: 100px !important;
        padding-left: 8px;
        font-size: 15px;
        border-radius: 0;
        color: @darkar;
        background-color: white;
      }
      select {
        -webkit-appearance: none;
        -ms-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("../../assets/images/select_bg.png");
        background-repeat: no-repeat;
        background-position: 98% center;
        background-color: white;
        padding-right: 45px;
        .error {
          color: red;
        }
      }
    }
    .txtarea.group-field {
      display: table;
      width: 92%;
      min-height: 90px;
    }
    .txtarea textarea {
      display: block;
      width: 92.5%;
      min-height: 80px;
      margin-top: 5px;
    }
    /*apply next page css*/
    h5 {
      margin-top: 15px;
      color: @darkar;
      font-weight: bold;
      border-bottom: 1px solid @gray-color;
      padding-bottom: 3px;
    }
    .questions-group {
      display: block;
      position: relative;
      margin: 20px 0;
      .q-txt {
        display: inline-block;
        width: 70%;
        text-align: right;
        font-size: 16px;
      }
      .q-fields {
        display: inline-block;
        width: 25%;
        padding-left: 10px;
        input,
        select {
          width: 100%;
          height: 55px;
          padding-left: 8px;
          font-size: 15px;
          border: 1px solid @gray-color;
          /*border:1px solid @border-color-primary; */
          border-radius: 0;
        }
        select {
          -webkit-appearance: menulist-button;
          background: white;
        }
      }
    }
    .apply-form-footer {
      margin: 25px 0;
      @media (max-width: 450px) {
        margin-top: 22px;
      }
      .apply-form-footer-inner {
        display: inline;
        @media (max-width: @screen-sm-max) {
          display: block;
          margin-top: 30px;
        }
        #previous,
        #next {
          border-radius: 0;
          color: @darkar;
          margin: 0 0 0 0;
          opacity: 1;
          z-index: 10;
          font-size: 16px;
          text-align: center;
          font-family: @font-family-default-regular;
          font-weight: 400;
          border: 1px solid @darkar;
          background-color: transparent;
          width: auto;
          //height: 41px;
          //min-width: 137px;
          padding: 6px 40px;
          float: left;
          box-shadow: none;
          &:hover {
            background-color: transparent;
            border: 1px solid @darkar;
          }
        }
        #next {
          float: right;
        }
      }
    }
  }
  .box-content {
    .box-content-block {
      padding: 30px 0;
      padding-left: 0;
      padding-right: 0;
      margin: 0;
      //border-bottom: #d0cfcf solid 1px;
      .form-for {
        .group-field {
          &.accept-check-field {
            input[type="checkbox"] {
              width: 16px;
              height: 16px;
              margin-right: 4px;
              margin-top: 7px;
              vertical-align: top;
              margin-bottom: 6px;
            }
            label {
              /*margin-left: 25px;*/
              display: inline;
              vertical-align: text-bottom;
            }
          }
        }
      }
      .form-for.block-2 {
        margin-bottom: 30px;
      }
      .more-actions {
        //padding: 2px;
        // padding:0;
        text-transform: uppercase;
        a {
          color: @darkar;
          font-weight: 600;
        }
      }
      .box-content-block-header {
        padding: 10px;
        background-color: #f5f5f5;
        min-height: 56px;
        a {
          background-color: @darkar;
          border-color: @darkar;
          min-width: 100px;
          padding: 5px 10px;
          color: white;
          display: inline-block;
          text-transform: uppercase;
          i {
            display: inline-block;
            vertical-align: bottom;
          }
        }
        .add-close-action {
          float: right;
        }
      }
      .container-accept {
        label {
          display: inline-block;
          padding-top: 2px;
        }
        input#agree {
          height: 20px;
          float: none;
          display: inline-block;
          width: 10%;
          vertical-align: inherit;
          cursor: pointer;
        }
      }
    }
  }
}
.footer-block {
  display: block;
}
.navigation-summary {
  min-height: 100px;
  .stepCounter {
    display: none;
  }
  li.slide:last-child:before {
    position: absolute;
    content: "";
    background: #fff;
    //right: -12%;
    width: 60%;
    left: 50%;
    @media (max-width: @screen-sm-max) {
      width: 100%;
      left: 28% !important;
    }
    @media (max-width: @screen-xs-max) {
      left: 33% !important;
    }
    @media (max-width: 374px) {
      left: 39% !important;
    }
    height: 20px;
    z-index: 9;
    top: 6px;
  }
  /*new css start*/
  .slick-prev {
    background: transparent;
    border: 0;
    font-size: 0;
    float: left;
    margin-top: 12px;
    outline: 0;
    display: inline-block;
    width: 1%;
    margin-top: 0;
    &:before {
      content: "\5a";
      font-size: 20px;
      color: @darkar;
      font-family: "platform-font";
    }
    &.slick-disabled:before {
      opacity: 0.3;
    }
  }
  .slick-next {
    background: transparent;
    border: 0;
    font-size: 0;
    float: left;
    margin-top: 12px;
    outline: 0;
    display: block;
    width: 1%;
    margin-top: 0;
    &.slick-disabled:before {
      opacity: 0.3;
    }
    &:before {
      //content: '\61';
      content: "\e031";
      font-size: 20px;
      color: @darkar;
      font-family: "platform-font";
    }
  }
  .slick-dots {
    display: none !important;
  }
  .slick-list {
    display: inline-block;
    float: left;
    width: 100%;
    //margin-left: 15px;
    .slick-track {
      li {
        a {
          width: 90px;
          display: inline-block;
          position: relative;
          height: 70px;
          text-align: center;
          margin-top: -1px;
          outline: 0;
          z-index: 999;
          //&:focus{
          //   outline: 2px solid @border-color-primary !important;
          //}
          .number {
            background: #fff;
            border-radius: 24px;
            border: 1px solid @darkar;
            color: @darkar;
            width: 35px;
            height: 35px;
            margin: 0 auto;
            padding-top: 0;
            //vertical-align: middle;
            font-size: 0;
            //top:-4px;
            //position: relative;
            box-shadow: 0 0 0 4px @darkar, 0 0 0 5px @darkar;
            z-index: 9999;
            @media (max-width: @screen-sm-max) {
              top: 0px;
              position: relative;
            }
            @media (max-width: @screen-xs-max) {
              top: 0px;
            }
          }
          span.title {
            color: @darkar;
            font-size: 15px;
            display: block;
            line-height: 1.3em;
            padding-top: 15px;
            @media (max-width: 380px) {
              margin-left: 8px;
            }
          }
        }
        &.progress-enable.progress-complete {
          &:after {
            content: "";
            border-right: 350px solid @brand-color-secondary !important;
            @media (max-width: @screen-sm-max) {
              border-right: 300px solid @brand-color-secondary !important;
              left: 30%;
            }
          }
          .number {
            background-color: #0071a9;
            //color: #fff !important;
            //box-shadow: 0 0 0px 4px #fff, 0 0 0px 5px #0173ce;
            box-shadow: none;
            //border: 0px;
            font-size: 0;
            //padding-top: 7px;
            padding: 5px;
            /*&:before {
                          content: "";
                          font-family: 'platform-font';
                          font-size: 15px;
                      }  */
          }
          .title {
            //color: #0173ce !important;
          }
        }
        &.progress-enable {
          &:after {
            content: "";
            border-right: 350px solid #eb938e !important;
          }
          .title {
            color: @darkar !important;
          }
        }
        &.progress-current,
        &.progress-enable {
          &:after {
            border-right: 350px solid @darkar !important;
          }
          .title {
            color: @darkar !important;
          }
          .number {
            background: @brand-color-secondary !important;
            color: @darkar !important;
            box-shadow: 0 0 0 4px @brand-color-primary,
              0 0 0 5px @brand-color-primary;
            border: 4px solid @brand-color-secondary;
          }
        }
        &.progress-disable {
          .number {
            background: @darkar !important;
          }
        }
        &:after {
          content: "";
          border-right: 350px solid @darkar;
          position: absolute;
          top: 13px;
          height: 3px;
          left: 51%;
          @media (max-width: @screen-sm-max) {
            left: 25%;
          }
          @media (max-width: @screen-xs-max) {
            left: 38%;
          }
          @media (max-width: 568px) {
            left: 23%;
          }
          z-index: 0;
        }
        &:last-child {
          &:after {
            left: 0;
            right: 90px;
          }
        }
        &.slide.progress-current:after {
          border-right-color: @brand-color-secondary !important;
          left: 52%;
          @media (max-width: @screen-sm-max) {
            left: 26%;
            border-right: 300px solid @brand-color-secondary !important;
          }
        }
      }
    }
  }
  .nav-numbers {
    position: absolute;
    width: 72%;
    margin: 0 auto;
    left: 50px;
    right: 0;
    .bx-viewport {
      transform: translatez(0);
      background: transparent;
      border: 0;
      box-shadow: 0 0 0;
    }
    .bx-pager {
      display: none;
    }
    .bx-controls-direction {
      position: relative;
      a {
        font-size: 0;
        z-index: 1;
        top: -75px;
        background: #f4f4f4;
        padding-left: 10px;
        padding-right: 10px;
        height: 46px;
        outline: 0;
        margin-right: -2px;
        &.bx-prev {
          float: left;
          position: relative;
          left: 0;
          padding-left: 0;
          padding-right: 30px;
          z-index: 1;
          opacity: 1;
          margin-left: -50px;
          &:before {
            content: "\5a";
            font-size: 20px;
            color: @darkar;
            font-family: "platform-font";
          }
        }
        &.bx-next {
          float: right;
          padding-left: 40px;
          position: absolute;
          right: 0;
          height: 70px;
          &:before {
            content: "\61";
            font-size: 20px;
            color: @darkar;
            font-family: "platform-font";
          }
        }
      }
    }
    ul {
      li {
        float: left;
        width: 220px !important;
        text-align: center;
      }
    }
    .bx-wrapper {
      max-width: 100% !important;
    }
  }
}
#div4 .apply-heading {
  padding-bottom: 15px;
}
.step-2-page-1.row {
  font-size: 1em;
  padding-left: 10px;
}
div#ScrapedData li div {
  font-size: 1em;
  padding-top: 5px;
}
.summery-div {
  .heading-sub-text {
    .btn-primary {
      text-decoration: none;
      color: #fff !important;
      background-color: white;
      border: 0 !important;
      box-shadow: none;
      font-size: 14px;
    }
    .btn-primary:hover {
      text-decoration: underline;
      color: @darkar !important;
      background-color: white;
      border: 0 !important;
      box-shadow: none;
      font-size: 14px;
    }
  }
  .summary-disable {
    pointer-events: none;
    opacity: 0.8;
    select#fbjq_question_1 {
      background: transparent;
    }
    select#fbjq_question_2 {
      background: transparent;
    }
    .group-field {
      label {
        //margin-left: -16px;
        padding: 0;
        text-align: left;
      }
      .summary-apply-form {
        //margin-left: -24px;
        padding: 0;
        word-wrap: break-word;
        input,
        p {
          padding-left: 0 !important;
          color: @darkar;
          font-size: 15px;
          height: auto;
        }
        input {
          padding: 0px;
          margin: 5px 0px 0px;
          opacity: 1;
        }
      }
    }
  }
  .form-group input {
    border: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
  }
  .resume_upload_block {
    display: none;
  }
  .form-group label {
    /*font-weight: bold;*/
  }
}
#summary {
  .form-group label {
    margin-bottom: 0;
  }
  #ScrapedData {
    li .checkbox_column {
      color: @darkar!important;
    }
    div {
      color: @darkar !important;
      font-size: 1em !important;
      font-weight: bold;
    }
    .checkbox_column_wrapper:before {
      display: none;
    }
  }
  .block-2 .form-group label {
    height: auto !important;
  }
}
#summary .questions input[type="text"],
#summary .questions select,
#summary .questions textarea {
  border: 0;
  color: @darkar!important;
  margin-top: 0 !important;
  height: 30px;
}
button#backToSumBtn {
  float: right;
  margin-left: 10px;
  padding: 5px 15px;
}
button#backButton {
  margin-right: 5px;
}
.textarea-apply {
  height: 90px !important;
  color: @darkar;
  background-color: #fff;
  background-image: none;
  border: 1px solid @gray-color;
}
/* Slider */
.apply-page {
  * {
    box-sizing: border-box;
  }
  .slider {
    width: 100%;
    margin: 30px auto 0;
  }
  .slick-slide {
    //  margin: 0px 10px;
    text-align: center;
  }
  .slick-slide img {
    width: 100%;
  }
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-list,
  .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    top: 0;
    left: -16px;
    display: block;
  }
  .slick-track:after,
  .slick-track:before {
    display: table;
    content: "";
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }
  [dir="rtl"] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
    position: relative;
    @media (max-width: @screen-sm-max) {
      text-align: left;
      margin-left: 15px;
    }
    /* @media (max-width: @screen-xs-max){
          width: 142px !important;
      }*/
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
}
#summary {
  #ScrapedData {
    li {
      div {
        &.checkbox_column_wrapper {
          span {
            font-size: 1em;
          }
          input[type="radio"] {
            margin-left: 0;
          }
          input {
            background-color: transparent;
            margin-left: -8px;
          }
          select {
            margin-left: -8px;
            font-weight: normal;
          }
          textarea {
            background-color: transparent;
            margin-left: -8px;
            font-weight: normal;
          }
        }
        span {
          font-size: 0;
        }
        span[id^="fieldLabel_"] {
          font-size: 1em;
          span {
            font-size: 0;
          }
        }
      }
    }
    #questionAnswerSizeError-1 {
      display: none !important;
    }
    .questionAnswerNoneErrMsg {
      display: none !important;
    }
    #questionAnswerSize {
      display: none;
    }
  }
}
.options-block.row {
  border: none;
}
.candidate {
  margin-top: 0;
}
.candidate-info {
  /*text-align:right;*/
  label {
    //font-size: 16px !important;
  }
}
.form-control {
  margin-bottom: 4px;
  height: 35px;
}
.required {
  color: red;
}
.selfIdentification {
  p {
    label {
      margin-left: 6px;
      font-size: 16px;
      message {
        color: @darkar;
        font-size: 16px;
      }
    }
  }
}
#errorMessage {
  color: #ff0000;
  //margin-left: 129px;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  @media (max-width: 767px) {
    margin-left: 0;
    text-align: center;
  }
}
#skillshead {
  margin-left: 0px;
}
#websitehead {
  margin-left: 0px;
}
#socialNetworkhead {
  margin-left: 0px;
  text-align: left;
  margin-top: 25px;
}
.more-actions {
  margin-left: 0px;
}
.self-identify {
  margin-bottom: 5px;
}
.selfIdentification {
  label {
    float: left;
    .required {
      float: left;
    }
  }
}
.block-2 {
  .group-field {
    label {
      text-align: left !important;
    }
  }
}
.apply-page-thankyou {
  .ph-html-v1-static-videos-default {
    &.ph-widget-box {
      padding: 0 0 40px 30px;
      background: transparent;
    }
  }
  .style-recruitment-click {
    a {
      text-decoration: underline;
      color: @darkar;
      &:active,
      &:focus,
      &:hover {
        color: @darkar;
      }
    }
  }
}
.thanku-header-text {
  padding: 10% 0;
  .checked-icon {
    font-size: 50px;
    color: @darkar;
  }
  h2 {
    text-transform: uppercase;
  }
  p {
    font-size: 16px;
  }
  .thankyou-message {
    font-size: 20px;
    margin-top: 0;
    text-align: Center;
    color: @brand-color-primary;
  }
  .thankyou-message-sub-text {
    font-size: 21px;
  }
}
.work-exp-form {
  float: right;
  @media (max-width: 1024px) {
    float: left;
  }
}
#errorDiv {
  margin-bottom: 25px;
  margin-left: 25px;
  margin-top: 14px;
  .errorHeader {
    font-size: 18px;
    width: 50%;
    font-weight: 50;
    line-height: 1.36;
    text-align: left;
    color: #fff;
    padding: 10px;
    background-color: @darkar;
  }
  ul {
    padding: 10px !important;
    margin-left: 10px;
    background-color: @darkar;
    width: 50%;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    li {
      list-style: disc;
      margin-left: 50px;
      color: #fff;
      a {
        font-size: 14px;
        line-height: 1.57;
        text-align: left;
        color: #fff;
        text-decoration: underline;
      }
    }
  }
}
.add-icon {
  display: inline-block !important;
  text-align: center !important;
  line-height: 0 !important;
  border-radius: 50% !important;
  border: 1px solid @brand-color-primary !important;
  padding: 0 !important;
  height: 25px !important;
  color: @brand-color-primary !important;
  width: 25px !important;
  margin-right: 10px !important;
  line-height: 25px !important;
  font-size: 18px !important;
  font-family: Arial;
  font-weight: 300;
}
.remove-action {
  margin-top: 7px;
  .remove-icon {
    display: inline-block !important;
    text-align: center !important;
    line-height: 0 !important;
    border-radius: 50% !important;
    border: 1px solid @brand-color-primary !important;
    padding: 0 !important;
    height: 25px !important;
    color: @brand-color-primary !important;
    width: 25px !important;
    line-height: normal !important;
    font-size: 18px !important;
    font-family: Arial;
    font-weight: 300;
  }
}
.resume-my-info {
  float: none;
  clear: both;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.icon-delete {
  float: left;
  padding: 4px;
  &:before {
    color: @darkar;
  }
}
.work-exp {
  margin-left: 1px !important;
}
.additional-attachment-icons {
  margin: 0;
  padding: 0;
  @media (max-width: 420px) {
    /*margin: 0px 0 0 15px;*/
  }
}
.attachment-or-icon {
  margin-top: 0 !important;
}
.attachment-select-icon {
  margin-top: 0 !important;
  @media (max-width: 767px) {
    display: block;
    width: 100%;
  }
}
.resume-header {
  p {
    margin-left: -16px;
  }
}
.resume-file-type {
  p {
    margin-left: -16px;
  }
}
#applyWithLinkedin {
  margin-left: -8px;
}
.resume-my-info {
  margin-left: -15px;
}
@media only screen and (max-width: 1024px) {
  .slider {
    width: 97%;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation-summary {
    .slick-list {
      .slick-track {
        li {
          &.progress-disable:after {
            border-right: 350px solid @brand-color-secondary;
            @media (max-width: 767px) {
              border-right: 290px solid @brand-color-secondary;
            }
            @media (max-width: 568px) {
              border-right: 224px solid @brand-color-secondary;
            }
          }
          &.progress-enable:after {
            border-right: 350px solid @brand-color-secondary !important;
          }
          &.progress-current:after {
            border-right: 350px solid @gray-color !important;
          }
          &:last-child {
            &::after {
              border: 0px !important;
              @media (max-width: 767px) {
                border: 0px !important;
              }
            }
          }
        }
      }
    }
  }
}
@media only screen and (max-width: 900px) {
  .navigation-summary .nav-numbers {
    width: 100%;
  }
}
div {
  *zoom: 1;
}
select::-ms-expand {
  display: none;
}
.apply-thankyou-box {
  padding: 50px 0 20px;
  width: 92%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  .navigation-summary {
    display: inline-block;
    float: left;
    .slider {
      width: 100%;
    }

    .slick-next {
      width: auto;
      display: inline-block;
      margin-top: 2px;
      font-size: 16px !important;
    }
    .slick-prev {
      width: auto;
      display: inline-block;
      margin-top: 2px;
      font-size: 12px !important;
    }
  }
  .resume-my-info {
    margin-left: 0;
    padding: 0;
  }
  .progressbarlist {
    button {
      /*display: none !important;*/
    }
  }
  .apply-heading {
    margin-left: 0;
    //padding:0px;
    @media (max-width: 420px) {
      padding: 0px 15px;
    }
  }
  .resume_info {
    //padding:0px;
    .resume-header {
      p {
        margin-left: 0;
      }
    }
    .resume-file-type {
      p {
        margin-left: 0;
      }
    }
  }
  #applyWithLinkedin {
    margin-left: 0;
  }
  #errorDiv {
    clear: both;
    .errorHeader {
      width: 100%;
    }
    #errorList {
      width: 100%;
    }
  }
  #registrationDiv {
    margin-left: 4px;
    label {
      float: left;
    }
    .box-content-block {
      .apply-heading {
      }
      .agree-checkbox {
        label input[type="checkbox"] {
          margin: 7px 6px 0 0 !important;
        }
        label.control-label {
          color: @darkar !important;
          message {
            color: inherit;
          }
        }
      }
      .candidate {
        margin-top: 0;
        //padding:0px;
        .group-field {
          .candidate-info {
            label {
              float: left;
            }
          }
        }
      }
      .apply-form-footer {
        //width: 100px;
        //float: right;
      }
    }
  }
  /*Work-Experience */
  #voluntaryDiv {
    padding: 0;
    .remove-action {
      margin-top: 7px;
    }
    .box-content-block {
      .more-actions {
        margin-left: 0;
        padding: 10px 0 20px 0;
        @media (max-width: 768px) {
          margin: 15px 0;
        }
        @media (max-width: 420px) {
          padding: 0px 15px;
        }
        #applyhead {
          margin-left: 4px;
          padding: 0;
          margin-top: 0;
        }
      }
      .form-for {
        //padding:0px;
        .group-field {
          //padding:0px;
          .candidate-info {
            label {
              float: left !important;
              input {
                //padding:0px;
                margin: 0;
              }
            }
          }
        }
      }
      .skills-section {
        padding: 0;
        margin: 25px 0 0;
        @media (max-width: 600px) {
          padding: 0px;
        }
        #skillshead {
          padding: 0;
          margin: 25px 0 0;
        }
        .group-field {
          .candidate-info {
            margin: 0;
            label {
              text-align: left;
            }
          }
        }
      }
      .additional-attachments {
        margin: 25px 0;
        padding: 0px;
        #attachmentshead {
          margin-left: 0;
          padding: 0;
          .group-field {
            .candidate-info {
              @media (max-width: 420px) {
                margin-left: -15px;
              }
              .additional-attachment {
                p {
                  text-align: left;
                }
              }
            }
          }
        }
      }
      .website-section {
        padding: 0px;
        margin-left: 0px;
        @media (max-width: 420px) {
          padding: 0px 15px;
        }
        #websitehead {
          padding: 0;
          margin-left: 0;
        }
        .group-field {
          .candidate-info {
            label {
              text-align: left;
            }
            .additional-attachment {
            }
          }
        }
      }
      .social-urls {
        label {
          float: left;
        }
        #socialNetworkhead {
          margin-left: 0 !important;
          padding-left: 0 !important;
          text-align: left;
        }
        .group-field {
          padding-left: 0;
        }
      }
    }
    .academic-options-inner-block {
      .apply-or-line {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
      }
    }
    #addWebsite,
    #addWebsite1,
    #addWebsite2 {
      margin-left: 6px;
    }
    #addLinkedIn {
      margin-left: 6px;
      span.add-icon {
        margin-right: 6px !important;
      }
    }
  }
  /*disability-page */
  #disabilityDiv {
    margin-left: 4px;
    .language-selection {
      select {
        padding: 0px 10px;
      }
    }
    .disability-error {
      .error {
        padding-left: 15px;
        color: red;
      }
    }
  }
  #questionnairDiv {
    label {
      text-align: left;
    }
  }
}
#agreementDiv {
  margin-left: 4px;
}
.summery-div {
  .apply-heading {
    margin-left: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .resume_upload_block {
    float: none !important;
    display: block;
    width: 60%;
    margin: 20px auto;
  }
  .apply-page {
    #cmsForm {
      padding: 0 0;
    }
  }

  #questionnairDiv {
    .checkbox-div {
      margin-left: 0px;
      .checkbox-block {
        margin-left: 5px;
        .checkbox-group {
          clear: both;
          input {
            width: 20px;
            height: 32px;
            float: left;
          }
          label {
            line-height: 20px;
          }
        }
      }
    }
  }
  .apply-page-inner {
    overflow-x: hidden;
  }
  .apply-page-inner {
    #errorDiv {
      clear: both;
      .errorHeader {
        width: 100%;
      }
      #errorList {
        width: 100%;
      }
    }
    input[type="radio"] {
      width: 16px;
      height: 16px;
      box-shadow: none;
      text-shadow: none;
      border-radius: 50%;
    }
    /*My-info-page*/
  }
  .upload-section {
    //padding:0px;
  }
  .resume-my-info {
    margin-left: 0;
  }
  .progressbarlist {
    button {
      /*display: none !important;*/
    }
  }
  .apply-heading {
    margin-left: 0;
    //padding:0px;
  }
  .resume_info {
    //padding:0px;
    .resume-header {
      p {
        margin-left: 0;
      }
    }
    .resume-file-type {
      p {
        margin-left: 0;
      }
    }
  }
  #applyWithLinkedin {
    margin-left: 0;
  }
  .cc-apply-options {
    width: 100%;
    ul {
      text-align: Center;
      @media (max-width: 420px) {
        li {
          margin: 0 3px 0 0 !important;
          a {
            font-size: 24px;
          }
        }
      }
    }
  }
  // .apply-or-line {
  //   display: block;
  //   float: none !important;
  //   width: 100%;
  //   text-align: center;
  //   margin: 0 auto;
  // }
  #errorDiv {
    clear: both;
    .errorHeader {
      width: 100%;
    }
    #errorList {
      width: 100%;
    }
  }
  #registrationDiv {
    label {
      float: left;
    }
    .box-content-block {
      .apply-heading {
      }
      .candidate {
        margin-top: 0;
        //padding:0px;
        .group-field {
          .candidate-info {
            label {
              float: left;
            }
          }
        }
      }
      .apply-form-footer {
        //width: 100px;
        //float: right;
      }
    }
  }
  /*Work-Experience */
  #voluntaryDiv {
    //padding:0px;
    .select-attachments-section {
      //padding:0px;
    }
    .additional-attachments,
    .educationhide,
    .skills-section,
    .social-urls,
    .website-section,
    .workhide {
      padding: 0 !important;
    }
    .remove-action {
      margin-top: 7px;
    }
    #educationhide1,
    #educationhide2,
    #languagehide,
    #languagehide1,
    #languagehide2,
    #workhide1,
    #workhide2,
    #workhide3,
    #workhide4 {
      padding: 0;
    }
    #resumeFile {
      display: block;
      margin: 0 auto !important;
    }
    .box-content-block {
      margin-left: 0;
      padding: 0;
      .more-actions {
        margin-left: 0;
        padding: 0;
        @media (max-width: 768px) {
          margin: 15px 0;
        }
        #applyhead {
          padding: 0;
        }
      }
      .form-for {
        padding: 0;
        .group-field {
          padding: 0;
          .candidate-info {
            label {
              float: left !important;
              input {
                //padding:0px;
                margin: 0;
              }
            }
          }
        }
      }
      .skills-section {
        @media (max-width: 420px) {
          padding: 0px;
        }
        #skillshead {
          padding: 0;
          margin: 25px 0 0;
        }
        .group-field {
          .candidate-info {
            margin: 0;
            label {
              text-align: left;
            }
          }
        }
      }
      .additional-attachments {
        #attachmentshead {
          margin-left: 0;
          padding: 0;
          @media (max-width: 600px) {
            padding: 0px;
          }
          .group-field {
            .candidate-info {
              .additional-attachment {
                p {
                  text-align: left;
                }
              }
            }
          }
        }
      }
      .website-section {
        #websitehead {
          padding: 0;
          margin-left: 0;
          @media (max-width: 420px) {
            padding: 0px 0px;
          }
        }
        .group-field {
          .candidate-info {
            label {
              text-align: left;
            }
            .additional-attachment {
            }
          }
        }
      }
      .social-urls {
        label {
          float: left !important;
          text-align: left;
        }
        #socialNetworkhead {
          margin-left: 0;
          text-align: left;
          padding-left: 0;
        }
        .group-field {
          padding-left: 0;
        }
      }
    }
    .academic-options-inner-block {
      .apply-or-line {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 10px;
      }
    }
    #addWebsite,
    #addWebsite1,
    #addWebsite2 {
      //margin-left: 10px;
    }
  }
  /*disability-page */
  #disabilityDiv {
    .box-content-block {
      .group-field {
      }
    }
    .group-field {
      label {
        text-align: left;
        font-size: 16px;
      }
    }
  }
  #questionnairDiv {
    label {
      text-align: left;
    }
  }
}
.summery-div {
  .apply-heading {
    margin: 30px 0px 15px;
    color: @darkar;
  }
}
.apply-form-blcok {
  //padding:0px;
}
.apply-page-thankyou {
  .ph-html-v1-static-videos-default {
    &.ph-widget-box {
      padding-left: 0;
    }
  }
}
.apply-page-inner .options-block .selectFile {
  width: 162px !important;
  position: relative;
  margin: 0 !important;
  cursor: pointer;
  .dz-message {
    display: none;
  }
  input[type="file"] {
    opacity: 0;
    cursor: pointer;
  }
  &:before {
    /*border: 1px solid @gray-color;*/
    content: "Select file" !important;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    position: absolute;
    margin-top: 0 !important;
    left: 0;
    right: 0;
    width: 162px !important;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
  }
  .apply-page-inner {
    .options-block {
      .selectFile {
        &:hover {
          &:before {
            background-color: #d8d8d8;
            cursor: pointer;
          }
        }
      }
    }
  }
  .apply-page-inner .options-block .selectFile:hover:before {
    background: #efefef !important;
    cursor: pointer;
  }
}
.additional-attachments {
  #attachmentshead {
    margin-left: 0px;
    margin-top: 0;
  }
  .candidate-info {
    .academic-options-inner-block {
      margin: 0;
      .additional-attachment {
        text-align: left;
      }
    }
  }
}
.summary-apply-form {
  word-wrap: break-word;
  p {
    //margin-left:8px;
    font-size: 14px;
    margin: 5px 0 !important;
  }
}
.summary-disable {
  .group-field {
    padding: 0;
    margin: 0px 0 15px 0 !important;
    .control-label {
      margin-top: 0 !important;
      font-size: 16px;
      color: @darkar;
      margin: 0;
    }
    .form-control,
    p {
      height: auto;
      font-size: 16px;
    }
  }
}
.academic_transcripts {
  padding: 0;
  #afterupload {
    .afterUploadOuter {
      margin-left: 0;
      .afterUpload {
        a {
          font-size: 14px !important;
          color: @darkar;
        }
      }
    }
  }
  #files {
    margin-left: 0;
  }
}
.dynamic-fields {
  .group-field {
    input {
      color: @darkar;
    }
  }
}
.language-selection {
  margin-left: -14px;
  @media (max-width: @screen-xs-max) {
    margin-left: 0px;
  }
}
.website-input {
  padding: 0;
}
#disabilityDiv {
  .language-selection {
    select {
      padding: 0px 10px;
    }
  }
}
#resDiv {
  margin: 10px 0 0 24px;
}
.help-text {
  background-color: #e4f0f7;
  margin-bottom: 6px;
  border-radius: 4px;
  width: 342px;
  ul {
    &.help-text-content {
      padding: 12px;
      font-size: 14px;
      line-height: 1.36;
      text-align: left;
      color: #0066a6;
    }
  }
}
.apply-page {
  .body-wrapper {
    margin: 100px 0 0;
    //padding:0px;
  }
}
#addWebsite,
#addWebsite1,
#addWebsite2 {
  margin-left: 13px;
}
#addLinkedIn {
  margin-left: 13px;
  span.add-icon {
    margin-right: 13px !important;
  }
}
.summary-apply-form {
  word-wrap: break-word;
  input {
    border: none;
  }
}
.academic_transcripts,
.disability,
.eeo {
  .apply-heading {
    margin-top: 0;
  }
}
.questionnaireSection {
  h2 {
    font-size: 14px;
  }
  .apply-heading {
    margin-left: 16px;
  }
  .group-field {
    display: block;
    float: left;
    width: 100%;
    label {
      float: left;
      text-align: left !important;
    }
  }
}
#eeoDiv {
  font-family: @font-family-default-regular !important;
  select {
    font-family: @font-family-default-regular !important;
    font-size: 16px;
  }
  .box-content-block {
    div label {
      display: block;
    }
    .apply-heading {
      display: inline-block;
      width: 100%;
      margin-top: 15px;
      font-size: 22px;
    }
    .eeoText {
      margin-top: 10px;
      p {
        font-size: 16px;
        color: @darkar;
        font-family: @font-family-default-regular !important;
        b {
          color: #0071a9 !important;
        }
        @media (max-width: 767px) {
          font-size: 14px;
        }
      }
      ul {
        margin-left: 50px;
        li {
          list-style: disc;
        }
      }
    }
  }
}
@media only screen and (max-width: 767px) {
  .summary {
    .group-field {
      padding: 2px;
    }
  }
  #disabilityDiv {
    .selfIdentification {
      //padding:0px;
    }
    p {
      label {
        padding: 0 15px !important;
      }
    }
  }
  #errorMessage {
    margin: 0;
  }
  .navigation-summary {
    display: inline-block;
    float: left;
    width: 100%;
    .slider {
      width: 100% !important;
    }

    .slick-next {
      width: auto;
      display: inline-block;
      margin-top: 2px;
      font-size: 16px !important;
      padding: 0px;
    }
    .slick-prev {
      width: auto;
      display: inline-block;
      margin-top: 2px;
      font-size: 12px !important;
      padding: 0px;
    }
    .slick-list .slick-track li.slide.progress-current:after {
      left: 38% !important;
      @media (max-width: 568px) {
        left: 34% !important;
      }
      @media (max-width: 320px) {
        left: 33% !important;
      }
    }
  }
  #voluntaryDiv {
    .box-content-block {
      padding: 0;
      margin-bottom: 20px;
      .more-actions {
        @media (max-width: 420px) {
          padding: 0px;
        }
      }
    }
    .candidate-info {
      padding: 0;
    }
    .field-selector {
      padding: 0;
    }
    .more-actions {
      @media (max-width: 420px) {
        padding: 0px 15px;
      }
      a {
        margin: 0;
        padding: 0;
      }
    }
  }
  #eeoDiv {
    .voluntary {
      margin: 0;
    }
    label {
      padding: 0;
    }
    .select {
      padding: 0;
    }
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  .apply-page-inner {
    overflow-x: hidden;
  }
  #questionnairDiv {
    .checkbox-div {
      //margin-left: 24px;
      .checkbox-block {
        margin-left: 5px;
        .checkbox-group {
          clear: both;
          input {
            width: 12px;
            height: 32px;
            float: left;
          }
          label {
            line-height: 20px;
          }
        }
      }
    }
  }
  #errorDiv {
    .errorHeader {
      font-size: 14px;
      width: 100% !important;
      background-color: @darkar;
    }
  }
  input[type="radio"] {
    width: 16px;
    height: 16px;
    box-shadow: none;
    text-shadow: none;
    border-radius: 50%;
  }
  #voluntaryDiv {
    padding: 0;
    .select-attachments-section {
      padding: 0;
    }
    .additional-attachments,
    .educationhide,
    .skills-section,
    .social-urls,
    .website-section,
    .workhide {
      padding: 0;
    }
    .add-icon {
    }
    .remove-action {
      margin-top: 7px;
    }
    #educationhide1,
    #educationhide2,
    #languagehide,
    #languagehide1,
    #languagehide2,
    #workhide1,
    #workhide2,
    #workhide3,
    #workhide4 {
      padding: 0;
    }
    #resumeFile {
      display: block;
      margin: 0px auto 0 auto;
    }
    .box-content-block {
      .more-actions {
        margin-left: 0;
        padding: 0;
        @media (max-width: 768px) {
          margin: 15px 0;
          padding: 10px 0 20px 0;
        }
        @media (max-width: 420px) {
          padding: 10px 0 20px 0;
        }
        #applyhead {
          margin-left: 4px;
          padding: 0;
        }
      }
      .form-for {
        padding: 0;
        .group-field {
          padding: 0;
          .candidate-info {
            label {
              float: left !important;
              input {
                padding: 0;
                margin: 0;
              }
            }
          }
        }
      }
      .skills-section {
        #skillshead {
          padding: 0;
          margin: 0px 0 0;
        }
        .group-field {
          .candidate-info {
            margin: 0;
            label {
              text-align: left;
            }
          }
        }
      }
      .additional-attachments {
        #attachmentshead {
          margin-left: 0;
          padding: 15px 0 0 0;
          .group-field {
            .candidate-info {
              .additional-attachment {
                p {
                  text-align: left;
                }
              }
            }
          }
        }
      }
      .website-section {
        #websitehead {
          padding: 0;
          margin-left: 0;
        }
        .group-field {
          .candidate-info {
            label {
              text-align: left;
            }
            .additional-attachment {
            }
          }
        }
      }
      .social-urls {
        label {
          float: left;
        }
        #socialNetworkhead {
          margin-left: 0;
          text-align: left;
        }
      }
    }
    .academic-options-inner-block {
      .apply-or-line {
        display: none;
      }
    }
    #addWebsite,
    #addWebsite1,
    #addWebsite2 {
      margin-left: 10px;
    }
    #addLinkedIn {
      margin-left: 10px;
      span.add-icon {
        margin-right: 10px !important;
      }
    }
  }
  /*disability-page */
  #disabilityDiv {
    .group-field {
      label {
        float: left;
      }
    }
  }
  #questionnairDiv {
    label {
      text-align: left;
    }
  }
  .summery-div {
    .apply-heading {
      margin-left: 0;
    }
  }
  .apply-form-blcok {
    padding-top: 40px;
    @media (max-width: @screen-sm-max) {
      padding-top: 30px;
    }
  }
  #errorMessage {
    margin: 0;
  }
  .navigation-summary {
    display: inline-block;
    float: left;
    width: 100%;
    .slider {
      width: 100%;
    }
    .slick-list {
      margin: 0;
      width: 90% !important;
      display: inline-block;
      @media (max-width: @screen-sm-max) {
        width: 83% !important;
      }
    }
    .slick-next {
      width: auto;
      display: inline-block;
      margin-top: 2px;
      font-size: 16px !important;
    }
    .slick-prev {
      width: auto;
      display: inline-block;
      margin-top: 2px;
      font-size: 12px !important;
    }
  }
  #voluntaryDiv {
    .box-content-block {
      padding: 0;
    }
    .candidate-info {
      padding: 0;
    }
    .field-selector {
      padding: 0;
    }
    .more-actions {
      a {
        margin: 0;
        padding: 0;
      }
    }
  }
  #eeoDiv {
    .voluntary {
      margin: 0;
    }
    label {
      //padding:0px;
    }
    .select {
      //padding:0px;
    }
  }
}
.privacy {
  margin: -41px 0 0 10px;
  h1 {
    font-size: 14px;
    color: @darkar;
    line-height: 1.4;
    margin: 20px 0 10px;
    font-weight: bold;
  }
  p {
    font-size: 14px;
    font-weight: normal;
  }
  ul {
    margin-bottom: 20px;
    li {
      margin-left: 16px;
      font-weight: normal;
      list-style-type: disc;
    }
  }
}
.questionnaireSection {
  h1 {
    font-size: 16px;
    color: @darkar;
    font-weight: bold;
    margin: -22px 0 0 10px;
  }
  p {
    font-weight: normal;
  }
  p:last-child {
    //font-weight: bold;
  }
}
.eeoText {
  p {
    margin: 0 !important;
  }
}
.select-attachments-section {
  padding: 0;
  margin: 15px 0;
  @media (max-width: 420px) {
    padding: 0px;
  }
}
.work-section,
.education {
  .work {
    margin: 15px 0;
  }
  .work-exp {
    p {
      margin: 15px 0px 0px !important;
      font-size: 16px;
      color: @darkar;
    }
  }
}
input.form-control:focus,
textarea.form-control:focus {
  box-shadow: none;
  border: 1px solid @gray-color;
}
#eeoDiv {
  .box-content-block {
    div {
      //padding:0px;
      label {
        padding: 5px 0px;
      }
    }
    .agree-checkbox label {
      color: @darkar !important;
      .required {
        color: red;
        padding-left: 5px;
      }
      message {
        padding-left: 5px;
        color: inherit;
      }
      &:first-child {
        padding-left: 0px;
        margin: 15px 0px;
      }
    }
  }
}
#eeoDiv .group-field .select {
  padding: 0;
}
.questionnaireSection {
  div {
    padding: 0;
  }
}
#eeoDiv .box-content-block .apply-heading + htmlmessage b {
  // font-weight:normal;
}
#disabilityDiv {
  span {
    font-size: 16px;
    color: @darkar;
    @media (max-width: 767px) {
      font-size: 14px;
    }
    b {
      color: @darkar;
    }
  }
  .required {
    color: red !important;
  }
  .error {
    color: red;
  }
  p {
    &.disability-error {
      .error {
        padding-left: 15px;
        color: red;
      }
    }
  }
}
.ethnicity {
  padding: 0;
  .control-label {
    width: 100%;
  }
}
.apply-page .resume-my-info #afterupload .afterUploadOuter {
  margin-left: 0;
  @media (max-width: 767px) {
    margin-top: 15px;
  }
}
.error,
.required {
  color: red;
}
.website-section {
  text-align: left;
  label {
    margin-left: 0px;
    @media (max-width: 450px) {
      margin-left: 0px;
    }
  }
}
@media (max-width: 450px) {
  .apply-page .apply-page-inner .job-title-section span {
    margin-top: 0px;
  }
  form#cmsForm h2 {
    margin: 0px;
  }
}
#eeoDiv .box-content-block .eeoText p {
  color: @darkar;
}
#disabilityDiv table {
  margin-top: 10px;
}
.disability-desease {
  li {
    list-style: disc;
  }
}
#eeoDiv .apply-heading {
  margin-left: 0px;
}
#disabilityDiv .apply-heading {
  margin-left: 0px;
  margin-top: 20px;
}
.eeoText div {
  font-weight: bold;
}
#selfIdentification {
  label {
    font-size: 16px;
  }
}
.disability-radio {
  label {
    color: @darkar !important;
  }
}
.scroll1 {
  .sub-head {
    font-size: 16px;
    span {
      font-size: 18px;
      color: @darkar;
      b {
        color: @darkar;
      }
    }
  }
  span a {
    color: #0071a9;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .apply-page .apply-page-inner .group-field label {
    text-align: left;
  }
  .apply-page .work-exp-form {
    float: left;
  }
  .apply-page .more-actions {
    padding-left: 15px;
  }
  .apply-page #skillshead {
    margin-left: 15px;
  }
  .apply-page .candidate-info {
    padding-left: 15px;
  }
  .candidate-info .control-label {
    padding-left: 0px;
  }
  .candidate-info #skill {
    margin-left: 15px;
  }
  .additional-attachments #attachmentshead {
    margin-left: 15px;
  }
  .apply-page-inner .apply-form-footer .apply-form-footer-inner input {
    width: 139px;
    height: 33px;
  }
}
#eeoDiv .box-content-block .eeoText .eeo-header-text {
  color: @darkar;
}
@media (max-width: 800px) {
  .apply-page .candidate .group-field {
    padding: 0;
  }
  .apply-page .candidate-info label {
    text-align: left !important;
  }
  #voluntaryDiv .box-content-block .skills-section {
    padding: 0 !important;
  }
}
@media (max-width: 800px) {
  .apply-page .apply-page-inner #cmsForm {
    padding: 0px 0;
  }
}
@media (max-width: 500px) {
  .apply-page .apply-page-inner #cmsForm {
    padding: 0px 0;
  }
  .apply-page .apply-page-inner .apply-form-footer {
    padding-right: 0px;
  }
}
.apply-page .more-actions #applyhead b a {
  font-size: 15px;
}
#agreementDiv .term-and-condition .citizenStatus-selection {
  padding: 0;
  margin-bottom: 10px;
}
#agreementDiv .term-and-condition .citizenStatus-selection label {
  text-align: left;
}
.ph-apply-thankyou-area .ph-similar-jobs-v1-default-default {
  display: none;
}
.ph-apply-thankyou-area {
  padding: 80px 0 80px 0;
  @media (max-width: 800px) {
    padding: 40px 0 40px 0;
    margin-top: 0;
  }
  .apply-thankyou-content {
    text-align: center;
    .thanku-header-text {
      padding: 0 0 0 !important;
      text-align: center;
      h2 {
        color: @darkar;
        font-size: 30px;
        margin-bottom: 15px;
        text-transform: uppercase;
      }
      p {
        a {
          color: @brand-color-primary;
        }
      }
      @media (max-width: 800px) {
        padding: 120px 0;
      }
      @media (max-width: 670px) {
        padding: 60px 0;
      }
    }
  }
}
.agree-checkbox label input {
  margin-right: 7px;
}
.agree-checkbox label input[type="checkbox"] {
  margin: 4px 6px 0px 0px;
}
@media (max-width: 800px) {
  .apply-page .apply-page-inner .apply-form-footer {
    padding: 0;
  }
}
@media (max-width: @screen-sm-max) {
  .apply-page .apply-page-inner .apply-form-footer {
    padding: 0;
    margin: 30px 0 20px 0;
  }
}
@media (max-width: 400px) {
  .apply-page .apply-page-inner .options-block .resume_info .resume-header p,
  .apply-page
    .apply-page-inner
    .options-block
    .resume_info
    .resume-file-type
    p {
    padding: 0 28px 0 0;
  }
}
@media (max-width: 800px) {
  #voluntaryDiv #addWebsite {
    margin-left: 0px;
  }
  #voluntaryDiv #addLinkedIn {
    margin-left: 0px;
  }
}
@media (max-width: 800px) {
  .ph-apply-thankyou-area .apply-thankyou-content .thanku-header-text {
    padding: 40px 0 !important;
  }
}
@media (max-width: 767px) {
  .ph-apply-thankyou-area .apply-thankyou-content .thanku-header-text {
    padding: 0px 0 !important;
  }
}
#agreementDiv
  .term-and-condition
  .citizenStatus-selection
  .select
  .citizenStatus {
  height: 100px !important;
  background-image: none;
  @media (max-width: 800px) {
    height: 45px !important;
  }
}

#resumeFile {
}
@media (max-width: @screen-xs-max) {
  .apply-page {
    .apply-page-inner {
      .options-block {
        #resumeFile {
          display: block;
          margin: 0px auto 0 auto;
        }
      }
      .row {
        margin: 0;
        .col-xs-12 {
          padding-left: 0;
          padding-right: 0;
        }
        .apply-form-footer {
          padding-top: 13px;
        }
      }
    }
  }
}
.apply-page {
  .summery-div {
    .summary-disable {
      opacity: 1;
    }
  }
}
.large.apply-btn,
.large.sign-out-btn {
  padding: 9px 0;
  margin: 0;
}
.helpText {
  font-weight: bold;
  color: #ffc300;
}
//ROC-150
.apply-page .apply-page-inner .group-field select {
  -webkit-appearance: auto;
  -ms-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.apply-page
  .box-content
  .box-content-block
  .form-for
  .group-field.accept-check-field
  input[type="checkbox"] {
  vertical-align: bottom;
}
.apply-page-inner .options-block .selectFile:before {
  color: @darkar;
}
.apply-page .box-content .box-content-block.term-and-condition {
  .col-xs-12.col-sm-12.col-md-12.col-lg-12.group-field {
    message[msgid="apply.label.selfid"] {
      font-family: @font-family-default-bold;
      font-weight: inherit;
      font-size: 22px;
      text-transform: uppercase;
    }
  }
}
.summery-div .heading-sub-text .btn-primary.edit {
  color: @darkar !important;
}
.progressbarlist.regular.slider.slick-initialized.slick-slider {
  li.slick-slide.slick-active[style="width: 407px;"] {
    width: 315px !important;
  }
}
@media (max-width: 1023px) {
  .apply-page
    .box-content
    .box-content-block
    .form-for
    .group-field.accept-check-field
    input[type="checkbox"] {
    vertical-align: middle;
  }
}
//upload resume icons
.apply-page .apply-page-inner #cmsForm .afterUpload {
  background-image: url("https://assets.phenompeople.com/CareerConnectResources/st/HONEUS/en_us/desktop/assets/images/uploadicons.png");
}
//slider last child excess border removal
// .navigation-summary li.slide:last-child:before {
//     width: 0;
//     left: 0;
// }
.navigation-summary li.slide:last-child:before {
  width: 65%;
}
.navigation-summary
  li.slide.progress-current.slick-slide.slick-current.slick-active:last-child:before {
  width: 0;
  left: 0;
}
// apply thank you
.ph-apply-thankyou-area {
  padding: 80px 0 50px 0;
}
.candidate-home-button-block {
  padding-bottom: 100px;
  text-align: center;
}
//footer
#footer .footer-block .container .top-block .footer-fourth-block .heading {
  text-align: center;
  @media (max-width: 767px) {
    text-align: left;
  }
}
#footer .footer-block .container .top-block .footer-second-block ul li a,
#footer .footer-block .container .top-block .footer-third-block ul li a,
#footer .footer-block .container .top-block .footer-fourth-block ul li a,
#footer .footer-block .container .top-block .footer-five-block ul li a {
  font-family: @font-family-default-regular;
}
//job alert date alignment
.ph-job-alert-list-v1-view1-default
  .alertsArea
  .alertsBody
  .alertsContent
  .eachBodyRowBlock
  .jobAlertDate {
  bottom: 50px;
}
.home-page.modal-open {
  .ph-hero-block-cc-view12-option1-theme1 .global-search-block {
    z-index: 0;
  }
}
// flex cards equal heights manual
.ph-address-cc-slider-view1-option1-theme1 address {
  min-height: 300px;
}
.ph-address-cc-slider-view1-option1-savedView-1619519894430-theme1-savedView-1619519894430
  address {
  min-height: 350px;
}
.ph-employees-testimonial-cc-slider-view9-option1-savedView-1620255344997-theme1-savedView-1620255344997
  .content {
  min-height: 350px;
}
.ph-employees-testimonial-cc-slider-view9-option1-savedView-1620264011197-theme1-savedView-1620264011197
  .content {
  min-height: 410px;
  .description {
    .description-block {
      min-height: 250px;
    }
  }
  .designation {
    bottom: unset;
  }
}
//new styles//
.apply-page {
  .ph-apply-box {
    .field-object {
      margin-right: 0px !important;
    }
  }
}
.apply-page {
  .ph-apply-box {
    .navigation {
      button.btn-navigate {
        color: #fff !important;
        background-color: @brand-color-secondary !important;
        border-radius: 5px !important;
        font-size: 16px;
        border: 1px solid @brand-color-secondary !important;
      }
    }

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

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

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

@media (max-width: 767px) {
  .apply-page {
    .resume-group .drives .cloud-options-group ul {
      display: flex;
      justify-content: center;
      align-items: end;
    }
    .page2-attach-file > label {
      width: 120px !important;
      background-color: @brand-color-primary;
      color: @white;
      padding: 10px 20px;
    }
    .page2-attach-file > label:hover {
      width: 120px !important;
      background-color: @brand-color-primary;
      color: @white !important;
      padding: 10px 20px;
    }
    .resume-group .drives .resume-upload-wrapper .upload-resume-btn {
      margin-top: 0px !important;
      margin-bottom: 10px !important;
    }
    .navigation-summary {
      float: none !important;
      .slick-next {
        width: 0%;
        font-size: 0 !important;
      }
      .slick-prev {
        width: 0% !important;
        font-size: 0 !important;
      }
    }
  }
}
@media (min-width: 1025px) {
  .apply-page {
    .ph-apply-box {
      .pageTitle {
        font-family: "MontserratSemiBold";
        text-align: center;
        font-size: 30px;
        color: #000;
        line-height: normal;
        margin-bottom: 30px;
        h2 {
          font-size: 35px;
          display: inline-flex;
          a {
            padding-left: 15px;
            font-size: 18px;
          }
        }
      }
      .page2-attach-file > label {
        width: 120px !important;
        background-color: @brand-color-secondary;
        color: @white;
        padding: 10px 20px;
      }
      .page2-attach-file > label:hover {
        width: 120px !important;
        background-color: @brand-color-secondary;
        color: @white !important;
        padding: 10px 20px;
      }
      .error-msg {
        width: 50% !important;
        color: #000000;
        background: none;
        padding: 10px;
        margin-bottom: 20px;
        .errorHeader,
        .errorList {
          width: 70% !important;
        }
      }
    }
  }

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .apply-page .slick-initialized .slick-slide {
    margin-left: -5px !important;
  }
}
//error msg styles
.apply-page {
  .error-msg {
    .errorHeader,
    ul.errorList li,
    ul.errorList li a span,
    .errorList {
      text-decoration: none;
      margin-bottom: 10px;
      background: none;
    }
  }
}

.apply-page {
  .ph-apply-box {
    .options-block {
      .cloud-options {
        display: block;
        margin: 0px auto;
        padding: 30px 20px 30px 20px;
        border: 1px solid #808080;
        .resume_info {
          text-align: center;
          padding: 0;
        }
        .drives {
          justify-content: center;
          align-items: center;
          margin: 0 auto;
          padding: 0;
          //flex-direction: column;
          .apply-or-line {
            text-align: center;
            padding: 10px 0;
            .apply-or-box {
              background-color: white !important;
            }
          }
        }
      }
    }
    .terms-conditions .col .checkbox label {
      text-align: left;
    }
    .form-group .select:focus {
      border-color: @brand-color-primary;
    }
    .resume-group:hover {
      background-color: #fff;
    }
    .form-group select:active,
    .form-group select:hover,
    .form-group select:focus,
    .form-group textarea:hover,
    .form-group textarea:focus {
      border-color: #808080;
    }
  }
}
.apply-page {
  .async-field-object {
    .checkboxes {
      margin-left: 10px !important;
      .checkbox input[type="checkbox"] {
        // top: -19px !important;
        min-height: 20px !important;
        margin-left: -20px;
        margin-top: 0;
      }
    }
  }
}
.apply-page {
  .checkboxes > .checkbox > label:first-child {
    margin-top: 10px !important;
  }
}

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

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

.resume-group {
  .drives {
    .cloud-options-group ul {
      display: flex;
      align-items: end;
      list-style: none;
      margin-bottom: 0px !important;
      padding: 0;
      gap: 0 !important;
      li {
        .cloud-icon {
          margin: 0 10px;
        }
      }
    }
  }
}
ul.errorList li {
  list-style: disc;
  margin-left: 50px;
}

ul.errorList {
  li {
    color: #000000 !important;
    a {
      span {
        font-size: 16px;
        line-height: 21.98px;
        text-align: left;
        color: #000000 !important;
      }
    }
  }
}
.apply-page
  #breadcrumb-summary
  .slick-list
  .slick-track
  li.progress-current
  .number,
.apply-page
  #breadcrumb-summary
  .slick-list
  .slick-track
  li.progress-enable
  .number {
  top: 0;
  background: @brand-color-primary !important;
  color: var(--primary-color) !important;
  box-shadow: 0 0 0 4px @brand-color-primary, 0 0 0 5px @brand-color-primary !important;
  border: 4px solid @brand-color-primary !important;
}

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

.field-object {
  .daterangepicker-checkbox {
    text-align: right;
    #currentlyWorkHere {
      vertical-align: middle;
      margin: 0px 5px 3px 0 !important;
      padding-right: 10px;
      min-height: 15px;
    }
  }
}

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

.addln-object-single-row.custom-object {
  border: 1px solid #808080;
  padding: 20px;
  text-align: center;
  .addln-label {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #5a6872;
    width: 100%;
    text-align: center;
  }
}

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

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

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

.summary-item.experienceData-item table.experienceData-table th,
.summary-item.experienceData-item table.experienceData-table td,
.summary-item.educationData-item table.educationData-table th,
.summary-item.educationData-item table.educationData-table td,
.summary-item.languageData-item table.languageData-table th,
.summary-item.languageData-item table.languageData-table td {
  padding-right: 20px;
}
.form-group.field-string.markdown-as-header {
  margin: 0;
  .markdown {
    P {
      font-size: 20px;
      line-height: 30px;
      font-weight: 600;
      color: #5a6872;
      width: 100%;
    }
  }
}

#additionalAttachments {
  .form-group.field-string {
    width: 100%;
    .control-label {
      text-align: center;
      display: inline-block;
    }
  }
}

#additionalAttachments {
  .form-group.field-null {
    width: 100%;
    .control-label {
      text-align: center;
      display: inline-block;
    }
  }
}

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

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

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

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

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

.summary-heading {
  padding-right: 10px;
}
.object-field.undefined,
.object-field.phoneWidget {
  .object-field-header {
    display: none;
  }
}

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

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

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

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

.attachment-title {
  color: @brand-color-primary;
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  padding-bottom: 20px;
}
.apply-page .form-group {
  margin: 0 0 10px;
}

.attachment-files {
  text-align: center;
  #cover-letter-files-div {
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    li {
      .icon-delete {
        padding: 0 5px;
        top: -10px;
        position: relative;
        cursor: pointer;
      }
    }
  }
}

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

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

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

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

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

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

  .field-radio-group {
    .radio > label > span > input {
      top: 0px !important;
    }
  }
  .markdown {
    table {
      tbody {
        tr {
          border: 0 solid transparent;
        }
      }
    }
  }
  label {
    display: inline-block;
  }
  .attachment-container .or::before,
  .attachment-container .or::after,
  .apply-or-line .apply-or-box::before,
  .apply-or-line .apply-or-box::after {
    display: none;
  }
  .row.no-gutter.form-fields {
    margin-bottom: 0 !important;
  }

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

  #breadcrumb-summary {
    ul {
      li {
        a {
          margin-top: 6px;
          .number {
            top: 0px;
          }
        }
      }
    }
  }

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

  .ph-apply-box {
    .options-block.resume-group,
    .attachment-options {
      margin-top: 10px !important;
    }
    .attachment-wrapper {
      padding: 20px 20px 50px;
    }
  }

  .row {
    margin-bottom: 0;
  }

  .table-as-list {
    tbody {
      display: none;
    }
    thead {
      display: block;
    }
  }
  .summary-title h3,
  .object-field-header h3 {
    margin-bottom: 20px !important;
    font-size: 22px !important;
    color: #f1b82d;
  }

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

  .pdf.after-upload {
    gap: 0;
    justify-content: left !important;
    padding: 0;
    a {
      padding-right: 10px;
    }
  }
  .attachment-files {
    #cover-letter-files-div {
      li.pdf {
        background-position: 0px -110px !important;
      }
      li {
        background-image: url(https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png) !important;
        margin-top: 5px;
      }
      li.docx {
        background-position: 0px -55px !important;
      }
    }
  }
}

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

@media (min-width: 1025px) {
  .apply-page .ph-apply-box .rjsf .additional-attachment {
    width: 100% !important;
  }
  .apply-page {
    .ph-apply-box {
      .additional-attachment {
        display: flex;
        justify-content: center !important;
      }
      #phoneWidget-errorMsg {
        margin-left: 0 !important;
      }
    }
  }
}
.apply-page {
  .ph-apply-box {
    .rjsf {
      .form-group.async-field-object {
        .text-danger {
          //margin-left: 1% !important;
        }
      }
    }
    .summary {
      .summary-text {
        .summary-value {
          font-family: "LinotypeAvenirLTProBook";
          color: @brand-color-primary;
        }
      }
    }
    .attachment {
      border: none;
      padding: 0;
    }
    .fieldset #academic {
      border: 1px solid #000000;
      padding: 20px;
    }
  }
}

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

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

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

@media (min-width: 768px) and (max-width: 1024px) {
  .apply-page {
    .ph-apply-box {
      .navigation-summary {
        float: none !important;
        .slick-next {
          width: 10px !important;
        }
      }
      .drives {
        flex-direction: column;
        .cloud-options-group {
          ul {
            justify-content: center !important;
          }
        }
        .apply-or-line {
          margin-left: 0;
        }
      }
    }

    #breadcrumb-summary {
      .slick-slider {
        .slick-list {
          .slick-track {
            .slick-slide {
              width: 160px !important;
              text-align: left;
            }
          }
        }
      }
      .progress-current::after {
        left: 30%;
        background-color: #f1b82d;
      }
    }
    li.file-attachment {
      background: none !important;
      .file-label {
        border-radius: 5px;
      }
    }
  }
}

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

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

@media (min-width: 951px) {
  .navigation-summary .slick-prev:before,
  .navigation-summary .slick-next:before {
    display: none;
  }
}

@media (max-width: 1024px) {
  .apply-page {
    .navigation-summary {
      .slick-prev,
      .slick-next {
        font-size: 0 !important;
      }
    }
    .col-md-6 {
      width: 100%;
    }
    .remove-action {
      margin-top: 0;
      padding: 0;
      .array-button-remove {
        font-size: 0;
        border: 0;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        top: 25px;
        position: relative;
        text-align: center;
        &::before {
          content: "";
          height: 5px;
          width: 20px;
          background: red;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .apply-page {
    .body-wrapper {
      margin: 50px 0 0;
    }
    #additionalAttachments .form-group.cloud-icon {
      left: 44%;
    }

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

@media (max-width: 767px) {
  .navigation-summary .slick-list .slick-track li.slide.progress-current:after {
    left: 52% !important;
  }
  .apply-page {
    .resume-upload-wrapper {
      justify-content: center;
    }

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

    .remove-action {
      padding-left: 0 !important;
    }
    #additionalAttachments .form-group.cloud-icon {
      left: 43%;
    }

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

    h3 {
      font-size: 20px;
      line-height: 30px;
    }
    .summary-label {
      font-size: 14px;
    }

    #phoneWidget {
      .form-group.phone_field_block {
        margin-left: -8px;
        margin-right: -8px;
      }
    }
    #breadcrumb-summary {
      width: 90%;
    }
    .or {
      margin: 0;
    }

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

@media (max-width: 640px) {
  .apply-page button[type="submit"] {
    width: auto !important;
  }
  .cloud-options-group {
    li.linkedin-option,
    .js.guest {
      text-align: center;
      margin-bottom: 5px;
      margin-bottom: 0 !important;
    }
  }
}

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

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

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

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

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

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

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

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

// Offline Apply Less code Started

#offlineApply {
  text-align: center;
  margin-top: 100px;
  h1 {
    color: @brand-color-primary;
  }
}

// Offline Apply Less code End

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

.resume-group {
  .drives {
    li.linkedin-option {
      #applyAwliWidget {
        iframe {
          height: 85px !important;
        }
      }
    }
    .resume-upload-wrapper {
      padding: 0 0 10px;
    }
  }
}
.apply-page-thankyou #alreadyApplied {
  text-align: center;
  margin-top: 100px;
}

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

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

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

.apply-page .table-as-list tbody {
  display: block;
}
.apply-page .side-heading {
  font-family: "TradeGothicLTStd-BdCn20";
}

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

////Apply form chnages

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

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

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

///Apply page font and color changes

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

/////Disability Question  CHANGES

.apply-page {
  .disability-heading {
    h4 {
      text-align: center;
    }
  }
  .diversity {
    ul {
      li {
        list-style: disc;
      }
    }
  }
  #disabilityStatus {
    label {
      color: #272727;
      font-size: 16px;
    }
  }
  .form_CC_center {
    float: right;
  }
  #disabilityStatus-radio {
    color: #272727;
    font-size: 16px;
  }

  .voluntry_centerStyle {
    p {
      text-align: center;
    }
  }
  .horizonalLine_Adjust {
    border-top: 2px solid #272727;
  }
  .disQualify_name {
    label {
      color: #272727;
      font-size: 16px;
    }
  }
  .disQualify_date {
    label {
      color: #272727;
      font-size: 16px;
    }
  }
}

///Document chnages
.apply-page {
  .after-upload {
    padding-left: 40px !important;
    min-height: 46px;
    padding-top: 4px;
    background-image: url(https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png) !important;
    background-repeat: no-repeat;
    color: #404040;
    display: block !important;
  }
  span.checkmark {
    color: red;
  }
  button#array-button-add-experienceData,
  button#array-button-add-educationData,
  .array-button-add {
    background: #f1b82d;
    border: 1px solid #f1b82d;
    color: #fff;
    padding: 10px;
  }
  .array-button-remove {
    background: #f1b82d;
    border: 1px solid #f1b82d;
    color: #fff;
    padding: 10px;
  }
  #breadcrumb-summary {
    .slick-list {
      .slick-track {
        li.progress-current {
          .number {
            background: @brand-color-secondary !important;
            color: #f1b82d !important;
            box-shadow: 0 0 0 4px #f1b82d, 0 0 0 5px #f1b82d !important;
            border: 4px solid #f1b82d !important;
          }
        }
        li.progress-enable {
          .number {
            background: @brand-color-secondary !important;
            color: #f1b82d !important;
            box-shadow: 0 0 0 4px #f1b82d, 0 0 0 5px #f1b82d !important;
            border: 4px solid #f1b82d !important;
          }
        }
      }
    }
    .progress-enable.progress-complete {
      &:after {
        background: @brand-color-secondary !important;
        transition: border-color 0.5s ease-in-out;
      }
    }
  }
  div#workShifts {
    .checkbox {
      label {
        span {
          input {
            min-height: 4px !important;
          }
        }
      }
    }
  }
  .checkboxes {
    margin-left: 16px !important;
  }
  span.summary-heading {
    font-size: 22px !important;
    color: #f1b82d;
  }
  .summary-title {
    h3 {
      font-size: 22px !important;
      color: #f1b82d;
    }
  }
  .form-group.field.field-string.side-heading {
    .markdown {
      p {
        color: #f1b82d;
        font-family: "ProximaNova-Regular";
      }
    }
  }
  @media screen and (max-width: 1024px) {
    .checkbox input[type="checkbox"] {
      margin-top: 0px !important;
    }
  }
  label {
    color: @brand-color-primary;
  }
  .iframepanel {
    font-family: 'ProximaNova-Regular' !important;
    font-size: 14px !important;
    padding: 20px 10px;
}
  .external-job {
    padding-top: 68px;
  }
  .job-summary span {
      color: @brand-color-primary;
  }
  .checkbox input[type="checkbox"] {
    position: absolute!important;
    margin-left: -8px !important;
    margin-top: 3px !important;
}
.field-array .checkbox input[type="checkbox"] {
  position: absolute !important;
  margin-left: -26px !important;
  margin-top: 3px !important;
}
.form-group.field.field-boolean.is-valid .checkbox span {
  padding-left: 15px;
}
input#smsOptIn {
    position: absolute;
    top: -2px !important;
    left: 10px !important;
}

.radio, .checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.form-group.field.field-string.foo.row.date-range-picker {
  width: 100% !important;
  display: block !important;
}
.form-group input, .form-group textarea, .form-group select {
  min-height: 0px !important; 
  margin-right: 5px;
}
}
@media (max-width: 767px) {
  .apply-page .custom-object .remove-action {
      padding-left: 0 !important;
      width: 8.333%;
  }
  .array-button-remove {
    min-height: 35px !important;
    min-width: 35px !important;
  }
}
.fileAttachments .object-field-header {
  display: none !important;
}
.object-field.fileAttachments .summary-label {
  display: none !important;
}
.apply-page .remove-action{
  position: inherit !important;
    left: 0px !important;
    margin-top: 10px;
    top:0px !important;
    display: block;
    width: 100%;
}
/*Apply Styling*/
#breadcrumb-summary .slick-list .slick-track li.progress-current .number, #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
    background: #6E9934 !important;
    color: #6E9934 !important;
    box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
    border: 4px solid var(--primary-color) !important;
}
#breadcrumb-summary .slick-list .slick-track li.progress-current .number, #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
    background: #6E9934 !important;
    color: #6E9934 !important;
    box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
    border: 4px solid var(--primary-color) !important;
}
#breadcrumb-summary .slick-list .slick-track li.progress-current .number, #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
    background: #6E9934 !important;
    color: #6E9934 !important;
    box-shadow: 0 0 0 4px #6E9934, 0 0 0 5px #6E9934 !important;
    border: 4px solid #6E9934 !important;
}
.navigation-summary .slick-list .slick-track li:last-child:after {
    border-right: 0px solid #bfbfbf !important;
    border-color: #6E9934 !important;
}
.form-playground, .phenom-form-container {
    --primary-color: #6E9934 !important;
}
#breadcrumb-summary ul li a .title {
    font-size: 13px;
    display: block;
    overflow-wrap: break-word;
    line-height: 1.3em;
    padding-top: 15px;
    color: #6E9934 !important;
    cursor: pointer;
}
#breadcrumb-summary ul li a {
    width: 90px;
    display: inline-block;
    position: relative;
    height: 70px;
    text-align: center;
    margin-top: 3px !important;
    outline: 0;
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .navigation-summary {
        .slick-prev {
            width: auto;
            display: inline-block;
            margin-top: 2px;
            font-size: 12px !important;
            padding: 6px !important;
            color: #ffffff !important;
            font-family: 'Helvetica' !important;
        }
    }
}
.navigation-summary {
    .slick-prev {
        background: #6E9934;
    }
}
@media only screen and (max-width: 767px) {
    .navigation-summary {
        .slick-next {
            width: auto;
            display: inline-block;
            margin-top: 2px;
            font-size: 12px !important;
            padding: 6px !important;
            background: #6E9934 !important;
            color: #ffffff !important;
            font-family: 'Helvetica' !important;
        }
    }
}

.resume-group .drives {
    width: 100%;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}
.resume-group {
    & .drives {
        .resume-upload-wrapper {
            padding: 0 0 0px !important;
        }
    }
}
.resume-group .drives .apply-or-line {
    display: flex;
    align-items: center;
    /* justify-content: center !important; */
    /* flex-direction: column !important; */
    padding-top: 10px !important;
}
.apply-or-line {
    padding-top: 10px !important;
}
.resume-section {
    border: 1px solid #393939 !important;
}
.error, .required {
    color: #c31313 !important;
}
#breadcrumb-summary .slick-list .slick-track li.progress-current .number, #breadcrumb-summary .slick-list .slick-track li.progress-enable span.number {
    background: #6E9934 !important;
    color: #6E9934 !important;
    box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
    border: 4px solid var(--primary-color) !important;
}
.phenom-form-container #breadcrumb-summary .progress-enable.progress-complete:after {
    background-color: #6E9934 !important;
}
.ph-apply-box .phenom-form-container div#breadcrumb-summary ul.progressbarlist.breadcrumb-list .slick-list .slick-track .slick-slide.slick-active li.slide.slick-slide.slick-active::after {
    border-right: 0px !important;
    border-color: #6E9934 !important;
}

.form-group.field.field-string {
    font-family: 'Helvetica' !important;
    color: #393939 !important;
}
label {
    color: #393939 !important;
    font-size: 14px;
}
input.form-control, select.form-control {
    color: #393939 !important;
    font-size: 14px;
    border: 1px solid gray;
    height: 40px;
    width: 100%;
    background-color: transparent;
    font-family: 'Helvetica' !important;
}
.form-group.field.field-string {
    & .checkbox {
        label {
            padding-left: 0px !important;
        }
    }
}
.resume-group .upload-resume-btn {
    font-size: 16px !important;
    background: #6E9934 !important;
    min-height: 39px;
    margin-top: 6px;
    padding: 0px 16px;
    color: white !important;
    /* text-decoration: underline; */
    cursor: pointer;
    border: 1px solid #6E9934 !important;
    height: auto;
    font-family: 'Helvetica' !important;
}
.resume-group .drives {
    width: 100%;
    display: flex;
    align-items: flex-end !important;
}
.resume-group .upload-resume-btn {
    margin-top:0px !important;
}
button.btn-navigate {
    color: #ffffff;
    background: #6E9934;
    font-size: 12px;
    border: 1px solid #6E9934;
    height: 50px;
    line-height: 18px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 16px !important;
}
button.btn-navigate {
    margin-bottom: 0px !important;
}
navigation-summary {
    & .slick-prev {
        &:before {
            content: none !important;
            font-size: 20px;
            color: @darkar;
            font-family: "platform-font";
        }
    }
}
.navigation-summary {
    & .slick-next {
        &:before {
            content: none !important;
            font-size: 20px;
            color: @darkar;
            font-family: "platform-font";
        }
    }
}
@media only screen and (max-width: 767px) {
    .navigation-summary {
        margin-top: 10px !important;
    }
}
.resume-group .resume_info {
    padding-left: 0px !important;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}
@media only screen and (max-width: 640px) {
    .resume-group .drives {
        flex-wrap: wrap;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center ! IMPORTANT;
    }
}
.resume-upload-wrapper button.upload-resume-btn.btn.primary-button {
    background: #6E9934 !important;
    border-color: #6E9934 !important;
    font-family: 'Helvetica' !important;
}
.form-group.field.field-string {
    & .checkbox {
        & label {
            .checkbox-control {
                position: inherit;
                vertical-align: middle;
                display: inline-block;
                margin: 0px 0px 0px 0px !important;
                min-height: 16px;
            }
        }
    }
}
span.checkmark {
    padding-left: 30px !important;
    color: #c31313 !important;
}
.field-object .daterangepicker-checkbox {
    text-align: left;
    display: flex !important;
}
span.checkboxText {
    padding-left: 10px !important;
}
.text-danger {
    color: #c31313;
    font-size: 15px;
}
.array-button-add {
    padding: 2px 6px !important;
    min-width: 100px;
    border: 1px solid #EFEFEF;
    color: #ffffff !important;
    background: #6E9934 !important;
    font-size: 14px !important;
    font-family: 'Helvetica' !important;
}
.remove-action .array-button-remove {
    background: #6E9934 !important;
    border: 1px solid #6E9934 !important;
}
.phw-container>.ph-apply-box .row .col-1, .phw-container>.ph-jtc-box .row .col-1, .phw-container>.ph-event-box .row .col-1, .phw-grid .col-1, .phw-container>.ph-apply-box .row .g-col-1, .phw-container>.ph-jtc-box .row .g-col-1, .phw-container>.ph-event-box .row .g-col-1, .phw-grid .g-col-1 {
    grid-column: auto / span 12 !important;
}
button.btn-navigate {
    color: #ffffff;
    background: #6E9934 !important;
    font-size: 12px;
    border: 1px solid #6E9934 !important;
    height: 50px;
    line-height: 18px;
    font-family: 'Helvetica' !important;
}
.remove-action .array-button-remove {
    background: #6E9934 !important;
    border: 1px solid #6E9934 !important;
    /* width: 100px !important; */
    font-size: 14px !important;
    font-family: 'Helvetica' !important;
}
.array-button-add {
    padding: 2px 6px !important;
    min-width: 100px;
    border: 1px solid #EFEFEF;
    color: #ffffff !important;
    background: #6E9934 !important;
    font-size: 14px !important;
    font-family: 'Helvetica' !important;
}
button.btn-navigate:hover {
    color: #ffffff;
    background: #6E9934;
}
@media only screen and (max-width: 640px) {
    button[type=submit] {
        float: unset;
        width: auto !important;
    }
}
.markdown-as-title p, .custom-object .field-description {
    color: #6E9934 !important;
    font-size: 22px;
}
.form-group.field.field-string.two-line-field.markdown-no-padding.selfIdentity .markdown p {
    text-align: left !important;
}
.form-group.field.field-array div#race .checkbox span.checkmark {
    padding-left: 10px !important;
}
.navigation-summary {
    & .slick-prev {
        &:before {
            content: none !important;
            font-size: 20px;
            color: @darkar;
            font-family: "platform-font";
        }
    }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .navigation-summary {
        .slick-prev {
            width: auto;
            display: inline-block;
            margin-top: 2px;
            font-size: 12px !important;
            color: #ffffff !important;
            font-family: 'helevectia' !important;
            padding: 6px !important;
            margin-top: 10px !important;
        }
    }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .navigation-summary {
        .slick-next {
            width: auto;
            display: inline-block;
            margin-top: -33px !important;
            font-size: 16px !important;
            background: #6E9934 !important;
            color: #ffffff !important;
            font-size: 14px !important;
            padding: 5px !important;
            font-family: "helevectia" !important;
        }
    }
}
#breadcrumb-summary .slick-slider .slick-list {
    margin-left: 0px !important;
}
.ph-apply-box .text-danger {
    color: #c31313 !important;
    font-size: 15px;
}
.remove-action .remove-icon:before {
    content: none !important;
    font-family: "platform-font" !important;
    color: #ffffff !important;
    font-size: 12px;
    position: relative;
    top: 5px;
}
.remove-action .remove-icon {
    font-size: 24px !important;
    position: relative;
    top: -3px;
}
.add-icon {
    margin-right: 0px !important;
}
@media only screen and (max-width: 640px) {
    .navigation.workAndEducation-step button[type=submit] {
        float: unset;
        width: auto !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .navigation-summary {
        .slick-list {
            margin: 0;
            width: 95% !important;
            display: inline-block;
        }
    }
}

@media only screen and (min-width: 768px) and (max-width: 950px) {
    .navigation-summary {
        .slick-next {
            margin-top:0px !important;
        }
    }
}
.form-group.field.field-string.two-line-field.complete-form a {
  color: #6E9934 !important;
}
.summary-title h3, .object-field-header h3 {
    color: #6E9934;
    font-weight: 400 !important;
    margin-bottom: 30px !important;
    font-size: 20px !important;
    font-family: 'Caecilia' !important;
    font-weight: 600 !important;
}
button.btn.primary-button.btn-submit {
    border-color: #6E9934 !important;
    color: #ffffff !important;
    background-color: #6E9934 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: 'Helvetica';
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.summary-value {
    color: #000000;
    font-size: 15px;
    font-weight: Bold;
    line-height: 18px;
    word-break: break-all;
    opacity: 0.7;
    padding: 5px 0 15px 0;
    font-family: 'Helvetica' !important;
}
label#reviewDesc-label {
    font-family: 'Helvetica' !important;
}
p {
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--cms-g-roboto);
    font-weight: 300;
    font-family: 'Helvetica' !important;
}
input#fileUpload {
  padding-left: 10px !important;
}
.apply-or-line>span:before {
  content: "";
  position: absolute;
  display: block;
  top: 12px;
  left: -2px;
  width: 18px;
  height: 0px !important;
  background-color: #000;
}
.apply-or-line>span:after {
  content: "";
  position: absolute;
  display: block;
  top: 12px;
  right: -2px;
  width: 18px;
  height: 0px !important;
  background-color: #000;
}
.resume-upload-wrapper button.upload-resume-btn.btn.primary-button:hover {
  color: #ffffff !important;
}
i.skydrive.cloud-icon {
  margin-right: 0px ! IMPORTANT;
}
div {
  font-family: 'Helvetica' !important;
}
.checkbox span.required {
  padding-left: 10px !important;
}
.phw-container>.ph-jtc-box .btn:hover, .phw-container>.ph-apply-box .btn:hover, .phw-btn:hover {
  border-color: var(--btn-hover-border-color);
  text-decoration: var(--btn-hover-decoration);
  color: #ffffff !important;
  font-family: 'Helvetica' !important;
}
.error-msg ul.errorList li {
  /* color: red !important; */
  list-style-type: none !important;
  /* padding-left: 0px !important; */
}
.error-msg ul.errorList a {
  text-decoration: none !important;
  /* padding-left: 0px !important; */
}
.error-msg ul.errorList {
  & li {
      & a {
          span {
              font-size: 16px;
              line-height: 21.98px;
              text-align: left;
              color: #c31313 !important;
              text-decoration: none !important;
          }
      }
  }
}
.error-msg ul.errorList {
  padding-left: 0px !important;
}
.checkbox span.required {
  padding-left: 16px !important;
}
.checkbox input[type="checkbox"] {
  position: absolute !important;
  margin-left: -10px !important;
  margin-top: -1px !important;
}
.summary-heading {
  padding-right: 10px;
  color: #6E9934 !important;
  font-size: 24px !important;
}
.object-field.PersonalMobilePhone .object-field-header h3 {
  color: #6E9934 !important;
  font-size: 24px !important;
  margin-bottom: 6px !important;
}
.summary .summary-title h3 {
  margin-bottom: 10px !important;
}
.navigation.personalInformation-step button.btn-navigate:focus {
  color: #ffffff !important;
}
ul.errorList li {
  list-style: disc;
  margin-left: 0px !important;
}
@media only screen and (max-width: 640px) {
  .navigation.workExperience-step button[type=submit] {
      float: unset;
      width: auto !important;
  }
}
@media only screen and (max-width: 640px) {
  .navigation.-step button[type=submit] {
      float: unset;
      width: auto !important;
  }
}
@media only screen and (max-width: 640px) {
  .navigation.summary-step button[type=submit] {
      float: unset;
      width: auto !important;
  }
}
button.btn.primary-button.btn-submit {
  font-size: 16px !important;
}
button.btn {
  color: #ffffff;
  background: #6E9934 !important;
  font-size: 12px;
  border: 1px solid gray;
  height: 50px;
  float: left;
}
section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-object.custom-object .form-group.field.field-string.foo .markdown p {
  color: #393939 !important;
}
section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-object.foo .form-group.field.field-string.foo .markdown p {
  color: #393939 !important;
}
section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-string.foo .markdown {
  color: #6E9934 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 14px !important;
}
section.phw-widget.phw-widget-ctr .phw-container .ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job form.rjsf .row.no-gutter.form-fields .col-md-12 .form-group.field.field-string.foo .markdown li {
  color: #393939 !important;
  font-weight: normal;
  font-family: 'Helvetica' !important;
}
fieldset#disability_heading_self_identity11 p#disability_heading_self_identity11__description {
  color: #6E9934 !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  font-family: "helivectia" !important;
}
.navigation-summary .slick-list .slick-track li:last-child:after {
  border-right: 350px solid #bfbfbf !important;
  border-right: none !important;
}
.phenom-form-container #breadcrumb-summary .progress-enable.progress-complete:after {
  background-color: #6E9934 !important;
  border-right: none !important;
}
.phenom-form-container .wrapper .container{
  text-align: center !important;
}
.phenom-form-container .wrapper .container .site-down .row .col-md-8 {
  text-align: center !important;
  align-items: center !important;
  grid-column: auto / span 12 !important;
  width: 100% !important;
}
.phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-left {
  text-align: center !important;
}
.fa-arrow-right {
  background-image: url(https://static.imomentous.com/CareerConnectResources/PHENA0059/img/sitedown.png);
  background-repeat: no-repeat;
  background-position: 0 -164px;
  height: 0px !important;
  width: 0px !important;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px !important;
}
.heading {
  color: #6E9934;
  font-family: 'Helvetica' !important;
}
.out-f-ser-text {
  color: #393939 !important;
  font-size: 32px;
  font-weight: 200;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: 'Helvetica' !important;
}
.phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-left {
  text-align: center !important;
}
.phenom-form-container .wrapper .container .site-down .row .col-md-8 .text-lef .heading p{
  font-family: 'Helvetica' !important;
}
@media only screen and (max-width: 1919.98px) {
  .phw-container>.ph-apply-box .row .col-md-4, .phw-container>.ph-jtc-box .row .col-md-4, .phw-container>.ph-event-box .row .col-md-4, .phw-grid .col-md-4, .phw-container>.ph-apply-box .row .g-col-xl-4, .phw-container>.ph-jtc-box .row .g-col-xl-4, .phw-container>.ph-event-box .row .g-col-xl-4, .phw-grid .g-col-xl-4 {
      grid-column: auto / span 12 !important;
  }
}
.col-md-4 {
  width: 100% !important;
}
.out-f-ser-icon {
  background: url(https://static.imomentous.com/CareerConnectResources/PHENA0059/img/sitedown.png);
  display: inline-block;
  width: 0px !important;
  height: 0px !important;
  color: #393939 !important;
}
.btn-white:hover, .form_captcha_refresh .form_button:hover, .btn-white a:hover, .btn-white:active, .form_captcha_refresh .form_button:active, .btn-white, .form_captcha_refresh .form_button, .btn-white {
  color: #fff;
  background: #6E9934;
  border: 0px solid #6E9934;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  padding: 0.6em 1em 0.6em 1em !important;
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
  color: #ffffff !important;
}
.heading {
  color: #6E9934 !important;
  font-family: 'Helvetica' !important;
}
.text-right {
  text-align: center !important;
}
button.btn.primary-button.btn-submit:active {
  height: 51px !important;
}
.summary .summary-section.Personal-Information.personalInformation .object-field.personalMobilePhone .object-field-header h3 {
  color: #6E9934 !important;
  font-family: 'Caecilia' !important;
  font-size: 24px !important;
}
.ph-apply-box {
  & .resume-group {
      & .drives {
          .resume-upload-wrapper {
              padding: 0 0 10px !important;
          }
      }
  }
}
.ph-apply-box {
  .resume-group .drives .apply-or-line {
      display: flex;
      align-items: center;
      /* justify-content: center !important; */
      /* flex-direction: column !important; */
      padding-top: 0px !important;
      padding-bottom: 10px !important;
  }
}
.ph-apply-box {
  #breadcrumb-summary .slick-list .slick-track li.progress-current .number, #breadcrumb-summary .slick-list .slick-track li.progress-enable span.number {
      background: #6E9934 !important;
      color: #6E9934 !important;
      box-shadow: 0 0 0 4px var(--primary-color), 0 0 0 5px var(--primary-color) !important;
      border: 4px solid var(--primary-color) !important;
      padding: 1px !important;
      margin-top: 9px !important;
  }
}
div#fileUpload .attachment .attachment-container ul.attachment-options li .or {
  display: none !important;
}
div#fileUpload .attachment .attachment-container ul.attachment-options li.file-attachment label.file-label {
  color: #fff !important;
  background-color: #6E9934 !important;
  padding: 10px 20px;
  text-decoration: none !important;
  border-radius: 5px;
  font-size: 16px !important;
  min-height: 39px;
  cursor: pointer;
  line-height: 28px;
}
form.rjsf .form-group.field.field-object.is-valid .form-group.field.field-array div#race .checkbox {
  padding-top: 8px !important;
}
form.rjsf .form-group.field.field-object.is-valid .form-group.field.field-array div#race .checkbox input#race_0 {
  margin-left: -22px !important;
  margin-top: 1px !important;
}
.ph-apply-box .phenom-form-container .form-wrapper.widget-container .external-job div#breadcrumb-summary ul.progressbarlist.breadcrumb-list .slick-slider.slick-initialized .slick-list .slick-track .slick-slide.slick-active li.slide.slick-slide.slick-active.progress-complete.progress-enable a span.number {
  padding: 1px !important;
  margin-top: 9px !important;
}
.ph-apply-box {
& .resume-group {
    & .drives {
        .resume-upload-wrapper {
            padding: 0 0 0px !important;
        }
    }
}
}
.ph-apply-box {
.resume-group .drives .apply-or-line {
    display: flex;
    align-items: center;
    /* justify-content: center !important; */
    /* flex-direction: column !important; */
    padding-top: 0px !important;
    padding-bottom: 3px !important;
}
}
label.resume-size {
margin-bottom: 0px !important;
}
a.deleteFile:before {
content: "Delete ";
color: #6E9934 !important;
font-weight: bold;
margin-left: 0px !important;
}
.pdf.after-upload a.deleteFile:before {
  margin-left: 0px !important;
}
.resume-section .has-resume.resume-info .pdf.after-upload {
  padding-left: 0px !important;
}
.row.no-gutter.form-fields {
  margin-bottom: 0px !important;
}
ul#personalMobilePhone-errorMsg {
  margin-top: -7px !important;
}
button.btn.primary-button.btn-submit:disabled {
    height: 51px !important;
}
.phw-container>.ph-apply-box .btn:active{
      color: #ffffff !important;
    }
  .phw-container>.ph-apply-box .btn:focus{
      color: #ffffff !important;
  }
  li.docx {
background-image: url("https://static-im.phenompeople.com/CareerConnectResources/resumeupload/uploadicons.png") !important;
}
.im-apply-page .docx.after-upload, .im-apply-page .txt.after-upload, .im-apply-page .pdf.after-upload, .im-apply-page .doc.after-upload {
  justify-content: center !important;
}
@media only screen and (max-width: 640px) {
    button#next {
        float: unset;
        width: auto !important;
    }
}
.navigation-summary {
    .slick-prev {
        background: #6E9934 !important;
    }
}
@media only screen and (max-width: 360px) {
.slick-list {
  padding-top: 12px !important;
}
}
.docx {
    background-position: 0 -65px;
    margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    li.file-attachment {
        height: 50px !important;
        background: none !important;
        margin-left: 20px !important;
    }
}
}
ul.attachment-options li.file-attachment {
    margin-top: 0px !important;
}
div#fileUpload .attachment .attachment-container ul.attachment-options li.file-attachment {
    background: none !important;
}
div#fileUpload .attachment .attachment-container ul.attachment-options {
    margin-top: 10px !important;
}
.form-group.field.field-object .summary .summary-section.Work-Experience.workExperience .summary-text .object-field.experienceData .object-field-header h3 {
    display: none !important;
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 767px){
.event {
}
}