/*confirmation alert css*/

.cq-Editable-dom .confirmation-alert .text {
  color: #0a67b1;
}

.cq-Editable-dom .confirmation-alert .message-confirmation-container.active {
  position: relative;
  display: block;
  transform: unset;
  left: 0px;
  margin: auto;
  height: auto;
}

.cq-Editable-dom .confirmation-alert .message-confirmation-container.active .confirmation-alert-image-par.cq-Editable-dom {
  width: 50%;
  margin: auto;
}

.cq-Editable-dom .confirmation-alert .message-confirmation-container.active .content-message-confirmation .confirmation-alert-body-par.cq-Editable-dom,
.cq-Editable-dom .confirmation-alert .message-confirmation-container.active .confirmation-alert-bottom-par.cq-Editable-dom {
  width: 80%;
  margin: auto;
}

.container-confirmation {
  display: none;
}

.container-confirmation .cmp-text p {
  margin-bottom: 0px;
}

.container-confirmation.active {
  display: block;
}

.main-content:not(.edit-profile-page) .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  display: block;
  position: absolute;
  width: 100%;
  top: 10rem;
}

.main-content:not(.edit-profile-page) .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  z-index: 20;
}

.main-content.my-trip-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  z-index: 22;
}

.main-content.edit-profile-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  display: block;
  position: absolute;
  width: 100%;
  top: 2rem;
}

.message-confirmation-container {
  height: auto;
  min-height: 325px;
}

.main-content.edit-profile-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
  margin: auto;
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
}

/*.main-content:not(.edit-profile-page):not(.my-trip-page):not(.contact-us-page):not(.payment-page) .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {*/
.main-content.register-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
  margin: auto;
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
}

.container-max-width .container-confirmation {
  max-width: 840px;
}
.container-max-width-1200 .container-confirmation {
  max-width: 1200px;
}
.container-max-width-1250 .container-confirmation {
  max-width: 1250px;
}
.container-max-width-1300 .container-confirmation {
  max-width: 1300px;
}
.container-max-width-1350 .container-confirmation {
  max-width: 1350px;
}
.container-max-width-1400 .container-confirmation {
  max-width: 1400px;
}

.confirmation-alert:not(.contact-us-page) .container-confirmation .message-confirmation-container .confirmation-alert-image-par {
  margin-top: 40px;
}

.main-content.my-trip-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  top: 0rem;
}

/* ************** contact-us styles ********************** */

.main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active,
.main-content.contact-us-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  margin: auto;
  position: absolute;
  top: 3rem;
  width: 95.5%;
  left: unset;
}

.main-content.payment-page .container-confirmation .message-confirmation-container .confirmation-alert-image-par img,
.main-content.contact-us-page .container-confirmation .message-confirmation-container .confirmation-alert-image-par img {
  width: 200px;
}

.main-content.payment-page .message-confirmation-container.active.withoverlay,
.main-content.contact-us-page .message-confirmation-container.active.withoverlay {
  left: unset;
  top: unset;
  transform: unset;
  margin: auto;
  width: 50%;
}

.main-content.payment-page .confirmation-alert .container-confirmation.error-alert .icon-close.jca-ico-close,
.main-content.contact-us-page .confirmation-alert .container-confirmation.error-alert .icon-close.jca-ico-close {
  display: block;
}
/* ************** contact-us styles ********************** */

 /* ************** payment styles ********************** */

.main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  z-index: 20;
}

.main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
  width: 100%;
  position: fixed;
  top: 10rem;
}

.main-content.payment-page .message-confirmation-container.active.withoverlay {
  max-width: 400px;
  width: 392px;
}
 /* ************** payment styles ********************** */

@media (min-width: 1024px) {
  .main-content.my-trip-page .message-confirmation-container .icon-close {
    display: block;
  }
}

@media (max-width: 1023px) {
  /* ************** contact-us styles ********************** */
  .main-content.contact-us-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    left: 12%;
  }
  /* ************** contact-us styles ********************** */
}

