/* DEWPOINT — MY BOOKINGS PAGE: dedicated component stylesheet */

body .dp-myb-modal {
    position:fixed;
    inset:0;

    z-index:9999;

    display:flex;
    align-items:center;
    justify-content:center;

    /*
     * Extra top clearance for the fixed Dewpoint header.
     * Modal remains centered inside the usable page area.
     */
    padding:
        112px
        18px
        28px;

    box-sizing:border-box;

    background:
        rgba(11,16,38,.50);

    backdrop-filter:
        blur(3px);
}

body .dp-myb-modal > section {
    width:min(590px,100%);
    max-width:590px;

    max-height:
        calc(
            100dvh -
            112px -
            28px
        );

    margin:0;

    overflow-y:auto;
    overflow-x:hidden;

    border-radius:17px;

    background:#ffffff;
    color:#172033;

    border:
        1px solid
        #e5e7eb;

    box-shadow:
        0 20px 55px
        rgba(15,23,42,.24);
}

body .dp-myb-modal > section > header {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:14px;

    padding:
        20px 22px
        17px;

    background:#ffffff;

    border-bottom:
        1px solid
        #e7eaf0;

    color:#172033;
}

body .dp-myb-modal header small {
    display:block;

    margin-bottom:4px;

    color:#6257c9;

    opacity:1;

    font-size:11px;
    font-weight:800;

    letter-spacing:.08em;
}

body .dp-myb-modal header h2 {
    margin:0;

    color:#101828;

    font-size:21px;
    line-height:1.15;

    font-weight:800;
}

body .dp-myb-modal header p,
body .dp-myb-modal .dp-myb-confirm-ref {
    margin:
        4px 0
        0;

    color:#667085;

    opacity:1;

    font-size:12px;
    font-weight:600;
}

body .dp-myb-modal header > button {
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 34px;

    width:34px;
    height:34px;

    padding:0;

    border:0;
    border-radius:10px;

    background:#f2f4f7;

    color:#475467;

    font-size:18px;
    font-weight:700;

    cursor:pointer;
}

body .dp-myb-confirm-banner {
    display:flex;
    align-items:center;

    gap:11px;

    margin:
        16px 22px
        0;

    padding:
        12px 14px;

    border:
        1px solid
        #abefc6;

    border-radius:
        12px;

    background:
        #ecfdf3;

    color:
        #14532d;
}

body .dp-myb-confirm-banner > span {
    display:flex;
    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    flex:
        0 0 34px;

    border-radius:
        50%;

    background:
        #d1fadf;

    border:
        1px solid
        #75e0a7;

    color:
        #067647;

    font-size:
        18px;

    font-weight:
        900;
}

body .dp-myb-confirm-banner b {
    display:block;

    color:
        #14532d;

    font-size:
        14px;

    font-weight:
        800;

    line-height:
        1.2;
}

body .dp-myb-confirm-banner p {
    margin:
        3px 0 0;

    color:
        #3f6b52;

    opacity:
        1;

    font-size:
        12px;

    line-height:
        1.35;
}

body .dp-myb-modal-grid {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        10px;

    padding:
        16px 22px
        18px;

    background:
        #ffffff;
}

body .dp-myb-modal-grid label {
    display:flex;
    flex-direction:column;

    gap:
        5px;

    min-width:0;

    padding:
        12px 13px;

    border:
        1px solid
        #e4e7ec;

    border-radius:
        11px;

    background:
        #f8f9fc;

    color:
        #101828;
}

body .dp-myb-modal-grid label small {
    color:
        #667085;

    opacity:
        1;

    font-size:
        10px;

    font-weight:
        700;

    line-height:
        1.15;
}

body .dp-myb-modal-grid label b {
    color:
        #101828;

    opacity:
        1;

    font-size:
        13px;

    line-height:
        1.25;

    font-weight:
        800;

    word-break:
        break-word;
}

body .dp-myb-present-confirmation {
    margin:
        -2px 22px
        20px;

    padding:
        11px 13px;

    border:
        1px solid
        #d9d6fe;

    border-radius:
        11px;

    background:
        #f4f3ff;

    text-align:
        center;
}

