@import url('/assets/fonts/webfonts.css');

:root {
  /* Changes to Major version include renaming or deletion of variables.
   Changes to Minor version include addition of new variables.
   Changes to Revision version include variable value changes. */
  --Version-Number: 2.1;

  /* global styles variables */
  --font-family: 'Averta', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lightest: #fff;
  --light: #F3F3F3;
  --medium: #C4C4C4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 900;

  --primary: #000000;
  --primary-hover: #999;
  --primary-contrast: #333;
  --primary-inverse: var(--lightest);

  --secondary: #A83CD1;
  --secondary-hover: #A83CD1;
  --secondary-contrast: #A83CD1;
  --secondary-inverse: var(--lightest);
  --secondary-light: #F2E8F9;

  --info: #acff99;
  --info-hover: #7ef763;
  --info-contrast: #53f12f;
  --info-inverse: var(--darkest);

  --highlight: #ffffff;
  --highlight-hover: #ececec;
  --highlight-contrast: #ececec;
  --highlight-inverse: var(--darkest);

  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
  --dark: #343a40;
  --white: #fff;

  --seat-orange: #f78109;
  --seat-orange-fill: #fff1ea;
  --seat-purple: var(--secondary);
  --seat-purple-fill: #f7e5ff;
  --seat-green: #4cca46;
  --seat-green-fill: #deffdd;
  --seat-skyblue: #005069;
  --seat-skyblue-fill: #7ee0ff;
  --seat-blue: #0f2ba0;
  --seat-blue-fill: #d9e3ff;
}

/* ------- PER CLIENT CUSTOMIZATION ------- */

/* Assign Font to document */
html,
body {
  font-family: var(--font-family) !important;
  text-transform: lowercase !important;
}

button,
select {
  text-transform: lowercase !important;
}

/* Mapping needed when google font does not correspond */
h1,
.h1 {
  font-weight: var(--headings-font-weight) !important;
}

h2,
.h2 {
  font-weight: var(--headings-font-weight) !important;
}

h3,
.h3 {
  font-weight: var(--headings-font-weight) !important;
}

h4,
.h4 {
  font-weight: var(--headings-font-weight) !important;
}

h5,
.h5 {
  font-weight: var(--headings-font-weight) !important;
}

h6,
.h6 {
  font-weight: var(--headings-font-weight) !important;
}

/* Logo sizing specific to brand */
a.navbar-brand img {
  width: 11.25rem;
}

/* AmeliaRes Logo Style */
.page-footer img.amelia-logo {
  width: 4.75rem;
}

/* Client Customizations */
.form-control,
app-passengers-count-picker .passenger-detail div[role="option"],
app-trip-type-picker div[role="radiogroup"] label.btn {
  border: 2px solid var(--darkest) !important;
}

.navbar-dark .navbar-text a,
app-site-header .text-white,
app-site-header li::after {
  color: var(--darkest) !important;
}

app-site-header.bg-primary,
app-agent-login .agent-login-header {
  background-color: var(--lightest) !important;
  color: var(--darkest) !important;
}

app-journey-fare-option button.btn {
  color: var(--darkest) !important;
  border-color: var(--info) !important;
  background-color: var(--info) !important;
}

app-journey-fares-item .fare--selection-column button {
  border-color: var(--secondary) !important;
  background-color: var(--secondary) !important;
}

app-journey-fares-item .fare--selection-column button.btn-outline-medium {
  color: var(--lightest) !important;
}

app-seats-selection .passenger--row .bg-info.btn,
app-seats-selection .leg-action button.btn.btn-info,
app-seats-selection .row-seat .seat.selected .data-set {
  color: var(--darkest) !important;
}

