/**
* Extend from core
*  - Adding size xls(Define tablet 1024px)
*/
.account-banner {
  border-bottom: 1px solid #f1f1f1; }
  .account-banner .container {
    padding-right: 16px;
    padding-left: 16px; }
    @media (min-width: 1200px) {
      .account-banner .container {
        padding-right: 72px;
        padding-left: 72px; } }
    @media (min-width: 1400px) {
      .account-banner .container {
        max-width: 1400px; } }
  .account-banner .page-title {
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: normal;
    color: #1b1c1e; }
    .account-banner .page-title.egift-card {
      padding-bottom: 0;
      margin-bottom: 0.5rem; }
  .account-banner .breadcrumb {
    background-color: #fff;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    margin-bottom: 0;
    border-bottom: 0; }
    .account-banner .breadcrumb a {
      color: #595959;
      font-size: 12px; }
  .account-banner .back-to-coupon,
  .account-banner .back-to-purchase,
  .account-banner .back-to-setting,
  .account-banner .back-to-account {
    margin: 40px 0; }
    .account-banner .back-to-coupon a,
    .account-banner .back-to-purchase a,
    .account-banner .back-to-setting a,
    .account-banner .back-to-account a {
      display: block;
      background-image: url("../../icons/back-left-arrow.svg");
      background-color: white;
      background-repeat: no-repeat;
      background-size: 18px;
      background-position: 0 center;
      color: #000;
      padding-left: 32px; }
  .account-banner .back-to-account .page-title {
    line-height: 30px;
    margin-top: 10px;
    font-weight: 300; }

.tracer-wrapper {
  padding-bottom: 5rem; }
  .tracer-wrapper .container {
    padding-right: 16px;
    padding-left: 16px; }
    @media (min-width: 1200px) {
      .tracer-wrapper .container {
        padding-right: 72px;
        padding-left: 72px; } }
    @media (min-width: 1400px) {
      .tracer-wrapper .container {
        max-width: 1400px; } }
  .tracer-wrapper .account-banner {
    margin-top: 20px;
    border: 0; }
    @media (min-width: 768px) {
      .tracer-wrapper .account-banner {
        margin-top: 0; } }
    .tracer-wrapper .account-banner .breadcrumb {
      margin-bottom: 6px;
      display: none; }
      @media (min-width: 768px) {
        .tracer-wrapper .account-banner .breadcrumb {
          display: -ms-flexbox;
          display: flex; } }
  .tracer-wrapper .top-info,
  .tracer-wrapper .tracer-success-registration {
    margin-top: 1rem; }
    .tracer-wrapper .top-info h4,
    .tracer-wrapper .tracer-success-registration h4 {
      line-height: 30px;
      color: #1b1c1e;
      font-size: 24px;
      font-weight: 300; }
      @media (min-width: 992px) {
        .tracer-wrapper .top-info h4,
        .tracer-wrapper .tracer-success-registration h4 {
          font-size: 30px; } }
    .tracer-wrapper .top-info p,
    .tracer-wrapper .tracer-success-registration p {
      padding: 1.5rem 0;
      line-height: 19px;
      margin-bottom: 0; }
    .tracer-wrapper .top-info .service-contact,
    .tracer-wrapper .tracer-success-registration .service-contact {
      padding-top: 0; }
  .tracer-wrapper .top-info {
    max-width: 700px; }
  .tracer-wrapper a:hover {
    color: #bb2131; }
  .tracer-wrapper .tracer-success-registration {
    margin-left: 0; }
    .tracer-wrapper .tracer-success-registration p {
      font-size: 16px;
      line-height: 50px;
      font-weight: 400;
      padding: 0; }
    .tracer-wrapper .tracer-success-registration .title {
      font-size: 20px; }
    .tracer-wrapper .tracer-success-registration .btn-primary {
      display: inline-block;
      cursor: pointer;
      min-width: 137px;
      height: 44px;
      text-align: center;
      transition: 0.3s ease all;
      text-transform: capitalize;
      position: relative;
      z-index: 1;
      line-height: 16px;
      padding-top: 8px;
      padding-bottom: 8px;
      color: #fff;
      border-radius: 0;
      border: 1px solid #1b1c1e;
      background-color: #1b1c1e;
      padding: 0.892rem 1rem;
      width: 60%;
      margin-top: 30px;
      margin-right: 20px;
      padding-left: 0;
      padding-right: 0; }
      .tracer-wrapper .tracer-success-registration .btn-primary:hover, .tracer-wrapper .tracer-success-registration .btn-primary:focus, .tracer-wrapper .tracer-success-registration .btn-primary:active {
        color: #fff;
        border-color: #595959;
        background-color: #595959;
        box-shadow: none; }
      .tracer-wrapper .tracer-success-registration .btn-primary:disabled {
        background-color: #ccc; }
      @media (min-width: 768px) {
        .tracer-wrapper .tracer-success-registration .btn-primary {
          width: 35%; } }
      @media (min-width: 1200px) {
        .tracer-wrapper .tracer-success-registration .btn-primary {
          width: 20%; } }
    .tracer-wrapper .tracer-success-registration .btn-secondary {
      display: inline-block;
      cursor: pointer;
      min-width: 137px;
      height: 44px;
      text-align: center;
      transition: 0.3s ease all;
      text-transform: capitalize;
      position: relative;
      z-index: 1;
      line-height: 16px;
      padding-top: 8px;
      padding-bottom: 8px;
      color: #1b1c1e;
      border: 1px solid #1b1c1e;
      background-color: #fff;
      padding: 0.892rem 1rem;
      width: 60%;
      margin-top: 10px;
      padding-left: 0;
      padding-right: 0; }
      .tracer-wrapper .tracer-success-registration .btn-secondary:hover, .tracer-wrapper .tracer-success-registration .btn-secondary:focus, .tracer-wrapper .tracer-success-registration .btn-secondary:active {
        color: #595959 !important;
        border-color: #595959;
        background-color: #fff; }
      @media (min-width: 768px) {
        .tracer-wrapper .tracer-success-registration .btn-secondary {
          width: 35%; } }
      @media (min-width: 1200px) {
        .tracer-wrapper .tracer-success-registration .btn-secondary {
          width: 20%; } }
  .tracer-wrapper .product-section .title {
    font-weight: 500; }
  .tracer-wrapper .product-section .tracer-number-select {
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 768px) {
      .tracer-wrapper .product-section .tracer-number-select {
        width: 200%; } }
    .tracer-wrapper .product-section .tracer-number-select .select-msg {
      line-height: 20px;
      padding-left: 3px; }
      @media (min-width: 768px) {
        .tracer-wrapper .product-section .tracer-number-select .select-msg {
          padding-top: 10px; } }
  .tracer-wrapper .product-section .number-of-product {
    max-width: 20%; }
  @media (min-width: 768px) {
    .tracer-wrapper .product-section .veil {
      width: 200%; } }
  .tracer-wrapper .product-title,
  .tracer-wrapper .profile-title {
    display: -ms-flexbox;
    display: flex;
    color: #595959;
    font-size: 16px;
    border-top: 1px solid #f1f1f1;
    padding-top: 2rem;
    text-transform: uppercase;
    font-weight: 300; }
    .tracer-wrapper .product-title span,
    .tracer-wrapper .profile-title span {
      width: 30px;
      height: 30px;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      border-radius: 100%;
      border: 1px solid #595959;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-right: 10px; }
    .tracer-wrapper .product-title p,
    .tracer-wrapper .profile-title p {
      font-size: 24px;
      width: 85%; }
  .tracer-wrapper .profile-section {
    padding-top: 3rem;
    padding-bottom: 3rem; }
    .tracer-wrapper .profile-section .tracer-register-form .form-group.email-subscription {
      display: none; }
    .tracer-wrapper .profile-section .tracer-register-form .form-group.upload {
      margin-top: 1.5rem; }
      .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .sub-title {
        margin-bottom: unset; }
      .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .section-file {
        min-height: 33px; }
      .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .section-title {
        font-size: 17px; }
      .tracer-wrapper .profile-section .tracer-register-form .form-group.upload:has(.form-control.is-invalid) .invalid-feedback {
        display: inline-block;
        padding: 7px;
        font-size: 15px;
        background: #ffeff0;
        border: 1px solid #cc709c;
        color: #1b1c1e;
        margin-top: unset; }
      .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-filename {
        width: 100%;
        font-size: 15px;
        background-color: #f1f1f1;
        padding: 8px;
        position: relative;
        padding-right: 3rem;
        word-break: break-all; }
        .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-filename .close-button {
          position: absolute;
          height: 100%;
          right: 25px;
          top: 0; }
          .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-filename .close-button button {
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
      .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-container {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        cursor: pointer; }
        .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-container .upload-btn {
          padding: 12px;
          background: transparent;
          color: #333;
          border-radius: 1px;
          text-align: center;
          border: 1px solid #333;
          font-size: 13px; }
          @media (min-width: 768px) {
            .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-container .upload-btn {
              min-width: 135px;
              font-size: 15px; } }
        .tracer-wrapper .profile-section .tracer-register-form .form-group.upload .upload-container::after {
          content: ''; }
    .tracer-wrapper .profile-section .form-group,
    .tracer-wrapper .profile-section .bottom-action,
    .tracer-wrapper .profile-section .enter-info-msg {
      display: none;
      margin-top: 2rem; }
    .tracer-wrapper .profile-section.active .form-group,
    .tracer-wrapper .profile-section.active .bottom-action,
    .tracer-wrapper .profile-section.active .enter-info-msg {
      display: block; }
    .tracer-wrapper .profile-section.active .upload {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .tracer-wrapper .profile-section.active .wait-active {
      display: none; }
    .tracer-wrapper .profile-section .wait-active {
      padding-top: 2rem;
      padding-left: 1.071rem;
      border-bottom: 1px solid #999;
      padding-bottom: 3rem;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .tracer-wrapper .profile-section .wait-active {
          padding-left: 0;
          margin-left: 2rem; } }
    @media (min-width: 768px) {
      .tracer-wrapper .profile-section .enter-info-msg {
        margin-left: 40px;
        width: 200%; } }
    @media (min-width: 768px) {
      .tracer-wrapper .profile-section .bottom-action p {
        width: 200%; } }
    .tracer-wrapper .profile-section .bottom-action .btn {
      margin-top: 2rem; }
    .tracer-wrapper .profile-section .bottom-action .link-underline {
      text-decoration: underline; }
    .tracer-wrapper .profile-section label {
      font-size: 12px; }
    @media (min-width: 768px) {
      .tracer-wrapper .profile-section .veil {
        width: 200%; } }
  @media (min-width: 768px) {
    .tracer-wrapper form {
      margin-left: 40px; } }
  .tracer-wrapper form .form-group {
    margin-bottom: 20px; }
    .tracer-wrapper form .form-group .form-control:-webkit-autofill {
      box-shadow: 0 0 0 30px #fff inset !important;
      background-color: transparent;
      animation-name: autofill;
      animation-fill-mode: both; }
    .tracer-wrapper form .form-group.email-subscription {
      margin-top: 2rem;
      font-size: 14px; }
      .tracer-wrapper form .form-group.email-subscription input {
        height: auto; }
    .tracer-wrapper form .form-group:not(.email-subscription).required label::after, .tracer-wrapper form .form-group:not(.upload).required label::after {
      content: '*';
      position: absolute; }
    .tracer-wrapper form .form-group.form-field-group .form-control-label::after {
      content: '' !important; }
  .tracer-wrapper form .action-block {
    margin-bottom: 0; }
  .tracer-wrapper .btn {
    display: inline-block;
    cursor: pointer;
    min-width: 137px;
    height: 44px;
    text-align: center;
    transition: 0.3s ease all;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    border-radius: 0;
    border: 1px solid #1b1c1e;
    background-color: #1b1c1e; }
    .tracer-wrapper .btn:hover, .tracer-wrapper .btn:focus, .tracer-wrapper .btn:active {
      color: #fff;
      border-color: #595959;
      background-color: #595959;
      box-shadow: none; }
    .tracer-wrapper .btn:disabled {
      background-color: #ccc; }
  .tracer-wrapper .tracer-form-page-wrapper .readonly {
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #f1f1f1; }
  .tracer-wrapper .tracer-form-page-wrapper .btn-edit {
    display: inline-block;
    cursor: pointer;
    min-width: 137px;
    height: 44px;
    text-align: center;
    transition: 0.3s ease all;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #1b1c1e;
    border: 1px solid #1b1c1e;
    background-color: #fff; }
    .tracer-wrapper .tracer-form-page-wrapper .btn-edit:hover, .tracer-wrapper .tracer-form-page-wrapper .btn-edit:focus, .tracer-wrapper .tracer-form-page-wrapper .btn-edit:active {
      color: #595959 !important;
      border-color: #595959;
      background-color: #fff; }
  .tracer-wrapper .tracer-form-page-wrapper .new-section form {
    margin-left: 0; }
    @media (min-width: 768px) {
      .tracer-wrapper .tracer-form-page-wrapper .new-section form {
        margin-left: 55px; } }
  .tracer-wrapper .verify-tracer-number-form .form-group.is-invalid,
  .tracer-wrapper .verify-tracer-number-form .form-control.is-invalid,
  .tracer-wrapper .tracer-register-form .form-group.is-invalid,
  .tracer-wrapper .tracer-register-form .form-control.is-invalid, .tracer-wrapper.tracer-listing-page .form-group.is-invalid,
  .tracer-wrapper.tracer-listing-page .form-control.is-invalid {
    border-bottom: 1px solid #b12131; }
    .tracer-wrapper .verify-tracer-number-form .form-group.is-invalid ~ .focus-border,
    .tracer-wrapper .verify-tracer-number-form .form-control.is-invalid ~ .focus-border,
    .tracer-wrapper .tracer-register-form .form-group.is-invalid ~ .focus-border,
    .tracer-wrapper .tracer-register-form .form-control.is-invalid ~ .focus-border, .tracer-wrapper.tracer-listing-page .form-group.is-invalid ~ .focus-border,
    .tracer-wrapper.tracer-listing-page .form-control.is-invalid ~ .focus-border {
      background-color: #b12131; }
  .tracer-wrapper .tracer-register-form .form-group:not(.email-subscription).required label.form-control-label::after {
    color: #949494; }
  .tracer-wrapper .tracer-register-form .form-group:has(.form-control[readonly]) {
    margin-bottom: 0;
    margin-top: 1rem; }
  .tracer-wrapper .product-info {
    margin-top: 20px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      .tracer-wrapper .product-info {
        padding: 0; } }
    .tracer-wrapper .product-info.card {
      border: 0; }
    .tracer-wrapper .product-info .item-image {
      -ms-flex: 0 0 135px;
      flex: 0 0 135px;
      max-width: 135px;
      height: 174px;
      padding-left: 25px; }
      @media (min-width: 768px) {
        .tracer-wrapper .product-info .item-image {
          -ms-flex: 0 0 144px;
          flex: 0 0 144px;
          max-width: 144px; } }
      .tracer-wrapper .product-info .item-image img {
        width: 100%; }
    .tracer-wrapper .product-info .product-link {
      -ms-flex: 0 0 144px;
      flex: 0 0 144px;
      max-width: 144px;
      height: 174px; }
    .tracer-wrapper .product-info .item-attributes {
      -ms-flex: 0 0 calc(100% - 135px);
      flex: 0 0 calc(100% - 135px);
      max-width: calc(100% - 135px); }
      @media (min-width: 768px) {
        .tracer-wrapper .product-info .item-attributes {
          -ms-flex: 0 0 calc(100% - 144px);
          flex: 0 0 calc(100% - 144px);
          max-width: calc(100% - 144px);
          padding-left: 5px;
          -ms-flex-pack: center;
              justify-content: center; } }
    .tracer-wrapper .product-info .line-item-attributes {
      margin-bottom: 10px;
      color: #1b1c1e;
      pointer-events: none; }
      .tracer-wrapper .product-info .line-item-attributes.product-name a:hover, .tracer-wrapper .product-info .line-item-attributes.product-name a:focus {
        color: #1b1c1e; }
      .tracer-wrapper .product-info .line-item-attributes.collection-name a:hover, .tracer-wrapper .product-info .line-item-attributes.collection-name a:focus {
        color: #595959; }
      .tracer-wrapper .product-info .line-item-attributes:last-child {
        margin-bottom: unset; }
      .tracer-wrapper .product-info .line-item-attributes .text-bold {
        font-weight: 600; }
    .tracer-wrapper .product-info .regular-retail-price {
      padding: 0; }
    .tracer-wrapper .product-info .line-item-attributes.prices {
      padding: 0;
      margin-bottom: 0; }
    .tracer-wrapper .product-info .regular-retail-price.has-prod-promo {
      margin-bottom: 10px; }
    .tracer-wrapper .product-info .regular-retail-price .line-item-final-price {
      margin-left: 10px;
      color: #1b1c1e;
      font-weight: bold; }
    .tracer-wrapper .product-info .regular-retail-price .promotion-combines-sale-price-book .strike-through {
      text-decoration: line-through; }
    .tracer-wrapper .product-info .regular-retail-price .promotion-combines-sale-price-book .sales {
      margin-left: 5px; }
    .tracer-wrapper .product-info .sale-price-book .strike-through {
      margin-right: 5px; }
    .tracer-wrapper .product-info .sale-price-book .sales {
      color: #f42837;
      font-weight: 400; }
    .tracer-wrapper .product-info ~ .col-lg-1,
    .tracer-wrapper .product-info ~ .col-lg-3 {
      display: none !important; }
    .tracer-wrapper .product-info .monogram-section {
      margin-bottom: 10px; }
      .tracer-wrapper .product-info .monogram-section .monogram-list .monogram-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .tracer-wrapper .product-info .monogram-section .monogram-list .monogram-item .addon-descs {
          margin-left: 6px;
          color: #1b1c1e; }
    .tracer-wrapper .product-info .line-item-gift-box {
      font-weight: bold;
      margin-bottom: 10px;
      color: #1b1c1e; }
    .tracer-wrapper .product-info .product-card-footer {
      margin-bottom: 10px; }
      .tracer-wrapper .product-info .product-card-footer .line-item-promo > div {
        margin-bottom: 10px; }
      .tracer-wrapper .product-info .product-card-footer .line-item-final-price {
        color: #f42837; }
  .tracer-wrapper .check-box-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .tracer-wrapper .custom-checkbox {
    height: 18px;
    z-index: 1;
    width: 56px; }
    .tracer-wrapper .custom-checkbox ~ label {
      height: 48px;
      padding-left: unset;
      padding-top: unset;
      z-index: 0; }
      .tracer-wrapper .custom-checkbox ~ label::before {
        width: 18px;
        height: 18px;
        top: 15px;
        border-radius: unset; }
      .tracer-wrapper .custom-checkbox ~ label::after {
        width: 0.8rem;
        height: 0.8rem;
        left: 0;
        top: 0;
        border-radius: 50%;
        background-color: #000; }
    .tracer-wrapper .custom-checkbox:checked ~ label::after {
      display: block;
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDExNzkgNS44MTM1MUMxLjYyMTI3IDUuNDIyOTggMC45ODgxMDUgNS40MjI5OCAwLjU5NzU4MSA1LjgxMzUxQzAuMjA3MDU2IDYuMjA0MDMgMC4yMDcwNTYgNi44MzcyIDAuNTk3NTgxIDcuMjI3NzJMMi4wMTE3OSA1LjgxMzUxWk01LjQ3ODYgMTAuNjk0NUw0Ljc3MTQ5IDExLjQwMTZDNC45OTMzOCAxMS42MjM1IDUuMzA2NTQgMTEuNzI4NCA1LjYxNzMgMTEuNjg0OUM1LjkyODA2IDExLjY0MTMgNi4yMDAzNyAxMS40NTQ1IDYuMzUyNzYgMTEuMTgwMkw1LjQ3ODYgMTAuNjk0NVpNMTEuNTcwMSAxLjc4ODg3QzExLjgzODQgMS4zMDYwOCAxMS42NjQ0IDAuNjk3Mjc5IDExLjE4MTYgMC40MjkwNjVDMTAuNjk4OSAwLjE2MDg1MiAxMC4wOSAwLjMzNDc5NiA5LjgyMTgzIDAuODE3NThMMTEuNTcwMSAxLjc4ODg3Wk0wLjU5NzU4MSA3LjIyNzcyTDQuNzcxNDkgMTEuNDAxNkw2LjE4NTcxIDkuOTg3NDJMMi4wMTE3OSA1LjgxMzUxTDAuNTk3NTgxIDcuMjI3NzJaTTYuMzUyNzYgMTEuMTgwMkwxMS41NzAxIDEuNzg4ODdMOS44MjE4MyAwLjgxNzU4TDQuNjA0NDQgMTAuMjA4OUw2LjM1Mjc2IDExLjE4MDJaIiBmaWxsPSIjMUIxQzFFIi8+Cjwvc3ZnPgo=") no-repeat;
      left: 3px;
      top: 18px;
      width: 12px;
      height: 12px; }
  .tracer-wrapper .form-check-label {
    width: fit-content;
    font-size: 15px;
    min-height: 24px;
    padding-left: 38px;
    padding-bottom: 15px; }
    .tracer-wrapper .form-check-label::before {
      text-align: center;
      width: 1.2rem;
      height: 1.2rem;
      left: 0;
      border-radius: 0;
      border: 1px solid #000; }
  .tracer-wrapper .btn-edit-step1,
  .tracer-wrapper .tracer-staff-form-edit {
    display: inline-block;
    cursor: pointer;
    min-width: 137px;
    height: 44px;
    text-align: center;
    transition: 0.3s ease all;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #1b1c1e;
    border: 1px solid #1b1c1e;
    background-color: #fff; }
    .tracer-wrapper .btn-edit-step1:hover, .tracer-wrapper .btn-edit-step1:focus, .tracer-wrapper .btn-edit-step1:active,
    .tracer-wrapper .tracer-staff-form-edit:hover,
    .tracer-wrapper .tracer-staff-form-edit:focus,
    .tracer-wrapper .tracer-staff-form-edit:active {
      color: #595959 !important;
      border-color: #595959;
      background-color: #fff; }
  .tracer-wrapper .tracer-staff-form {
    margin-bottom: 50px;
    max-width: 450px; }
    .tracer-wrapper .tracer-staff-form .form-group {
      margin-top: 2.14rem; }
      .tracer-wrapper .tracer-staff-form .form-group label {
        color: #949494; }
      .tracer-wrapper .tracer-staff-form .form-group.required label {
        text-align: left; }
        .tracer-wrapper .tracer-staff-form .form-group.required label::after {
          content: '*';
          position: absolute;
          font-weight: normal;
          font-size: 15px;
          top: 0; }
    .tracer-wrapper .tracer-staff-form .alert-danger {
      margin-top: 12px; }
  .tracer-wrapper .description-staff-form {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 0; }
  .tracer-wrapper .customer-tracer-infor {
    margin-top: 15px; }
  .tracer-wrapper .profile-section .form-control[readonly] {
    background-color: unset;
    border-bottom: 0;
    pointer-events: none; }
  .tracer-wrapper select.form-control[readonly] {
    background: none; }
  .tracer-wrapper .re-register-success {
    margin-top: 0; }
    .tracer-wrapper .re-register-success p {
      font-size: 20px; }
  .tracer-wrapper:has(.description-staff-form) .product-title {
    border-top: unset; }

.tracer-listing-page form {
  margin-left: auto; }
  @media (min-width: 768px) {
    .tracer-listing-page form.tracer-number-register {
      height: 42px; } }

.tracer-listing-page .top-register {
  margin-top: 2rem;
  -ms-flex-align: center;
      align-items: center; }
  .tracer-listing-page .top-register .register-msg p {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    color: #1b1c1e; }
    @media (min-width: 768px) {
      .tracer-listing-page .top-register .register-msg p {
        margin-bottom: 0; } }
    .tracer-listing-page .top-register .register-msg p i {
      position: absolute;
      left: 0;
      top: 50%;
      font-size: 4.2857rem;
      transform: translateY(-50%); }

.tracer-listing-page .form-register {
  margin-top: 0; }
  .tracer-listing-page .form-register .form-group {
    margin-top: 0; }
  .tracer-listing-page .form-register .btn-register {
    display: inline-block;
    cursor: pointer;
    min-width: 137px;
    height: 44px;
    text-align: center;
    transition: 0.3s ease all;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    border-radius: 0;
    border: 1px solid #1b1c1e;
    background-color: #1b1c1e;
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
    min-width: 128px; }
    .tracer-listing-page .form-register .btn-register:hover, .tracer-listing-page .form-register .btn-register:focus, .tracer-listing-page .form-register .btn-register:active {
      color: #fff;
      border-color: #595959;
      background-color: #595959;
      box-shadow: none; }
    .tracer-listing-page .form-register .btn-register:disabled {
      background-color: #ccc; }
    @media (min-width: 768px) {
      .tracer-listing-page .form-register .btn-register {
        width: unset;
        margin-top: 0;
        margin-left: 25px; } }
  .tracer-listing-page .form-register .btn-order-history {
    width: 100%;
    padding-top: 13px; }
    @media (min-width: 768px) {
      .tracer-listing-page .form-register .btn-order-history {
        font-size: 16px;
        height: unset;
        line-height: 19px;
        padding-top: 21px;
        padding-bottom: 21px;
        margin-left: unset; } }
  .tracer-listing-page .form-register .veil {
    height: 110%; }

@media (min-width: 768px) {
  .tracer-listing-page .paging-section {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

.tracer-listing-page .paging-section .form-group {
  margin-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px; }

.tracer-listing-page .paging-section select {
  width: auto;
  border: 0;
  padding-right: 30px;
  font-weight: 400;
  font-size: 16px;
  color: #000; }
  .tracer-listing-page .paging-section select:focus {
    border: 0; }

.tracer-listing-page .product-listing .listing-title {
  font-size: 24px;
  padding-bottom: 1.286rem;
  margin-bottom: 0;
  font-weight: 300;
  color: #1b1c1e; }
  .tracer-listing-page .product-listing .listing-title.new-ui {
    padding-top: 80px; }

.tracer-listing-page .product-listing .product-line {
  padding-bottom: 2rem; }
  @media (min-width: 768px) {
    .tracer-listing-page .product-listing .product-line {
      padding: 0 1rem 2.5rem; } }
  @media (min-width: 768px) {
    .tracer-listing-page .product-listing .product-line .product-col {
      padding: 0 0.714rem; } }
  @media (min-width: 992px) {
    .tracer-listing-page .product-listing .product-line .product-col {
      padding-top: 0;
      padding-bottom: 0; } }
  .tracer-listing-page .product-listing .product-line .product-col .row {
    -ms-flex-align: center;
    align-items: center; }
  .tracer-listing-page .product-listing .product-line .product-col .tracer-info p {
    font-weight: 500;
    text-transform: uppercase; }
  @media (min-width: 992px) {
    .tracer-listing-page .product-listing .product-line .tracer-info {
      padding-top: 2.143rem;
      padding-bottom: 2.143rem; } }
  .tracer-listing-page .product-listing .product-line .tracer-info .btn-view-more {
    min-width: 50%; }
    @media (min-width: 768px) {
      .tracer-listing-page .product-listing .product-line .tracer-info .btn-view-more {
        margin-right: 5px; } }
    @media (min-width: 992px) {
      .tracer-listing-page .product-listing .product-line .tracer-info .btn-view-more {
        margin-right: 5px;
        min-width: 137px; } }
  .tracer-listing-page .product-listing .product-line .tracer-info .btn-edit {
    display: inline-block;
    cursor: pointer;
    min-width: 137px;
    height: 44px;
    text-align: center;
    transition: 0.3s ease all;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #1b1c1e;
    border: 1px solid #1b1c1e;
    background-color: #fff;
    min-width: 40%; }
    .tracer-listing-page .product-listing .product-line .tracer-info .btn-edit:hover, .tracer-listing-page .product-listing .product-line .tracer-info .btn-edit:focus, .tracer-listing-page .product-listing .product-line .tracer-info .btn-edit:active {
      color: #595959 !important;
      border-color: #595959;
      background-color: #fff; }
    @media (min-width: 992px) {
      .tracer-listing-page .product-listing .product-line .tracer-info .btn-edit {
        min-width: 137px; } }
  .tracer-listing-page .product-listing .product-line .tracer-info .action {
    margin-top: 2rem; }

.tracer-listing-page .product-listing .separate-line {
  margin-top: 2rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(148, 148, 148, 0.8); }

.tracer-listing-page .product-listing ul {
  padding-left: 1rem; }
  .tracer-listing-page .product-listing ul li {
    list-style: none;
    font-size: 13px;
    padding: 0.357rem 0; }

.tracer-listing-page .product-listing .img-col {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1200px) {
    .tracer-listing-page .product-listing .img-col img {
      width: 200px; } }

.tracer-listing-page .modal-content {
  font-size: 12px; }
  .tracer-listing-page .modal-content .action {
    text-align: center;
    padding-bottom: 2rem; }
    .tracer-listing-page .modal-content .action .btn {
      padding: 0 3rem; }
      @media (min-width: 768px) {
        .tracer-listing-page .modal-content .action .btn {
          padding: 0 5rem; } }
      .tracer-listing-page .modal-content .action .btn[type="button"] {
        margin-right: 1rem; }
      .tracer-listing-page .modal-content .action .btn[type="submit"] {
        margin-left: 1rem; }
    .tracer-listing-page .modal-content .action .btn-secondary {
      display: inline-block;
      cursor: pointer;
      min-width: 137px;
      height: 44px;
      text-align: center;
      transition: 0.3s ease all;
      text-transform: capitalize;
      position: relative;
      z-index: 1;
      line-height: 16px;
      padding-top: 8px;
      padding-bottom: 8px;
      color: #1b1c1e;
      border: 1px solid #1b1c1e;
      background-color: #fff; }
      .tracer-listing-page .modal-content .action .btn-secondary:hover, .tracer-listing-page .modal-content .action .btn-secondary:focus, .tracer-listing-page .modal-content .action .btn-secondary:active {
        color: #595959 !important;
        border-color: #595959;
        background-color: #fff; }
    .tracer-listing-page .modal-content .action p {
      margin-bottom: 3rem; }
  .tracer-listing-page .modal-content .form-group {
    margin-top: 3rem; }
    .tracer-listing-page .modal-content .form-group.country {
      margin-top: 2rem; }
    .tracer-listing-page .modal-content .form-group.email-subscription {
      display: none; }
    .tracer-listing-page .modal-content .form-group:has(.form-control[readonly]) {
      margin-top: 1rem; }
  .tracer-listing-page .modal-content .tracer-information {
    border: none;
    padding: 8px 6px; }
    .tracer-listing-page .modal-content .tracer-information .tracer-register-text,
    .tracer-listing-page .modal-content .tracer-information .tracer-number-text {
      margin-bottom: 5px;
      font-size: 12px; }
    .tracer-listing-page .modal-content .tracer-information .tracer-number {
      padding-left: 0; }
      .tracer-listing-page .modal-content .tracer-information .tracer-number .tracer-text {
        font-size: 15px; }

.tracer-listing-page .btn-loadmore-tracer {
  display: inline-block;
  cursor: pointer;
  min-width: 137px;
  height: 44px;
  text-align: center;
  transition: 0.3s ease all;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  line-height: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #1b1c1e;
  border: 1px solid #1b1c1e;
  background-color: #fff;
  color: #1b1c1e;
  border: 1px solid #1b1c1e;
  background-color: #fff; }
  .tracer-listing-page .btn-loadmore-tracer:hover, .tracer-listing-page .btn-loadmore-tracer:focus, .tracer-listing-page .btn-loadmore-tracer:active {
    color: #595959 !important;
    border-color: #595959;
    background-color: #fff; }

@media (min-width: 768px) {
  body.modal-open {
    position: fixed; } }

@media (min-width: 1200px) {
  body.modal-open {
    position: static; } }

.invalid-feedback a {
  color: #c00;
  text-decoration: underline; }

.tracer-number-register .invalid-feedback {
  top: 2.7rem; }

.verify-tracer-number-form .form-control {
  margin-top: 0; }
  .verify-tracer-number-form .form-control.is-invalid {
    margin-top: 40px;
    border-bottom: 1px solid #b12131; }
    .verify-tracer-number-form .form-control.is-invalid ~ .focus-border {
      background-color: #b12131; }
    .verify-tracer-number-form .form-control.is-invalid ~ .invalid-feedback {
      width: 100%;
      top: -3rem; }
  .verify-tracer-number-form .form-control.new-form.is-invalid {
    margin-top: 0; }
    .verify-tracer-number-form .form-control.new-form.is-invalid ~ .invalid-feedback {
      margin-top: 0; }

@media (min-width: 768px) {
  .tracer-form-product .form-group.custom-control {
    margin-left: 3rem; } }

.tracer-form-product .form-group.action-block {
  margin-left: 12%; }
  @media (min-width: 768px) {
    .tracer-form-product .form-group.action-block {
      margin-left: 94px; } }

.tracer-form-product .form-group:last-child {
  margin-bottom: unset; }

.tracer-form-page-wrapper.new-ui-tracer .product-section form {
  display: none; }

.tracer-form-page-wrapper.new-ui-tracer .product-section .product-title {
  color: #ccc; }
  .tracer-form-page-wrapper.new-ui-tracer .product-section .product-title span {
    border: 1px solid #ccc; }

.tracer-form-page-wrapper.new-ui-tracer .product-section.active form {
  display: block; }

.tracer-form-page-wrapper.new-ui-tracer .product-section.active .product-info {
  padding-left: unset;
  padding-right: unset; }
  @media (min-width: 768px) {
    .tracer-form-page-wrapper.new-ui-tracer .product-section.active .product-info {
      padding-right: 16px; } }

.tracer-form-page-wrapper.new-ui-tracer .product-section.active .product-title {
  color: #595959; }
  .tracer-form-page-wrapper.new-ui-tracer .product-section.active .product-title span {
    border: 1px solid #595959; }

.tracer-form-page-wrapper.new-ui-tracer .product-section.active .item-image a {
  pointer-events: none; }

.tracer-form-page-wrapper.new-ui-tracer .form-group.action-block {
  margin-left: 13%;
  padding-left: unset;
  padding-right: 6px;
  margin-top: unset; }
  @media (min-width: 768px) {
    .tracer-form-page-wrapper.new-ui-tracer .form-group.action-block {
      margin-left: 54px;
      padding-right: 10px; } }

.tracer-form-page-wrapper.new-ui-tracer .form-group.tracer-number {
  padding-left: unset;
  padding-right: unset; }
  @media (min-width: 768px) {
    .tracer-form-page-wrapper.new-ui-tracer .form-group.tracer-number {
      padding-right: 6%; } }
  @media (min-width: 992px) {
    .tracer-form-page-wrapper.new-ui-tracer .form-group.tracer-number {
      padding-right: 60px; } }

@media (min-width: 768px) {
  .tracer-form-page-wrapper.new-ui-tracer .product-section .veil {
    width: 100%; } }

.tracer-form-page-wrapper.new-ui-tracer .profile-section .enter-info-msg {
  margin-block-end: unset; }

.tracer-form-page-wrapper.new-ui-tracer .profile-section .form-group {
  margin-bottom: 0.7rem;
  margin-top: 1.05rem; }

.tracer-form-page-wrapper.new-ui-tracer .profile-section .form-control {
  padding-bottom: unset; }
  .tracer-form-page-wrapper.new-ui-tracer .profile-section .form-control:focus ~ .form-control-label, .tracer-form-page-wrapper.new-ui-tracer .profile-section .form-control.has-content ~ .form-control-label {
    top: 0;
    padding-top: 1px;
    font-size: 15px;
    transform: scale(0.8);
    transform-origin: left center; }
  .tracer-form-page-wrapper.new-ui-tracer .profile-section .form-control.is-invalid ~ .invalid-feedback {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    text-align: left;
    font-size: 0.8667rem;
    padding-left: 5px;
    width: auto; }

.tracer-form-page-wrapper.new-ui-tracer .profile-section .profile-title {
  border-top: none; }

.tracer-form-page-wrapper.new-ui-tracer .item-image {
  padding-left: 30px; }

.tracer-form-page-wrapper.new-ui-tracer .product-title {
  border-top: unset; }

#newInfoModal .registered-date {
  margin-bottom: 10px; }

#newInfoModal form .form-control[readonly] {
  background-color: unset;
  pointer-events: none;
  border-bottom: unset; }

.tracer-form-page-wrapper .new-ui-tracer .enter-info-msg {
  margin-bottom: unset; }

.tracer-form-page-wrapper .new-ui-tracer .form-group {
  margin-bottom: 0.7rem;
  margin-top: 1.05rem; }

.tracer-form-page-wrapper .new-ui-tracer .form-control {
  padding-bottom: unset; }
  .tracer-form-page-wrapper .new-ui-tracer .form-control:focus ~ .form-control-label, .tracer-form-page-wrapper .new-ui-tracer .form-control.has-content ~ .form-control-label {
    top: 0;
    padding-top: 1px;
    font-size: 15px;
    transform: scale(0.8);
    transform-origin: left center; }
  .tracer-form-page-wrapper .new-ui-tracer .form-control.is-invalid ~ .invalid-feedback {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    text-align: left;
    font-size: 0.8667rem;
    padding-left: 5px;
    width: auto; }

.tracer-form-page-wrapper .new-ui-tracer .date-select .form-group {
  margin-top: unset;
  margin-bottom: unset; }

.tracer-form-page-wrapper .new-ui-tracer .bottom-action {
  margin-top: unset; }

.tracer-form-page-wrapper .profile-section .profile-title {
  color: #ccc; }
  .tracer-form-page-wrapper .profile-section .profile-title span {
    border: 1px solid #ccc; }

.tracer-form-page-wrapper .profile-section.active .profile-title {
  color: #595959; }
  .tracer-form-page-wrapper .profile-section.active .profile-title span {
    border: 1px solid #595959; }

.tracer-wrapper .tracer-register-form .form-group:not(.email-subscription).required label::after {
  top: 0;
  right: -5px; }