body .dp-myb-present-confirmation b {
    display:block;

    color:
        #3538cd;

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1.35;
}

body .dp-myb-present-confirmation small {
    display:block;

    margin-top:
        3px;

    color:
        #667085;

    opacity:
        1;

    font-size:
        10px;

    line-height:
        1.35;
}

@media(max-width:650px) {
body .dp-myb-modal {
        align-items:center;
        justify-content:center;

        /*
         * Keep the confirmation comfortably below
         * the mobile site header.
         */
        padding:
            86px
            10px
            calc(
                16px +
                env(safe-area-inset-bottom)
            );

        box-sizing:border-box;
    }
}

@media(max-width:650px) {
body .dp-myb-modal > section {
        width:
            calc(100% - 4px);

        max-width:
            520px;

        max-height:
            calc(
                100dvh -
                86px -
                16px -
                env(safe-area-inset-bottom)
            );

        overflow-y:
            auto;

        border-radius:
            16px;
    }
}

@media(max-width:650px) {
body .dp-myb-modal > section > header {
        position:relative;
        top:auto;
        z-index:1;

        padding:
            16px 15px
            13px;

        background:
            #ffffff;
    }
}

@media(max-width:650px) {
body .dp-myb-modal header h2 {
        font-size:
            19px;
    }
}

@media(max-width:650px) {
body .dp-myb-confirm-banner {
        margin:
            13px 14px
            0;

        padding:
            11px 12px;

        align-items:
            center;
    }
}

@media(max-width:650px) {
body .dp-myb-confirm-banner > span {
        width:
            31px;

        height:
            31px;

        flex:
            0 0 31px;

        font-size:
            16px;
    }
}

@media(max-width:650px) {
body .dp-myb-confirm-banner b {
        font-size:
            13px;
    }
}

@media(max-width:650px) {
body .dp-myb-confirm-banner p {
        font-size:
            11px;
    }
}

@media(max-width:650px) {
body .dp-myb-modal-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            8px;

        padding:
            13px 14px
            15px;
    }
}

@media(max-width:650px) {
body .dp-myb-modal-grid label {
        padding:
            10px 11px;
    }
}

@media(max-width:650px) {
body .dp-myb-modal-grid label small {
        font-size:
            9px;
    }
}

@media(max-width:650px) {
body .dp-myb-modal-grid label b {
        font-size:
            12px;

        overflow-wrap:
            anywhere;
    }
}

@media(max-width:650px) {
body .dp-myb-present-confirmation {
        margin:
            -1px 14px
            14px;

        padding:
            10px 11px;
    }
}

@media(max-width:650px) {
body .dp-myb-present-confirmation b {
        font-size:
            11px;
    }
}

@media(max-width:650px) {
body .dp-myb-present-confirmation small {
        font-size:
            9px;
    }
}

@media(max-width:390px) {
body .dp-myb-modal-grid {
        grid-template-columns:
            1fr;
    }
}

body.dp-route-my-bookings .dp-site:has(.dp-myb-page) > .dp-home-booking {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  display:block;
  background:#f7f7fb;
}

body.dp-route-my-bookings .dp-site:has(.dp-myb-page) .dp-inline-my-bookings {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  zoom:1;
  transform:none;
}

.dp-myb-page {
  width:min(94vw,1440px);
  margin:0 auto;
  padding: var(--kradpc-my-bookings-page-top, 12px) 0 70px;
  color: #172034;
  font-family:inherit;
  -webkit-text-fill-color: currentColor;
}

.dp-myb-heading {
  margin:0 0 30px;
  color: #172034;
  background: transparent;
  background-image: none;
  opacity: 1;
}

