@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: 'Gotham', sans-serif;
  --lightest: #fff;
  --light: #f3f3f3;
  --medium: #c4c4c4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --body-font-weight: 300;
  --headings-font-weight: 700;

  --primary: #3a3a3a;
  --primary-hover: rgb(111, 112, 114, 0.8);
  --primary-contrast: #6f7072;
  --primary-inverse: var(--lightest);

  --secondary: #dd262f;
  --secondary-hover: rgb(221, 38, 47, 0.8);
  --secondary-contrast: var(--primary-contrast);
  --secondary-inverse: var(--lightest);

  --info: var(--primary-hover);
  --info-hover: var(--primary-hover);
  --info-contrast: var(--primary-hover);
  --info-inverse: var(--lightest);

  --highlight: hsla(207, 79%, 95%, 1);
  --highlight-hover: hsla(207, 79%, 75%, 1);
  --highlight-contrast: hsla(207, 79%, 25%, 1);
  --highlight-inverse: var(--darkest);

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

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

/* Assign Font to document */
html,
body {
  font-family: var(--font-family) !important;
  font-weight: var(--body-font-weight) !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: 12rem;
}

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

/* SVG Icon Substitution */
.leg--footer .logo {
  background-image: url(./img/airline-icon.svg);
  width: 20px;
  height: 20px;
}

/*--------------------Fare Type Styling----------------- */
/* The fare type identifier is configured in client specific MongoDB Collections.
Fare type CSS class name is constrcuted using the following rules: 1. Prefix 'fare-type-',
2. Replace spaces within fare type identifier by '-'. 3. Transform fare type identifier into lowercase. */
/* Example CSS class for fare type identifier Bronze:*/

.fare-type-platinum .card-header {
  background-color: #cab959 !important;
}

app-journey-fare-option-header.fare-type-bronze,
app-journey-fare-option-summary.fare-type-bronze .btn-select {
  background-color: #b3ae9b !important;
}

app-journey-fare-option-header.fare-type-silver,
app-journey-fare-option-summary.fare-type-silver .btn-select {
  background-color: #b0b6bb !important;
}

app-journey-fare-option-header.fare-type-gold,
app-journey-fare-option-summary.fare-type-gold .btn-select {
  background-color: #dab74d !important;
}

app-journey-fare-option-header.fare-type-platinum,
app-journey-fare-option-summary.fare-type-platinum .btn-select {
  background-color: var(--primary-hover) !important;
}

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

app-site-header .text-white,
app-site-header li::after,
app-site-header .iasi::after,
#language-picker {
  color: var(--primary) !important;
}

.navbar-dark .navbar-text a {
  color: var(--darkest) !important;
}

body .page-body,
app-agency .agent-content .page-body {
  background-color: var(--primary) !important;
  /* color: var(--lightest) !important; */
}

/* app-agency .agent-content .page-body .text-dark {
  color: var(--lightest) !important;
} */

app-site-header .language-picker-container {
  border-color: var(--darkest) !important;
}

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

app-flight-status label,
app-flight-search label,
app-flight-status .flight-status--title+div button {
  color: var(--lightest) !important;
}

app-flight-status .flight-status--title+div div button:last-child {
  color: var(--lightest) !important;
}

app-flight-status .flight-status--title+div div button {
  border-color: var(--medium) !important;
}

app-trip-type-picker label.btn-outline-primary {
  background-color: var(--secondary);
  border-color: var(--secondary) !important;
}

app-flight-search-results .page-controllers .btn-primary,
app-passengers .page-controllers .btn-primary,
app-seats-selection .page-controllers .btn-primary,
app-check-in .page-controllers:not(.back-only) .btn-primary,
app-extras .page-controllers .btn-primary {
  background-color: var(--lightest);
  color: var(--primary);
}

app-flight-search-results .page-controllers .btn-outline-primary,
app-passengers .page-controllers .btn-outline-primary,
app-seats-selection .page-controllers .btn-outline-primary,
app-check-in .page-controllers:not(.back-only) .btn-outline-primary,
app-extras .page-controllers .btn-outline-primary {
  border-color: var(--lightest);
  color: var(--lightest);
}