@media (max-width: 1023px) {

  .content-contact-us .container-confirmation .message-confirmation-container.active {
    margin: 0;
  }

  .confirmation-alert .message-confirmation-container.active {
    margin: auto 2rem auto 2rem;
  }

  .edit-disable-scroll {
    overflow: hidden !important;
  }

  .container-capture.updated-successfully {
    display: none;
  }

  .main-content.edit-profile-page .register-wrapper.updated-successfully {
    display: none;
  }

  .main-content.edit-profile-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    top: 8rem;
    position: fixed;
    z-index: 20;
  }

  .main-content.edit-profile-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    margin-left: 2rem;
    margin-right: 2rem;
    width: auto;
  }

  .main-content:not(.edit-profile-page) .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    z-index: 20;
  }

  .main-content:not(.edit-profile-page) .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active .confirmation-alert-top-par {
   /* display: none;*/
  }

  .main-content.register-page-flow .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active,
  .main-content.register-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    top: 6rem;
    position: fixed;
    z-index: 20;
  }

  .main-content.register-page-flow .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active,
  .main-content.register-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    /*margin-left: 2rem;
    margin-right: 2rem;*/
    width: auto;
  }

  .cq-Editable-dom .confirmation-alert .message-confirmation-container.active .content-message-confirmation .confirmation-alert-body-par.cq-Editable-dom,
  .cq-Editable-dom .confirmation-alert .message-confirmation-container.active .confirmation-alert-bottom-par.cq-Editable-dom {
    margin: auto auto 100px auto;
  }

  .cq-Editable-dom  .message-confirmation-container .content-message-confirmation-box {
    position: relative;
    display: flex;
  }

  .main-content.register-page-flow .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active .message-confirmation-container.active .content-message-confirmation-box,
  .main-content.register-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active .message-confirmation-container.active .content-message-confirmation-box {
    position: fixed;
    bottom: 130px;
    left: 0px;
    right: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 60px 0px;
    margin: 0px 0px -130px;
    display: flex;
    min-height: 98px;
  }

  .main-content.register-page-flow .confirmation-alert .container-confirmation.active .message-confirmation-container.active,
  .main-content.register-page .confirmation-alert .container-confirmation.active .message-confirmation-container.active {
    box-shadow: unset !important;
  }

/*@media (max-width: 950px) {
  .main-content:not(.edit-profile-page):not(.my-trip-page):not(.contact-us-page):not(.payment-page) .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    left: unset;
    top: 10%;
  }
  .main-content.register-page-flow .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active .message-confirmation-container.active .content-message-confirmation-box,
  .main-content.register-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active .message-confirmation-container.active .content-message-confirmation-box {
    position: relative;
    bottom: 0px;
  }
}*/

  /**************************************************************************************************/
  /*page my travels*/

  .main-content.my-trip-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    height: 50%;
  }

  .main-content.my-trip-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    position: fixed;
    top: 33px;
    z-index: 21;
    background: white;
    height: 100%;
  }

  /*header-resend-email-ticket*/
  .main-content.my-trip-page .confirmation-alert .container-confirmation.active .header-resend-email-ticket {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.15);
    z-index: 23;
    height: 50px;
    align-items: center;
    justify-content: center;
  }

  .main-content.my-trip-page .confirmation-alert .container-confirmation.active .header-resend-email-ticket span {
    position: absolute;
    top: 17px;
    left: 25px;
    -webkit-text-stroke: 1px #0a67b1;
    font-size: 12px;
  }

  .main-content.my-trip-page .confirmation-alert .container-confirmation.active .header-resend-email-ticket p.title {
    margin: 0;
    color: #0a67b1;
    font-size: 13px;
    text-align: center;
  }

  .main-content.my-trip-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    margin: auto;
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }

  /* ************** contact-us styles ********************** */
  .main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active,
  .main-content.contact-us-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active{
    top: 1.3rem;
    width: 100%;
    left: unset;
    z-index: 10;
  }

  .main-content.payment-page .container-confirmation .message-confirmation-container .confirmation-alert-image-par img,
  .main-content.contact-us-page .container-confirmation .message-confirmation-container .confirmation-alert-image-par img {
    width: 160px;
  }
  .main-content.payment-page .message-confirmation-container.active.withoverlay,
  .main-content.contact-us-page .message-confirmation-container.active.withoverlay {
    width: 100%;
    margin: auto;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.15);
  }

  .main-content.payment-page .container-contact-us.mobile-sucess-alert,
  .main-content.contact-us-page .container-contact-us.mobile-sucess-alert {
    margin-bottom: 15rem;
  }

  /* ************** payment styles ********************** */
  .main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    top: 10rem;
    z-index: 20;
    position: fixed;
  }

  .main-content.payment-page .container-confirmation .message-confirmation-container .confirmation-alert-image-par img {
    width: 160px;
  }