.dp-myb-heading h1 {
  margin:0;
  font-size: clamp(2rem, 3.2vw, 3.25rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing:-1.4px;
  color: #111827;
  -webkit-text-fill-color: #111827;
  background: transparent;
  background-image: none;
  text-shadow: none;
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  opacity: 1;
}

.dp-myb-heading p {
  margin:9px 0 0;
  font-size:15px;
  color: #475569;
  -webkit-text-fill-color: #475569;
  background: transparent;
  opacity: 1;
}

.dp-myb-loading {
  min-height:420px;
  display:grid;
  place-items:center;
  font-size:15px;
  color:#767681;
}

.dp-myb-error {
  margin:0 0 20px;
  padding:14px 17px;
  border:1px solid #f2c9c9;
  border-radius:12px;
  background:#fff5f5;
  color:#a83c3c;
  font-size:14px;
}

.dp-myb-hold {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) 170px minmax(270px,.9fr);
  gap:26px;
  align-items:center;

  margin:0 0 38px;
  padding:28px 30px;

  border:1px solid #cfc9f8;
  border-radius:18px;

  background:
    linear-gradient(
      110deg,
      #f7f5ff 0%,
      #ffffff 58%,
      #faf9ff 100%
    );

  box-shadow:
    0 12px 30px rgba(53,45,110,.07);
}

.dp-myb-hold::before {
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:4px;
  border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,#6657d8,#8375ed);
}

.dp-myb-hold-copy {
  padding-left:8px;
}

.dp-myb-hold-copy small {
  display:block;
  margin-bottom:9px;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.6px;
  color:#6256c7;
}

.dp-myb-hold-copy h2 {
  margin:0;
  max-width:520px;
  font-size:21px;
  line-height:1.3;
  font-weight:800;
  color:#1d1c25;
}

.dp-myb-hold-copy p {
  margin:8px 0 0;
  max-width:500px;
  font-size:13px;
  line-height:1.55;
  color:#767482;
}

.dp-myb-timer {
  text-align:center;
  padding:8px 14px;
  border-left:1px solid #e3e1ef;
  border-right:1px solid #e3e1ef;
}

.dp-myb-timer small {
  display:block;
  margin-bottom:5px;
  font-size:11px;
  color:#878491;
}

.dp-myb-timer strong {
  display:block;
  font-size:31px;
  line-height:1;
  letter-spacing:1px;
  color:#5146bb;
}

.dp-myb-timer span {
  display:block;
  margin-top:7px;
  font-size:8px;
  letter-spacing:1.4px;
  color:#9996a3;
}

.dp-myb-held-summary {
  padding:18px 20px;
  border:1px solid #e4e2ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(25,20,60,.04);
}

.dp-myb-held-summary > b {
  display:block;
  margin-bottom:12px;
  font-size:12px;
  color:#37343f;
}

.dp-myb-held-summary article {
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
  padding:9px 0;
  border-top:1px solid #efedf5;
}

.dp-myb-held-summary article b {
  font-size:13px;
}

.dp-myb-held-summary article span {
  font-size:11px;
  color:#7f7b89;
}

.dp-myb-held-summary footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid #e8e5f0;
}

.dp-myb-held-summary footer b {
  font-size:12px;
}

.dp-myb-held-summary footer strong {
  font-size:20px;
  color:#4f45b8;
}

.dp-myb-hold-actions {
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:-6px;
}