/* Payment method icons */
.payment--method.AMX {
  background: url(https://s3.us-east-1.amazonaws.com/ias.ngi.maint.cdn/FlairAir/images/amex.svg) center no-repeat;
}

.payment--method.HSBCMC {
  background: url(https://s3.us-east-1.amazonaws.com/ias.ngi.maint.cdn/FlairAir/images/mastercard.svg) center no-repeat;
}

.payment--method.HSBCVI {
  background: url(https://s3.us-east-1.amazonaws.com/ias.ngi.maint.cdn/FlairAir/images/visa.svg) center no-repeat;
}

app-ancillary-category .text-info {
  color: var(--secondary) !important;
}

app-view-reservation-detail .cart--outbound .card-body-button:not(.dropdown-toggle, :disabled),
app-view-reservation-detail .cart-passengers .btn {
  color: var(--secondary) !important;
}

.copy-right {
  font-weight: normal !important;
}

.menu-cart-container .text-medium {
  display: none !important;
}

.airport .airport--code,
app-view-reservation-detail .billing-summary-container .mb-3,
app-journey-information-summary .journey-label {
  display: none !important;
}

app-view-reservation-detail .add-new-journey-container .btn.btn-outline-medium {
  color: var(--darkest) !important;
  font-weight: bold !important;
  border-color: var(--dark) !important;
}

app-ancillary-category .card-body img {
  height: 3.5rem !important;
  padding: 0.5rem 0;
}

app-city-pair-ancillary-option .card-header img {
  padding: 1rem;
}


app-ancillary-category app-single-selection-ancillary-option-item .card.selected-option,
app-ancillary-category .expanded app-city-pair-ancillary-option .card,
app-ancillary-category .expanded app-flight-ancillary-option .card,
app-ancillary-category .expanded app-airport-ancillary-option .card {
  border-color: var(--secondary) !important;
  box-shadow: 0 0 10px var(--secondary);
}

/* .ssr--category:nth-child(7),
.ssr--category:nth-child(10) {
  display: none;
} */

.seat-price.seat-text {
  font-size: 10.5%;
}

app-view-reservation-detail app-page-footer-message .alert.alert-warning,
app-view-reservation-detail app-page-footer-message {
  padding: 0 !important;
}

.input-group input:not(:last-child),
.input-group button:not(:last-child) {
  border-right-width: 0px !important;
}

app-phone-control .input-group input:nth-child(1),
app-phone-control .input-group button:nth-child(1) {
  border-width: 2px !important;
  border-right-width: 2px !important;
  border-color: var(--primary) !important;
}

app-agent-reservations-search .date-range-controls .dropdown-toggle {
  width: 100% !important;
}

app-ancillary-category>div {
  display: flex !important;
  flex-direction: row !important;
}

app-ancillary-category>div>.card-body {
  display: flex;
  align-items: center !important;
  padding-left: 0.5rem !important;
  flex: 0 0 auto;
  width: 4rem;
}

app-journey-information-summary .alert-warning,
app-flight-journey-detail .fs-12.alert.alert-warning {
  display: none !important;
}

/* CUSTOMIZED SEATS & LEGENDS */

.front-cabin-group .limited-recline-seat.seat-design,
.first-row-legend {
  stroke: var(--seat-orange) !important;
  fill: var(--seat-orange-fill) !important;
}

.front-cabin-group .limited-recline-seat.seat-design.selected-seat:not(.bottom-design),
.front-cabin-group .limited-recline-seat.seat-design.occupied-seat:not(.bottom-design),
.first-row-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-orange) !important;
}

.front-cabin-group .seat-design.disabled-seat,
.extra-leg-room-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

.front-cabin-group .seat-design.disabled-seat.selected-seat:not(.bottom-design),
.front-cabin-group .seat-design.disabled-seat.occupied-seat:not(.bottom-design),
.extra-leg-room-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

.front-cabin-group .seat-design,
.front-cabin-legend {
  stroke: var(--seat-green) !important;
  fill: var(--seat-green-fill) !important;
}

.front-cabin-group .seat-design.selected-seat:not(.bottom-design),
.front-cabin-group .seat-design.occupied-seat:not(.bottom-design),
.front-cabin-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-green) !important;
}

.exit-row-group .seat-design,
.emergency-exit-legend {
  stroke: var(--seat-skyblue) !important;
  fill: var(--seat-skyblue-fill) !important;
}

.exit-row-group .seat-design.selected-seat:not(.bottom-design),
.exit-row-group .seat-design.occupied-seat:not(.bottom-design),
.emergency-exit-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-skyblue) !important;
}

.standard-group .seat-design,
.standard-seat-legend {
  stroke: var(--seat-blue) !important;
  fill: var(--seat-blue-fill) !important;
}

.standard-group .seat-design.selected-seat:not(.bottom-design),
.standard-group .seat-design.occupied-seat:not(.bottom-design),
.standard-seat-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-blue) !important;
}