/*  .main-content.payment-page .message-confirmation-container.active.withoverlay {
    width: auto;
    margin-right: 15px;
    margin-left: 15px;
  }*/

  .main-content.payment-page .container-contact-us.mobile-sucess-alert {
    margin-bottom: 15rem;
  }
   /* ************** payment styles ********************** */
}


@media (max-width: 768px) {
  .main-content.payment-page .message-confirmation-container.active.withoverlay {
    margin: auto;
  }
}

@media only screen and (max-width: 768px) {
  .main-content.payment-page .message-confirmation-container.active.withoverlay {
    margin: auto;
  }
}

@media (max-width: 411px) {
  .main-content.contact-us-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    width: 100%;
  }
  .main-content.payment-page .message-confirmation-container.active.withoverlay {
    width: auto;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (max-width: 360px) {
  .main-content.payment-page .message-confirmation-container.active.withoverlay {
    width: auto;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (max-width: 950px) {
    .message-confirmation-container.active[data-js='cometa-middletime-alert'], .message-confirmation-container.active[data-js='cometa-expired-session-alert'], .message-confirmation-container.active[data-js='middletime-alert'], .message-confirmation-container.active[data-js='expired-session-alert'] {
        margin: 0 !important;
        left: 0;
    }
    .message-confirmation-container.active[data-js='cometa-middletime-alert'] [data-js='close-menu'], .message-confirmation-container.active[data-js='cometa-expired-session-alert'] [data-js='close-menu'], .message-confirmation-container.active[data-js='middletime-alert'] [data-js='close-menu'], .message-confirmation-container.active[data-js='expired-session-alert'] [data-js='close-menu'] {
        display: flex !important;
    }
}

/* ************** Payment whatsapp pages ********************** */

@media (max-width: 950px) {
    .message-confirmation-container.active[data-js='whatsapp-payment-expired-sale'], .message-confirmation-container.active[data-js='whatsapp-payment-status-error'], .message-confirmation-container.active[data-js='whatsapp-payment-success-alert'] {
        width: 90%;
        position: fixed;
        transform: translate(-50%, -50%);
    }
}


@media (max-width: 1023px) {
  .main-content.update-password-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    position: fixed;
    z-index: 23;
  }

  .main-content.update-password-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    top: 8rem;
    left: 0;
    margin: auto;
    margin-left: 2rem;
    margin-right: 2rem;
    width: auto;
  }
}

@media (max-width: 1023px) {
  .main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    position: fixed;
    z-index: 23;
  }

  .main-content.payment-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    top: 8rem;
    left: 0;
    margin: auto;
    margin-left: 2rem;
    margin-right: 2rem;
    width: auto;
  }

  .main-content.payment-page .message-confirmation-container .icon-close {
    display: block;
  }
}

@media (max-width: 1023px) {
  .main-content.register-page .message-confirmation-container .content-message-confirmation-box {
    display: none;
  }
}

@media (max-width: 1023px) {
  .main-content.default .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    position: fixed;
    z-index: 23;
  }

  .main-content.default .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    margin-left: 2rem;
    margin-right: 2rem;
    width: auto;
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }

  .main-content.default .message-confirmation-container .icon-close {
    display: block;
  }
}

@media (max-width: 1023px) {
  .main-content.contact-us-page .confirmation-alert:not(.cq-Editable-dom) .container-confirmation.active {
    position: fixed;
    z-index: 23;
  }

  .main-content.contact-us-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    transform: translate(-50%, -50%);
    margin: auto;
    width: auto;
  }

  .main-content.contact-us-page .message-confirmation-container .icon-close {
    display: block;
  }
}


.main-content.edit-profile-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
  top: 8rem;
}

@media (max-width: 1023px) {
  .main-content.edit-profile-page .confirmation-alert:not(.cq-Editable-dom) .message-confirmation-container.active {
    top: 0;
  }
}