.dp-myb-hold-actions button {
  min-height:42px;
  padding:0 18px;
  border:1px solid #c8c3ef;
  border-radius:10px;
  background:#fff;
  color:#5147aa;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}

.dp-myb-hold-actions button.primary {
  min-width:160px;
  border-color:transparent;
  background:linear-gradient(135deg,#5c50c7,#7668df);
  color:#fff;
  box-shadow:0 7px 18px rgba(88,74,191,.18);
}

.dp-myb-hold-actions button:hover {
  transform:translateY(-1px);
}

.dp-myb-hold-actions button:disabled {
  opacity:.55;
  cursor:not-allowed;
  transform:none;
}

.dp-myb-section {
  margin:0 0 32px;
  border:1px solid #e6e5eb;
  border-radius:17px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 24px rgba(28,25,50,.035);
}

.dp-myb-section > header {
  min-height:74px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #ecebf0;
}

.dp-myb-section > header > div {
  display:flex;
  align-items:center;
  gap:10px;
}

.dp-myb-section > header span {
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:8px;
  background:#f0edff;
  color:#6155c5;
  font-size:14px;
}

.dp-myb-section > header h2 {
  margin:0;
  font-size:17px;
  font-weight:800;
  color:#222129;
}

.dp-myb-section > header i {
  display:grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:#efedf8;
  color:#6259ad;
  font-size:11px;
  font-style:normal;
  font-weight:700;
}

.dp-myb-section > header > button {
  min-height:39px;
  padding:0 15px;
  border:1px solid #c9c4ef;
  border-radius:9px;
  background:#fff;
  color:#564cb2;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.dp-myb-table {
  width:100%;
  overflow-x:auto;
}

.dp-myb-table-head,
.dp-myb-row {
  min-width:1120px;
  display:grid;
  grid-template-columns:
    1.05fr
    1.35fr
    1.25fr
    1.15fr
    .95fr
    1.1fr
    .75fr
    .9fr;
  align-items:center;
  gap:14px;
}

.dp-myb-table-head {
  min-height:47px;
  padding:0 21px;
  background:#fafafd;
  border-bottom:1px solid #ecebf0;
}

.dp-myb-table-head span {
  font-size:9px;
  font-weight:800;
  letter-spacing:.8px;
  color:#96939d;
}

.dp-myb-row {
  min-height:78px;
  padding:11px 21px;
  border-bottom:1px solid #efedf2;
  font-size:12px;
  color:#4a4851;
}

.dp-myb-row:last-child {
  border-bottom:0;
}

.dp-myb-row:hover {
  background:#fcfbff;
}

.dp-myb-ref {
  font-size:11px;
  font-weight:800;
  color:#4f46a9;
}

.dp-myb-court {
  display:flex;
  flex-direction:column;
  gap:2px;
}

.dp-myb-court b {
  font-size:13px;
  color:#27262d;
}

.dp-myb-court small {
  font-size:10px;
  color:#92909a;
}

.dp-myb-status,
.dp-myb-payment {
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

.dp-myb-status.confirmed,
.dp-myb-status.completed {
  background:#eaf8f1;
  color:#22865a;
}

.dp-myb-status.reserved {
  background:#eef2ff;
  color:#5264b9;
}

.dp-myb-status.cancelled {
  background:#fff0f0;
  color:#bf5252;
}

.dp-myb-status.pending {
  background:#fff5e7;
  color:#ad7721;
}

.dp-myb-payment.paid {
  background:#ecf8f2;
  color:#25845b;
}

.dp-myb-payment.pending {
  background:#fff5e8;
  color:#ae7625;
}

.dp-myb-payment.refunded {
  background:#f1effd;
  color:#6255b7;
}

.dp-myb-details {
  min-height:33px;
  padding:0 11px;
  border:1px solid #d2cee9;
  border-radius:8px;
  background:#fff;
  color:#564da8;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}

.dp-myb-empty {
  min-height:120px;
  display:grid;
  place-items:center;
  padding:25px;
  color:#8a8791;
  font-size:13px;
}

.dp-myb-help {
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:18px 22px;
  border:1px solid #ddd9f5;
  border-radius:15px;
  background:#f8f6ff;
  color: #172034;
  -webkit-text-fill-color: currentColor;
  opacity: 1;
}

.dp-myb-help b {
  font-size:13px;
  color: #172034;
  -webkit-text-fill-color: #172034;
  opacity: 1;
}

.dp-myb-help p {
  margin:5px 0 0;
  font-size:11px;
  color: #475569;
  -webkit-text-fill-color: #475569;
  opacity: 1;
}

.dp-myb-help button {
  min-height:39px;
  padding:0 15px;
  border:1px solid #c8c1ee;
  border-radius:9px;
  background:#fff;
  color:#5147aa;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.dp-myb-modal {
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(19,17,31,.46);
  backdrop-filter:blur(4px);
}

.dp-myb-modal > section {
  width:min(92vw,620px);
  max-height:88vh;
  overflow:auto;
  border:1px solid #ddd9ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 25px 80px rgba(20,16,55,.22);
}

.dp-myb-modal > section > header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:22px 24px;
  border-bottom:1px solid #eceaf2;
}

.dp-myb-modal header small {
  font-size:9px;
  font-weight:800;
  letter-spacing:1.3px;
  color:#7166c8;
}

.dp-myb-modal header h2 {
  margin:5px 0 0;
  font-size:20px;
}

.dp-myb-modal header button {
  width:34px;
  height:34px;
  border:0;
  border-radius:9px;
  background:#f3f1f8;
  color:#55515f;
  font-size:22px;
  cursor:pointer;
}

.dp-myb-modal-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:22px 24px 26px;
}

.dp-myb-modal-grid label {
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:13px 14px;
  border:1px solid #eceaf1;
  border-radius:11px;
  background:#fafafd;
}

.dp-myb-modal-grid small {
  font-size:9px;
  font-weight:700;
  color:#93909b;
}

.dp-myb-modal-grid b {
  font-size:13px;
  color:#302e37;
}

@media(max-width:1000px) {
.dp-myb-page {
    width:min(94vw,900px);
    padding-top: var(--kradpc-my-bookings-page-top, 12px);
  }
}

@media(max-width:1000px) {
.dp-myb-hold {
    grid-template-columns:1fr 160px;
  }
}

@media(max-width:1000px) {
.dp-myb-held-summary {
    grid-column:1 / -1;
  }
}

@media(max-width:700px) {
.dp-myb-page {
    width:calc(100% - 28px);
    padding: var(--kradpc-my-bookings-page-top, 12px) 0 50px;
  }
}

@media(max-width:700px) {
.dp-myb-heading h1 {
    font-size:31px;
  }
}

@media(max-width:700px) {
.dp-myb-hold {
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 18px;
  }
}

@media(max-width:700px) {
.dp-myb-timer {
    border-left:0;
    border-right:0;
    border-top:1px solid #e3e1ef;
    border-bottom:1px solid #e3e1ef;
    padding:16px 10px;
  }
}

@media(max-width:700px) {
.dp-myb-held-summary {
    grid-column:auto;
  }
}

@media(max-width:700px) {
.dp-myb-hold-actions {
    grid-column:auto;
    display:grid;
    grid-template-columns:1fr;
  }
}

@media(max-width:700px) {
.dp-myb-section > header {
    min-height:auto;
    padding:17px;
    flex-wrap:wrap;
  }
}

@media(max-width:700px) {
.dp-myb-section > header > button {
    width:100%;
  }
}

@media(max-width:700px) {
.dp-myb-help {
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:700px) {
.dp-myb-help button {
    width:100%;
  }
}

@media(max-width:700px) {
.dp-myb-modal-grid {
    grid-template-columns:1fr;
  }
}

body.dp-route-my-bookings .dp-myb-page,
body.dp-route-my-bookings .dp-myb-shell {
    width:min(100% - 64px, 1280px);
    max-width:1280px;
    margin:32px auto 56px;
    padding-left:0;
    padding-right:0;
}

body.dp-route-my-bookings .dp-myb-hold,
body.dp-route-my-bookings .dp-myb-section,
body.dp-route-my-bookings .dp-myb-help,
body.dp-route-my-bookings .dp-myb-table {
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

body.dp-route-my-bookings .dp-myb-table-wrap,
body.dp-route-my-bookings .dp-myb-section {
    overflow-x:auto;
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-section {
    overflow:hidden;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-table {
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-table-head,
body.dp-route-my-bookings .dp-myb-row {
    width:100%;
    min-width:0;
    max-width:100%;

    grid-template-columns:
      minmax(0,1.10fr)
      minmax(0,1.20fr)
      minmax(0,1.10fr)
      minmax(0,1.10fr)
      minmax(0,.88fr)
      minmax(0,.98fr)
      minmax(0,.58fr)
      minmax(124px,1.16fr);

    gap:8px;
    box-sizing:border-box;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-table-head {
    padding-left:16px;
    padding-right:16px;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-row {
    padding-left:16px;
    padding-right:16px;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-table-head > *,
body.dp-route-my-bookings .dp-myb-row > * {
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-ref {
    overflow-wrap:anywhere;
    word-break:break-word;
    font-size:10px;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-row {
    font-size:11px;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-court b {
    font-size:12px;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-court small {
    white-space:normal;
    line-height:1.25;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-status,
body.dp-route-my-bookings .dp-myb-payment {
    max-width:100%;
    padding-left:7px;
    padding-right:7px;
    font-size:9px;
  }
}

@media (min-width:901px) {
body.dp-route-my-bookings .dp-myb-details {
    width:100%;
    max-width:100%;
    min-width:0;

    box-sizing:border-box;

    padding:
      9px
      6px;

    white-space:nowrap;

    text-align:center;

    font-size:10px;
  }
}

@media (max-width:900px) {
body.dp-route-my-bookings .dp-myb-table {
    overflow-x:hidden;
  }
}

@media (max-width:900px) {
body.dp-route-my-bookings .dp-myb-table-head {
    display:none;
  }
}

@media (max-width:900px) {
body.dp-route-my-bookings .dp-myb-row {
    min-width:0;
    width:100%;
    grid-template-columns:1fr 1fr;
    gap:12px 18px;
    padding:18px;
  }
}

@media (max-width:900px) {
body.dp-route-my-bookings .dp-myb-row > * {
    min-width:0;
  }
}

@media (max-width:900px) {
body.dp-route-my-bookings .dp-myb-details {
    width:100%;
    max-width:100%;
    min-width:0;

    box-sizing:border-box;

    padding:
      10px
      8px;

    white-space:normal;
    overflow-wrap:anywhere;

    text-align:center;
  }
}

body.dp-route-my-bookings .dp-myb-hold-copy h2 {
    color:#1d1c25;
}

body.dp-route-my-bookings .dp-myb-hold-copy p {
    color:#767482;
}

body.dp-route-my-bookings .dp-myb-held-summary {
    color:#17171f;
}

body.dp-route-my-bookings
.dp-myb-heading p {
    color:#6f6b78;
    -webkit-text-fill-color:#6f6b78;
    opacity:1;
    filter:none;
}

body.dp-route-my-bookings
.dp-myb-hold-copy small {
    color:#6256c7;
    -webkit-text-fill-color:#6256c7;
    opacity:1;
    filter:none;
}

body.dp-route-my-bookings
.dp-myb-hold-copy h2 {
    color:#17171f;
    -webkit-text-fill-color:#17171f;
    opacity:1;
    filter:none;
}

body.dp-route-my-bookings
.dp-myb-hold-copy p {
    color:#686571;
    -webkit-text-fill-color:#686571;
    opacity:1;
    filter:none;
}

body.dp-route-my-bookings
.dp-myb-timer small {
    color:#777381;
    -webkit-text-fill-color:#777381;
    opacity:1;
}

body.dp-route-my-bookings
.dp-myb-timer strong {
    color:#5146bb;
    -webkit-text-fill-color:#5146bb;
    opacity:1;
}

body.dp-route-my-bookings
.dp-myb-timer span {
    color:#85818d;
    -webkit-text-fill-color:#85818d;
    opacity:1;
}

body.dp-route-my-bookings
.dp-myb-section > header h2 {
    color:#17171f;
    -webkit-text-fill-color:#17171f;
    opacity:1;
    filter:none;
}

body.dp-route-my-bookings
.dp-myb-section > header > div > span {
    color:#6155c5;
    -webkit-text-fill-color:#6155c5;
    opacity:1;
}

body.dp-route-my-bookings
.dp-myb-section > header i {
    color:#6259ad;
    -webkit-text-fill-color:#6259ad;
    opacity:1;
}

.dp-myb-page .booking-page-head {
  color: #172034;
  -webkit-text-fill-color: currentColor;
  opacity: 1;
}

.dp-myb-page .booking-page-head small {
  color: #5140a0;
  -webkit-text-fill-color: #5140a0;
  opacity: 1;
}

.dp-myb-page .booking-page-head h2 {
  color: #172034;
  -webkit-text-fill-color: #172034;
  opacity: 1;
}

.dp-myb-page .booking-page-head p {
  color: #475569;
  -webkit-text-fill-color: #475569;
  opacity: 1;
}

/* My Bookings owns its compact route spacing. */
.dp-myb-route-shell {
    padding-top: var(--kradpc-my-bookings-shell-top, 20px);
}