app-flight-search-results .page-controllers,
app-passengers .page-controllers,
app-seats-selection .page-controllers,
app-check-in .page-controllers:not(.back-only),
app-extras .page-controllers,
app-agency app-flight-search-results .page-controllers {
  background-color: var(--primary) !important;
}

app-journey-dates-ribbon {
  color: var(--lightest) !important;
}

app-journey-dates-ribbon .dates-ribbon-item>div {
  border-color: var(--lightest) !important;
}

app-journey-dates-ribbon .active {
  border-color: var(--lightest) !important;
  background-color: transparent !important;
  border-left: solid 1px var(--lightest) !important;
  border-right: solid 1px var(--lightest) !important;
  border-bottom: solid 1px var(--lightest) !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

app-journey-selection .journey-selection--title,
app-journey-dates-ribbon,
app-journey-dates-ribbon .nex-button,
app-journey-dates-ribbon .prev-button,
app-collect-apis-information .passenger--title,
app-passenger-information-input .passenger--title {
  color: var(--lightest) !important;
}

app-journey-selection .journey-selection--title>.border {
  border-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,
app-select-seats .passenger--row .bg-info.btn,
app-select-seats .leg-action button.btn.btn-info,
app-select-seats .row-seat .seat.selected .data-set {
  color: var(--lightest) !important;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

app-seats-selection .leg--container .bg-white,
app-select-seats .leg--container .bg-white {
  color: var(--darkest) !important;
}

app-seats-selection .leg--container .bg-light,
app-select-seats .leg--container .bg-light {
  background-color: var(--primary) !important;
  color: var(--lightest) !important;
}

app-seats-selection .leg--display div,
app-select-seats .leg--display div {
  background-color: var(--lightest) !important;
}

app-seats-selection .journey .border-bottom,
app-seats-selection .journey .border-top,
app-select-seats .journey .border-bottom,
app-select-seats .journey .border-top {
  border-color: var(--lightest) !important;
}

app-seats-selection .leg-action .btn-outline-primary,
app-select-seats .leg-action .btn-outline-primary {
  border-color: var(--lightest) !important;
  color: var(--lightest) !important;
}

app-seats-selection .inbound .journey--title,
app-select-seats .inbound .journey--title,
app-add-journey-seat-selections .journey--title,
app-edit-journey-seat-selections .journey--title,
app-change-flight-seat-selections .journey--title {
  color: var(--lightest) !important;
}

app-reservation-charges,
app-reservation-charges .page-body .h2,
app-reservation-charges .cart-journey .h2,
app-check-in-reservation-charges .cart-journey .h2 {
  color: var(--lightest) !important;
}

app-reservation-charges .border,
app-reservation-charges .border-bottom,
app-reservation-charges .border-top,
app-reservation-charges .border-left,
app-reservation-charges .border-right,
app-reservation-charges .border-sm-top,
app-reservation-charges .border-sm-left,
app-review-and-confirm .border,
app-review-and-confirm .border-bottom,
app-review-and-confirm .border-top,
app-review-and-confirm .border-left,
app-review-and-confirm .border-right,
app-review-and-confirm .border-sm-top,
app-review-and-confirm .border-sm-left {
  border-color: var(--lightest) !important;
}

app-reservation-charges .leg--display div,
app-review-and-confirm .leg--display div {
  background-color: var(--lightest);
}

app-reservation-charges .cart-passengers,
app-review-and-confirm .cart-passengers {
  color: var(--darkest) !important;
}

app-flight-status .border-bottom {
  border-bottom-color: var(--medium) !important;
}

app-reservation-charges .cart-passengers--title,
app-reservation-charges .cart-reminder,
app-review-and-confirm .cart-passengers--title,
app-review-and-confirm .cart-reminder {
  color: var(--lightest) !important;
}

app-flight-status .search-widget>div>.row>.col-12:first-child {
  color: var(--secondary);
}

app-flight-status .search-widget>div>.row>.col-12.text-primary {
  color: var(--lightest) !important;
}

app-booking-success .page-body {
  color: var(--lightest) !important;
}

app-booking-success .page-body>.container-lg>.row:first-child {
  background-color: var(--lightest) !important;
  border-radius: 0.5rem;
}

app-booking-success .h1,
app-booking-success .card {
  color: var(--primary) !important;
}

app-booking-success .border,
app-booking-success .border-bottom,
app-booking-success .border-top,
app-booking-success .border-left,
app-booking-success .border-right,
app-booking-success .border-sm-top,
app-booking-success .border-sm-left {
  border-color: var(--lightest) !important;
}

app-flight-status label.btn-outline-primary,
app-person-title-picker label.btn-outline-primary {
  background-color: var(--lightest);
  border-color: #ced4da !important;
}

.navbar-dark .navbar-text a {
  color: var(--darkest) !important;
}

#cartVisibilityController {
  border-color: var(--darkest) !important;
}

app-journey-fare-option-summary button.btn-primary {
  border-color: var(--secondary) !important;
  background-color: var(--secondary) !important;
  color: var(--lightest) !important;
}

app-journey-selection:first-child .journey-selection--title,
app-passenger-information-input:first-child .passenger--title,
app-agency app-add-new-passengers-input app-passenger-information-input:first-child .passenger--title {
  color: var(--primary) !important;
}

app-agency app-journey-selection:first-child .journey-selection--title,
app-agency app-passenger-information-input:first-child .passenger--title {
  color: var(--lightest) !important;
}

app-journey-fare-option-summary button.btn-primary:hover {
  border-color: var(--secondary-contrast) !important;
  background-color: var(--secondary-contrast) !important;
}

app-confirm-and-pay .cart-reminder {
  color: var(--lightest) !important;
}

/* CHECK-IN ONLINE */
app-check-in app-search .page-body,
app-review-and-confirm .page-body,
app-thanks .page-body,
app-select-journey .page-body {
  color: var(--lightest) !important;
}

app-select-journey .card,
app-thanks .card,
app-review-and-confirm .oci-item--title,
.page-header--title,
app-flight-status .border-solid,
app-flight-status .floating-total-legs {
  color: var(--primary) !important;
}

app-check-in .border,
app-check-in .border-bottom,
app-check-in .border-top,
app-check-in .border-left,
app-check-in .border-right,
app-check-in .border-sm-top,
app-check-in .border-sm-left {
  border-color: var(--lightest) !important;
}

app-select-passenger .passengers--check-all,
app-check-in-summary .email-itinerary,
app-check-in-summary .fs-20.font-weight-bold {
  color: var(--lightest) !important;
}

app-select-passenger .passengers--check-all .ctm-checkbox.small.mono {
  border: 1px solid var(--lightest);
  color: var(--lightest);
}

app-select-passenger .passengers--check-all .ctm-checkbox.small.mono:checked {
  background-color: transparent;
  border: 1px solid var(--lightest);
}

/* Customer Customization/Overrides */

/* Remove Rounded Cornders */
body .card,
body .rounded,
body .rounded-pill,
body .btn,
body .card-header:first-child,
body .nav-pills .nav-link,
body .form-control,
body .stv-radio-buttons-wrapper label:first-of-type,
body .modal-footer,
body .modal-header,
body .dropdown-menu,
body app-passengers-count-picker .navbar-toggler,
body .custom-select {
  border-radius: 0 !important;
}

app-select-journey .cart-passengers .passenger .card {
  background-color: var(--lightest) !important;
  color: var(--darkest) !important;
}

app-check-in-reservation-charges .cart-passengers .passenger .card {
  background-color: var(--lightest) !important;
  color: var(--darkest) !important;
}

app-reservation-charges .cart-passengers .passenger .card {
  background-color: var(--lightest) !important;
  color: var(--darkest) !important;
}

app-booking-success-summary app-passenger-information-summary .text-primary,
.airline .text-muted.fs-12 {
  color: var(--lightest) !important;
}

app-flight-detail .airline .text-muted.fs-12 {
  color: var(--primary) !important;
}

app-check-in .check-in-header-label {
  color: var(--lightest) !important;
  padding-top: 2rem !important;
  padding-bottom: 1rem !important;
}

app-check-in .check-in-constrain {
  margin-top: 6rem !important;
}

.leg--display span,
.flight--leg-details .rounded-pill {
  color: var(--darkest) !important;
}

app-reservation-billing-summary,
app-reservation-billing-summary .text-primary,
.total-booking-payment-container .text-primary,
app-view-reservation-detail .cart-passengers,
app-view-reservation-detail .cart-passengers .btn.btn-link,
app-view-reservation-detail .btn.btn-outline-primary.px-3,
app-view-reservation-itinerary-summary .btn.btn-outline-primary.px-3 {
  color: var(--lightest) !important;
}

app-flight-journey-detail .card.bg-transparent.border.h-100,
app-view-reservation-itinerary-summary .card.bg-transparent.border {
  background-color: var(--lightest) !important;
}

app-home svg {
  color: var(--lightest);
}

app-site-header a.text-white {
  color: var(--secondary) !important;
}

/* MMB */

app-reservation-search .page-body .container-lg>.row:not(:first-child),
app-view-reservation-detail .page-body .container-lg>.row:nth-child(3),
app-view-reservation-detail .page-body .container-lg>.row:nth-child(3) .text-muted,
app-view-reservation-detail fa-icon,
app-flight-journey-detail .h6,
app-add-journey .page-body .container-lg>.row:not(:first-child),
app-change-flight .page-body .container-lg>.row:not(:first-child),
.charges-breakdown--title,
app-res-checkout .page-body .container-lg .mt-5,
app-payment-summary-charges-breakdown,
.charges-total .text-primary,
app-payment-widget-container .h2,
app-checkout-success .text-muted,
app-next-steps .h5,
.billing-summary-container,
.billing-summary-container .text-primary,
app-check-in-summary .fs-20,
app-thanks .passenger .bg-light,
app-thanks .passenger .text-primary,
app-flight-journey-breakdown .text-primary {
  color: var(--lightest) !important;
}

app-view-reservation-detail app-journey-information-summary,
app-boarding-pass-control .text-primary {
  color: var(--primary) !important;
}

app-view-reservation-itinerary-summary .page-body .btn-outline-primary:not(:disabled),
.billing-summary-container button:not(:disabled),
app-flight-journey-detail button:not(:disabled),
app-view-reservation-detail button:not(:disabled, .dropdown-item:not(.card-body-button)),
app-view-reservation-detail button.bg-transparent:not(:disabled),
app-check-in app-thanks .btn-outline-primary:not(:disabled),
app-view-reservation-detail .billing-summary-container button:disabled,
app-view-reservation-detail .add-new-passengers-container button:disabled,
app-view-reservation-detail .cart-passengers button:disabled {
  background-color: var(--secondary) !important;
  color: var(--lightest) !important;
  border: 0px var(--secondary) solid !important;
}


app-view-reservation-itinerary-summary .page-body .btn-outline-primary:not(:disabled):hover,
.billing-summary-container button:not(:disabled):hover,
app-view-reservation-detail button:not(:disabled):hover,
app-flight-journey-detail button:not(:disabled, .dropdown-item):hover,
app-check-in app-thanks .btn-outline-primary:not(:disabled):hover {
  background-color: var(--primary-hover) !important;
}

app-view-reservation-detail .border-black,
app-view-reservation-detail .border-md-x-0.border-md-y-0,
app-view-reservation-detail .border-md-bottom,
.charge-container .charges--data,
.charges-total .border-top,
.payment-transaction-container.border-black,
.total-booking-payment-container.border-black {
  border-color: var(--lightest) !important;
}

app-add-journey .flight-search-result,
app-change-flight .flight-search-result,
app-payment-widget .bg-white,
app-thanks .passenger .bg-light {
  background-color: var(--primary) !important;
}

app-res-checkout .page-header--pnr {
  margin-top: -2.5rem !important;
}

app-payment-widget .mt-4 {
  margin-top: 0 !important;
  margin-bottom: 1rem;
}

app-res-checkout .leg--display>div,
app-add-journey app-journey-origin-destination-with-details .leg--display>div,
app-change-flight app-journey-origin-destination-with-details .leg--display>div {
  background-color: var(--lightest) !important;
}

app-thanks .passenger .bg-light {
  border: none !important;
}

app-thanks .passenger .bg-light .label {
  font-weight: bold !important;
}

app-view-reservation-detail .passenger .justify-content-end .col-md-4:last-child {
  width: auto;
}

app-view-reservation-detail .card-footer--btn-group .card-body-button:nth-child(2) {
  border-left: 1px solid var(--lightest) !important;
  border-right: 1px solid var(--lightest) !important;
}

app-shopping-cart-summary-mobile .charges-breakdown--title {
  color: var(--primary) !important;
}

.date-icon.p-3 {
  color: var(--secondary);
}

/* AGENT SITE */
app-agent-login .btn-primary,
app-agent-company-selection .btn-primary,
app-agency .btn-primary {
  border-color: var(--secondary) !important;
  background-color: var(--secondary) !important;
  color: var(--lightest) !important;
}

app-agent-login .btn-primary:hover,
app-agent-company-selection .btn-primary:hover,
app-agency .btn-primary:hover {
  border-color: var(--primary-hover) !important;
  background-color: var(--primary-hover) !important;
}

/* reservation search */
app-agent-dashboard .row.mt-4.mb-3 .btn-secondary.col-3,
app-agent-dashboard .row.mt-4.mb-3 a {
  width: 48%;
}

app-agent-dashboard .text-primary,
app-agent-dashboard label {
color: var(--lightest) !important;
}

app-agent-dashboard app-journey-fare-option-ptc-fare-summary .text-primary,
app-agent-dashboard app-journey-fare-option-summary .text-primary {
  color: var(--primary) !important;
}

app-agent-dashboard .welcome-container .text-dark {
  color: var(--lightest) !important;
}

app-agent-dashboard .mt-5.page-body {
  margin-top: 0rem !important;
}

app-agency .ctm-checkbox,
app-agency .ctm-checkbox.mono:checked {
  border: 1px solid var(--lightest) !important;
}

app-agency .ctm-checkbox.mono:checked::before {
  color: var(--lightest) !important;
}

app-agency .ctm-checkbox:hover {
  background-color: var(--dark);
}


app-agency app-payment-widget-container .ctm-checkbox,
app-agency app-payment-widget-container .ctm-checkbox.mono:checked {
  border: 1px solid var(--primary) !important;
}

app-agency app-payment-widget-container .ctm-checkbox.mono:checked::before {
  color: var(--primary) !important;
}

app-agency app-payment-widget-container .ctm-checkbox:hover {
  background-color: var(--lightest);
}

app-agent-booking-confirm-and-pay app-reservations-booking-info-form {
  color: var(--lightest);
}

app-agency app-agent-booking app-agent-booking-passengers app-passengers app-reservations-booking-info-form,
app-agency app-agent-booking app-agent-booking-passengers app-passengers app-reservations-booking-info-form .text-muted {
  color: var(--lightest) !important;
}

app-agency app-agent-alerts .text-primary {
  color: var(--lightest) !important;
}

app-agent-booking-confirm-and-pay .page-body,
app-agent-booking-passengers .page-body,
app-view-reservation-detail .page-body {
  margin-top: 2rem;
}

app-agent-booking-passengers .page-body .container-lg,
app-agent-booking-confirm-and-pay .page-body .container-lg,
app-view-reservation-detail .page-body .container-lg {
  top: 0;
}

app-agent-company-selection .btn {
  padding-left: .7rem;
  padding-right: .7rem;
}

app-agent-reservations-search .page-body .row:nth-child(2) label,
app-agent-reservations-search .page-body .row:nth-child(2) .h5,
app-agent-reservations-search .page-body .row:nth-child(2) p,
app-agent-reservations-search .row:nth-child(2) .text-primary {
  color: var(--lightest) !important;
}

app-view-reservation-detail .page-body .page-header--title,
app-view-reservation-detail .page-body .page-header--pnr,
app-view-reservation-detail .page-body .text-primary,
app-res app-view-reservation-detail .page-body .page-header--title,
app-res app-view-reservation-detail .page-body .page-header--pnr,
app-res app-view-reservation-detail .page-body .text-primary  {
  color: var(--lightest) !important;
}

app-res app-view-reservation-detail .page-body app-check-in-focus-banner .text-primary  {
  color: #3a3a3a !important;
}

app-agency app-view-reservation-detail .page-body .page-header--pnr .border {
  border-color: var(--lightest) !important;
}

.page-header--title.h2 {
  font-size: 1.5rem !important;
}

app-check-in-focus-banner .bg-white,
app-agency app-view-reservation-detail .page-body .text-primary.h6 {
  color: var(--primary) !important;
}

app-agency .outbound.journey>.col>.row.mt-5>.col-auto a:hover {
  color: var(--secondary);
}

/* agent report */
app-agency .agent-content app-agency-reports .page-body {
  background-color: var(--lightest) !important;
}

app-agent-reservation-detail .page-body>.container-lg>.row:first-child .btn{
  background-color: var(--secondary);
  color: var(--lightest);
}

app-agent-reservation-detail .page-body>.container-lg>.row:first-child .btn:hover{
  background-color: var(--primary-hover);
}

app-view-reservation-itinerary-summary app-reservation-charges .h5 {
  color: var(--primary) !important;
}

app-agency app-view-reservation-detail .outbound.journey,
app-agency app-view-reservation-detail .alert-danger.text-dark {
  color: var(--lightest) !important;
}

app-view-alert-queue-detail .table-container {
  background-color: var(--lightest);
}

app-deposit-fund .btn-outline-primary {
  background-color: var(--secondary);
  color: var(--lightest);
}

app-deposit-fund .btn-outline-primary:hover {
  background-color: var(--primary-hover);
  color: var(--lightest);
}

app-deposit-fund .page-body .row.mt-5 {
  margin-top: 5rem !important;
}

.agent-reservation-search-hint .justify-content-center  {
  color: var(--secondary);
}

app-agent-reservation-detail .billing-summary-container button.fw-bold {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

app-agent-reservation-detail app-view-reservation-detail .cart-passengers .col-12.col-md-7 > .row > .col {
  width: 100% !important;
  border: none!important;
  padding-bottom: .3rem;
}

app-date-range-picker .clear-date-selection {
  width: unset;
}

app-agent-reservation-detail app-view-reservation-detail .cart-passengers .col-12.col-md-7 {
  width: 30% !important;
}
app-agent-reservation-detail app-view-reservation-detail .cart-passengers .col-12.col-md-5 {
  width: 70% !important;
}

app-res-checkout .ps-4.mt-2.position-relative svg path {
  fill: var(--lightest);
}

.modal-body app-view-reservation-itinerary-summary .itinerary {
  margin-top: 3rem !important;
}

app-deposit-fund .btn-outline-dark {
  background-color: var(--secondary);
  color: var(--lightest);
}

app-deposit-fund .btn-outline-dark:hover {
  background-color: var(--primary-hover);
}

.btn-more-options .text-black-50 {
  color: var(--lightest) !important;
}

.payment--method.uplift {
  background: url(./assets/images/Uplift.svg) center no-repeat !important;
}

app-agency app-agent-booking app-booking-success app-booking-success-summary .passenger--list .passenger app-passenger-information-summary .text-muted {
  color: var(--lightest) !important;
}

app-booking-success app-booking-success-summary app-passenger-information-summary .text-muted {
  color: var(--lightest) !important;
}

app-installation-payment-pricing {
  font-size: 11px !important;

}
app-installation-payment-pricing .uplift-amount span {
  font-size: 14px !important;
}

app-travel-options-filter {
  color: var(--lightest) !important;

  .filter-container {

    button {
    color: var(--lightest) !important;
    border-color: var(--lightest) !important;

    }
  }
}

app-journey-fares-item {
  .change-flight-selection {
    & > div {
      color: var(--lightest) !important;
    }
  }
}

app-agent-dashboard app-agent-recent-reservation div {
  color: var(--primary) !important;
}

app-agent-reservations-search app-reservations-search-criteria #airlineCode {
  background-color: var(--lightest) !important;
}

app-view-reservation-itinerary-summary .text-muted {
  color: var(--lightest) !important;
}