@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

: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: 'Poppins', serif;
  --lightest: #fff;
  --light: #F5F3E6;
  --light-disabled: #dddbc8;
  --light-hovered: #eceadb;
  --medium: #C4C4C4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 700;
  --logo-height: 3.25rem;

  --primary: #334A36;
  --primary-hover: #4D6A50;
  --primary-contrast: #334A36;
  --primary-inverse: var(--lightest);

  --secondary: #FC703B;
  --secondary-hover: #e05b27;
  --secondary-contrast: #FFDE14;
  --secondary-inverse: var(--lightest);

  --info: #1E3B58;
  --info-hover: #264d74;
  --info-contrast: #264d74;
  --info-inverse: var(--lightest);

  --highlight: #FFDE14;
  --highlight-hover: #efd00a;
  --highlight-contrast: #efd00a;
  --highlight-inverse: var(--darkest);

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

  --global-section-background-color: var(--light-disabled);
  --bs-body-bg: var(--light) !important;
  --bs-tertiary-bg: var(--light-hovered);
}

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

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

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

h2,
.h2 {
  font-weight: var(--headings-font-weight) !important;
  color: var(--secondary) !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 {
  height: var(--logo-height);
}

/* 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-sell-messages .fs-14 {
  font-size: .7rem !important;
}

.fare-type-fly_plusflex .card-header {
  background-color: #1f3b59 !important;
}

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

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

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

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

/* Customer Customization/Overrides */

app-home,
app-check-in,
app-flight-search-results,
app-passengers,
app-seats-selection,
app-extras,
app-confirm-and-pay,
app-booking-success,
app-res,
app-agent-login,
app-agency,
.bg-white,
app-agency .agent-content .page-body,
app-agency .agent-content .page-controllers,
app-agency .footer-container {
  background-color: var(--light)!important;
}

/* FORM CONTROLS */

.form-control {
  background-color: var(--light)!important;
}

.form-control:disabled, .navbar-toggler:disabled {
  background-color: var(--light-disabled)!important;
}

.form-control,
app-phone-control.custom-component-form-control app-typeahead input.form-control,
.border.border-medium {
  border-color: var(--primary)!important;
}

/* TITLE PICKER */
.btn-group-toggle .btn-outline-primary.form-control.active,
.btn-group-toggle .btn-outline-primary.form-control:not(:disabled):hover {
  background-color: var(--primary)!important;
}

/* AIRPORT PICKER */

ul.typeahead-list li.list-group-item-action:hover {
  background-color: var(--light-hovered)!important;
}

ul.typeahead-list li.list-group-item-action.hovering {
  background-color: var(--secondary)!important;
}

ul.typeahead-list li.list-group-item-action.hovering:not(.active) {
  background-color: var(--light-disabled)!important;
}

/* AGENT */
.sider-container.bg-light {
  background-color: var(--light-disabled)!important;
}

app-agency app-agent-reservation-detail .personal-contact-information:before {
  background: linear-gradient(to left, var(--light), transparent 30px) !important;
}

app-quick-actions .card-body {
  height: 9rem;
  align-items: center;
  display: flex;
  justify-content: center;
}

img[src="/assets/images/Home-FlightStatus.png"],
img[src="/assets/images/Home-BookFlight.png"] {
  height: 85%;
}

.terminal-icon {
  display: none;
}

app-ancillary-category .sola-bio.card > .card-footer {
  background-color: var(--info);
  color: var(--light);
}

app-ancillary-category .sola-bio.card > .card-footer > .starting-from-case-container {
  color: var(--light) !important;
}

app-ancillary-category .sola-bio.card > .card-footer .btn-ancillary-added.btn-info {
  background-color: var(--secondary);
  color: var(--light);
}

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

app-ancillary-category .category-expanded.sola-bio > div > .card,
app-ancillary-category .category-expanded.sola-bio > div > .card > .card-footer .starting-from-price-group {
  color: var(--light) !important;
  background-color: var(--info);
}

app-ancillary-category .category-expanded.sola-bio > div > .card .text-secondary
{
  color: var(--light) !important;
}

app-ancillary-category .category-expanded.sola-bio > div > .card .btn-ancillary-add {
  background-color: var(--secondary) !important;
  color: var(--light) !important;
}

app-ancillary-category .category-expanded.sola-bio app-ancillary-option .ssr--leg-description .text-secondary {
  color: unset !important;
}
#applyToAllFlightsSwitch.form-check-input:checked, #applyToAllPassengersSwitch.form-check-input:checked:checked {
  background-color: var(--info);
}

app-ancillary-category .category-expanded.sola-bio app-ancillary-option .sola-bio.ssr--passenger .single-item-control .btn-primary {
  background-color: var(--info) !important;
}

app-ancillary-category .category-expanded.sola-bio app-ancillary-option .sola-bio.ssr--passenger .single-item-control .btn-primary:hover {
  opacity: 0.8;
}