.seat.unavailable-seat,
.seat.unavailable-seat.disabled-seat,
.seat.unavailable-seat.limited-recline-seat {
  stroke: var(--medium) !important;
  fill: var(--lightest) !important;
}

[seat-map-name="7M8_B738-MAX"] .seat-price.seat-text {
  font-size: 13.5%;
}
[seat-map-name="767_767 - N378AX"] .seat-price.seat-text {
  font-size: 13.5%;
}
[seat-map-name="767_767 - N486AX"] .seat-price.seat-text {
  font-size: 13.5%;
}

/* 767_767 - N378AX */
[seat-map-name="767_767 - N378AX"] .front-cabin-group .limited-recline-seat.seat-design,
.N378AX .first-row-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

[seat-map-name="767_767 - N378AX"] .front-cabin-group .limited-recline-seat.seat-design.selected-seat:not(.bottom-design),
.front-cabin-group .limited-recline-seat.seat-design.occupied-seat:not(.bottom-design),
.N378AX .first-row-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

[seat-map-name="767_767 - N378AX"] .front-cabin-group .seat-design.disabled-seat,
.N378AX .extra-leg-room-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

[seat-map-name="767_767 - N378AX"] .front-cabin-group .seat-design.disabled-seat.selected-seat:not(.bottom-design),
.front-cabin-group .seat-design.disabled-seat.occupied-seat:not(.bottom-design),
.N378AX .extra-leg-room-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

[seat-map-name="767_767 - N378AX"] .front-cabin-group .seat-design,
.N378AX .front-cabin-legend {
  stroke: var(--seat-green) !important;
  fill: var(--seat-green-fill) !important;
}

[seat-map-name="767_767 - N378AX"] .front-cabin-group .seat-design.selected-seat:not(.bottom-design),
.front-cabin-group .seat-design.occupied-seat:not(.bottom-design),
.N378AX .front-cabin-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-green) !important;
}

[seat-map-name="767_767 - N378AX"] .exit-row-group .seat-design,
.N378AX .emergency-exit-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

[seat-map-name="767_767 - N378AX"] .exit-row-group .seat-design.selected-seat:not(.bottom-design),
.exit-row-group .seat-design.occupied-seat:not(.bottom-design),
.N378AX .emergency-exit-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

[seat-map-name="767_767 - N378AX"] .standard-group .seat-design,
.N378AX .standard-seat-legend {
  stroke: var(--seat-green) !important;
  fill: var(--seat-green-fill) !important;
}

[seat-map-name="767_767 - N378AX"] .standard-group .seat-design.selected-seat:not(.bottom-design),
.standard-group .seat-design.occupied-seat:not(.bottom-design),
.N378AX .standard-seat-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-green) !important;
}

/* 767_767 - N486AX */
[seat-map-name="767_767 - N486AX"] .front-cabin-group .limited-recline-seat.seat-design,
.N486AX .first-row-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

[seat-map-name="767_767 - N486AX"] .front-cabin-group .limited-recline-seat.seat-design.selected-seat:not(.bottom-design),
.front-cabin-group .limited-recline-seat.seat-design.occupied-seat:not(.bottom-design),
.N486AX .first-row-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

[seat-map-name="767_767 - N486AX"] .front-cabin-group .seat-design.disabled-seat,
.N486AX .extra-leg-room-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

[seat-map-name="767_767 - N486AX"] .front-cabin-group .seat-design.disabled-seat.selected-seat:not(.bottom-design),
.front-cabin-group .seat-design.disabled-seat.occupied-seat:not(.bottom-design),
.N486AX .extra-leg-room-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

[seat-map-name="767_767 - N486AX"] .front-cabin-group .seat-design,
.N486AX .front-cabin-legend {
  stroke: var(--seat-green) !important;
  fill: var(--seat-green-fill) !important;
}

[seat-map-name="767_767 - N486AX"] .front-cabin-group .seat-design.selected-seat:not(.bottom-design),
.front-cabin-group .seat-design.occupied-seat:not(.bottom-design),
.N486AX .front-cabin-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-green) !important;
}

[seat-map-name="767_767 - N486AX"] .exit-row-group .seat-design,
.N486AX .emergency-exit-legend {
  stroke: var(--seat-purple) !important;
  fill: var(--seat-purple-fill) !important;
}

