.loading-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--hs-text-rgb, 0, 0, 0), 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--hs-text-inverse, white);
    z-index: 9999;
}

.spinner {
    border: 16px solid var(--hs-border-subtle, #f3f3f3);
    border-top: 16px solid var(--hs-brand, #3498db);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}


.activeFlight {
    display: block;
}

.inActiveFlight {
    display: none;
}

#profileImage {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px;
    background: var(--hs-brand, #512DA8);
    font-size: 15px;
    color: var(--hs-text-inverse, #fff);
    text-align: center;
    line-height: 30px;
    /* margin-bottom: 20px; */
    margin-top: -3px
  }

/* ---------------------------------------------------------------------------
   Readability floor for Bootstrap's two "make it smaller" rules.

   Bootstrap sizes both of these as a PERCENTAGE of the parent:

       .small, small { font-size: 80%; font-weight: 400 }
       .badge        { font-size: 75%; font-weight: 700 }

   Against our 13px body that is 10.4px and 9.75px on its own -- but the two
   compound wherever a badge sits inside a .small container (the inclusion and
   promotion badge rows on the room-results and booking pages do exactly that),
   landing at 75% of 80% of 13px = 7.8px. Ops reported those as unreadable.

   Fixed in px rather than a bigger percentage on purpose: a percentage would
   still compound, so the nested case would stay the smallest text on the page.
   px cannot stack -- a badge is 12px wherever it appears.

   This file loads after bootstrap.min.css in both b2b heads, so equal-specificity
   selectors here win. Deliberately global (hotels + flights): both portals share
   the same 13px body and the same Bootstrap rules, so the text is equally small
   on each.
   --------------------------------------------------------------------------- */
.small, small { font-size: 13.5px; font-weight: 500; }
.badge        { font-size: 13px;   font-weight: 600; }