[seat-map-name="767_767 - N486AX"] .exit-row-group .seat-design.selected-seat:not(.bottom-design),
.exit-row-group .seat-design.occupied-seat:not(.bottom-design),
.N486AX .emergency-exit-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-purple) !important;
}

[seat-map-name="767_767 - N486AX"] .standard-group .seat-design,
.N486AX .standard-seat-legend {
  stroke: var(--seat-green) !important;
  fill: var(--seat-green-fill) !important;
}

[seat-map-name="767_767 - N486AX"] .standard-group .seat-design.selected-seat:not(.bottom-design),
.standard-group .seat-design.occupied-seat:not(.bottom-design),
.N486AX .standard-seat-legend.selected-seat:not(.bottom-design) {
  fill: var(--seat-green) !important;
}

.btn-primary:disabled {
  opacity: 0.4;
}

app-view-reservation-detail app-quick-actions .card .card-body img {
  max-height: 46px;
}

app-single-selection-ancillary-option-item img {
  max-height: 56px !important;
}

app-ancillary-category .ssr--category .category-header {
  color: var(--secondary) !important;
}

app-ancillary-category .category-expanded img.ancillary-category-image {
  width: auto !important;
  margin-left: 2rem;
}

app-ancillary-category .btn-ancillary-added {
  background-color: var(--darkest) !important;
  color: white !important;
  border-color: var(--darkest) !important;
}

app-ancillary-category .btn-ancillary-added:hover,
app-ancillary-category .btn-ancillary-added:focus {
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}

/* .starting-from-price-group {
  display: none !important;
} */

app-reservations-search-result table tr td:nth-child(6) {
  text-transform: capitalize;
}

app-trip-type-picker .btn-outline-primary {
  border-width: 2px;
}

app-view-reservation-detail app-quick-actions .card {
  border: none !important;
  box-shadow: 0px 0px 30px rgba(10, 10, 10, 0.1) !important;
}

app-view-reservation-detail app-quick-actions .card-footer:last-child {
  border-top: none !important;
}

app-view-reservation-detail app-quick-actions .site-navigation-text {
  text-align: center !important;
}

@media (min-width: 350px) and (max-width: 934px) {
  app-view-reservation-detail app-quick-actions .site-navigation-text {
    display: block;
    overflow: hidden;
    white-space: normal;
    font-size: 15px;
    margin: auto;
    padding: initial;
  }

  app-view-reservation-detail app-quick-actions .col.mb-3.ng-star-inserted {
    flex: 1 1 auto;
    max-width: calc(39.333% - 12px);
    margin-right: -15px;
    margin-bottom: 23px;
  }

  app-view-reservation-detail app-quick-actions .row-cols-1>* {
    display: flex;
    flex-wrap: nowrap;

  }

  app-view-reservation-detail app-quick-actions .card {
    width: 100%;
    text-align: center !important;
    text-decoration: none;
  }

  app-view-reservation-detail app-quick-actions .card-body {
    flex: 0 0 0 !important;
  }

  app-view-reservation-detail app-quick-actions .card-footer {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    height: 100%;
  }

  app-view-reservation-detail app-quick-actions .ic-long-arrow-right-af:after {
    display: none !important;
  }
}

app-view-reservation-detail .page-body .container-lg {
  top: -4.3rem;
  position: relative;
}

.purchased-ancillary-info-container .alert.alert-info {
  color: var(--secondary) !important;
  background-color: var(--secondary-light) !important;
  border-color: var(--secondary-light) !important;
  text-transform: none !important;
}

re-captcha .grecaptcha-badge {
  z-index: 1030 !important;
}

iframe[src^="https://www.google.com/recaptcha"] {
  top: inherit !important;
}

@media screen and (min-width: 768px) {
  .cart-passengers .passenger .row .row .col-md-3 {
    width: 50%;
  }

  .cart-passengers .passenger .row .row .col-md-5,
  .cart-passengers .passenger .row .row .col-md-4 {
    width: 25%;
  }
}

app-agency-company-item .text-info {
  color: black !important;
}

ngb-modal-window .text-info {
  color: black !important;
}

app-ancillary-category>div .card-footer:not(.current-selection-total-section, .p-0.m-0) {
  padding: 1rem !important;
  background-color: transparent;
  border-top: 0;
  flex: 1 1 auto;
}

.text-wrap{
  white-space: nowrap !important;
}