:root {
  /* ASDX Alaska */
  /* base colors */
  --color-white: #ffffff;
  --color-grey-light: #D0D0D0;
  --color-grey-lighter: #F7F7F7;
  --color-grey: #676767;
  --color-black: #2a2a2a;
  --color-blue-light: #0074CA;
  --color-blue: #00426A; /*#01426A;*/
  --color-blue-dark: #00426a; 
  --color-blue-darker: #00274a; 
  --color-red: #E32026;
  --color-primary: var(--color-blue);


  /* text settings */
  --font-family: 'ASCircular-Light', "Source Sans Pro", sans-serif;
  --font-family-medium: 'ASCircular-Book', "Source Sans Pro", sans-serif;
  --font-family-bold: 'ASCircular-Bold', "Source Sans Pro", sans-serif;
  --font-family-light: 'ASCircular-Light', "Source Sans Pro", sans-serif;

  --font-size-smallest: 1rem; /* 12 */
  --font-size-small: 1.16667rem; /* 14 */
  --font-size-regular: 1.33333rem; /* 16 */
  --font-size-regular-plus: 1.5rem; 
  --font-size-medium: 2rem; /* 24 */
  --font-size-large: 2.4rem; /* 30 */
  --font-size-header: 4rem; /* 48 */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-letter-spacing: 0.02rem;

  --text-primary: var(--color-black);
  --text-primary-light: var(--color-grey);
  --text-disabled: #bbb;
  --text-link: var(--color-blue);
  --text-link-hover: var(--color-blue-dark);
  --text-highlight: var(--color-blue);

  /* backgrounds */
  --background-color: var(--color-white);
  --background-color-grey: var(--color-grey-light);
  --background-color-grey-light: var(--color-grey-lighter);

  /* global elements */
  --header-background: var(--color-white);
  --header-links: var(--color-blue-darker);
  --border-color: #dddddd;
  --border-radius: 6px;
  --border-radius-large: 2rem;
  --box-shadow: 0 0 .6rem rgba(0,0,0,.15);
  --focus-outline: .252rem solid var(--color-blue);
  --content-border: var(--color-grey-light);

  /* seating */
  --seat-standard: #0074ca;
  --seat-standard--details: var(--color-white);
  --seat-main: #0074ca;
  --seat-main--details: var(--color-white);
  --seat-premium: #005155;
  --seat-premium--details: var(--color-white);
  --seat-first: #00274a;
  --seat-first--details: var(--color-white);
  --seat-unavailable: #F7F7F7;
  --seat-unavailable--details: #D0D0D0;
  
  /* form elements */
  --input-background: var(--color-white);
  --input-border: solid .1rem #CACACA;
  --input-border-radius: 6px;
  --input-label: var(--text-primary);
  --input-inline-label: var(--text-primary-light);
  --input-text: var(--text-primary);
  --input-hover-background: var(--background-color-grey-light);

  --input-active-background: var(--color-white);
  --input-active-outline: .2rem solid var(--color-blue);
  --input-active-inline-label: var(--text-primary-light);

  --input-disabled-background: var(--color-white);
  --input-disabled-border: var(--color-grey-light);
  --input-disabled-inline-label: var(--color-grey-light);

  --input-error-background: var(--color-white);
  --input-error-outline: .2rem solid var(--color-red);
  --input-error-inline-label: var(--color-red);

  --input-checkbox-hover: var(--background-color-grey-light);
  --input-checkbox-checked-mark: var(--color-white);
  --input-checkbox-checked-background: var(--color-blue);
  --input-checkbox-checked-hover-background: var(--color-blue-darker);
  --input-checkbox-checked-hover-active-outline: .2rem solid var(--color-white);

  /* alert messages */
  --alert-warning: #fac200;
  --alert-error: var(--color-red);
  --alert-info: var(--color-blue-dark);
  --alert-success: #447a1f;

  /* button colors originate from: https://auro.alaskaair.com/components/auro/button#gsc.tab=0:~:text=in%20a%20process-,Buttons,-are%20not%20Hyperlinks */
  --button-primary-background: var(--color-blue);
  --button-primary-text:  var(--color-white);
  --button-primary-border: solid .1rem var(--color-blue);
  --button-primary-hover-background: var(--color-blue-darker);
  --button-primary-focus-outline: .252rem solid var(--color-white);
  --button-primary-disabled-background: #ACC9E3;
  --button-primary-disabled-border-color: #ACC9E3;

  --button-secondary-background: var(--color-white);
  --button-secondary-border: solid .1rem var(--color-blue);
  --button-secondary-text: var(--color-blue);
  --button-secondary-hover-background: #F2F2F2;
  --button-secondary-disabled-background: var(--color-grey-lighter);
  --button-secondary-disabled-text: #D0D0D0;
  --button-secondary-disabled-border-color: #CFE0EF;
  
  --button-third-background: #E6E6E6;
  --button-third-text: var(--color-blue);
  --button-third-hover-background: #CECECE;
  --button-third-focus-outline: .252rem solid var(--color-blue);
  --button-third-disabled-background: #E6E6E6;
  --button-third-disabled-text: #D0D0D0;



  /* brands */
  --brand-saver-dark: #98eaf8;
  --brand-saver-light: #eafbfe;
  --brand-main-dark: #0074ca;
  --brand-main-light: #cce3f4;
  --brand-main-text: #ffffff;
  --brand-first-dark: #00274a;
  --brand-first-light: #ccd4db;
  --brand-first-text: #ffffff;
  --brand-business-dark: #005154;
  --brand-business-light: #ccdcdd;
  --brand-business-text: #ffffff;
  --brand-premium-dark: #005154;
  --brand-premium-light: #ccdcdd;
  --brand-premium-text: #ffffff;

  /* icons */
  --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.58 7.59l-2.09-2.08a1.75 1.75 0 0 0-2.47 0L11.94 7.6l-6.43 6.44A1.8 1.8 0 0 0 5 15.28v3.01c0 .44.38.82.83.82h3.01c.46 0 .91-.19 1.24-.51l8.51-8.53c.68-.68.68-1.79 0-2.47ZM9.02 17.53s-.11.07-.18.07H6.5v-2.33c0-.07.03-.13.07-.18l5.89-5.91 2.44 2.44-5.89 5.9Zm8.5-8.52-1.56 1.56-2.44-2.44 1.56-1.56c.1-.1.26-.1.35 0l2.09 2.08c.1.1.1.26 0 .35Zm1.63 9.33c0 .41-.34.75-.75.75h-5.8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5.8c.41 0 .75.34.75.75Z' fill='%2300426A'/%3E%3C/svg%3E");
  --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m3.044 14.001H8.956C9.606 18.708 10.852 20.5 12 20.5s2.394-1.792 3.044-4.499m-7.628 0H4.498A8.53 8.53 0 0 0 8.96 19.94C8.292 18.914 7.757 17.562 7.416 16m12.086 0h-2.918c-.341 1.56-.876 2.913-1.543 3.937A8.52 8.52 0 0 0 19.501 16M7.158 9.498H3.874A8.5 8.5 0 0 0 3.5 12c0 .87.13 1.71.374 2.501h3.284C7.055 13.703 7 12.865 7 12s.055-1.702.158-2.5m8.17 0H8.672c-.11.787-.172 1.625-.172 2.501s.062 1.715.172 2.502h6.656c.11-.787.172-1.626.172-2.502s-.062-1.714-.172-2.5m4.798 0h-3.284c.103.8.158 1.637.158 2.501s-.055 1.702-.158 2.502h3.284c.243-.792.374-1.632.374-2.502s-.13-1.71-.374-2.5M8.96 4.063l-.119.045A8.53 8.53 0 0 0 4.498 8L7.416 8c.341-1.56.876-2.914 1.543-3.938M12 3.5c-1.149 0-2.394 1.792-3.045 4.5h6.09c-.63-2.623-1.82-4.387-2.937-4.495zm3.041.56c.67 1.032 1.203 2.383 1.543 3.94h2.918a8.53 8.53 0 0 0-4.46-3.94' fill='%23484848'/%3E%3C/svg%3E");
  --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13a8 8 0 0 1 7.247 4.608l.112.25c.061.116.101.25.101.392a.75.75 0 0 1-1.46.242h-.001a6.502 6.502 0 0 0-11.915-.19l-.103.24a.75.75 0 0 1-1.414-.491l.036-.104A8 8 0 0 1 12 13m0-8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5m0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5' fill='%2300426A'/%3E%3C/svg%3E");
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.397 9.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 13.939l4.47-4.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084L13.061 15l-.354.354a1 1 0 0 1-1.414 0L10.939 15l-4.47-4.47a.75.75 0 0 1-.072-.976l.073-.084z' fill='%2300426A'/%3E%3C/svg%3E");
  --icon-chevron-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m17.603 14.343-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 9.957l-4.47 4.47a.75.75 0 0 1-.976.073l-.084-.073a.75.75 0 0 1-.073-.976l.073-.085 4.823-4.823a1 1 0 0 1 1.414 0l4.823 4.823a.75.75 0 0 1 .073.977' fill='%2300426A'/%3E%3C/svg%3E");
  --icon-chevron-down--grey: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.397 9.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 13.939l4.47-4.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084L13.061 15l-.354.354a1 1 0 0 1-1.414 0L10.939 15l-4.47-4.47a.75.75 0 0 1-.072-.976l.073-.084z' fill='%23676767'/%3E%3C/svg%3E");
  --icon-chevron-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m17.603 14.343-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 9.957l-4.47 4.47a.75.75 0 0 1-.976.073l-.084-.073a.75.75 0 0 1-.073-.976l.073-.085 4.823-4.823a1 1 0 0 1 1.414 0l4.823 4.823a.75.75 0 0 1 .073.977' fill='%23676767'/%3E%3C/svg%3E");
  --icon-chevron-up--grey: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m17.603 14.343-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 9.957l-4.47 4.47a.75.75 0 0 1-.976.073l-.084-.073a.75.75 0 0 1-.073-.976l.073-.085 4.823-4.823a1 1 0 0 1 1.414 0l4.823 4.823a.75.75 0 0 1 .073.977' fill='%23676767'/%3E%3C/svg%3E");
  --icon-chevron-right: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300426A'><path d='m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072'/></svg>");
  --icon-chevron-right--grey: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23BBBBBB'><path d='m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072'/></svg>");
  --icon-chevron-left: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300426A'><path d='m14.395 6.345.084.073a.75.75 0 0 1 .072.977l-.072.084-4.47 4.47 4.47 4.47a.75.75 0 0 1 .072.976l-.072.084a.75.75 0 0 1-.977.072l-.084-.072-4.823-4.823a1 1 0 0 1 0-1.415l4.823-4.823a.75.75 0 0 1 .977-.073'/></svg>");
  --icon-chevron-left--grey: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23BBBBBB'><path d='m14.395 6.345.084.073a.75.75 0 0 1 .072.977l-.072.084-4.47 4.47 4.47 4.47a.75.75 0 0 1 .072.976l-.072.084a.75.75 0 0 1-.977.072l-.084-.072-4.823-4.823a1 1 0 0 1 0-1.415l4.823-4.823a.75.75 0 0 1 .977-.073'/></svg>");
  --icon-arrows-vertical: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 28" fill="%2300426A"><path d="M11.47 4.22 5.47 10.22a1.25 1.25 0 0 0 1.76 1.76L11 8.22v11.53a1.25 1.25 0 1 0 2.5 0V8.22l3.77 3.76a1.25 1.25 0 0 0 1.76-1.76l-6-6a1.25 1.25 0 0 0-1.76 0Z"/><path d="M24.53 23.78 30.53 17.78a1.25 1.25 0 0 0-1.76-1.76L25 19.78V8.25a1.25 1.25 0 1 0-2.5 0v11.53l-3.77-3.76a1.25 1.25 0 0 0-1.76 1.76l6 6a1.25 1.25 0 0 0 1.76 0Z"/></svg>');
  --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23676767' d='m17 3 .102.007c.3.04.543.258.621.544l.02.097.007.102v.833H18a3 3 0 0 1 3 3v10a3 3 0 0 1-2.824 2.995l-.176.005H6a3 3 0 0 1-3-3v-10a3 3 0 0 1 3-3h.25V3.75a.75.75 0 0 1 .648-.743L7 3q.157.001.292.059l.097.05.057.038.057.047.07.073.06.08.035.062.028.06.018.051.006.02q.015.052.023.108l.007.102v.833h8.5V3.75l.007-.102.01-.055.019-.073.045-.11.037-.063.071-.095.058-.058.057-.047.057-.038a.75.75 0 0 1 .284-.102zm2.5 7.083h-15v7.5a1.5 1.5 0 0 0 1.356 1.493l.144.007h12a1.5 1.5 0 0 0 1.493-1.355l.007-.145zm-9 5.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-3 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-3 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-.25-5.75h-8.5v.334a.75.75 0 0 1-.648.743L7 7.167a.75.75 0 0 1-.743-.649l-.007-.101v-.334H6A1.5 1.5 0 0 0 4.507 7.44l-.007.144v1h15v-1a1.5 1.5 0 0 0-1.5-1.5h-.25v.334a.75.75 0 0 1-.648.743L17 7.167a.75.75 0 0 1-.743-.649l-.007-.101z'/%3E%3C/svg%3E");
  --icon-information: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m0 5.75a.75.75 0 0 1 .743.648l.007.102v6.25a.75.75 0 0 1-1.493.102l-.007-.102V10a.75.75 0 0 1 .75-.75M12 7a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5'/%3E%3C/svg%3E");
  --icon-plane-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24' fill='%2300426A'%3E%3Cpath d='m14.75 10.25-4.24-5.975a1.25 1.25 0 0 0-1.019-.525H7.75l2.5 6.75-4.25.25-1.601-1.83a.5.5 0 0 0-.376-.17H2.5l1.344 3.249L2.5 15.25h1.524c.144 0 .28-.062.374-.17L6 13.25l4.25.25-2.5 6.75h1.741a1.25 1.25 0 0 0 1.016-.522l4.243-5.978h3.5c1.25 0 3.25-.405 3.25-1.75 0-1.5-2-1.75-3.25-1.75z'/%3E%3C/svg%3E");
  --icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-labelledby='tag-filled__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='tag-filled__desc'%3Ebag tag.%3C/desc%3E%3Cpath fill-rule='evenodd' d='m5.437 10.457 5.85-5.85a2 2 0 0 1 1.697-.566l3.757.537a2 2 0 0 1 1.13.566l1.127 1.126a2 2 0 0 1 .572 1.183l.419 3.591a2 2 0 0 1-.573 1.646l-6.004 6.004c-.482-2.109-1.482-3.354-2.65-4.163-.657-.454-1.341-.753-1.945-.995l-.403-.16c-.444-.174-.807-.317-1.12-.49-1.356-.755-1.785-1.824-1.85-2.387zm-1.105 1.105-1.335 1.334a2 2 0 0 0 0 2.829l5.278 5.278a2 2 0 0 0 2.828 0l1.136-1.136c-.317-2.392-1.247-3.533-2.236-4.217-.522-.361-1.087-.614-1.666-.846q-.166-.067-.34-.135c-.458-.179-.94-.367-1.344-.592-1.268-.705-1.978-1.664-2.321-2.515M16.835 9.82c-.714.714-1.887.698-2.62-.035-.734-.734-.75-1.907-.036-2.621s1.888-.699 2.621.035c.734.733.75 1.906.035 2.62' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-tag--green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-labelledby='tag-filled__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' fill='%23447b1f'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='tag-filled__desc'%3Ebag tag.%3C/desc%3E%3Cpath fill-rule='evenodd' d='m5.437 10.457 5.85-5.85a2 2 0 0 1 1.697-.566l3.757.537a2 2 0 0 1 1.13.566l1.127 1.126a2 2 0 0 1 .572 1.183l.419 3.591a2 2 0 0 1-.573 1.646l-6.004 6.004c-.482-2.109-1.482-3.354-2.65-4.163-.657-.454-1.341-.753-1.945-.995l-.403-.16c-.444-.174-.807-.317-1.12-.49-1.356-.755-1.785-1.824-1.85-2.387zm-1.105 1.105-1.335 1.334a2 2 0 0 0 0 2.829l5.278 5.278a2 2 0 0 0 2.828 0l1.136-1.136c-.317-2.392-1.247-3.533-2.236-4.217-.522-.361-1.087-.614-1.666-.846q-.166-.067-.34-.135c-.458-.179-.94-.367-1.344-.592-1.268-.705-1.978-1.664-2.321-2.515M16.835 9.82c-.714.714-1.887.698-2.62-.035-.734-.734-.75-1.907-.036-2.621s1.888-.699 2.621.035c.734.733.75 1.906.035 2.62' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-alert-error: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24' fill='%23e31f26'><path d='M12 15.34c-.41 0-.75-.34-.75-.75V9.33c0-.41.34-.75.75-.75s.75.34.75.75v5.26c0 .41-.34.75-.75.75m.87 1.62c0-.48-.39-.88-.88-.88s-.88.39-.88.88.39.88.88.88.88-.39.88-.88M11.98 4.5 3.5 18.97h16.99zm0-1.5c.5 0 1 .25 1.29.74l8.51 14.47c.59 1-.13 2.26-1.29 2.26H3.5c-1.16 0-1.88-1.26-1.29-2.26l8.48-14.47c.29-.49.79-.74 1.29-.74'/></svg>");
  --icon-alert-warning: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fac200' aria-hidden='true'><path d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m0 12a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5M12 7a.75.75 0 0 1 .743.648l.007.102V14a.75.75 0 0 1-1.493.102L11.25 14V7.75A.75.75 0 0 1 12 7'/></svg>");
  --icon-alert-info: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2301426a' aria-hidden='true'><path d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m0 5.75a.75.75 0 0 1 .743.648l.007.102v6.25a.75.75 0 0 1-1.493.102l-.007-.102V10a.75.75 0 0 1 .75-.75M12 7a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5'/></svg>");
  --icon-alert-success: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23447a1f' aria-hidden='true'><path d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m-1.524 10.416 4.971-5.423a.75.75 0 0 1 1.175.927l-.07.087-5.5 6a.75.75 0 0 1-.996.098l-.086-.075-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073z'/></svg>");
  --icon-seat-legroom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='premium-class-legroom__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='premium-class-legroom__desc'%3EIndicates additional legroom for Premium Class cabin.%3C/desc%3E%3Cpath d='M11.2 18.977a.761.761 0 1 1 0 1.523H7.01a.761.761 0 1 1 0-1.523zM10.049 7.381l.005.036.126 1.095.004.04.367 2.978q.062.455.41.545.188.075.447.094l.18.006h2.069q1.48 0 1.853.474.27.345.433 1.1.026.12.046.238l.643 3.84q.03.176.047.354.07.73.283.824.19.084 1.673.03a.717.717 0 0 1 .742.692v.025a.747.747 0 0 1-.747.748h-2.09a1.25 1.25 0 0 1-.815-.279q-.37-.301-.5-1.27l-.03-.198-.7-4.04-.007-.04q-.19-1.148-.831-1.148h-2.092q-1.45.015-1.928-.512a2.24 2.24 0 0 1-.538-1.07l-.035-.21-.505-4.066a.794.794 0 0 1 .657-.88c.394-.066.767.2.833.594m-3.817.233v.004l.491 5.224.007.075q.094 1.297.577 2.048.498.77 1.345.938c.224.009.444.03.665.031l1.889.008c.417.001.755.34.755.758a.755.755 0 0 1-.755.755H8.845q-1.6 0-2.689-1.42-.69-.9-.89-2.34L5.23 13.4l-.603-5.625a.805.805 0 0 1 .722-.887c.444-.043.84.281.883.725M8.995 3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5'%3E%3C/path%3E%3C/svg%3E");
  --icon-credit-card: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'><path d='M20 5.744c.966 0 1.75.783 1.75 1.75v8.76a1.75 1.75 0 0 1-1.75 1.75H4a1.75 1.75 0 0 1-1.75-1.75v-8.76c0-.967.784-1.75 1.75-1.75zm.25 4.506H3.75v6.003c0 .138.112.25.25.25h16a.25.25 0 0 0 .25-.25zM5 14.25h5a.75.75 0 0 1 .102 1.493L10 15.75H5a.75.75 0 0 1-.102-1.493zm8 0h1.5a.75.75 0 0 1 .102 1.493l-.102.007H13a.75.75 0 0 1-.102-1.493zh1.5zm7-7.006H4a.25.25 0 0 0-.25.25V8.75h16.5V7.494a.25.25 0 0 0-.25-.25'/></svg>");
  --icon-seat-wine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='wine-and-spirits-stroke__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='wine-and-spirits-stroke__desc'%3Ewine glass.%3C/desc%3E%3Cpath d='M15.036 3a.5.5 0 0 1 .486.384l1.106 4.617.053.24a4.026 4.026 0 0 1-3.959 4.76h.017v6.502h2.431a.75.75 0 0 1 0 1.5H8.843a.75.75 0 0 1 0-1.5h2.429V13q-.36-.002-.714-.067l-.238-.051a4.033 4.033 0 0 1-2.95-4.882l1.12-4.618A.5.5 0 0 1 8.974 3Zm-.72 1.25h-4.62l-.931 3.783a3 3 0 0 0 2.913 3.718h.658a3 3 0 0 0 2.912-3.718z'%3E%3C/path%3E%3C/svg%3E");
  --icon-seat-wifi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cpath d='M12 15.5a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 12 15.5m0-5.25c1.873 0 3.56.75 5.03 2.22a.75.75 0 0 1-1.06 1.06c-1.198-1.197-2.51-1.78-3.97-1.78s-2.772.583-3.97 1.78a.75.75 0 0 1-1.06-1.06C8.44 11 10.127 10.25 12 10.25m0-5c3.204 0 6.06 1.25 8.53 3.72a.75.75 0 0 1-1.06 1.06C17.273 7.834 14.796 6.75 12 6.75s-5.273 1.084-7.47 3.28a.75.75 0 0 1-1.06-1.06C5.94 6.5 8.796 5.25 12 5.25'%3E%3C/path%3E%3C/svg%3E");
  --icon-seat-seat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='seat-stroke__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='seat-stroke__desc'%3Eairline seat.%3C/desc%3E%3Cpath d='M13 2a2.75 2.75 0 0 1 2.705 3.25h.045a1.75 1.75 0 0 1 1.744 1.606L17.5 7v7.698A2.75 2.75 0 0 1 18.75 17a2.76 2.76 0 0 1-2 2.645v1.605a.75.75 0 0 1-1.493.102l-.007-.102v-1.5h-6.5v1.5a.75.75 0 0 1-1.493.102l-.007-.102v-1.604a2.76 2.76 0 0 1-2-2.646c0-.962.498-1.81 1.25-2.303V7a1.75 1.75 0 0 1 1.606-1.744l.19-.006a2.75 2.75 0 0 1 2.537-3.245L11 2zm3 13.75H8c-.686 0-1.25.564-1.25 1.25 0 .643.496 1.179 1.123 1.243L8 18.25h8c.686 0 1.25-.564 1.25-1.25 0-.643-.496-1.179-1.123-1.243zm-11-4.5a.75.75 0 0 1 .743.648L5.75 12v2a.75.75 0 0 1-1.493.102L4.25 14v-2a.75.75 0 0 1 .75-.75m14 0a.75.75 0 0 1 .743.648l.007.102v2a.75.75 0 0 1-1.493.102L18.25 14v-2a.75.75 0 0 1 .75-.75m-4.112-4.5a2.74 2.74 0 0 1-1.67.742L13 7.5h-2a2.74 2.74 0 0 1-1.888-.75H8v7.5h8v-7.5zM13 3.5h-2a1.25 1.25 0 0 0-.128 2.494L11 6h2a1.25 1.25 0 0 0 .128-2.494z'%3E%3C/path%3E%3C/svg%3E");
  --icon-seat-plug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='plug-stroke__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='plug-stroke__desc'%3Erectangle with two lines%3C/desc%3E%3Cpath d='M18.25 3a2.75 2.75 0 0 1 2.745 2.582L21 5.75v12.5a2.75 2.75 0 0 1-2.582 2.745L18.25 21H5.75a2.75 2.75 0 0 1-2.745-2.582L3 18.25V5.75a2.75 2.75 0 0 1 2.582-2.745L5.75 3zm0 1.5H5.75a1.25 1.25 0 0 0-1.244 1.122L4.5 5.75v12.5c0 .647.492 1.18 1.122 1.244l.128.006h12.5a1.25 1.25 0 0 0 1.244-1.122l.006-.128V5.75a1.25 1.25 0 0 0-1.122-1.244zM12 13.75c.993 0 1.75.811 1.75 1.75a.75.75 0 0 1-.648.743L13 16.25h-2a.75.75 0 0 1-.75-.75c0-.914.836-1.75 1.75-1.75m-3.5-6a.75.75 0 0 1 .743.648l.007.102v3a.75.75 0 0 1-1.493.102L7.75 11.5v-3a.75.75 0 0 1 .75-.75m7 0a.75.75 0 0 1 .743.648l.007.102v3a.75.75 0 0 1-1.493.102l-.007-.102v-3a.75.75 0 0 1 .75-.75'%3E%3C/path%3E%3C/svg%3E");
  --icon-seat-mug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='mug-stroke__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='mug-stroke__desc'%3Ean outline of a coffee or tea mug with a handle.%3C/desc%3E%3Cpath fill-rule='evenodd' d='m6.5 6.224.38 6.829a2.284 2.284 0 0 0 2.28 2.177h4.09c1.219 0 2.22-.955 2.28-2.177l.001-.005.38-6.823V6.22l-.001-.002-.003-.004-.004-.004H6.507l-.003.003-.004.006zm-1.5.07A1.513 1.513 0 0 1 6.51 4.71h9.39c.857 0 1.549.716 1.51 1.584l-.001.008-.007.13A3.35 3.35 0 0 1 20.65 9.78v.34a3.35 3.35 0 0 1-3.35 3.35h-.303a3.78 3.78 0 0 1-3.747 3.26H9.16a3.784 3.784 0 0 1-3.779-3.6zm12.093 5.676.225-4.04c1.01.01 1.832.832 1.832 1.85v.34c0 1.018-.826 1.85-1.85 1.85zM4 18.53a.75.75 0 0 1 .75-.75h14.4a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-seat-luggage: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='luggage-stroke__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='luggage-stroke__desc'%3Ea rectangle with wheels and handle.%3C/desc%3E%3Cpath d='M13.5 2a1.75 1.75 0 0 1 1.744 1.606l.006.144-.001 1.5H16.5a2.75 2.75 0 0 1 2.745 2.582L19.25 8v10a2.75 2.75 0 0 1-2.582 2.745l-.168.005H16v.5a.75.75 0 0 1-1.493.102l-.007-.102v-.5h-5v.5a.75.75 0 0 1-1.493.102L8 21.25v-.5h-.5a2.75 2.75 0 0 1-2.745-2.582L4.75 18V8a2.75 2.75 0 0 1 2.582-2.745L7.5 5.25h1.249v-1.5a1.75 1.75 0 0 1 1.607-1.744L10.5 2zm3 4.75h-9a1.25 1.25 0 0 0-1.244 1.122L6.25 8v10c0 .647.492 1.18 1.122 1.244l.128.006h9a1.25 1.25 0 0 0 1.244-1.122L17.75 18V8a1.25 1.25 0 0 0-1.122-1.244zm-2 1.502a.75.75 0 0 1 .743.649l.007.101v8a.75.75 0 0 1-1.493.102l-.007-.102v-8a.75.75 0 0 1 .75-.75m-5 0a.75.75 0 0 1 .743.649l.007.101v8a.75.75 0 0 1-1.493.102l-.007-.102v-8a.75.75 0 0 1 .75-.75m4-4.752h-3a.25.25 0 0 0-.243.193l-.007.057-.001 1.5h3.5l.001-1.5a.25.25 0 0 0-.193-.243z'%3E%3C/path%3E%3C/svg%3E");
  --icon-seat-lavatory: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-labelledby='lavatory-stroke__desc' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdesc id='lavatory-stroke__desc'%3EToilet%3C/desc%3E%3Cpath d='M20.87 11.65c0-1.07-.87-1.94-1.94-1.94h-6.89c-1.1 0-2 .9-2 2v.39h-.77V4c0-1.1-.9-2-2-2H5.15c-1.1 0-2 .9-2 2v7.59c0 1.1.9 2 2 2h.72l2.29 5.07V20c0 1.1.9 2 2 2h4.71a1.258 1.258 0 0 0 1.15-1.76L15.47 19c2.52-.8 3.94-3.37 4.17-5.54.73-.28 1.24-.99 1.24-1.81zm-9.34.05c0-.28.22-.5.5-.5h6.89c.25 0 .44.2.44.45s-.2.44-.44.44h-7.39zm-6.4.4c-.28 0-.5-.22-.5-.5V4.01c0-.28.22-.5.5-.5h2.12c.27 0 .5.23.5.5v8.09zm9.19 5.62h-.02c-.15.02-.32.03-.48.03h-.37c-.41 0-.75.34-.75.75s.34.75.75.75h.47l.55 1.25h-4.32c-.28 0-.5-.22-.5-.5v-1.66L7.51 13.6h10.6c-.28 1.64-1.45 3.84-3.79 4.12'%3E%3C/path%3E%3C/svg%3E");
  --icon-seat-infant: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' class='ico_squareLarge' role='img' viewBox='0 0 24 24' style='fill:%23676767'%3E%3Ctitle%3E%3C/title%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:currentColor%7D%3C/style%3E%3C/defs%3E%3Cpath d='M10.5 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M15.5 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0' class='cls-1'/%3E%3Cpath fill-rule='evenodd' d='M5.252 9a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m6.75-5.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5' class='cls-1' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M5.25 9a6.75 6.75 0 0 1 13.5 0v6a6.75 6.75 0 0 1-13.5 0zM12 3.75A5.25 5.25 0 0 0 6.75 9v6a5.25 5.25 0 1 0 10.5 0V9c0-2.9-2.35-5.25-5.25-5.25' class='cls-1' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M10.35 11.625a.75.75 0 0 1 1.026-.274c.183.106.395.167.624.167s.441-.061.624-.167a.75.75 0 1 1 .752 1.298 2.74 2.74 0 0 1-1.376.369c-.5 0-.97-.134-1.376-.369a.75.75 0 0 1-.273-1.024M14 3.25a.75.75 0 0 1 .75.75A2.75 2.75 0 0 1 12 6.75a.75.75 0 0 1 0-1.5c.69 0 1.25-.56 1.25-1.25a.75.75 0 0 1 .75-.75' class='cls-1' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-seat-food-drink: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'><path fill-rule='evenodd' clip-rule='evenodd' d='M17.25 3a4.25 4.25 0 0 1 4.245 4.044l.005.206v1c0 2.09-1.51 3.83-3.499 4.184L18 19.75a.75.75 0 0 1-1.493.102l-.007-.102v-7.316a4.25 4.25 0 0 1-3.495-3.969L13 8.25v-1A4.25 4.25 0 0 1 17.25 3m-7.013.25a.75.75 0 0 1 .743.648l.007.102v4.25a4.245 4.245 0 0 1-3.486 4.176L7.5 19.75a.75.75 0 0 1-1.493.102L6 19.75v-7.321a4.245 4.245 0 0 1-3.495-3.967L2.5 8.25V4a.75.75 0 0 1 1.493-.102L4 4v4.25a2.744 2.744 0 0 0 5.482.167l.005-.167V4a.75.75 0 0 1 .75-.75M17.25 4.5a2.75 2.75 0 0 1 2.745 2.582L20 7.25v1l-.005.168a2.75 2.75 0 0 1-5.49 0L14.5 8.25v-1l.005-.168A2.75 2.75 0 0 1 17.25 4.5M6.743 3.25a.75.75 0 0 1 .744.647L7.494 4l.006 4.75a.75.75 0 0 1-1.493.104L6 8.75l-.006-4.75a.75.75 0 0 1 .749-.751'/></svg>");
  --icon-seat-entertainment: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'><path d='M15 18.5a.75.75 0 0 1 .102 1.493L15 20H9a.75.75 0 0 1-.102-1.493L9 18.5zM19.25 4a2.75 2.75 0 0 1 2.745 2.582L22 6.75v8.5a2.75 2.75 0 0 1-2.582 2.745L19.25 18H4.75a2.75 2.75 0 0 1-2.745-2.582L2 15.25v-8.5a2.75 2.75 0 0 1 2.582-2.745L4.75 4zm0 1.5H4.75a1.25 1.25 0 0 0-1.244 1.122L3.5 6.75v8.5c0 .647.492 1.18 1.122 1.244l.128.006h14.5a1.25 1.25 0 0 0 1.244-1.122l.006-.128v-8.5a1.25 1.25 0 0 0-1.122-1.244zm-8.58 3.28.078.036 3.5 2a.5.5 0 0 1 .077.814l-.077.054-3.5 2a.5.5 0 0 1-.74-.348L10 13.25v-4a.5.5 0 0 1 .67-.47'/></svg>");
  --icon-seat-priority-boarding: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'><path d='M19.42 10.67c-.256-1.691-1.347-2.701-2.92-2.701-1.346 0-2.334.743-2.755 2.033a3.48 3.48 0 0 0-2.37-.941 3.5 3.5 0 0 0-2.955 1.642 3 3 0 0 0-1.92-.705c-1.655 0-3 1.346-3 3 0 1.832 1.381 6.017 1.538 6.487a.75.75 0 0 0 1.423-.474c-.407-1.217-1.46-4.668-1.46-6.013 0-.827.671-1.5 1.5-1.5.611 0 1.143.375 1.374.934v4.066c0 .414.336.75.75.75h.75v3.25a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-.75-.75h-.75V12.56c0-1.103.897-2 2-2a2 2 0 0 1 1.998 1.984l-.619 5.62a.75.75 0 0 0 .746.833h1v2.25a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75h-.914l.728-6.605c.214-1.424 1.133-1.424 1.436-1.424s1.221 0 1.432 1.394l.731 6.635h-.913a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-2.25h1a.748.748 0 0 0 .745-.832zM16.5 6.75a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75M11.25 7.984a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M6.5 8.748a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/></svg>");
  --icon-seat-triangle: url("data:image/svg+xml;utf8,<svg width='256' height='256' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'><polygon points='32,32 224,32 224,224' fill='none' stroke='white' stroke-width='15' stroke-linejoin='round'/></svg>") no-repeat center/contain;
  --icon-seat-triangle-filled: url("data:image/svg+xml;utf8,<svg width='256' height='256' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'><polygon points='32,32 224,32 224,224' fill='white' stroke='white' stroke-width='15' stroke-linejoin='round'/></svg>") no-repeat center/contain;
  --icon-upsell-checkmark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'><path fill-rule='evenodd' d='M9.75 17.25a.75.75 0 0 1-.53-.22l-3.75-3.75a.75.75 0 1 1 1.06-1.06l3.2 3.2L17.45 7a.72.72 0 0 1 .55-.24.747.747 0 0 1 .75.72c0 .2-.06.39-.2.54l-8.25 9a.72.72 0 0 1-.55.24z' clip-rule='evenodd'/></svg>");
  --icon-upsell-cross: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'><path fill-rule='evenodd' d='M16.51 17.26q-.255 0-.45-.15l-.09-.08-3.96-3.96-3.98 3.98-.1.08a.76.76 0 0 1-.43.14.75.75 0 0 1-.6-1.2l.08-.09 3.96-3.96-3.98-3.98-.08-.1a.746.746 0 0 1 .61-1.18q.255 0 .45.15l.1.08L12 10.95l3.98-3.98.1-.08a.76.76 0 0 1 .43-.14.75.75 0 0 1 .6 1.2l-.08.1-3.96 3.96 3.98 3.98.08.1a.746.746 0 0 1-.61 1.18z' clip-rule='evenodd'/></svg>");
  --icon-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-labelledby='x-sm__desc' role='img' viewBox='0 0 24 24' fill='%23D0D0D0'%3E%3Cdesc id='x-sm__desc'%3Ea small x%3C/desc%3E%3Cpath fill-rule='evenodd' d='M15.536 8.464a.75.75 0 0 0-.984-.067l-.077.067L12 10.94 9.525 8.464l-.077-.067a.75.75 0 0 0-1.05 1.051l.066.077L10.94 12l-2.475 2.475-.067.077a.75.75 0 0 0 1.051 1.05l.077-.066L12 13.06l2.475 2.475.077.067a.75.75 0 0 0 1.05-1.051l-.066-.077L13.06 12l2.475-2.475.067-.077a.75.75 0 0 0-.067-.984' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-cart: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-labelledby='cart-filled__desc' viewBox='0 0 24 24' fill='%2300426A'><title></title><desc id='cart-filled__desc'>a shopping cart.</desc><path fill-rule='evenodd' d='M9.25 19a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11-16a.75.75 0 0 1 .693.464l.036.108L7.07 6h13.18a.75.75 0 0 1 .75.78l-.01.097-1.25 7.25a.75.75 0 0 1-.632.615L19 14.75l-9.96-.001-.75 2.25L18 17a.75.75 0 0 1 .743.648l.007.102a.75.75 0 0 1-.648.743L18 18.5H7.25a.75.75 0 0 1-.737-.89l.025-.097 1.052-3.158-.033-.07-.036-.107L5.161 4.5H3.75a.75.75 0 0 1-.743-.648L3 3.75a.75.75 0 0 1 .648-.743L3.75 3zm13.609 4.5H7.436l1.402 5.749h9.529z' clip-rule='evenodd'/><path d='M19.359 7.5H7.436l1.402 5.749h9.529z'/></svg>");
}

@font-face {
  font-family: 'ASCircular-Book';
  src: url('../fonts/ASCircular-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ASCircular-Bold';
  src: url('../fonts/ASCircular-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ASCircular-Light';
  src: url('../fonts/ASCircular-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ASCircular-Medium';
  src: url('../fonts/ASCircular-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


/*

    IMPORTANT

    All style below is shared, never use customer specific 
    images or codes, use parameters

*/


/* =====     START: global     ===== */
html, body {
  background: var(--background-color);
  color: var(--text-primary);
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular)!important;
  font-style: normal;
  letter-spacing: var(--font-letter-spacing);
}
h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular)!important;
  font-style: normal!important;
  color: var(--text-primary)!important;
}
.skip-link {
  z-index: 9999;
}
#main-content:focus { 
  outline: none;
}
@media (min-width: 797px) {
  .centered-content {
    padding: 0 2rem;
  }
}
.sticky-outer-wrapper.active .sticky-inner-wrapper {
  z-index: 9999;
}
.spark-popover__content, [class*=spark-popover__content--] {
  border: none;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.spark-popover__caret {
  border-color: #EEEEEE;
}
.spark-modal.spark-modal--fullscreen-xs .spark-modal__header h2 {
  font-size: var(--font-size-regular)!important;
  line-height: normal!important;
}
.spark-modal.spark-modal--fullscreen-xs .spark-modal__header h2 .headerTime {
  color: var(--text-primary-light)!important;
}
.spark-modal.spark-modal--fullscreen-xs .spark-modal__header .spark-icon-close::before {
  color: var(--color-blue);
  font-weight: 700;
}
.spark-modal__close {
  top: 0;
  right: 1rem;
}
.spark-modal__body .pull-right,
.spark-modal__body .modal-buttons {
  display: flex;
  flex-direction: row;
}

.spark-modal__content {
  border-radius: var(--border-radius-large);
}
/* links & buttons */
.dxp-button.medium {
  height: 4rem;
}
.dxp-button.primary,
.dxp-button.primary.small, 
.dxp-button.primary.x-small {
  background: var(--button-primary-background);
  color: var(--button-primary-text);
  border: var(--button-primary-border);
  border-radius: var(--border-radius);
  padding: .5rem 1.5rem;
  font-family: var(--font-family);
  text-transform: capitalize;
}
.dxp-button.primary:hover,
.dxp-button.primary.small:hover, 
.dxp-button.primary.x-small:hover {
  background: var(--button-primary-hover-background);
}
.dxp-button.primary:focus,
.dxp-button.primary.small:focus, 
.dxp-button.primary.x-small:focus {
  outline: var(--button-primary-focus-outline);
  outline-offset: -4px;
}
.dxp-button.primary[disabled],
.dxp-button.primary.small[disabled], 
.dxp-button.primary.x-small[disabled] {
  background: var(--button-primary-disabled-background);
  border-color: var(--button-primary-disabled-border-color);
}
.dxp-button.secondary,
.upsell-brand-selection-buttons .selected-brand-offer button {
  background: var(--button-secondary-background)!important;
  color: var(--button-secondary-text)!important;
  border: var(--button-secondary-border)!important;
  border-radius: var(--border-radius)!important;
  padding: .5rem 1.5rem!important;
  font-family: var(--font-family)!important;
  text-transform: capitalize!important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dxp-button.secondary:focus,
.upsell-brand-selection-buttons .selected-brand-offer button:focus {
  outline: var(--focus-outline);
  outline-offset: -4px;
}
.dxp-button.secondary:hover,
.upsell-brand-selection-buttons .selected-brand-offer button:hover {
  background: var(--button-secondary-hover-background)!important;
}
.dxp-button.secondary[disabled],
.upsell-brand-selection-buttons .selected-brand-offer button[disabled] {
  background: var(--button-secondary-disabled-background)!important;
  border-color: var(--button-secondary-disabled-border-color)!important;
  color: var(--button-secondary-disabled-text)!important;
}

a {
  color: var(--text-link);
  text-decoration: underline;
}
a:hover {
  color: var(--text-link-hover);
}

/* inputs  */
.field:not(.dxp-field-date-input) {
  border-radius: var(--input-border-radius);
  background: var(--input-background)!important;
  border: var(--input-border)!important;
  color: var(--input-text);
  outline-offset: -1px;
}
.ducp-component-auto-suggest.required.has-value .spark-auto-suggest__field:not([disabled]) {
  background: transparent!important;
}
.field:not(.boarding-pass-field) .field-label,
.field:not(.boarding-pass-field).field-success .field-label {
  color: var(--input-inline-label)!important;
  display: flex!important;
  flex-direction: row;
}
.field:not(.boarding-pass-field).field-error {
  background: var(--input-error-background)!important;
  outline: var(--input-error-outline);
}
.field:not(.boarding-pass-field).field-active,
.field-dropdown:has(.spark-select.active) {
  background: var(--input-active-background)!important;
  outline: var(--input-active-outline);
}
.field:not(.boarding-pass-field).field-active .field-label {
  color: var(--input-active-inline-label)!important;
}
.field:not(.boarding-pass-field).field-error .field-label {
  color: var(--input-error-inline-label)!important;
}
.field:not(.boarding-pass-field) input:focus {
  outline: none;
}
.dxp-checkbox .dxp-checkbox-box {
  background: var(--input-background)!important;
  border: var(--input-border)!important;
  border-radius: var(--input-border-radius);
  outline-offset: -1px;
}
.dxp-checkbox .radio-button-label * {
  color: var(--input-label);
}
.dxp-checkbox:hover .dxp-checkbox-box {
  background: var(--input-checkbox-hover)!important;
}
.dxp-checkbox .dxp-checkbox-input:checked~.dxp-checkbox-box:before {
  border-color: transparent;
  top: 48%;
}
.dxp-checkbox .dxp-checkbox-box.set-focus {
  outline: var(--input-active-outline);
}
.dxp-checkbox .dxp-checkbox-input:checked~.dxp-checkbox-box {
  background-color: var(--input-checkbox-checked-background)!important;
}
.dxp-checkbox .dxp-checkbox-input:checked~.dxp-checkbox-box:before {
  border-color: var(--input-checkbox-checked-mark);
}
.dxp-checkbox:hover .dxp-checkbox-input:checked~.dxp-checkbox-box {
  background-color: var(--input-checkbox-checked-hover-background)!important;
}
.dxp-checkbox .dxp-checkbox-input:checked~.dxp-checkbox-box.set-focus {
  outline: var(--input-checkbox-checked-hover-active-outline);
  outline-offset: -3px;
}
.field-dropdown label.spark-select.active {
  outline: none;
}
.field.fieldset-date {
  background-color: transparent;
  border: none!important;
}
.field.fieldset-date .date-parts-field-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.field.fieldset-date .field {
  margin: 0;
}
.field.fieldset-date legend {
  padding: 0;
  color: var(--input-label);
  font-size: var(--font-size-regular);
  margin-bottom: .5rem;
}
.field.field-phone.field-active .field-label, 
.field.field-phone.field-active input {
  background-color: transparent!important;
}


/* icons  */
.as-icon {
  /* default size 24px */
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}
.as-icon--small {
  /* small size 16px */
  width: 1.33333rem;
  height: 1.33333rem;
}
.as-icon--large {
  /* large size 32px */
  width: 2.5rem;
  height: 2.5rem;
}
.as-icon__edit { background-image: var(--icon-edit); } 
.as-icon__globe { background-image: var(--icon-globe); } 
.as-icon__user { background-image: var(--icon-user); } 
.as-icon__seat-legroom { background-image: var(--icon-seat-legroom); } 
.as-icon__seat-wine { background-image: var(--icon-seat-wine); } 
.as-icon__seat-wifi { background-image: var(--icon-seat-wifi); } 
.as-icon__seat-priority-boarding { background-image: var(--icon-seat-priority-boarding); } 
.as-icon__seat-entertainment { background-image: var(--icon-seat-entertainment); } 
.as-icon__seat-food-drink { background-image: var(--icon-seat-food-drink); } 
.as-icon__seat-infant { background-image: var(--icon-seat-infant); } 
.as-icon__seat-lavatory { background-image: var(--icon-seat-lavatory); } 
.as-icon__seat-luggage { background-image: var(--icon-seat-luggage); } 
.as-icon__seat-mug { background-image: var(--icon-seat-mug); } 
.as-icon__seat-plug { background-image: var(--icon-seat-plug); } 
.as-icon__seat-seat { background-image: var(--icon-seat-seat); } 
.as-icon__upsell-cross { background-image: var(--icon-upsell-cross); } 
.as-icon__upsell-check { background-image: var(--icon-upsell-checkmark); } 
.as-icon__chevron-up { background-image: var(--icon-chevron-up); } 
.as-icon__chevron-down { background-image: var(--icon-chevron-down); } 

.spark-icon.spark-icon-arrow-chevron-up,
.spark-icon.spark-icon-arrow-chevron-down {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}
.spark-icon.spark-icon-arrow-chevron-up {
  background-image: var(--icon-chevron-up);
}
.spark-icon.spark-icon-arrow-chevron-down {
  background-image: var(--icon-chevron-down);
}
.spark-icon.spark-icon-arrow-chevron-up:before,
.spark-icon.spark-icon-arrow-chevron-down:before {
  display: none;
}

/* messages */
.dxp-itinerary-part-offer-warning-messages {
  background-color: transparent;
  padding: 2rem 2rem 1rem 2rem!important;
}
.dxp-itinerary-part-offer-warning-messages:after {
  display: none;
}
.dxp-message,
.dxp-inline-message,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info),
.spark-message {
  border: solid .1333rem var(--border-color);
  border-radius: var(--border-radius);
  padding: 1rem 1rem 1rem 1.5rem;
  margin-bottom: 2rem;
  position: relative;
  background-color: var(--color-white);
}
.dxp-message::before,
.dxp-inline-message::before,
.spark-message::before,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info)::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: .5rem;
  background-color: var(--border-color);
  top: 0;
  left: 0;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.dxp-message .spark-icon,
.dxp-inline-message .spark-icon,
.spark-message .spark-icon,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info) .spark-icon {
  background-color: transparent!important;
  background-repeat: no-repeat;
  border: none!important;
  height: 3rem;
  width: 3rem;
  min-height: auto;
  min-width: auto;
}
.dxp-message .spark-icon::before,
.dxp-inline-message .spark-icon::before,
.spark-message .spark-icon::before,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info) .spark-icon::before {
  display: none;
}
.dxp-message .title-content,
.dxp-inline-message .title-content {
  padding: 0!important;
  margin: 0;
  flex: 1!important;
  line-height: normal!important;
}
.dxp-flight-search.search-form-section.flight-search-form .dxp-inline-message.info span {
  font-size: var(--font-size-regular)!important;
  line-height: normal;
}
.dxp-message .title-content .content {
  display: flex;
  justify-content: space-between;
}
.dxp-message .title span,
.dxp-inline-message .title span,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info) .title span {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
.dxp-message .content span,
.dxp-inline-message .content span,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info) .content span {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}
.dxp-message .title-container,
.dxp-inline-message .title-container {
  gap: 1.2rem;
}
.dxp-message.error,
.dxp-inline-message.error {
  border-color: var(--alert-error);
}
.dxp-message.error::before,
.dxp-inline-message.error::before {
  background-color: var(--alert-error);
}
.dxp-message.error .spark-icon,
.dxp-inline-message.error .spark-icon {
  background-image: var(--icon-alert-error);
}
.dxp-message.warning,
.dxp-inline-message.warning,
.spark-message--warning {
  border-color: var(--alert-warning);
}
.dxp-message.warning::before,
.dxp-inline-message.warning::before,
.spark-message--warning::before {
  background-color: var(--alert-warning);
}
.dxp-message.warning .spark-icon,
.dxp-inline-message.warning .spark-icon,
.spark-message--warning .spark-icon {
  background-image: var(--icon-alert-warning);
}
.dxp-message.info,
.dxp-inline-message.info,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info) {
  border-color: var(--alert-info);
}
.dxp-message.info::before,
.dxp-inline-message.info::before,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info)::before {
  background-color: var(--alert-info);
}
.dxp-message.info .spark-icon,
.dxp-inline-message.info .spark-icon,
.dxp-shared-flight-selection .dxp-panel:has(.dxp-info) .spark-icon {
  background-image: var(--icon-alert-info);
}
.dxp-message.success,
.dxp-inline-message.success {
  border-color: var(--alert-success);
}
.dxp-message.success::before,
.dxp-inline-message.success::before {
  background-color: var(--alert-success);
}
.dxp-message.success .spark-icon,
.dxp-inline-message.success .spark-icon {
  background-image: var(--icon-alert-success);
}
.dxp-message button {
  padding: 0;
}
.dxp-message button * {
  color: var(--text-link)!important;
  text-decoration: underline;
}
.dxp-message button:hover *{
  color: var(--text-link)!important;
}
.dxp-shared-seat-selection .seat-map-content .seat-map-not-available {
  border: solid .1333rem var(--alert-warning);
  border-radius: var(--border-radius);
  padding: 1rem 1rem 1rem 4rem;
  margin-bottom: 2rem;
  position: relative;
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  color: var(--text-primary);
  margin: 1rem 0 0 0;
  line-height: normal;
}
.dxp-shared-seat-selection .seat-map-content .seat-map-not-available::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: .5rem;
  top: 0;
  left: 0;
  background-color: var(--alert-warning);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.dxp-shared-seat-selection .seat-map-content .seat-map-not-available::after {
  content: '';
  display: block;
  position: absolute;
  height: 3rem;
  width: 3rem;
  top: .4rem;
  left: 1rem;
  background-image: var(--icon-alert-warning);
  background-color: transparent!important;
  background-repeat: no-repeat;
}
/* =====     END: global     ===== */





/* =====     START: page header     ===== */
.dxp-header-view {
  box-shadow: 0 0 .6rem rgba(0,0,0,.15);
  height: 8rem;
  background-color: var(--header-background);
  z-index: 999;
  position:relative;
}
.dxp-header-view .centered-content {
  border: none;
  padding: 0 2rem;
  height: 100%;
  max-height: 100%;
  max-width: 1440px;
  background-color: transparent;
}
.dxp-header-view .dxp-header-view-component {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 937px) {
  .dxp-header-view {
    height: 11rem;
  }
  .dxp-header-view .dxp-header-view-component {
    flex-direction: column;
  }
  .dxp-link.logo-link {
    justify-content: flex-start;
    padding-top: 1rem;
  }
}

.dxp-header-view .dxp-menu{
  width: auto!important;
  display: flex;
  height: 100%;
  align-items: center;
}
.dxp-header-view>header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dxp-sign-in-banner {
    display: none;
}

/* logo */
.dxp-header-view .dxp-logo {
  flex: 0 0 auto;
  width: auto;
}
.dxp-header-view .dxp-logo img {
  height: 5rem;
  max-height: 5rem;
}
.dxp-header-view .dxp-logo .logo-link::after {
  display: inline-block;
  background-image: url(https://unpkg.com/@alaskaairux/icons@4.3.0/dist/restricted/oneworld.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 4rem;
  width: 4rem;
  content: '';
  margin: 0 2rem;
}
.dxp-header-view .dxp-logo .dxp-link {
  background-color: transparent;
}
.dxp-header-view .dxp-logo .dxp-link:before {
  display: none;
}

/* change search button */
.dxp-header-view .dxp-change-search {
  background: transparent;
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius-large);
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 1rem 2rem;
  align-items: center;
  cursor: pointer;
  align-self: center;
  margin: 0 auto;
  user-select: none;
  font-family: var(--font-family);
}

.dxp-header-view .dxp-change-search .change-search__airports {
  font-family: var(--font-family-bold);
  position: relative
}
.dxp-header-view .dxp-change-search .change-search__dates {
  position: relative
}
.dxp-header-view .dxp-change-search .change-search__airports:after,
.dxp-header-view .dxp-change-search .change-search__dates:after {
  content: '';
  display: block;
  border-right: solid 1px var(--border-color);
  height: 100%;
  position: absolute;
  right: -1rem;
  top: 0;
}
.dxp-header-view .dxp-change-search:hover {
  background: var(--button-secondary-hover-background);
}
.dxp-header-view .dxp-change-search:focus {
  outline: var(--focus-outline);
  outline-offset: -4px;
}

/* menu */
.dxp-header-view .dxp-menu .main-menu,
.dxp-header-view .dxp-menu .ellipsis-menu-container {
  display: none;
}

@media (min-width: 850px) { 
  .dxp-header-view .dxp-menu .toggle-main-menu  {
    display: none;
  }
}
.dxp-menu .menu-container.active .menu-content {
  margin: 0;
  box-shadow: none;
}
/* language select  */
.dxp-header-view .dxp-menu:hover .menu-link:hover, 
.dxp-header-view .dxp-menu:hover .toggle:hover,
.dxp-header-view .toggle-settings-menu:hover {
  background-color: transparent;
  border: none;
}
.dxp-header-view .dxp-settings .toggle {
  /* hide point of sale */
  display: none!important;

  user-select: none;
  cursor: pointer;
  padding: 0;
  margin-right: 1rem;
  border-radius: 50px;
  height: 4rem;
  width: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dxp-header-view .dxp-settings .toggle .spark-icon {
  height: 2rem;
  width: 2rem;
  border-radius: 50px;
  margin: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--icon-globe);
}
.dxp-header-view .dxp-settings .toggle:hover {
  background-color: var(--button-secondary-hover-background);
}
.dxp-header-view .dxp-settings .toggle:focus {
  outline: var(--focus-outline);
  outline-offset: -5px;
}
.dxp-header-view .dxp-settings.active .settings-menu.show {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.dxp-header-view .dxp-settings .toggle .spark-icon:before {
  display: none;
}

/* login */
.dxp-custom-menu-wrapper {
  /* hide menu */
  display: none!important;
  /*display: flex;**/
  flex-wrap: nowrap;
}
.dxp-header-view .sign-in-section {
  background-color: transparent;
  position: relative;
  flex: 0 0 auto;
  width: auto;
}
.dxp-header-view .sign-in-section * {
  font-family: var(--font-family);
}
.dxp-header-view .sign-in-section::before {
  display: none;
}
.dxp-header-view .sign-in-section.header-group-wrapper {
  max-width: 100%;
  /* hide login */
  display: none;
}
.dxp-header-view .sign-in-section .header-item {
  justify-content: center;
  flex-direction: column;
}
.dxp-header-view .sign-in-section.header-item-closed .spark-icon-arrow-chevron-down,
.dxp-header-view .sign-in-section:not(.header-item-closed) .spark-icon-arrow-chevron-up {
  display: inline-block;
  display: flex;
}
.dxp-header-view .sign-in-section.header-item-closed .spark-icon-arrow-chevron-up,
.dxp-header-view .sign-in-section:not(.header-item-closed) .spark-icon-arrow-chevron-down {
  display: none;
}
.dxp-header-view .sign-in-section .dxp-button.header-item-label {
  /* login button styles as secondary */
  border: var(--button-secondary-border) !important;
  border-radius: var(--border-radius-large);
  max-height: 3.3334rem;
  padding: 1rem!important;
  background: var(--color-white)!important;
  color: var(--button-secondary-text)!important;
  margin-top: 0!important;
}
.dxp-header-view .sign-in-section .dxp-button.header-item-label:hover {
  margin-top: 0;
  border: none;
  background: var(--button-secondary-hover-background)!important;
}
.dxp-header-view .sign-in-section .dxp-button.header-item-label:focus {
  margin-top: 0;
  border: none;
  outline: var(--focus-outline)!important;
  outline-offset: -4px;
}
.dxp-header-view .sign-in-section .dxp-button.header-item-label .sign-in span {
  position: absolute;
  right: -100vw;
}
.dxp-header-view .sign-in-section .as-icon {
  color: var(--button-secondary-text);
}
.dxp-header-view .sign-in-section .as-icon span {
  position: absolute;
  right: 100vw;
}
.dxp-header-view .sign-in-section .spark-icon {
  font-weight: bold;
  color: var(--button-secondary-text);
}
/* form */
.dxp-header-view .sign-in-section .sign-in-panel {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow)!important;
}
.dxp-header-view .sign-in-section .sign-in-panel .sign-in-header {
  font-family: var(--font-family-bold);
  font-size: var(--font-size-medium);
}
.dxp-header-view .sign-in-section .sign-in-panel .sign-in-body {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
}


@media (max-width: 850px) {
  .dxp-header-view {
    height: auto;
    padding-bottom: 1rem;
  }
  .dxp-header-view .dxp-header-view-component {
    flex-wrap: wrap;
  }
  .dxp-header-view .centered-content .dxp-logo, 
  .dxp-header-view .centered-content .dxp-menu, 
  .dxp-header-view .centered-content .header-item-group {
    flex: 1 1 auto;
  }
  .dxp-header-view .dxp-change-search {
    order: 3;
    padding: .5rem 1rem;
    font-size: var(--font-size-small);
  }
  .dxp-header-view .dxp-logo .dxp-link {
    margin: 0;
    justify-content: flex-start;
  }
  
  .dxp-header-view .dxp-custom-menu-wrapper {
    position: absolute;
    top: .5rem;
    right: .5rem;
  }
  .dxp-header-view .dxp-logo {
    max-height: 50%;
  }
  .dxp-header-view .dxp-logo img {
    padding: 0;
    height: 4rem;
  }
}
/* =====     END SECTION: page header     ===== */





/* =====     START SECTION: breadcrumbs     ===== */
.dxp-flight-selection-view .dxp-breadcrumbs-container .spark-step-indicator,
.dxp-breadcrumbs-container .spark-step-indicator__cart {
  display: none;
}
.dxp-breadcrumbs-container .spark-step-indicator {
  box-shadow: none;
}
.dxp-breadcrumbs-container .spark-step-indicator__edit {
  position: absolute;
  right: 100vw;
}
.dxp-breadcrumbs-container .spark-step-indicator__body {
  justify-content: center;
}
.dxp-breadcrumbs-container .spark-step-indicator__list {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.dxp-breadcrumbs-container .spark-step-indicator__item {
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0; 
  user-select: none;
}
.dxp-breadcrumbs-container .spark-step-indicator__item:focus {
  outline: none;
}
.dxp-breadcrumbs-container .spark-step-indicator__item:focus .spark-step-indicator__icon {
  box-shadow: none!important;
}
.dxp-breadcrumbs-container .spark-step-indicator__item--current:focus .spark-icon,
.dxp-breadcrumbs-container .spark-step-indicator__item--completed:focus .spark-icon {
  outline: var(--focus-outline);
  outline-offset: 4px;
}

/* step - default */
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__text {
  order: 1;
}
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__flight-title {
  order: 2;
  margin: .5rem 0;
  color: var(--text-primary-light);
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
}
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__text * {
  color: var(--text-primary-light);
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
}
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__icon  {
  width: 100%;
  margin: 0;
  background-color: transparent;
}
.dxp-breadcrumbs-container .spark-step-indicator__item:hover .spark-step-indicator__icon::before,
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__icon::before  {
  content: '';
  height: .4rem;
  width: 50%;
  background: var(--color-grey-light);
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
}
.dxp-breadcrumbs-container .spark-step-indicator__item:hover .spark-step-indicator__icon::after,
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__icon::after  {
  content: '';
  height: .4rem;
  width: 50%;
  background: var(--color-grey-light);
  position: absolute;
  right: 0;
  left: auto;
  top: auto;
}
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__icon .spark-icon {
  background-color: var(--color-grey-light);
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
  margin: 0 auto!important;
  min-width: 1rem;
  z-index: 99;
  display: block;
}
.dxp-breadcrumbs-container .flight-selection-breadcrumb-item .spark-step-indicator__icon::before,
.dxp-breadcrumbs-container .payment-breadcrumb-item .spark-step-indicator__icon::after  {
  display: none;
}

/* step - current */
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__flight-title,
.dxp-breadcrumbs-container .spark-step-indicator__item--current .spark-step-indicator__text * {
  color: var(--text-primary);
}
.dxp-breadcrumbs-container .spark-step-indicator__item--current .spark-step-indicator__icon .spark-icon {
  background-color: var(--color-primary);
  height: 2rem;
  width: 2rem;
}
.dxp-breadcrumbs-container .spark-step-indicator__item--current .spark-step-indicator__icon::before {
  background-color: var(--color-primary)!important;
}

/* step - completed */



.dxp-breadcrumbs-container .sticky-inner-wrapper {
  position: relative!important;
}
.dxp-breadcrumbs-container .spark-step-indicator__item .spark-step-indicator__flight-title,
.dxp-breadcrumbs-container .spark-step-indicator__item--completed .spark-step-indicator__text * {
  color: var(--text-primary);
}
.dxp-breadcrumbs-container .spark-step-indicator__item--completed .spark-step-indicator__icon .spark-icon {
  background-color: var(--color-primary);
}
.dxp-breadcrumbs-container .spark-step-indicator__item--completed .spark-step-indicator__icon::before,
.dxp-breadcrumbs-container .spark-step-indicator__item--completed .spark-step-indicator__icon::after {
  background-color: var(--color-primary)!important;
}
.spark-step-indicator__cart {
  position: fixed!important;
  top: 1rem;
  right: 1rem;
  background-color: var(--button-secondary-background);
  border: var(--button-secondary-border);
  padding: .2rem 1rem!important;
  border-radius: var(--border-radius-large);
  display: flex;
  gap: .5rem;
  align-items: center;
  max-height: 4rem;
}
.spark-step-indicator__cart * {
  font-size: var(--font-size-regular);
  font-family: var(--font-family);
}
.spark-step-indicator__cart::after {
  content: '';
  height: 2rem;
  width: 2rem;
  display: inline-block;
  background-image: var(--icon-cart);
}
.spark-step-indicator__cart *,
.dxp-breadcrumbs .spark-step-indicator__body--dropdown.spark-step-indicator__body .spark-step-indicator__cart:not(.blank):after {
  color: var(--button-secondary-text);
}
.dxp-breadcrumbs-container .dxp-home-breadcrumb-item, 
.dxp-breadcrumbs-container .flight-selection-breadcrumb-item .spark-step-indicator__text,
.dxp-breadcrumbs-container .spark-step-indicator__item:before, 
.dxp-breadcrumbs-container .spark-step-indicator__item:after,
.dxp-breadcrumbs-container .spark-step-indicator__subtext,
.dxp-breadcrumbs-container .spark-step-indicator__icon .spark-icon:before {
  display: none;
} 
/* =====     END: breadcrumbs     ===== */





/* =====     START: cart     ===== */
.dxp-view .background-content>.main-content .cart {
  padding-left: 2rem;
}
.dxp-shopping-cart {
  padding-top: .35rem;
}
.dxp-shopping-cart * {
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  font-family: var(--font-family)!important;
  color: var(--text-primary);
}
.dxp-shopping-cart .ducp-component-cart-panel {
  border-radius: var(--border-radius-large);
  box-shadow: var(--box-shadow);
  border: none;
}
.dxp-shopping-cart .title {
  background: var(--color-white);
  border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
  margin: 0;
  padding: 1.2rem 1.8rem 0 1.8rem!important;
  font-size: var(--font-size-medium)!important;
}
.spark-panel__header {
  border: none!important;
  background: var(--color-white)!important;
}
.ducp-component-cart-panel-section {
  background:var(--color-white);
  box-shadow: none!important;
}
.dxp-shopping-cart-footer {
  margin: 0;
}
.dxp-shopping-cart-footer * {
  color: var(--text-primary);
  font-size: var(--font-size-medium)!important;
}
.ducp-component-cart-panel .spark-panel__header,
.ducp-component-cart-panel .spark-panel__header h4 {
  padding: 1rem 1.8rem 0 1.8rem!important;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: none;
}
@media (max-width: 797px) {
  .dxp-shopping-cart .ducp-component-cart-panel {
    box-shadow: none;
  }
  .dxp-shopping-cart .ducp-component-cart-panel .title {
    display: none;
  }
}
.ducp-component-cart-panel-list {
  padding-bottom: 1rem!important;
}
.dxp-shopping-cart .ducp-component-cart-panel-section .ducp-component-accordion .spark-panel__content {
  padding: 0 1.8rem!important;
  border-color: var(--border-color);
}
.ducp-component-cart-panel .spark-panel__header::after {
  display: none;
}
.ducp-component-cart-item .main-content .right-content span,
.ducp-component-cart-item .main-content .right-content div {
  margin-right: 0!important;
}
.ducp-component-cart-panel .ducp-component-title::after {
  content: '';
  display: inline-block;
  height: 3rem;
  width: 3rem;
  background-image: var(--icon-chevron-down);
  background-repeat: no-repeat;
  margin-left: .5rem;
}
.ducp-component-cart-flight-segment .cart-flight-segment-header {
  margin-left: -1.8rem!important;
  margin-right: -1.8rem!important;
}
.ducp-component-cart-flight-segment .cart-flight-segment-header .flight-segment-title {
  padding: 0 1.8rem;
}
.ducp-component-cart-panel .is-expanded .ducp-component-title::after {
  background-image: var(--icon-chevron-up);
}
.ducp-component-accordion.spark-panel--expand>.spark-panel__header.has-right-content>.right-content {
  margin: 0;
}
.ducp-component-accordion.spark-panel--expand>.spark-panel__header.has-right-content>.right-content *,
.ducp-component-cart-panel .spark-panel__header * {
  font-size: var(--font-size-regular-plus)!important;
  font-family: var(--font-family-medium)!important;
  color: var(--text-primary)!important;
}
.ducp-component-cart-panel .arrival {
  padding: 0!important;
}
.ducp-component-cart-item .main-content button {
  display: flex;
  flex-direction: row;
}
.dxp-shopping-cart .seat-cart-item .ducp-component-initial-circle {
  color: var(--text-primary)!important;
  margin: 0;
}
.dxp-shopping-cart .seat-cart-item .ducp-component-initial-circle::after {
  content: ' - ';
  display: inline-block;
  height: 100%;
  width: 1rem;
}
.ducp-component-cart-panel-footer {
  padding: 1rem 1.8rem!important;
  border-top: solid 1px var(--border-color);
}
.dxp-shopping-cart .itinerary-part-details {
  border-radius: var(--border-radius);
  border: solid 1px var(--border-color);
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-time-details {
  background-color: transparent!important;
  margin: 0!important;
  padding: .6rem 1rem 0 1rem;
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-time-details span:not(.date-time) {
  color: var(--text-primary-light);
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-flight-details {
  display: flex;
  flex-direction: row;
  padding: 0 1rem;
  justify-content: space-between;
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-flight-details .dxp-operated-by {
  margin-right: .6rem;
  width: 3.5rem;
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-flight-details .operated-by-airline {
  height: 3rem;
  width: 3rem;
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-flight-details .dxp-operated-by.multiple .operated-by-airline {
  height: 2rem;
  width: 2rem;
}
.dxp-shopping-cart .itinerary-part-details .itinerary-part-flight-details .dxp-operated-by.multiple .operated-by-airline:last-child {
  align-self: flex-start;
  margin-top: 1.6rem;
  margin-left: -.5rem;
}
.itinerary-part-details .itinerary-part-flight-details .dxp-route-time {
  color: var(--text-primary-light);
}
.dxp-shopping-cart .itinerary-part-details .duration-stop-details {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
}
.dxp-shopping-cart .itinerary-part-details .dxp-duration span {
  color: var(--text-primary-light);
}
.dxp-shopping-cart .itinerary-part-details .duration-label,
.dxp-shopping-cart .itinerary-part-details .duration-stops-separator,
.dxp-shopping-cart .itinerary-part-details .segment-operated-by-list,
.dxp-shopping-cart .itinerary-part-details .duration-stop-details .stops  {
  display: none;
}
.dxp-shopping-cart li,
.dxp-shopping-cart .cart-item {
  list-style: none!important;
  margin: .5rem 0!important;
}
.passenger-cart-item {
  border: none;
  padding-top: 0;
} 
.dxp-shopping-cart .cart-item .cart-item-label {
  color: var(--text-primary)!important;
  display: flex;
  align-items: center;
}
/* surcharges */
.surcharge-cart-items .ducp-component-tooltip {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.ducp-component-tooltip .ducp-component-initial-circle {
  border: none;
  border-radius: 0!important;
  color: var(--text-primary-light) !important;
  height: auto !important;
  width: auto !important;
  line-height: normal !important;
}
.surcharge-cart-items .ducp-component-tooltip .cart-item-label {
  color: var(--text-primary)!important;
  line-height: normal!important;
}
/* =====     END: cart     ===== */





/* =====     START: flexible calendar     ===== */
.dxp-matrix {
  border: none;
  padding: 0;
  box-shadow: 0 0 .6rem rgba(0,0,0,.15);
  width: 100vw;
}
.dxp-matrix-view .centered-content {
  margin: 0;
  padding: 0;
  width: 100vw;
  max-width: 100%;
}
.dxp-matrix-view .title-wrapper,
.dxp-matrix-footer,
.dxp-matrix-header,
.dxp-matrix-grid-container {
  margin: 0 auto;
  padding: 2rem;
  max-width: 1440px;
  background-color: transparent;
  border: none!important;
}
.date-selection-calendar-wrap:not(.days-legend), 
.dxp-matrix-content-new {
  background-color: var(--color-background-turquoise);
}
.dxp-matrix-grid-header-info {
  margin: 0!important;
}
.dxp-matrix-grid-header-info .icon-circle {
  width: 2rem !important;
  height: 2rem !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  background-image: var(--icon-tag--green);
}
.dxp-matrix-grid-container .dxp-grid-layout-container th.date-header,
.dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-cell {
  min-height: 3rem;
}
@media (min-width: 544px) {
  .dxp-matrix-grid-container .dxp-grid-layout-container th.date-header,
  .dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-cell {
    width: auto;
    min-width: 4rem;
  }
  .dxp-matrix-grid-layout {
    caret-color: transparent;
    width: 100%;
  }
}
.dxp-matrix-grid-container .dxp-grid-layout-container th.dxp-bottom-button-container,
.dxp-matrix-grid-container .dxp-grid-layout-container th.date-header,
.dxp-matrix-grid-container .dxp-grid-layout-container th.date-header.highlight {
  background: transparent!important;
  border: none!important;
}
.dxp-matrix-grid-container .dxp-grid-layout-container th.date-header .date  {
  width: 100%;
}
.dxp-matrix-grid-container .dxp-grid-layout-container th.date-header.highlight .date {
  background: rgba(255, 255, 255, .8);
}
.dxp-matrix-grid-layout td {
  padding: .4rem;
}
.dxp-date-selection-day .day-btn, 
.dxp-date-selection-day .is-wrapped,
.dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-grid-cell-new {
  border-radius: var(--border-radius);
  border: none;
  box-shadow: 0 0 .6rem rgba(0,0,0,.15);
}
.dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-grid-cell-new * {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
}
.dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-grid-cell-new.highlight {
  background-color: #fff;
  border: solid 1px var(--color-blue-dark);
}
.dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-grid-cell-new.highlight.hovered,
.dxp-matrix-grid-container .dxp-grid-layout-container .dxp-matrix-grid-cell-new.selected {
  background-color: var(--color-blue-dark)!important;
}
.dxp-matrix-grid-container .dxp-matrix-grid-cell-new.no-flights {

}
.dxp-matrix-footer .dxp-matrix-footer-content {
  justify-content: space-between;
}
.dxp-matrix-footer {
  box-shadow: none;
}
.dxp-matrix .lowest-fare-title span {
  position: absolute;
  left: -100vw;
}
.dxp-matrix .lowest-fare-title::after {
  content: '';
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: var(--icon-tag--green);
}

.dxp-matrix .lowest-fare.selected .lowest-fare-title::after,
.dxp-matrix .lowest-fare.hovered .lowest-fare-title::after {
  background: var(--icon-tag);
}
.dxp-matrix .highlight.selected.lowest-fare .price-container * {
  color: #fff;
}
.dxp-matrix .dxp-matrix-content-divider,
.dxp-matrix .trip-details .dxp-trip-details-flight-icon,
.dxp-matrix .dxp-matrix-header .title {
  display: none;
}
.dxp-date-selection-day .day-btn {
  position: relative;
  cursor: pointer;
}
.dxp-date-selection-day .day-btn.is-hovered, 
.dxp-date-selection-day .day-btn.is-preselected, 
.dxp-date-selection-day .is-wrapped.is-hovered, 
.dxp-date-selection-day .is-wrapped.is-preselected {
  background-color: var(--button-primary-background)!important;
}
.dxp-date-selection-day * {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular);
}
.dxp-date-selection-day .day-btn .day-of-month {
  position: absolute !important;
  top: .6rem;
  left: .8rem;
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
}
@media (max-width: 797px) {
  .dxp-date-selection-day .day-btn .day-of-month {
    font-size: var(--font-size-small);
  }
  .dxp-date-selection-day .day-btn .day-content, 
  .dxp-date-selection-day .is-wrapped .day-content {
    padding-top: 1rem;
  }
}
.dxp-button.load-next-month {
  margin-top: 2rem;
}
.dxp-date-selection-day .day-btn:has(.is-lowest-fare) .dxp-price * {
  color: var(--text-primary);
} 
.dxp-date-selection-day .day-btn.is-hovered *, 
.dxp-date-selection-day .day-btn.is-preselected *, 
.dxp-date-selection-day .is-wrapped.is-hovered *, 
.dxp-date-selection-day .is-wrapped.is-preselected * {
  color: var(--button-primary-text)!important;
}
.dxp-date-selection-day .close {
  top: .4rem;
  right: .6rem;
}
.dxp-date-selection-day .close .spark-icon {
  margin: 0;
}
.dxp-date-selection-day .in-between-bar {
  background-color: var(--button-primary-background);
}
.dxp-date-selection-day .day-btn[disabled] {
  border: none!important;
  background-color: var(--color-grey-lighter);
}
.dxp-date-selection-day .day-btn[disabled] * {
  color: var(--text-disabled)!important;
}
.dxp-date-selection-day .day-btn[disabled]:hover {
  background-color: var(--base-color-grey);
}
.dxp-date-selection-day .day-btn.is-in-between {
  background-color: var(--button-secondary-background);
  border: var(--button-secondary-border)!important;
}
.dxp-date-selection-day .day-btn.is-in-between .dxp-price * {
  color: var(--text-primary)!important;
}
.dxp-date-selection-day .day-btn.is-in-between .day-of-month {
  color: var(--text-primary-light)!important;
}
/* =====     START: flexible calendar     ===== */







/* =====     START: flight page     ===== */
.date-selection-view-subtitle span {
  color: var(--text-primary-light);
}
.flight-selection:not(.multi-city) .dxp-header-view {
  box-shadow: none;
}
.dxp-flight-selection-view .title-wrapper  {
  display: none;
}
.dxp-flight-selection {
  display: flex;
  flex-direction: column;
}
.dxp-flight-selection .flight-leg-wrapper {
  order: 0;
}
.dxp-flight-selection .dxp-flight-table-section {
  order: 2;
  position: relative;
}
/* change search */
.dxp-edit-panel {
  box-shadow: var(--box-shadow);
}
@media (max-width: 797px) {
  .dxp-edit-panel {
    padding: 1rem 0 0 0;
  }
  .dxp-edit-panel-inner-wrapper {
    padding: 0;
  }
  .dxp-edit-panel-title {
    margin-left: 2rem;
  }
}
@media ((max-width: 544px)) {
  .dxp-edit-panel-inner-wrapper .dxp-edit-panel-components-container .edit-panel-row {
    margin-bottom: 0;
  }
  .dxp-edit-panel .dxp-edit-panel-components-container .edit-panel-row .field {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .dxp-page-navigation-buttons {
    flex: 1;
  }
}
.dxp-edit-panel .dxp-edit-panel-title {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-medium)!important;
  font-weight: var(--font-weight-regular)!important;
  color: var(--text-primary)!important;
  margin-bottom: 1rem;
}
.dxp-edit-panel .journey-types {
  display: flex;
  justify-content: flex-start;
  padding: 2rem 2rem 0 2rem;
  background-color: var(--color-grey-lighter);
}
.dxp-edit-panel .journey-type-selection .journey-type-selection-item .dxp-link {
  background: transparent!important;
  border: none;
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  color: var(--text-primary)!important;
  position: relative;
  padding: 0 .5rem 0 2rem;
  margin-right: 2rem;
  border-radius: var(--border-radius);
  transition: none;
  caret-color: transparent;
}
.dxp-edit-panel .journey-type-selection .journey-type-selection-item .dxp-link::before {
  outline: var(--input-border);
  border: solid 2px #FFF;
  background: #FFF;
  position: absolute;
  left: 0;
  top: .1rem;
  height: 1.6rem;
  width:  1.6rem;
  content: '';
  border-radius: var(--border-radius-large);
}
.dxp-edit-panel .journey-type-selection .journey-type-selection-item.active .dxp-link::before {
  background-color: var(--color-blue);
  outline-color: var(--color-blue);
}
.dxp-edit-panel .journey-type-selection .journey-type-selection-item .dxp-link:hover {
  border: none;
  outline: none
}
.dxp-edit-panel .journey-type-selection .journey-type-selection-item .dxp-link:focus {
  border: none;
  outline: var(--focus-outline);
  outline-offset: 2px;
}
.dxp-edit-panel .dxp-edit-panel-components-container {
  padding: 1rem 2rem 0 2rem;
  background-color: var(--color-grey-lighter);
}
.dxp-edit-panel .dxp-edit-panel-component-title {
  display: none;
}
.dxp-edit-panel .field, 
.dxp-edit-panel .field.field-success {
  border: none;
  cursor: pointer;
}
.dxp-edit-panel .ducp-component-auto-suggest.required.has-value .spark-auto-suggest__field:not([disabled]) {
  background-color: transparent!important;
}
.dxp-edit-panel .passenger-selection-button {
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  padding-left: 0;
}
.dxp-edit-panel .passenger-selection-summary {
  border-radius: var(--input-border-radius);
}
.passenger-selection .passenger-selection-label {
  font-family: var(--font-family);
}
.dxp-edit-panel .dxp-edit-panel-buttons-container {
  padding: 0 2rem 2rem 2rem;
  background-color: var(--color-grey-lighter);
}

.dxp-edit-panel .spark-icon-arrow-triangle-down,
.dxp-edit-panel .spark-icon-arrow-triangle-up {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 1rem;
}
.dxp-edit-panel .spark-icon-arrow-triangle-down {
  background-image: var(--icon-chevron-down);
}
.dxp-edit-panel .spark-icon-arrow-triangle-up {
  background-image: var(--icon-chevron-up);
}
.dxp-edit-panel .spark-icon-arrow-triangle-down::before,
.dxp-edit-panel .spark-icon-arrow-triangle-up::before {
  display: none;
}
.dxp-edit-panel .spark-icon-calendar {
  background-image: var(--icon-calendar);
  background-repeat: no-repeat;
  background-position: center center;
  width: 2rem;
  height: 2rem;
  margin: 0; 
}
.dxp-edit-panel .spark-icon-calendar::before {
display: none;
}
.dxp-edit-panel .passenger-selection-button:hover {
  border: var(--input-border);
}
.dxp-edit-panel .passenger-selection-options {
  left: .1rem;
  right: .1rem;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.dxp-edit-panel .passenger-selection-option {
  border-bottom: 0;
  border-top: var(--input-border);
  align-items: center;
}
.dxp-edit-panel .passenger-type-details-label {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}
.dxp-edit-panel .passenger-type-details-age {
  color: var(--text-primary-light);
}
.dxp-edit-panel .passenger-selection-controls button {
  background: var(--button-primary-background);
  color: var(--button-primary-text);
  cursor: pointer;
  border: none!important;
}
.dxp-edit-panel .passenger-selection-controls button span {
  font-family: var(--font-family-bold);
}
.dxp-edit-panel .passenger-selection-controls button:hover {
  background: var(--button-primary-hover-background);
}
.dxp-edit-panel .passenger-selection-controls button:focus {
  outline: var(--button-primary-focus-outline);
  outline-offset: 2px;
}
.dxp-edit-panel .passenger-selection-controls button[disabled] {
  background: var(--button-primary-disabled-background)!important;
  cursor: not-allowed;
}
@media (max-width: 544px) {
  .dxp-edit-panel-inner-wrapper .dxp-edit-panel-buttons-container {
      margin-top: 0!important
  }
}
@media only screen and (max-width: 795px) and (orientation: portrait) {
  .class-selection, .date-selection.return-date, .destination-selection.airport-selection.airport-fields {
      margin-top: 0;
  }
}

.field.field-text.field-default.field-input.dxp-field-date-input.field-use-block-feedback.field-has-value{
  margin-top: 0;
  border: none;
}



/* popup datepicker */
.date-picker {
  border: var(--input-border);
}
.dp-header-text {
  color: var(--text-primary);
  font-size: var(--font-size-smallest);
}
.date-picker .dp-table .dp-row.dp-week-day-names {
  border-bottom: none;
  color: var(--text-primary);
  font-size: var(--font-size-smallest);
}
.date-picker .dp-table .dp-row {
  border: none;
  gap: .2rem;
  padding: 0 .3rem .2rem .3rem;
}
.date-picker .dp-table .dp-cell {
  border: none!important;
}
.date-picker .dp-table .dp-cell.dp-current .dp-cell-btn,
.date-picker .dp-table .dp-cell .dp-cell-btn {
  border: var(--input-border);
  border-radius: 2px;
  color: var(--text-primary);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
  font-size: var(--font-size-smallest);
}
.date-picker .dp-table .dp-cell .dp-cell-btn[disabled] {
  background: #EDEDED;
  border-color: #EDEDED;
} 
.date-picker .dp-table .dp-cell .dp-cell-btn:hover {
  border-color: var(--button-primary-border);
} 
.date-picker .dp-table .dp-cell .dp-cell-btn:focus {
  outline: .2rem solid var(--color-blue);
  outline-offset: -.2rem;
  box-shadow: none;
} 
.date-picker .dp-table .dp-cell.dp-value .dp-cell-btn:focus {
outline-color: #fff;
outline-offset: -.3rem;
}
.date-picker .dp-footer {
  border: none;
}
.date-picker .dp-footer .dp-footer-selected, 
.date-picker .dp-footer .dp-footer-today {
  background-color: var(--button-third-background)!important;
  color: var(--color-blue-light)!important;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-smallest);
  font-family: var(--font-family);
}
.date-picker .dp-footer .dp-footer-selected.is-disabled, 
.date-picker .dp-footer .dp-footer-today.is-disabled {
  color: var(--text-disabled)!important;
}
/* week  selection */
.dxp-flight-selection .flight-selection-ribbon-wrapper {
  position: relative;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  margin: 0!important;
  box-shadow: var(--box-shadow);
  order: -1;
  z-index: 10;
  display: flex;
  justify-content: center;
  border-top: solid 1px var(--border-color);
}
.dxp-flight-selection .dxp-flight-selection-ribbon {
 max-width: 1440px;
 padding: 0 2rem;
 width: 100%;
}
@media (max-width: 767px) {
  .dxp-flight-selection .dxp-flight-selection-ribbon {
   padding: 0;
  }
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .spark-carousel {
  border: none;
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .spark-carousel__outer-container {
  padding: 0!important;
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .spark-carousel__item {
  padding-bottom: 0;
  box-shadow: none;
}
@media (min-width: 1440px) {
  .dxp-flight-selection .flight-selection-ribbon-wrapper .spark-carousel__item:last-child  .dx-flight-selection-ribbon-item {
    border-right: solid 1px var(--border-color);
  }
}
@media (max-width: 1439px) {
  .dxp-flight-selection .flight-selection-ribbon-wrapper .spark-carousel__item:first-child  .dx-flight-selection-ribbon-item {
    border-left: none;
  }
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item {
  min-height: 5.3rem;
  padding: .8rem;
  box-shadow: none;
  border-left: solid 1px var(--border-color);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item:hover {
  box-shadow: none;
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item:not(.no-flights):hover {

  background: var(--button-secondary-hover-background);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item .date {
  color: var(--text-primary-light);
  font-weight: var(--font-weight-regular)!important;
  font-family: var(--font-family);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item .flight-price * {
  color: var(--text-primary);
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item.selected {
  background: var(--color-blue);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item.selected:hover {
  background: var(--color-blue-darker);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item.selected .date {
  color: #CCD2DB!important;
  margin-bottom: 0;
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item.selected .flight-price * {
  color: var(--color-white);
}
.dxp-flight-selection .flight-selection-ribbon-wrapper .dx-flight-selection-ribbon-item:after{
  display: none!important;
}
.date-picker .dp-table .dp-cell.dp-value {
  background-color: transparent;
}
.date-picker .dp-table .dp-cell.dp-value .dp-cell-btn {
  background: var(--button-primary-background);
  border: var(--button-primary-border);
}
.flight-selection-mobile-ribbon {
  box-shadow: none!important;
  border-top: solid 1px var(--border-color);
  border-bottom: solid 1px var(--border-color);
}
.flight-selection-mobile-ribbon .spark-carousel__item {
  padding-bottom: 0!important;
}
.flight-selection-mobile-ribbon .spark-carousel__item.prev-next-control {
  width: 5rem;
  min-width: 0 !important;
}
.flight-selection-mobile-ribbon .ducp-component-button {
  height: 100%;
  width: 5rem;
  color: transparent!important;
}
.flight-selection-mobile-ribbon .ducp-component-button.next-link::after {
  border-left: solid 1px var(--border-color);
}
.flight-selection-mobile-ribbon .ducp-component-button::after {
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.flight-selection-mobile-ribbon .ducp-component-button.prev-link::after {
  background-image: var(--icon-chevron-left);
}
.flight-selection-mobile-ribbon .ducp-component-button.prev-link.disabled::after {
  background-image: var(--icon-chevron-left--grey);
}
.flight-selection-mobile-ribbon .ducp-component-button.next-link::after {
  background-image: var(--icon-chevron-right);
}
.flight-selection-mobile-ribbon .ducp-component-button.next-link.disabled::after {
  background-image: var(--icon-chevron-right--grey);
}
.dxp-mobile-link-controls {
  margin: 0!important;
}

/* header */
.flight-selection-header__wrapper {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  background: var(--color-grey-lighter);
  position: relative;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
}
.flight-selection-header__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
.mobile-theme .flight-selection-header__inner {
  padding: 1rem;
}
.flight-selection-header__direction {
  text-transform: uppercase;
  display: flex;
  gap: .5rem;
}
.flight-selection-header__direction::before {
  background-image: var(--icon-plane-right);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: '';
  display: flex;
  left: 0;
}
.flight-selection-header__title {
  font-size: var(--font-size-large);
  margin: .5rem 0 0 0;
}
.flight-selection-header__information {
  color: var(--text-primary-light);
}
.flight-selection-header__wrapper .flight-leg-header,
.flight-selection-header__wrapper .flight-leg-header-in-mobile {
  display: none;
}

/* toggle points/currency */
.dxp-flight-selection .flight-selection-title {
  order: 1;
  display: flex;
  justify-content: flex-end;
  padding-top: 2rem;
}
.dxp-flight-selection .points-currency-toggle h3 {
  display: none;
}
.dxp-flight-selection .points-currency-toggle .currency-points-toggle {
  margin: 0;
}
.dxp-flight-selection .points-currency-toggle .currency-points-toggle:focus-within {
  outline: var(--focus-outline);
  outline-offset: 2px;
  border-radius: var(--border-radius-large);
}
.dxp-flight-selection .points-currency-toggle .toggle-item {
  background: var(--button-secondary-background);
  color: var(--button-secondary-text);
  border: var(--button-secondary-border);
  max-height: 3.3334rem;
  padding: 0;
}
.dxp-flight-selection .points-currency-toggle .toggle-item:first-child {
  border-radius: 2rem 0 0 2rem;
}
.dxp-flight-selection .points-currency-toggle .toggle-item:last-child {
  border-radius: 0 2rem 2rem 0;
  border-left: none;
}
.dxp-flight-selection .points-currency-toggle .toggle-item:hover {
  margin-top: 0;
  background: var(--button-secondary-hover-background);
}
.dxp-flight-selection .points-currency-toggle .toggle-item span {
  border: none;
  background-color: transparent!important;
  color: var(--button-secondary-text)!important;
  text-transform: capitalize;
  font-family: var(--font-family-medium)!important;
  font-size: var(--font-size-regular)!important;
  padding: 1rem 1.4rem!important;
  height: 100%;
  width: 100%;
  box-shadow: none!important;
}
.dxp-flight-selection .points-currency-toggle .toggle-item.selected {
  background: var(--button-primary-background);
}
.dxp-flight-selection .points-currency-toggle .toggle-item.selected span {
  color: var(--button-primary-text)!important;
}
.dxp-flight-selection .points-currency-toggle .toggle-item.selected:hover {
  background: var(--button-primary-hover-background);
}

/* filter and sort by */
.dxp-flight-selection .result-info-sort-filter {
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex: 1!important;
  padding: 1rem 1.5rem !important;
}
.dxp-flight-selection .result-info-sort-filter .flight-search-date {
  display: none;
}
@media (max-width: 767px) {
  .dxp-flight-selection .result-info-sort-filter {
    margin-bottom: 1rem;
    padding: 1rem 1.5rem!important;
  }
}
.dxp-flight-selection .result-info-sort-filter .sort-filters-panel button {
  color: var(--button-secondary-text)!important;
  text-transform: capitalize!important;
  font-weight: var(--font-weight-regular);
  border: none;
  position: relative;
  margin-right: 2rem!important;
  padding: .5rem 1rem!important;
  font-family: var(--font-family);
  border: var(--button-secondary-border);
  background: var(--button-secondary-background);
  border-radius: var(--border-radius-large);
}
.dxp-flight-selection .result-info-sort-filter .sort-filters-panel button:focus {
  outline: var(--focus-outline)!important;
  outline-offset: 2px;
}
.dxp-flight-selection .result-info-sort-filter .sort-filters-panel button:hover {
  background: var(--button-secondary-hover-background);
}
.dxp-flight-selection .result-info-sort-filter .sort-filters-panel button.sort-by {
  padding: .5rem 2.5rem .5rem 1rem!important;
}
.dxp-flight-selection .result-info-sort-filter .sort-filters-panel button.sort-by::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
  height: 1.4rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--icon-arrows-vertical);
}
.dxp-flight-selection .result-info-sort-filter .results-count {
  color: var(--text-primary-light);
}
.sort-popover-list button {
  color: var(--text-primary-light);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  font-family: var(--font-family);
}
.sort-popover-list button:has(.spark-icon) {
  color: var(--text-primary);
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
}
.dxp-itinerary-offers-header-mobile {
  order: 1;
  background-color: var(--color-grey-lighter);
  border: none;
  top: 0;
}
.dxp-itinerary-offers-header-mobile.ducp-component-scrollable-container {
  box-shadow: none!important;
}
.dxp-itinerary-offers-header-mobile .dxp-filter-popover {
  background-color: var(--color-grey-lighter);
  box-shadow: none!important;
  width: 6rem;
}
.dxp-itinerary-offers-header-mobile .ducp-component-scrollable-container {
  width: 100vw!important;
  box-shadow: none;
}
.dxp-itinerary-offers-header-mobile .sort-filters-container {
  background-color: var(--color-grey-lighter);
  width: calc(100vw - 6rem)!important;
  position: relative;
  flex-direction: row;
  gap: 1rem;
}
.dxp-itinerary-offers-header-mobile .sort-filters-container > button {
  border: var(--button-secondary-border);
  background-color: var(--button-secondary-background);
  border-radius: var(--border-radius-large);
  margin: 0 !important;
  padding: 0 1.3rem;
  caret-color: transparent;
}
.dxp-itinerary-offers-header-mobile .sort-filters-container > button * {
  color: var(--button-secondary-text);
  font-weight: var(--font-weight-regular);
}
.dxp-itinerary-offers-header-mobile .sort-filters-container > button .spark-icon {
  background-image: var(--icon-chevron-down);
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.dxp-itinerary-offers-header-mobile .sort-filters-container > button .spark-icon::before {
  display: none;
}
.dxp-itinerary-offers-header-mobile .ducp-component-panel-content {
  display: flex;
  flex-direction: column;
}
.dxp-itinerary-offers-header-mobile .sort-filters-panel {
  
}
.dxp-itinerary-offers-header-mobile .sort-filters-panel button {
  background-color: transparent;
  border: none;
  padding: none;
  color: var(--text-link);
  font-weight: var(--font-weight-regular);
}
.dxp-itinerary-offers-header-mobile .sort-filters-panel button .spark-icon {
  background-image: var(--icon-chevron-down);
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.dxp-itinerary-offers-header-mobile .sort-filters-panel button .spark-icon::before {
  display: none;
}
.dxp-itinerary-offers-header-mobile .dxp-filter-popover .toggle-filters.icon-button {
  border: var(--button-secondary-border);
  background-color: var(--button-secondary-background);
  border-radius: var(--border-radius-large);
  padding: 1rem 1rem .5rem 1rem;
  height: auto;
}
.dxp-flight-selection.mobile-theme {
  background-color: var(--color-grey-lighter);
}
.dxp-flight-selection.mobile-theme .results-action-header {
  display: none;
}
/* filters*/
.dxp-flight-selection .dxp-filter .filter-title {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  color: var(--text-primary);
}
.dxp-flight-selection .dxp-filter .dxp-clear-filter {
  color: var(--text-link)!important;
  text-transform: capitalize!important;
  font-weight: var(--font-weight-regular);
  padding: 0!important;
  background-color: transparent!important;
  user-select: none;
  caret-color: transparent;
}
.dxp-flight-selection .dxp-filter .dxp-clear-filter:focus {
  outline: var(--focus-outline)!important;
  outline-offset: 2px;
}
.dxp-flight-selection .dxp-filter .dxp-clear-filter:not(.disabled):hover span {
  color: var(--color-blue);
  text-decoration: underline;
}
.dxp-flight-selection .dxp-filter .dxp-slider .controls .track:before {
  border: none;
}
.dxp-flight-selection .dxp-filter .dxp-slider .controls .track-fill {
  background-color: var(--color-grey-light);
  border: none;
}
.dxp-flight-selection .dxp-filter .dxp-slider .controls .handle {
  background-color: var(--color-blue);
  border: none;
  caret-color: transparent;
}
.dxp-flight-selection .dxp-filter .dxp-slider .controls .handle:focus {
  outline: var(--focus-outline)!important;
  outline-offset: 2px;
}
.dxp-flight-selection .dxp-filter .dxp-checkbox .radio-button-label * {
  font-weight: var(--font-weight-regular);
}
@media (max-width: 1048px) {
  .dxp-filter .filters-tab .filter-module.active .filter-details {
      box-shadow: none;
    background: var(--color-grey-lighter);  }
}

/* compare fare */
.flight-offer-itinerary-breakdown .action-buttons .dxp-brand-comparison-button {
  position: absolute;
  top: -3rem;
  right: 0;
  margin: 0;
  display: none;
}
.flight-offer-itinerary-breakdown .action-buttons .dxp-brand-comparison-button .spark-icon {
  display: none;
}


/* brands header */
.dxp-flight-selection .offer-labels {
  flex: 2;
  padding: 0!important;
  display: flex!important;
  align-items: flex-end;
}
.dxp-flight-selection .offer-label {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  padding: 0;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-transform: capitalize!important;
}
.dxp-flight-selection .offer-label:before {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

/* flight list */
.dxp-flight-selection .dxp-itinerary-part-offer.spark-panel {
  border-radius: var(--border-radius-large);
  border: solid 1px var(--border-color);
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  margin-bottom: 2rem;
  background-color: var(--color-white);
  z-index: 999;
  position: relative;
}
.dxp-flight-selection .itinerary-part-offer-prices .itinerary-part-offer-price:last-of-type button {
  border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
}
@media (min-width: 768px) {
  .dxp-flight-selection .dxp-itinerary-part-offer.spark-panel:nth-of-type(2) {
    border-radius: var(--border-radius-large) 0 var(--border-radius-large) var(--border-radius-large);
  }
}
.dxp-flight-selection .dxp-itinerary-part-offer.spark-panel:nth-of-type(2)  .itinerary-part-offer-prices .itinerary-part-offer-price:last-of-type button {
  border-radius: 0 0 var(--border-radius-large) 0;
}
.dxp-flight-selection .dxp-itinerary-part-offer.spark-panel>.spark-panel__content {
  display: flex;
  flex-direction: column;
}
.dxp-flight-selection .offer-carousel-arrow {
  height: 3rem;
  width: 3rem;
  border-radius: var(--border-radius-large);
  z-index: 999;
  position: absolute;
  right: -4rem!important;
  left: auto!important;
  top: 20%;
  background: var(--button-secondary-background)!important;
  border: var(--button-secondary-border)!important;
}
.dxp-flight-selection .offer-carousel-arrow:hover {
  background-color: var(--button-secondary-hover-background);
}
.dxp-flight-selection .offer-carousel-arrow.arrow-right {
  top: auto;
  bottom: 20%;
}
.spark-icon-arrow-chevron-right:before,
.spark-icon-arrow-chevron-left:before  {
  color: var(--button-secondary-text);
}
.dxp-flight-selection .offer-carousel-arrow.disabled {
  background-color: var(--button-secondary-disabled-background)!important;
  border-color: var(--button-secondary-disabled-border-color)!important;
}
.dxp-flight-selection .offer-carousel-arrow.disabled .spark-icon-arrow-chevron-right:before,
.dxp-flight-selection .offer-carousel-arrow.disabled .spark-icon-arrow-chevron-left:before  {
  color: var(--button-secondary-disabled-text)!important;
}
.dxp-flight-selection .offer-carousel-arrow:not(.disabled):hover {
  color: var(--button-secondary-hover-background)!important;
}
@media (min-width: 768px) and (max-width: 1530px) {
  .dxp-flight-table-section {
    padding-right: 5rem;
  }
}
.itinerary-part-offer-mobile {
  border-radius: var(--border-radius-large);
  border: solid 1px var(--border-color);
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
.itinerary-part-offer-mobile .spark-panel__content {
  padding: 0!important;
}
.itinerary-part-offer-mobile .itinerary-part-summary-wrapper {
  padding: 1.5rem 1.5rem 1rem 1.5rem!important;
  display: inline-block;
  width: 100%;
}
.flight-offer-details-mobile .route-date-time {
  justify-content: space-between;
  flex: 1;
}
.flight-offer-details-mobile .route-date-time .time-airport {
  flex-direction: column-reverse;
}
.flight-offer-details-mobile .route-date-time .time * {
  font-size: 1.8rem!important;
  font-family: var(--font-family-medium)!important;
  text-transform: lowercase;
}
.flight-offer-details-mobile .route-date-time .time-airport.first {
  padding-right: 1rem;
}
.flight-offer-details-mobile .route-date-time .time-airport:not(.first) {
  align-items: flex-end;
  padding-left: 1rem;
}
.flight-offer-details-mobile .stopover-info .stops:has(.stop-airports) .stops-count {
  display: none;
}
.flight-offer-details-mobile .stopover-info .stops div {
  display: flex;
  justify-content: center;
}
.flight-offer-details-mobile .stopover-info .stops:has(.stop-airports) .stop-airports {
  display: flex;
  align-self: center;
  max-height: 1.6rem;
}
.flight-offer-details-mobile .stopover-info .stops:has(.stop-airports) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flight-offer-details-mobile .stopover-info:has(.stop-airports) hr::before {
  display: inline-block;
  content: '';
  height: .7rem;
  width: .7rem;
  background-color: var(--color-blue);
  border-radius: var(--border-radius-large);
  position: absolute;
  top: -.1rem;
  left: 50%;
  transform: translate(-50%,-50%);
}
.itinerary-part-offer-price-mobile {
  padding-top: 1rem;
  margin: 0 1rem 1rem 1rem;
  display: flex;
  justify-content: flex-end;
  border-top: solid 1px var(--border-color);
}
.dxp-itinerary-part-offer-min-price-new-mobile .itinerary-part-offer-price-button .button-content-wrapper {
  flex-direction: row!important;
}
.dxp-itinerary-part-offer-min-price-new-mobile .itinerary-part-offer-price-button .button-content-wrapper * {
  color: var(--color-blue-light);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  font-family: var(--font-family);
  text-transform: lowercase;
}
.flight-offer-details-mobile .stopover-info .stops:not(:has(.stop-airports)) span {
  justify-self: flex-end;
}
.flight-offer-details-mobile .route-date-time hr {
  margin: .8rem 0 .39rem 0;
  border-top: dotted .335rem var(--color-grey-light);
  border-bottom: none;
  background-color: transparent;
  position: relative;
}
.flight-offer-details-mobile .duration-stops .duration {
  flex-direction: row;
}
.flight-offer-details-mobile .duration-stops .duration,
.flight-offer-details-mobile .duration-stops .dxp-flight-number,
.flight-offer-details-mobile .route-date-time .airport,
.flight-offer-details-mobile .stopover-info .stops-count,
.flight-offer-details-mobile .stopover-info .stops:has(.stop-airports) .stop-airports {
  font-weight: var(--font-weight-regular)!important;
  font-size: var(--font-size-regular)!important;
  color: var(--text-primary-light)!important;
  font-family: var(--font-family)!important;
}
.itinerary-part-offer-price-mobile .price-content-wrapper {
  background: var(--button-third-background);
  border-radius: var(--border-radius-large);
  padding: .5rem 1rem;
}
.itinerary-part-offer-price-mobile .price-content-wrapper *{
  color: var(--button-third-text)!important;
}
.mobile-theme .itinerary-part-remaining-seats * {
  color: var(--color-red)!important;
}
.dxp-flight-selection .itinerary-part-summary-wrapper {
  flex: 1;
  padding: 1.5rem 1.5rem 5rem 1.5rem;
  width: 100%!important;
}
.flight-offer-details-mobile {
  flex: 1;
}
.flight-offer-details-mobile .stopover-info {
  flex: 1;
}
.flight-offer-details-mobile .row {
  flex-direction: column-reverse;
}
.flight-offer-details-mobile .duration-stops {
  flex-direction: row;
  margin: 0;
  justify-content: space-between;
}
.dxp-flight-selection .itinerary-part-offer-header,
.dxp-flight-selection .flight-offer-itinerary-breakdown {
  background-color: transparent;
  padding: 0;
}
.dxp-flight-selection .dxp-flight-table-section .itinerary-part-summary-details {
  display: none;
}
.dxp-flight-selection .dxp-flight-table-section .flight-offer-details {
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px var(--border-color);
  padding-bottom: 1rem;
}
.dxp-flight-selection .flight-offer-details .row {
  flex: 1;
  flex-direction: column-reverse;
}
.flight-display__tail .dxp-operated-by {
  width: 5rem;
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
}
.flight-display__operated-by li {
  margin: 0;
}

.dxp-operated-by {
  margin-right: 1rem;
  display: flex;
}
.operated-by-airline {
  height: 5rem;
  width: 5rem;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: linear-gradient(to bottom, #C5D0D9, #E8F1F8);
}
.operated-by-airline::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -.5rem;
  right: 10%;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
}
.dxp-operated-by.multiple .operated-by-airline {
  height: 3rem;
  width: 3rem;
}
.dxp-operated-by.multiple .operated-by-airline::before {
  bottom: -.3rem;
  right: .2rem;
}
.dxp-operated-by.multiple .operated-by-airline:last-child {
  align-self: flex-end;
  margin-top: -.2rem;
}
.airline-AS {
  background: linear-gradient(to bottom, #6899C6, #CFE0EF);
}
.airline-HA {
  background: linear-gradient(to bottom, #CCB7ED, #F9C2E7);
}
.airline-Multiple:before {    
  background-image: url('../images/airlines/multipleairlines.svg');
}
.airline-AS:before {
  background-image: url('../images/airlines/AS.svg');
}
.airline-HA:before {
  bottom: -.5rem;
  right: .8rem;
  background-image: url('../images/airlines/HA.svg');
}
.airline-JL:before {
  background-image: url('../images/airlines/JL.svg');
}
.airline-2K:before {
  background-image: url('../images/airlines/2K.svg');
}
.airline-6G:before {
  background-image: url('../images/airlines/6G.svg');
}
.airline-7H:before {
  background-image: url('../images/airlines/7H.svg');
}
.airline-9K:before {
  background-image: url('../images/airlines/9K.svg');
}
.airline-9X:before {
  background-image: url('../images/airlines/9X.svg');
}
.airline-AA:before {
  background-image: url('../images/airlines/AA.svg');
}
.airline-AT:before {
  background-image: url('../images/airlines/AT.svg');
}
.airline-AY:before {
  background-image: url('../images/airlines/AY.svg');
}
.airline-B6:before {
  background-image: url('../images/airlines/B6.svg');
}
.airline-BA:before {
  background-image: url('../images/airlines/BA.svg');
}
.airline-CU:before {
  background-image: url('../images/airlines/CU.svg');
}
.airline-CX:before {
  background-image: url('../images/airlines/CX.svg');
}
.airline-DE:before {
  background-image: url('../images/airlines/DE.svg');
}
.airline-EU:before {
  background-image: url('../images/airlines/EU.svg');
}
.airline-EJ:before {
  background-image: url('../images/airlines/EJ.svg');
}
.airline-FU:before {
  background-image: url('../images/airlines/FU.svg');
}
.airline-FH:before {
  background-image: url('../images/airlines/FH.svg');
}
.airline-GA:before {
  background-image: url('../images/airlines/GA.svg');
}
.airline-GY:before {
  background-image: url('../images/airlines/GY.svg');
}
.airline-IB:before {
  background-image: url('../images/airlines/IB.svg');
}
.airline-JX:before {
  background-image: url('../images/airlines/JX.svg');
}
.airline-KE:before {
  background-image: url('../images/airlines/KE.svg');
}
.airline-LA:before {
  background-image: url('../images/airlines/LA.svg');
}
.airline-LF:before {
  background-image: url('../images/airlines/LF.svg');
}
.airline-LY:before {
  background-image: url('../images/airlines/LY.svg');
}
.airline-MH:before {
  background-image: url('../images/airlines/MH.svg');
}
.airline-PD:before {
  background-image: url('../images/airlines/PD.svg');
}
.airline-PR:before {
  background-image: url('../images/airlines/PR.svg');
}
.airline-QF:before {
  background-image: url('../images/airlines/QF.svg');
}
.airline-QR:before {
  background-image: url('../images/airlines/QR.svg');
}
.airline-RJ:before {
  background-image: url('../images/airlines/RJ.svg');
}
.airline-S7:before {
  background-image: url('../images/airlines/S7.svg');
}
.airline-SQ:before {
  background-image: url('../images/airlines/SQ.svg');
}
.airline-TN:before {
  background-image: url('../images/airlines/TN.svg');
}
.airline-UL:before {
  background-image: url('../images/airlines/UL.svg');
}
.airline-VA:before {
  background-image: url('../images/airlines/VA.svg');
}
.airline-VC:before {
  background-image: url('../images/airlines/VC.svg');
}
.airline-WY:before {
  background-image: url('../images/airlines/WY.svg');
}
.dxp-flight-selection .flight-offer-details * {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary-light);
  white-space: nowrap;
}
.dxp-flight-selection .flight-offer-details .airport {
  margin: 0!important;
}
.dxp-flight-selection .flight-offer-details .time-airport:last-of-type .airport {
  text-align: right;
}
.dxp-flight-selection .flight-offer-details .time time {
  color: var(--text-primary);
  font-size: var(--font-size-medium);
  white-space: nowrap;
  text-transform: lowercase;
}
.dxp-flight-selection .flight-offer-details .time-airport-separator {
  padding: 0 1rem;
  width: 100%;
  line-height: 1.9;
}
.dxp-flight-selection .flight-offer-details .time-airport-separator::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: auto;
  border-top: dotted .335rem var(--color-grey-light);
}
.dxp-flight-selection .flight-offer-details .route-date-time .plus-day,
.dxp-flight-selection .flight-offer-details .duration-stops .stops {
  display: none;
}
.dxp-flight-selection .flight-offer-details .duration-stops {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
}
.dxp-flight-selection .flight-offer-details .route-date-time {
  position: relative;
}
.dxp-flight-selection .flight-offer-details .dxp-night-time {
  background-color: transparent;
}
.dxp-flight-selection .flight-offer-details .dxp-night-time span {
  color: var(--text-primary-light);
}
.dxp-flight-selection .flight-offer-details .stopover-airport {
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
}
.dxp-flight-selection .flight-offer-details .stopover-airport.has-stops:before {
  display: inline-block;
  content: '';
  height: .7rem;
  width: .7rem;
  background-color: var(--color-blue);
  border-radius: var(--border-radius-large);
  position: absolute;
  top: -50%;
}
.dxp-flight-selection .flight-offer-itinerary-breakdown .action-buttons {
  margin-top: -3.5rem;
  padding-left: 1.5rem;
}
.dxp-selected-itinerary-part-offer .flight-offer-itinerary-breakdown .action-buttons {
  margin-top: 0.7rem;
  margin-botton: 0.55rem;
  padding-left: 1.5rem;
}
.dxp-flight-selection .flight-offer-itinerary-breakdown .action-buttons button {
  background-color: var(--button-third-background);
  color: var(--button-third-text)!important;
  border-radius: var(--border-radius-large);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-small);
  text-transform: capitalize!important;
  position: relative;
  margin-right: 1rem;
  overflow: visible;
  font-family: var(--font-family);
  padding: .5rem 1rem;
} 
.dxp-flight-selection .flight-offer-itinerary-breakdown .action-buttons button:hover {
  background-color: var(--button-third-hover-background);
} 
.dxp-flight-selection .flight-offer-itinerary-breakdown .action-buttons button::after,
.dxp-flight-selection .flight-offer-itinerary-breakdown .action-buttons button .spark-icon {
  display: none;
}
.dxp-flight-selection .flight-offer-itinerary-breakdown:has(.itinerary-breakdown-content) .itinerary-part-offer-price button {
  border-bottom-right-radius: 0;
}
/* flight details*/
.dxp-flight-table-section .itinerary-breakdown-content {
  margin-top: 1.3rem;
  border-top: solid 1px var(--color-grey-light);
}
.dxp-flight-details * {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular);
}
.segment-header,
.dxp-flight-details .header {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.segment-header .dxp-time,
.dxp-segment .dxp-date {
  display: flex;
  flex-direction: column-reverse;
  color: var(--text-primary-light);
  font-size: var(--font-size-regular);
}
.segment-header .dxp-time span,
.dxp-segment .dxp-date span {
  font-size: var(--font-size-medium);
  color: var(--text-primary);
} 
.segment-header .town,
.dxp-flight-details .header .city span {
  margin-bottom: .5rem;
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
} 
.dxp-flight-details .header .city {
  margin-bottom: .5rem;
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
  margin-left: 0!important;
} 
.segment-line {
  padding: 0!important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dxp-payment-trip-summary-flight-details hr:not(.route-separator) {
  display: none;
}
.dxp-payment-trip-summary-flight-details .flight-segment-details,
.dxp-payment-trip-summary-flight-details .flight-segment-details .spark-panel__content.ducp-component-panel-content {
  box-shadow: none;
  padding: 0!important;
  border-radius: 0;
  border: none;
}
.dxp-payment-trip-summary-flight-details .flight-segment-details .spark-panel__content.ducp-component-panel-content .dxp-flight-details {
  box-shadow: none;
  padding: 0!important;
  border-radius: 0;
  border: none;
  margin-top: 0;
}
@media (max-width: 768px) {
  .segment-line  {
    flex-direction: column;
  }
  .segment-content  {
    padding-left: 2rem;
    margin-left: .52rem;
  }
}
.dxp-flight-details .header {
  padding-left: 0!important;
  position: relative
}
.dxp-flight-details .details:before{
  bottom: 5.5rem;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .header:before { 
  display: none!important;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .details {
  position: relative;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .details:before,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .details:after {
  top: 0;
  height: 1rem;
  width: 1rem;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-large);
  left: -.55rem;
  content: '';
  display: inline-block;
  position: absolute;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .details:after {
  top: unset;
  bottom: 0;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .header:nth-child(3) {
  padding-top: 1.5rem;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .header:nth-child(3)::before {
  bottom: auto;
  top: -.6rem;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-flight-details .details {
  border-left: solid 2px var(--color-blue);
  margin-left: .5rem;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-layover {
  margin: 1rem 0 2rem 0;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-segment .code,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-segment .airport,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-operated-by .flight-number .logo,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-operated-by .spark-icon,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .flight-equipment .title {
  display: none;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-operated-by {
  flex-direction: column;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-operated-by .flight-number,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-operated-by .name,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .flight-equipment .bold,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-on-time-performance,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .flight-fare-basis .title,
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .flight-fare-basis .bold {
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family)!important;
  color: var(--text-primary-light);
  margin: 0 0 .3rem 0;
  padding: 0;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights  .flight-status-badge {
  padding: 0;
  height: auto;
  display: flex;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .flight-fare-basis .title {
  margin-right: .3rem;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-on-time-performance {
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family)!important;
  color: var(--text-link)!important;
  margin: 0 0 .3rem 0;
  padding: 0;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights .dxp-on-time-performance:hover {
  color: var(--text-link-hover)!important;
  text-decoration: underline;
}
.segment-line .segment-header::after,
.segment-arrival .segment-header::before {
  content: '';
  display: block;
  height: 1.2rem;
  width: 1.2rem;
  background-color: var(--color-white);
  border: solid .2rem var(--color-blue);
  border-radius: var(--border-radius-large);
} 
.segment-arrival {
  padding: 0!important;
  margin-top: 0!important;
}
.segment-arrival .airport-name {
  display: none;
}
.segment-arrival .airport-code {
  color: var(--text-primary-light);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  margin-top: -.2rem;
}
.segment-arrival .segment-header::before {
  margin-bottom: .5rem;
}
.layover,
.dxp-layover {
  padding: 1rem!important;
  background-color: transparent!important;
  border: solid 1px var(--color-grey-light);
  border-right: none;
  border-left: none;
  border-radius: 0;
  width: 40%;
  display: flex;
  justify-content: flex-start;
}
.layover span,
.dxp-layover span {
  color: var(--text-primary-light);
}
.segment-content {
  flex: 2;
  display: flex;
  flex-direction: column;
}

@media (min-width: 797px) {
  .segment-content {
    /*border-left: solid 2px var(--color-blue);*/
  }
}
.segment-content .operated-by {
  display: flex;
  order: 1;
  flex-direction: column;
}
.segment-content span {
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
  font-weight: var(--font-weight-regular);
}
.segment-content .operated-by .carrier-code  {
  color: var(--text-primary);
  font-family: var(--font-family-medium)!important;
}
.segment-content .aircraft {
  order: 2;
}
.segment-content .aircraft {
  order: 3;
}
.segment-content .cabin {
  order: 4;
}
.segment-content .arrival-terminal {
  order: 5;
}
.segment-content .duration {
  order: 6;
  border-top: solid 1px var(--color-grey-light);
  border-bottom: solid 1px var(--color-grey-light);
  padding: .6rem 0;
  margin: .6rem 0;
}
.segment-content .dxp-on-time-performance {
  order: 7;
}
.segment-content .dxp-on-time-performance span {
  color: var(--text-link);
}
.segment-content .dxp-on-time-performance:hover span {
  color: var(--color-blue);
  text-decoration: underline;
}
.segment-content .airport,
.segment-content .operated-by img, 
.segment-content .aircraft .aircraft-name,
.segment-content::before,
.segment-arrival .airport,
.segment-line:before,
.segment-line:after {
  display: none!important;
}
@media (max-width: 768px) {
  .itinerary-part-offer-header {
    flex-direction: column!important;
  }
  .dxp-itinerary-part-offer .itinerary-part-summary-wrapper {
    padding: 1.5rem;
  }
}

.mini-flight-summary-container {
  border-radius: var(--border-radius-large)  var(--border-radius-large) 0 0;
  background-color: transparent!important;
  margin: 0 1.5rem!important;
  border-bottom: solid 1px var(--border-color);
  padding: 1.5rem 0 1rem 0!important;
}
.mini-flight-summary-container .mini-flight-summary .arrow {
  align-self: flex-start;
  margin: 0 1rem;
  border-top: dotted .335rem var(--color-grey-light);
  background-color: transparent;
}
.mini-flight-summary-container .mini-flight-summary .circle {
  height: .7rem;
  width: .7rem;
  background-color: var(--color-blue);
  top: -.5rem;
}
.offer-details-modal-mobile .action-buttons {
  margin: 0!important;
  flex-wrap: nowrap;
  padding: 0!important;
}
.offer-details-modal-mobile .action-buttons button {
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular);
  text-transform: capitalize!important;
  color: var(--text-link)!important;
}
.offer-details-modal-mobile .action-buttons button:first-child {
  border-right: solid 1px var(--border-color);
  margin-right: 1rem;
  padding-right: 1rem!important;
}
.mini-flight-summary-container .mini-flight-summary .stop {
  bottom: -2.2rem;
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  color: var(--text-primary-light)!important;
}
.mini-flight-summary-container .duration-stops {
  color: transparent;
}
.mini-flight-summary-container .mini-flight-summary .code,
.mini-flight-summary-container .duration-stops .ducp-component-flight-duration * {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  color: var(--text-primary-light)!important;
}
.mini-flight-summary-container .mini-flight-summary .time {
  font-family: var(--font-family-medium)!important;
  font-size: 1.8rem!important;
  color: var(--text-primary)!important;
}
.mobile .mini-flight-summary-container .mini-flight-summary .time {
  font-size: var(--font-size-regular)!important;
}
.mini-flight-summary-container .mini-flight-summary .destination {
  align-items: flex-end;
}
.mini-flight-summary-container .duration-stops .ducp-component-flight-duration .spark-icon {
  margin-left: .5rem;
}
.mini-flight-summary-container .mini-flight-summary .arrow::after,
.dxp-itinerary-part-offer-details-modal-mobile .mini-flight-summary-container:has(.circle) span[data-translation="flightSelection.stop"] {
  display: none;
}

.dxp-itinerary-part-offer-details-modal-mobile .mini-flight-summary-container {
  flex-direction: row;
  display: flex;
}
.mini-flight-summary-container__info {
  flex: 1;
}
.dxp-itinerary-part-offer-details-modal-mobile .mini-flight-summary .origin,
.dxp-itinerary-part-offer-details-modal-mobile .mini-flight-summary .destination  {
  flex-direction: column-reverse;
  display: flex;
}
.spark-modal.dxp-itinerary-part-offer-details-modal-mobile .spark-modal__body {
  background: var(--color-grey-lighter)!important;
  padding: 0;
}
.spark-modal.dxp-itinerary-part-offer-details-modal-mobile .spark-modal__body__inner {
  background-color: var(--color-white);
  margin: 1rem;
  border-radius: var(--border-radius-large);
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
.dxp-itinerary-part-offer-details-modal-mobile .compare-brand {
  margin: 0!important;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.dxp-itinerary-part-offer-details-modal-mobile .dxp-brand-comparison-button {
  margin: 0;
  padding: 0;
}
.dxp-itinerary-part-offer-details-modal-mobile .dxp-brand-comparison-button .button-label {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  color: var(--text-link);
  text-transform: capitalize;
  margin: 0;
}
.dxp-itinerary-part-offer-details-modal-mobile .dxp-brand-comparison-button .spark-icon {
  display: none;
}
.flight-offer-itinerary-breakdown.offer-details-modal-mobile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1rem 1.5rem!important;
}

/* flight list - prices */
.dxp-flight-selection .itinerary-part-offer-prices {
  flex: 2;
  padding: 0;
  align-items: flex-start;
  margin: 0;
  position: relative;
}

.dxp-flight-selection .itinerary-part-offer-price {
  border: none;
  height: 100%;
  margin: 0;
}
/*
.dxp-flight-selection .itinerary-part-offer-price:has(.itinerary-part-offer-not-available.hidden) {
  display: none;
}
*/
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-not-available {
  border-left: solid 1px var(--border-color);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  color: var(--text-disabled);
}
.dxp-flight-selection .itinerary-part-offer-price .price-content-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 0;
  border: none;
  overflow: hidden;
  border-left: 1px solid var(--border-color);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button::after {
  content: '';
  width: 100%;
  height: .3rem;
  display: block;
  position: absolute;
  bottom: 0;
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button span {
  color: var(--text-primary);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
  font-size: var(--font-size-medium);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button .from {
  display: none;
}

.dxp-flight-selection .itinerary-part-offer-price:last-of-type(),
.dxp-flight-selection .itinerary-part-offer-price:last-of-type() button {
  border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
}
.dxp-flight-selection .itinerary-part-remaining-seats {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: var(--color-red);
  transform: translateX(-50%);
  left: 50%;
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-small);
  line-height: normal;
}
@media (max-width: 1048px) {
  .dxp-flight-selection .itinerary-part-offer-prices {
    flex: 1;
  }
  .dxp-flight-selection .offer-labels {
    width: unset;
    flex: 1!important;
  }
}
.mobile .dxp-flight-selection .itinerary-part-remaining-seats {
  left: 1rem;
  right: auto;
  bottom: 2rem;
  transform: translateX(0);
}
.dxp-itinerary-part-offer .itinerary-part-offer-brand-comparison-mobile::before,
.dxp-itinerary-part-offer .itinerary-part-offer-brand-comparison-mobile::after {
  display: none;
}
.dxp-itinerary-part-offer .itinerary-part-offer-brand-comparison-mobile {
  padding: 1.5rem;
  gap: 1.5rem;
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
}
.brand-comparison-mobile .brand-comparison-mobile-price {
width: 100%;
border: solid 1px var(--border-color);
border-radius: var(--border-radius);
overflow: hidden;
}
.brand-comparison-mobile .brand-comparison-mobile-price::after {
width: 100%;
height: .4rem;
content: '';
display: block;
bottom: 0;
background: silver;
}
.brand-offer-price-mobile{
  margin-top: 0;
  flex-direction: row;
  position: relative;
}
.brand-comparison-mobile-price.sold-out {
  margin-top: 0;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.brand-comparison-mobile-price.sold-out::after {
  position: absolute;
  bottom: 0;
}
.brand-offer-price-mobile .brand-offer-title,
.brand-comparison-mobile .brand-offer-sold-out-title {
  flex: 1;
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
  color: var(--text-primary);
  margin-left: 1.4rem;
  text-align: left;
}
.brand-comparison-mobile .brand-offer-sold-out-title {
  flex: 1;
  margin: 0;
  height: 100%;
  display: flex;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
  color: var(--text-primary);
  margin: 0;
  padding: 1rem 0 1rem 1.4rem;
}
.dxp-itinerary-part-offer .itinerary-part-offer-brand-comparison-mobile .brand-select-button {
  flex: 1;
  background: transparent!important;
  border: none!important;
  border-radius: var(--border-radius)!important;
  display: flex;
  justify-content: flex-end;
}
.brand-comparison-mobile .brand-offer-sold-out {
  flex: 1;
  background: transparent!important;
  border: none!important;
  border-radius: var(--border-radius)!important;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
.brand-comparison-mobile .brand-offer-sold-out button {
  background: transparent;
  border: none;
  display: flex;
  justify-content: flex-end;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  font-family: var(--font-family)!important;
  color: var(--text-primary)!important;
}
.dxp-itinerary-part-offer .itinerary-part-offer-brand-comparison-mobile .brand-select-button * {
  color: var(--text-primary);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
  align-items: center!important;
}

.dxp-itinerary-part-offer .itinerary-part-offer-brand-comparison-mobile .brand-select-button::before {
  display: none!important;
}

.dxp-information {
  order: 3;
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius);
  margin: 1rem 0 2rem 0;
  background-color: var(--color-white);
  
}
.dxp-information__icon {
  background-image: var(--icon-information);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  display: block;
  flex-shrink: 0;
}
.dxp-information__text-content {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-normal);
  color: var(--text-primary);
  display: block;
}
.brand-cards-container .ducp-component-panel-content {
  display: flex;
  flex-direction: column;
  
}
.brand-cards-container .ducp-component-panel-content:has(.brand-details-collapsed) {
  flex-direction: row;
}
.mobile-theme .brand-name-header-container {
  border-bottom: none;
}
.mobile-theme .brand-details-collapsed {
  display: none;
}
.mobile-theme .brand-cards-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem 1rem 1rem;
}
.mobile-theme .brand-tile-container {
  margin: 0!important;
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius)!important;
  box-shadow: none!important;
  position: relative;
}
.mobile-theme .brand-tile-container::before {
  content: '';
  display: flex;
  position: absolute;
  height: .3rem;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.mobile-theme .itinerary-part-remaining-seats {
  white-space: nowrap;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular)!important;
  font-family: var(--font-family)!important;
}
.mobile-theme .brand-name-header-container {
  border: none!important;
  flex: 1;
}
.mobile-theme .brand-name-header-container .dxp-brand-header-info {
  padding: 1rem!important;
}
.mobile-theme .brand-name-header-container .dxp-brand-header-info * {

  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular)!important;
  font-size: var(--font-size-regular)!important;
  color: var(--text-primary)!important;
}
.brand-cards-container .ducp-component-panel-content:not(:has(.brand-details-collapsed)) .brand-name-footer-container button {
  background-color: var(--button-primary-background)!important;
  border: var(--button-primary-border)!important;
}
.brand-cards-container .ducp-component-panel-content:not(:has(.brand-details-collapsed)) .brand-name-footer-container button * {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular)!important;
  font-size: var(--font-size-regular)!important;
  color: var(--button-primary-text)!important;
}
.mobile-theme .brand-name-footer-container {
  flex: 1;
}
.mobile-theme .brand-cards-container .ducp-component-panel-content:has(.brand-details-collapsed) .brand-name-footer-container {
  padding: 0!important;
}
.mobile-theme .brand-cards-container .ducp-component-panel-content:has(.brand-details-collapsed) .brand-name-footer-container button {
  background-color: transparent;
  border: none;
  color: var(--text-primary);
  height: 100%!important;
  margin: 0!important;
  width: 100%!important;
  padding: 1rem!important;
  justify-content: flex-end;
  display: flex;
  box-shadow: none!important;
  outline: none!important;
  outline-offset: initial;
  align-items: center;
}
.mobile-theme .brand-cards-container .ducp-component-panel-content:has(.brand-details-collapsed) .brand-name-footer-container button * {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular)!important;
  font-size: var(--font-size-regular)!important;
  color: var(--text-primary)!important;
}
.mobile-theme .brand-cards-container .total-discount-amount-container,
.mobile-theme .brand-cards-container .ducp-component-panel-content .brand-name-footer-container button::before,
.mobile-theme .brand-cards-container .brand-unavailable {
  display: none!important;
}
.mobile-theme .dxp-itinerary-part-offer-brand-details-mobile {
  padding: 0 1.5rem;
  font-size: var(--font-size-regular);
}
.mobile-theme .dxp-itinerary-part-offer-brand-details-mobile .brand-amenity-list {
  margin: 0!important;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.mobile-theme .dxp-itinerary-part-offer-brand-details-mobile .icon-key-item {
display: none;
}
.mobile-theme .dxp-itinerary-part-offer-brand-details-mobile .list-key-item {
  margin: 0;
}
.mobile-theme .dxp-itinerary-part-offer-brand-details-mobile .list-key-item * {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular)!important;
  font-size: 1.2rem!important;
  color: var(--text-primary)!important;
}
.dxp-itinerary-part-offer-brand-details-mobile .list-key-item .brand-amenity-legend {
  flex: 1;
}
.dxp-itinerary-part-offer-brand-details-mobile .list-key-item .brand-amenity-value {
  flex: 1;
}
.dxp-itinerary-part-offer-brand-details-mobile .list-key-item .amenity-value {
  display: flex;
  justify-content: flex-end;
}
.mobile-theme .flight-offer-itinerary-part-details .segment-details .segment-line:before,
.mobile-theme .flight-offer-itinerary-part-details .segment-details .segment-line:after {
  height: 1.2rem;
  width: 1.2rem;
  background-color: var(--color-white);
  border: solid .2rem var(--color-blue);
  border-radius: var(--border-radius-large);
}
.dxp-itinerary-part-offer .flight-offer-details .route-date-time {
  width: 100%;
  flex: 1;
  justify-content: space-between;
}
.itinerary-part-offer-price:last-child .itinerary-part-offer-price-button {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.itinerary-part-offer-min-price-mobile {
  position: relative;
  display: flex;
  right: 1rem;
  top: 0;
  margin-bottom: 1rem;
}
.itinerary-part-offer-min-price-mobile .price-content-wrapper {
  display: flex;
  justify-content: flex-end;
  width: auto !important;
}
.itinerary-part-offer-min-price-mobile .itinerary-part-offer-price-button {
  background: var(--button-third-disabled-background);
  border-radius: var(--border-radius-large)!important;
  height: 3.5rem!important;
  width: auto!important;
  padding-right: 3rem;
  margin: auto;
}
.itinerary-part-offer-min-price-mobile .itinerary-part-offer-price-button .button-content-wrapper {
  flex-direction: row!important;
  justify-content: baseline;
  width: auto!important;
}
.itinerary-part-offer-min-price-mobile .itinerary-part-offer-price-button * {
  color: var(--color-blue)!important;
  font-size: var(--font-size-regular);
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
}
.dxp-flight-selection .itinerary-part-offer-min-price-mobile .itinerary-part-offer-price {
  flex-direction: row;
  justify-content: flex-end;
}
.itinerary-part-offer-min-price-mobile .itinerary-part-offer-price-button .alternative::after {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2rem!important;
  height: 2rem;
  display: inline-block;
font-weight: 700;
}
.itinerary-part-offer-min-price-mobile .itinerary-part-offer-price-button .starting-at-label{
  margin-bottom: 0;
}
.itinerary-part-offer-min-price-mobile .itinerary-part-remaining-seats {
  display: none;
}
.sticky-outer-wrapper.active  .spark-step-indicator {
  background-color: var(--color-white);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
}
.dxp-itinerary-offers-header.spark-panel,
.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row.first-row {
  background-color: transparent;
  border: none;
  padding: 1rem 0 0 0;
  display: flex;
  flex-direction: row;
}
.sticky-outer-wrapper.active .sticky-inner-wrapper[style*="position: fixed"] .dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row.first-row {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--color-white);
}
.sticky-outer-wrapper.active .sticky-inner-wrapper[style*="position: fixed"] .dxp-itinerary-offers-header .flight-selection-header-row .offer-labels .offer-label:not(:last-child) {
  border-radius: 0;
}
.sticky-outer-wrapper.active .sticky-inner-wrapper[style*="position: fixed"] .dxp-itinerary-offers-header .flight-selection-header-row .offer-labels .offer-label:last-child {
  border-radius: 0 0 var(--border-radius) 0;
}
.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .result-info-sort-filter .flight-search-date {
  font-family: var(--font-family);
  font-weight: 500;
  color: var(--text-link);
}
.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .flight-search-date {
  font-family: var(--font-family);
  font-weight: 500;
  color: var(--text-link);
}
.sticky-outer-wrapper.active .dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .result-info-sort-filter .results-count {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}

.result-info-sort-filter {
  margin-top: 1rem;
}
.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row.second-row {
  display: none;
}

.dxp-itinerary-offers-header.spark-panel .sort-filters-panel .ducp-component-button.text-button .spark-icon {
  display: none;
}

/* focus */
.flight-offer-itinerary-breakdown .action-buttons button:focus,
.itinerary-part-offer-price .itinerary-part-offer-price-button:focus,
.dxp-itinerary-offers-header.spark-panel .sort-filters-panel .ducp-component-button.text-button:focus {
  outline: var(--focus-outline);
  outline-offset: .3rem;
  z-index: 999;
  box-shadow: none;
}

/* upsell popup */
.dxp-upsell-brand-container {
  border-radius: var(--border-radius-large);
}
.dxp-upsell-brand-container * {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  color: var(--text-primary);
  border: none!important;
}
.upsell-brand-comparison-content tr:nth-child(even) {
  background-color: var(--background-color-grey-light); 
}
.dxp-upsell-brand-container .spark-modal__header {
  padding: 3rem 2rem 2rem 2rem;
}
@media (min-width: 768px) { 
  .dxp-upsell-brand-container .spark-modal__header {
    border-radius: var(--border-radius-large)  var(--border-radius-large) 0 0;
  }}



.dxp-upsell-brand-container .spark-modal__body {
  padding: 2rem;
}
.dxp-upsell-brand-container .upsell-brand-comparison-table .upsell-headers {
  top: auto;
}
.dxp-upsell-brand-container .dxp-upsell-brand-description {
  background-color: transparent;
}
.dxp-upsell-brand-container .spark-modal__header h2 span {
  font-size: var(--font-size-medium)!important;
}
.upsell-brand-comparison-header {
  padding: .5rem 0 1rem 0!important;
  border-top-left-radius: var(--border-radius);
}
.upsell-brand-comparison-header:last-child {
  padding: .5rem 0 1rem 0!important;
  border-top-left-radius: 0;
  border-top-right-radius: var(--border-radius);
}
.upsell-brand-comparison-header .brand-name span{
  color: var(--color-white);
}
.upsell-brand-comparison-header .brand-caption span {
  color: var(--color-grey-light);
}
.upsell-brand-comparison-header:has([data-translation="brand.SV"]) .brand-name span{
  color: var(--text-primary);
}
.upsell-brand-comparison-header:has([data-translation="brand.SV"]) .brand-caption span {
  color: var(--text-primary-light);
}

.upsell-brand-selection-buttons .brand-offer-footer-details-container {
  padding: 0!important;
}
.upsell-brand-selection-buttons .brand-offer-footer-details {
  padding: 1rem!important;
  align-items: flex-end;
}
.upsell-brand-selection-buttons .selected-brand-offer button {
  margin-top: .5rem;
  box-shadow: none!important;
}
.upsell-brand-selection-buttons .upsell-brand-offer button {
  background: var(--button-primary-background);
  color: var(--button-primary-text);
  border: var(--button-primary-border);
  border-radius: var(--border-radius);
  padding: 1rem 2rem!important;
  font-family: var(--font-family);
  text-transform: capitalize;
  box-shadow: none;
}
.upsell-brand-selection-buttons .upsell-brand-offer button:focus {
  outline: var(--button-primary-focus-outline);
  outline-offset: -4px;
}
.upsell-brand-selection-buttons .upsell-brand-offer button:hover {
  background: var(--button-primary-hover-background);
  box-shadow: none;
}
.upsell-brand-selection-buttons .upsell-brand-offer button[disabled] {
  background: var(--button-primary-disabled-background);
  border-color: var(--button-primary-disabled-border-color);
}
.upsell-brand-selection-buttons button::before {
  display: none!important;
}
.dxp-upsell-fare-rules {
  border-top: solid 1px var(--border-color)!important;
}
.dxp-upsell-fare-rules h6 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  margin-top: 1rem;
}
.dxp-upsell-fare-rules li {
  font-size: var(--font-size-small);
  margin: 0;
}
/* flight details display */
.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-title{
  border-bottom: solid 1px var(--border-color);
}
.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-title .flight-routes-with-status {
  padding: 0;
}
.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .ducp-component-panel-details-toggle {
  padding: 0;
}
.ducp-component-panel-details-toggle .show-details.text-button {
  color: var(--text-link);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  font-family: var(--font-family);
  text-transform: capitalize;
}
.ducp-component-airport.stacked, .ducp-component-airport.stacked>span {
  padding: 0!important;
}
.flight-display {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.flight-display__route-details,
.flight-display__time-airport-flight-duration {
  display: flex;
  flex-direction: column;
}
.flight-display__tail-route {
  display: flex;
  flex-direction: row;
}
.flight-display__flight-number-duration,
.flight-display__departure-arrival-time,
.flight-display__departure-arrival-airport {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flight-display__route,
.flight-display__departure-time,
.flight-display__arrival-time {
  font-family: var(--font-family-medium);
  font-size: var(--font-size-medium);
  color: var(--text-primary);
}
@media (max-width: 767px) {
  .flight-display__route,
  .flight-display__departure-time,
  .flight-display__arrival-time {
    font-size: var(--font-size-regular-plus);
    font-family: var(--font-family);
    font-weight: var(--font-weight-medium);
  }
}
.flight-display__departure-date,
.flight-display__flight-number,
.flight-display__duration,
.flight-display__departure-airport,
.flight-display__stopover,
.flight-display__arrival-airport {
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
}
.flight-display__tail-route,
.flight-display__time-airport-flight-duration {
  flex: 1;
}
.flight-display__operated-by {
  margin-top: 1rem;
}
.flight-display__separator {
  flex: 1;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  height: 100%;
}
.flight-display__separator hr {
  margin: 0;
  border-top: dotted .335rem var(--color-grey-light);
  background: transparent;
  width: 100%;
}
.flight-display__stopover {
  position: relative;
}
.flight-display__stopover.has-stopover::before {
  display: inline-block;
  content: '';
  height: 0.8rem;
  width: .8rem;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-large);
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .flight-display {
    flex-direction: column;
  }
  .flight-display__tail-route {
    flex-direction: column-reverse;
  }
  .flight-display__time-airport-flight-duration {
    padding-left: 6rem;
  }
  .flight-display__tail {
    margin-bottom: -6rem;
  }
  .flight-display__route-details {
    margin-bottom: 1rem;
  }
}
/* adjustments for flight results list */
.itinerary-part-summary-wrapper .flight-display {
  gap: .5rem;
}
.itinerary-part-summary-wrapper .flight-display__tail-route {
  flex: none;
}
.dxp-payment-trip-summary-flight-details .flight-display {
  padding-bottom: 1.2rem;
}
/* =====     END: flight page     ===== */






/* =====     START: flight review     ===== */
.dxp-selected-flights .dxp-selected-itinerary-part-offer {
  border-radius: var(--border-radius-large);
  border: none !important;
  box-shadow: var(--box-shadow);
  overflow: unset;
  margin-top: 2.5rem;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row {
  position: relative;
  padding: 0;
  border: none;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row .header-icon,
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row .date  {
  display: none;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row .direction {
  position: absolute;
  top: -2.5rem;
  left: 0;
  color: var(--text-primary);
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  padding: 0;
  text-transform: uppercase;
  display: flex;
  gap: .5rem;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row .direction::before {
  background-image: var(--icon-plane-right);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: '';
  display: flex;
  left: -2rem;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row .change-flight {
  position: absolute;
  top: -2.5rem;
  right: 0;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row button {
  background: transparent;
  color: var(--text-link)!important;
  border: none;
  border-radius: var(--border-radius);
  padding: .5rem;
  font-family: var(--font-family);
  text-transform: capitalize;
  text-decoration: underline;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row button:focus {
  outline: var(--button-third-focus-outline);
  outline-offset: -4px;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row button:hover {
  color: var(--color-blue)!important;
  text-decoration: none;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .header-row button[disabled] {
  background: var(--button-third-disabled-background);
  color: var(--button-third-disabled-text);
}
.dxp-selected-flight .flight-offer-details{
  flex-direction: column;
}
.dxp-selected-itinerary-part-offer.spark-panel>.spark-panel__content {
  display: flex;
  flex-direction: column;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .flight-row {
  padding: 1.5rem 1.8rem 4rem 1.8rem;
  display: inline-block;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .flight-row .flight-price {
  display: none;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .flight-row .flight-summary {
  padding: 2rem;
  flex: 2;
  display: flex;
  flex-direction: column;
}
.dxp-selected-flights .selected-flight__wrapper {
  border-right: solid 1px var(--border-color);
  padding: 3rem 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dxp-selected-flights .selected-flight__route {
  font-size: var(--font-size-large);
  color: var(--text-primary);
  line-height: 3rem;
}
.dxp-selected-flights .selected-flight__date {
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
}
.dxp-selected-flights .selected-flight__duration {
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
}

.dxp-selected-flights .route-date-time {
  width: 100%;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .action-buttons {
  margin-top: -2.8rem;
  float: left;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .action-buttons .spark-icon {
  display: none;
}
.dxp-selected-flights .dxp-selected-itinerary-part-offer .itinerary-parts {
  padding-top: 0;
}

.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .flight-row {
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  border-radius: var(--border-radius-large);
  padding: 1rem 1rem 4rem 1rem;
  display: inline-block;
  width: 100%;
}
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .header-row {
  border: none;
}
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .header-row .direction {
  text-transform: uppercase;
  color: var(--text-primary);
}
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .header-row .spark-icon {
  background-image: var(--icon-plane-right);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: '';
  display: flex;
}
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .header-row .button-label {
  text-transform: capitalize;
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  text-decoration: underline;
  font-weight: var(--font-weight-regular);
  color: var(--text-link);
}
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .header-row  .spark-icon::before,
.mobile .dxp-selected-flights .selected-itinerary-part-offer-v2 .header-row .date {
  display: none;
}
.mobile .dxp-view .background-content>.main-content {
  background-color: var(--background-color-grey-light);
}
.spark-panel--expand .spark-panel__header {
  background-color: transparent!important;
}
/* =====     END: flight page     ===== */

.page-actions-buttons-container {
  display: flex;
  flex-direction: row;
}

/* =====     START: passenger information page     ===== */
.dxp-passenger-view .dxp-panel { 
  border: none;
  border-radius: var(--border-radius-large)!important;
}
.dxp-passenger-view .dxp-passenger-list-item,
.dxp-passenger-view .dxp-passenger-additional-info { 
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-large)!important;
}
.dxp-passenger-view .passenger-summary { 
  border-color: var(--border-color);
  border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
  padding: 1.8rem 1rem .5rem 1rem;
}
.dxp-passenger-view .passenger-summary h3 * { 
  color: var(--text-primary);
  font-size: var(--font-size-medium);
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
}
.dxp-passenger-list-item[fixed=true] .passenger-summary {
  top: 0!important;
}
.dxp-passenger-view .field,
.dxp-passenger-view .field-overlay {
  margin: 0;
  overflow: unset!important;
}
/* required message */
.dxp-passenger-view .dxp-required-fields-message .dxp-inline-message,
.dxp-passenger-view .passenger-basic-info-section {
  margin: 0!important;
}
.dxp-passenger-view .dxp-required-fields-message {
  margin: 1rem 0;
}
.dxp-passenger-view .dxp-required-fields-message .dxp-inline-message {
  border: none;
  padding: 1rem 0;
}
.dxp-passenger-view .dxp-required-fields-message .dxp-inline-message::before {
  display: none;
}
.dxp-passenger-view .basic-info-title,
.dxp-passenger-view .additional-info-title {
  position: absolute;
  left: -100vw;
}
.dxp-passenger-view .dxp-required-fields-message * {
  color: var(--text-primary-light);
  font-size: var(--font-size-regular)!important;
}
.dxp-passenger-view .dxp-required-fields-message b,
.dxp-passenger-view .dxp-required-fields-message .spark-icon {
  display: none;
}
/* grid the basic info form */
.dxp-passenger-view .dob-gender-row .field {
  width: 100%;
  max-width: 100%;
  flex: 1;
  margin-right: 0;
  margin-left: 0;
  height: auto;
}
.dxp-passenger-view .dob-gender-row .field.field-error:has(.fieldset-date-fieldset) {
  outline: none;
}
.dxp-passenger-view .dob-gender-row .field.field-error:has(.fieldset-date-fieldset) .dxp-fieldset-date-legend {
  color: var(--input-error-inline-label);
}
.dxp-passenger-view .dob-gender-row .field.field-error:has(.fieldset-date-fieldset) .field {
  background: var(--input-error-background)!important;
  outline: var(--input-error-outline);
}
.dxp-passenger-view .dxp-passenger-form-person-name {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  grid-template-rows: auto auto; 
  gap: 1rem;
  padding: 0;
}
.dxp-passenger-view .dxp-passenger-form-person-name .first-name-overlay {
  grid-column: 1;
  grid-row: 1;
  max-width: 100%;
}
.dxp-passenger-view .dxp-passenger-form-person-name .middle-name-overlay {
  grid-column: 2;
  grid-row: 1;
  max-width: 100%;
}
.dxp-passenger-view .dxp-passenger-form-person-name .last-name-overlay {
  grid-column: 3;
  grid-row: 1;
  max-width: 100%;
}
.dxp-passenger-view .dxp-passenger-form-person-name .suffix {
  grid-column: 1;
  grid-row: 2;
  max-width: 100%;
}
.dxp-passenger-view .dob-gender-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  grid-template-rows: auto auto; 
  gap: 1rem;
  margin-top: -61px;
}
.dxp-passenger-view .dob-gender-row .fieldset-date {
  grid-column: 1 / -1; 
  grid-row: 2;
  max-width: 66.6%;
}
.dxp-passenger-view .dob-gender-row .gender {
  grid-column: 2; 
  grid-row: 1;
}  
.passenger-additional-info-buttons-mobile .passenger-additional-info-button-mobile .section-button button {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .dxp-passenger-view .dxp-passenger-form-person-name {
    display: flex;
  }
  .dxp-passenger-view .dob-gender-row {
    margin-top: 1rem;
    display: flex;
    flex-direction: column-reverse;
  }
  .dxp-passenger-view .dob-gender-row .fieldset-date {
    max-width: 100%;
  }
  .dxp-passenger-view .dob-gender-row .fieldset-date .fieldset-date-fieldset {
    padding-top: 3rem;
  }
  .dxp-passenger-view .dob-gender-row .fieldset-date legend {
   margin-top: -3rem;
  }
}
/* additional information */
.dxp-passenger-view .passenger-additional-info-buttons {
  flex-direction: column;
  padding: 1rem 2rem;
  gap: 1rem;
}
.dxp-passenger-view .passenger-additional-info-button {
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0!important;
  padding: 1rem;
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius);
}
.dxp-passenger-view .passenger-additional-info-button span {
  color: var(--text-primary);
  text-transform: capitalize!important;
}
.dxp-passenger-view .passenger-additional-info-button button {
  background-color: #F2F2F2!important;
  border: none;
}
.dxp-passenger-view .passenger-additional-info-button button span {
  color: #0074CA!important;
}
.dxp-passenger-view .passenger-additional-info-button button:hover {
  background-color: #CECECE;
}
@media (min-width: 1048px) {
  .dxp-passenger-view .passenger-additional-info-button {
    max-width: 66.6%;
  }
}
.dxp-passenger-view .additional-info-panel {
  padding: 0 2rem 1rem 2rem;
}
.dxp-passenger-view .dxp-passenger-info-panel:not(.address-info),
.dxp-passenger-view .dxp-special-requests-info-container {
  box-shadow: none;
  border: solid 1px var(--border-color);
  padding: 2rem;
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
}
.dxp-passenger-view .dxp-grouped-special-requests-info {
  margin:0;
}
.dxp-passenger-view .dxp-special-requests-info-container .spark-accordion__drawer {
  border-radius: var(--border-radius);
  border: solid 1px var(--border-color);
}
.dxp-passenger-view .dxp-special-requests-info-container .spark-accordion__header {
  border-radius: var(--border-radius);
}
/* contact info */
.dxp-passenger-additional-info .editable-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* =====     END: passenger information page     ===== */



/* =====     START: seats page     ===== */
.spark-tabs__tab:not(.active):hover:last-child, [dir=rtl] .spark-tabs__tab:not(.active):hover+.spark-tabs__tab:not(.active) {
  border: none;
}
/*.dxp-seat-map-description,*/
.dxp-shared-seat-selection-tabs .spark-tabs__tab:not(.active) .airports__collapsed,
.dxp-shared-seat-selection-tabs .spark-tabs__tab.active+.spark-tabs__tab:after,
.dxp-shared-seat-selection-tabs .spark-tabs__list:after, 
.dxp-shared-seat-selection-tabs .spark-tabs__scroll:after,
.dxp-shared-seat-selection-tabs .flight-index,
.dxp-shared-seat-selection-tabs .spark-tabs__tab:after,
.dxp-shared-seat-selection .seat-map-content .seatmap-header .header,
.seat-map-description {
  display: none;
}
.dxp-shared-seat-selection .seat-map-content .seatmap-header {
  border: none;
}
.spark-tabs__list {
  display: flex;
  border-bottom: solid 1px var(--border-color);
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab {
  background-color: transparent;
  border: none!important;
  box-shadow: none;
  max-width: none;
  min-width: auto;
  margin: 0;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab a {
  text-decoration: none;
  line-height: normal;
  display: flex;
  flex-direction: row;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab:not(.active) a:hover {
  background-color: var(--button-secondary-hover-background);
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab.active {
  flex: 1;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab:not(:last-child) {
  border-right: solid 1px var(--border-color)!important;
}

.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__code {
  font-size: var(--font-size-regular);
  color: var(--text-primary);
  text-align: center;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__time {
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
  text-align: center;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__duration {
  background-color: var(--background-color);
  border: solid 1px  var(--text-primary-light);
  border-radius: var(--border-radius-large);
  color: var(--text-primary-light);
  padding: .2rem 1rem;
  z-index: 1;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__separator,
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__code-time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__separator {
  position: relative;
  padding: 0 .5rem;
}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports .airports__dash {
  position: absolute;
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable  {
  display: flex;
  flex-direction: column;
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__scroll {
  margin: 0 4rem!important;
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  height: 1px!important;
  border: none;
  overflow: visible;
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__btns button {
  margin-top: 6rem;
  height: 4rem;
  width: 3rem;
  background-color: var(--button-secondary-background);
  border: var(--button-secondary-border);
  border-radius: var(--border-radius);
  color: var(--button-secondary-text);
  caret-color: transparent;
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__btns button:focus {
  outline: var(--focus-outline);
  outline-offset: -4px;
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__btns button:hover {
  background: var(--button-secondary-hover-background);
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__btns button[disabled] {
  background: var(--button-secondary-disabled-background);
  border-color: var(--button-secondary-disabled-border-color);
  color: var(--button-secondary-disabled-text);
}
.dxp-shared-seat-selection .spark-tabs__nav.scrollable .spark-tabs__btns button .spark-icon::before {
  font-weight: 700;
}
/* legend */
.dxp-legend {
  border-bottom: none;
}
.dxp-shared-seat-selection .spark-tabs__panels,
.dxp-shared-seat-selection .seat-map-content .left-container,
.dxp-shared-seat-selection .seat-map-content .right-container {
  border: none;
}
.dxp-legend .legend-box {
  display: flex;
  flex-direction: column;
  margin: 2rem 0;
}
.dxp-legend .legend-box .legend {
  font-size: var(--font-size-regular-plus);
  color: var(--text-primary);
  text-transform: capitalize;
}
.dxp-legend .legend-box .seats-list {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
} 
.dxp-legend .legend-box .legend-facility,
.dxp-legend .legend-box .legend-seat-type {
  margin: 0;
} 
.dxp-legend .legend-box .legend-seat-type:has(.seat-benefits) {
  flex-direction: row;
  align-items: flex-start;
}
.dxp-legend .legend-box .legend-label {
  flex-direction: column;
  align-items: flex-start!important;
}
.dxp-legend .legend-box .legend-label .seat-type {
  display: flex;
  flex-direction: column;
}
.dxp-legend .legend-box .legend-label .legend-price {
  color: var(--text-primary);
  font-size: var(--font-size-regular);
}
.dxp-legend .legend-box .legend-label .legend-price * {
  font-size: var(--font-size-regular);
  font-family: var(--font-family);
  color: var(--text-primary-light);
}
.dxp-legend .legend-box .seat-benefits ul {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.dxp-legend .legend-box .seat-benefits li {
  margin: 0;
  padding-left: 2rem;
  position: relative;
}
.dxp-legend .legend-box .seat-benefits li span {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  left: 0;
  top: .2rem;
}
.dxp-legend .ducp-component-button.view-details {
  text-transform: capitalize;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
  font-size: var(--font-size-regular);
  color: var(--text-link);
  padding: 0;
  display: flex;
  margin-top: 1rem;
}
.dxp-legend .ducp-component-button.view-details:hover {
  padding: 0;
  border: 0;
  outline: none;
  color: var(--text-link-hover);
  text-decoration: underline;
}
.dxp-legend .ducp-component-button.view-details .spark-icon-arrow-triangle-down {
  background-image: var(--icon-chevron-down);
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
  margin-top: -.2rem;
}
.dxp-legend .ducp-component-button.view-details .spark-icon-arrow-triangle-down::before {
  display: none;
}


.dxp-seat .seat.selected .selected-mark{
  background-color: transparent;
  color: var(--color-white);
} 
.dxp-seat:not(.first) .seat.selected .selected-mark{
  padding-top: .5rem;
} 
.dxp-seat {
  padding: .5rem;
  background-image: none!important;
}
.dxp-seat .seat,
.dxp-seat.legend  {
  background-color: var(--seat-standard);
  border: solid 1px var(--seat-standard--details);
  border-radius: var(--border-radius);
  position: relative;
  display: flex;
  background-image: none;
}
.dxp-seat.preferred .seat,
.dxp-seat.legend.preferred  {
  background-color: var(--seat-main);
  border-color: var(--seat-main);
}
.dxp-seat.premium .seat,
.dxp-seat.legend.premium {
  background-color: var(--seat-premium);
  border-color: var(--seat-premium);
} 
.dxp-seat.premium::before,
.dxp-seat.premium .seat::before,
.dxp-seat.legend.premium::before {
  display: none;
} 
.dxp-seat.first .seat,
.dxp-seat.legend.first {
  background-color: var(--seat-first);
  border-color: var(--seat-first);
}

.dxp-seat.premium .selected-mark,
.dxp-seat.first .selected-mark {
  color: var(--color-white)!important;
}
.dxp-seat.unavailable .seat,
.dxp-seat.legend.unavailable {
  background-color: var(--seat-unavailable);
  border-color: var(--seat-unavailable);
  justify-content: center;
  align-items: center;
}
.dxp-seat.unavailable .seat::before  {
  content: "";
  background-image: var(--icon-cross);
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.dxp-seat.legend.unavailable::before  {
  content: "";
  background-image: var(--icon-cross);
  background-repeat: no-repeat;
  display: block;
  height: 3rem;
  width: 3rem;
  position: absolute;
}
.dxp-shared-seat-selection .seat-map-wrapper {
  border: solid 1px var(--border-color);
  border-radius: var(--border-radius);
  padding: .5rem;
}
.dxp-shared-seat-selection .seat-map-content .right-container .big-seat-map {
  padding: 0 1rem;
}
/* hide aircraft visual */
.dxp-wing,
.dxp-blank.left-side:not(.no-wings),
.dxp-blank.right-side:not(.no-wings),
.dxp-wing.left-side .wing-begin,
.dxp-wing.left-side .wing-end,
.dxp-wing.right-side .wing-begin,
.dxp-wing.right-side .wing-end {
  display: none;
}
.dxp-shared-seat-selection td:has(.dxp-blank) {
  width: 0;
}
.dxp-shared-seat-selection .right-side .exit-label {
  right: -.2rem;
}
.dxp-shared-seat-selection .left-side .exit-label {
  right: auto;
  left: -.2rem;
}
.dxp-shared-seat-selection .exit-label::before {
  content: "";
  display: block;
  height: 3rem;
  width: .3rem;
  background-color: var(--text-primary-light);
  position: absolute;
  left: 0;
  top: .5rem;
  border-radius: var(--border-radius);
}
.dxp-shared-seat-selection .right-side .exit-label::before { 
  left: auto;
}

.dxp-shared-seat-selection .exit-label::after {
  content: "EXIT";
  display: block;
  height: 3.5rem;
  width: 2rem;
  position: absolute;
  right: -1rem;
  top: .1rem;
  writing-mode: vertical-rl;
  text-orientation: upright; 
  font-size: .8rem;
  letter-spacing: 0rem;
  font-weight: var(--font-weight-regular);
  color: var(--text-primary-light);
}
.dxp-shared-seat-selection .right-side .exit-label::after {
  transform: scaleX(-1);
  right: 1rem;
}
.dxp-shared-seat-selection .exit-label .spark-icon {
  display: none;
}
.dxp-shared-seat-selection .seat-map-content .right-container {
  padding: 0 1rem;
}
.dxp-shared-seat-selection .seat-map-content .seat-map-caption {
  padding: 1rem;
}
.dxp-seat-selection-passenger-list .passenger-list li {
  box-shadow: none!important;
  border: none!important;
  padding: 1rem 0;
}
.dxp-seat-selection-passenger-list .passenger-list li .passenger {
  padding-left: 3.3rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.dxp-passenger .passenger-name-row {
  position: relative;
  justify-content: flex-start;
}
.dxp-seat-selection-passenger-list .passenger-list li .passenger::before,
.dxp-passenger .selected-seat .seat-number {
  background-color: var(--color-white);
  content: '';
  border-radius: var(--border-radius);
  border: solid 1px var(--text-primary-light);
  height: 2.666rem;
  width: 2.666rem;
  position: absolute;
  left: 0;
  top: .3rem;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dxp-seat-selection-passenger-list .passenger-list li .passenger-index {
  background-color: transparent;
  color: var(--text-primary-light);
  text-align: left;
  height: auto;
  line-height: normal;
  border-radius: 0;
  position: relative;
  margin: 0;
  width: auto;
  padding-right: .8rem;
} 
.dxp-seat-selection-passenger-list .passenger-list li .passenger-index::after {
  content: '';
  border-right: solid 1px var(--border-color);
  height: 1.5rem;
  width: 1px;
  position: absolute;
  right: 0;
  top: .2rem;
} 
.dxp-passenger .selected-seat .seat-action {
  position: absolute;
  left: 6.3rem;
  top: 2.1rem;
  color: var(--text-link);
  font-size: var(--font-size-regular);
}
.dxp-passenger .selected-seat span {
  margin: 0;
}
.dxp-passenger .selected-seat .seat-action .spark-icon {
  display: none;
}
.dxp-seat-selection-passenger-list .passenger-list-title {
  padding: 0;
  font-size: var(--font-size-medium);
}
.dxp-seat.legend:not(.first)::after,
.dxp-seat:not(.first) .seat::after {
  content: '';
  display: block;
  height: 1.2rem;
  width: 1.2rem;
  position: absolute;
  top: .3rem;
  right: .3rem;
}
.dxp-seat.legend.preferred::after,
.dxp-seat.preferred .seat::after,
.dxp-seat.legend.premium::after,
.dxp-seat.premium .seat::after,
.dxp-seat.legend.exit::after,
.dxp-seat.exit .seat::after {
  background: var(--icon-seat-triangle-filled);
}
.dxp-seat-overlay  {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.dxp-seat-overlay .spark-icon-close {
  margin: 0;
  background-image: var(--icon-cross);
  height: 4rem;
  width: 4rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.dxp-seat-overlay .spark-icon-close::before {
  display: none;
}
.dxp-seat-overlay .overlay-content * {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  color: var(--text-primary);
}
.dxp-seat-overlay .overlay-content .overlay-header span {
  font-size: var(--font-size-regular-plus);
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
}
.dxp-seat-overlay .overlay-content .select-seat-button {
  background: var(--button-primary-background)!important;
  border: var(--button-primary-border)!important;
}
.dxp-seat-overlay .overlay-content .select-seat-button span {
  color: var(--button-primary-text)!important;
}
/* =====     END: seats page     ===== */





/* =====     START: payment page     ===== */
/* make accordion always open and hide accodrion buttons */
.dxp-payment-view .dxp-cart-review .ducp-component-accordion.spark-panel--expand>.spark-panel__content.hide {
  display: block!important;
  max-height: unset;
  padding: 0!important;
  border: none!important;
}
.dxp-payment-trip-summary .dxp-payment-trip-summary-selected-flights,
.dxp-payment-trip-summary .itinerary-segments {
  padding: 0;
}
.dxp-payment-view .dxp-payment-trip-summary .spark-panel__header.is-expanded.has-right-content {
  display: none;
}
.dxp-payment-view .dxp-payment-trip-summary .spark-panel__header {
  padding: 0;
  box-shadow: none;
}
.payment-fops .header {
  padding: 0!important;background: transparent!important;
}
.dxp-payment-view .dxp-payment-trip-summary .spark-panel__header *,
.payment-fops .no-padding .header span {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-medium)!important;
  color: var(--text-primary)!important;
  margin: 0;
  padding: 0;
}
.payment-fops .no-padding .header .price span {
  font-family: var(--font-family-medium)!important;
}
#dxp-cart-review-shopping-cart-container-passengers .spark-panel__header {
  margin: 2rem 0 1rem 0;
}
.dxp-payment-view .dxp-payment-trip-summary .spark-panel__header .spark-icon {
  display: none;
}
.dxp-payment-trip-summary-flight-details {
  background-color: transparent!important;
  padding: 1rem .5rem!important;
}
.dxp-payment-trip-summary-flight-details .operating-airlines,
.dxp-payment-trip-summary-flight-details .itinerary-part-header {
  display: none;
}
.dxp-payment-trip-summary-flight-details .ducp-component-panel-content {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-large);
  padding: 1.8rem 1.8rem 1rem 1.8rem!important;
  max-height: unset!important;
  background-color: var(--color-white);
}
.dxp-payment-trip-summary-selected-flights .flight-summary-row {
  display: inline-block;
  width: 100%;
}
.dxp-payment-view .dxp-cart-review-body,
.dxp-payment-view .dxp-panel { border: none!important ;}


.dxp-payment-trip-summary-flight-details .flight-direction {
  position: absolute;
  top: 0rem;
  left: 2rem;
  background-color: var(--background-color-grey);
  border-radius: var(--border-radius-large);
  padding: .3rem 1rem!important;
  display: flex;
}
.dxp-payment-trip-summary-flight-details .flight-direction span {
  text-transform: capitalize;
}
.dxp-payment-trip-summary-flight-details .itinerary-part {
  display: flex;
  flex-direction: column;
}
.dxp-payment-trip-summary-flight-details .view-details {
  color: var(--text-link);
  text-transform: capitalize;
  padding: 1rem 0 0 0;
}

.dxp-payment-trip-summary-flight-details .view-details .spark-icon {
  display: none;
}

.dxp-payment-trip-summary-passenger-list .passenger-list {
  padding: .5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.mobile .dxp-payment-trip-summary-passenger-list .passenger-list {
  flex-direction: column;
}
.dxp-payment-trip-summary-passenger-list .passenger-list * {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  line-height: normal;
}
.dxp-payment-trip-summary-passenger-list .passenger-list .passenger-name span {
  font-family: var(--font-family-medium)!important;
  font-size: var(--font-size-regular-plus)!important;
}
.dxp-payment-trip-summary-passenger-list .passenger-list .passenger-type span {
  color: var(--text-primary-light);
}
.dxp-payment-trip-summary-passenger-list .passenger-list li:not(.passenger__seat) {
  border-radius: var(--border-radius-large);
  box-shadow: var(--box-shadow);
  margin: 0!important;
  flex: 1 0 32%;
  max-width: 32%;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem!important;
}
.mobile .dxp-payment-trip-summary-passenger-list .passenger-list li:not(.passenger__seat) {
  flex: 1;
  max-width: 100%;
}
.dxp-payment-trip-summary-passenger-list .passenger-list li h6 {
  margin: 0;
}
.dxp-payment-trip-summary-passenger-list .passenger-list ul.passenger__seats {
  border-top: solid 1px var(--border-color);
  width: 100%;
  margin-top: .8rem;
  padding-top: .8rem;
}
.dxp-payment-trip-summary-passenger-list .passenger-list li.passenger__seat {
  margin: 0!important;
  padding: 0!important;
  flex-direction: row;
  justify-content: space-between!important;
}
.dxp-payment-trip-summary-passenger-list .passenger-list li.passenger__seat span {
  color: var(--text-primary-light);
}
/* payment form */
.dxp-payment {
  padding: .5rem!important;
}
.dxp-payment .dxp-payment-form-container {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-large);
  padding: 1.8rem 1.8rem 1rem 1.8rem!important;
}

.dxp-payment .dxp-payment-form-container .card-details-header-title span {
  font-size: var(--font-size-medium)!important;
}

.dxp-payment .dxp-payment-form-container .card-details-header-title:before {
  content: '';
  display: inline-block;
  height: 3rem;
  width: 3rem;
  background-repeat: no-repeat;
  margin-right: .5rem;
  background-image: var(--icon-credit-card);
}
.payment-type .card-details-header .card-details-header-available-credit-cards {
  flex-direction: row;
  justify-content: flex-start;
  gap: .5rem;
}
.payment-type .card-details-header .card-details-header-available-credit-cards .credit-card-image-container {
  margin: 0;
  height: 3rem;
}
.credit-card-image {
  background-size: contain;
  height: 3rem;
}
.credit-card-fieldset .credit-card-fields-container {
  flex-direction: column;
}
.credit-card-fieldset .credit-card-fields-container .credit-card-detection,
.credit-card-fieldset .credit-card-fields-container .credit-card-details-field-holder-name-overlay,
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container {
  padding: 0;
}
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .cvc-container {
  position: relative;
}
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-contaainer .cvc-container .dxp-popover-cvc-help {
  position: absolute;
  right: 1rem;
  top: .5rem;
}
.payment-fops .dxp-payment .billing-data-legend span, 
.payment-fops .dxp-payment .card-details-legend span {
  text-transform: capitalize;
  font-size: var(--font-size-regular-plus);
}
.billing-info .fields-container {
  margin: 0 -.5rem;
}
.billing-info .fields-container .field-overlay {
  flex: 1 0 50%;
  width: 50%;
  padding: 0 .5rem;
}
.billing-info .fields-container .field-overlay:has(#credit-card-email-address) {
  flex: 1 0 100%;
  width: 100%;
}
.billing-info .fields-container .field-autocomplete.country, 
.billing-info .fields-container .field-autocomplete.state,
.billing-info .fields-container .field-overlay.city-overlay,
.billing-info .fields-container .field-overlay.zip-code-overlay {
  flex: 1 0 30%;
  width: 30%;
}
.mobile .dxp-payment-trip-summary .ducp-component-cart-panel-section,
.mobile .dxp-payment-view .spark-panel,
.mobile .dxp-payment-view .dxp-panel,
.payment-fops .dxp-payment.bnpl {
  background-color: transparent;
}
/* payment form */
.dxp-payment {
  padding: .5rem!important;
}
.dxp-payment .dxp-payment-form-container {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-large);
  padding: 1.8rem 1.8rem 1rem 1.8rem!important;
  background-color: var(--color-white)!important;
}

.dxp-payment .dxp-payment-form-container .card-details-header-title span {
  font-size: var(--font-size-medium)!important;
}

.dxp-payment .dxp-payment-form-container .card-details-header-title:before {
  content: '';
  display: inline-block;
  height: 3rem;
  width: 3rem;
  background-repeat: no-repeat;
  margin-right: .5rem;
  background-image: var(--icon-credit-card);
}
/* =====     END: payment page     ===== */





/* =====     START: confirmation page     ===== */
.dxp-shared-confirmation .main-trip-details,
#accordion-confirmation-passengers  {
  padding: .5rem;
}
.dxp-shared-confirmation .ducp-component-confirmation-header ,
.dxp-shared-confirmation .ducp-component-flight-summary,
.dxp-shared-confirmation .ducp-component-passenger-summary {
  border: none!important;
  box-shadow: var(--box-shadow)!important;
  border-radius: var(--border-radius-large);
  margin-bottom: 2rem;
}
.dxp-shared-confirmation .spark-panel--expand .spark-panel__header,
.dxp-shared-confirmation  .spark-panel--expand>.spark-panel__content,
.dxp-flight-summary .ducp-component-flight-summary+.ducp-component-flight-summary {
  border: none;
  box-shadow: none;
}
.dxp-shared-confirmation .ducp-component-confirmation-header {
  border: none;
}
.dxp-shared-confirmation .dxp-container {
  width: 100%;
}
.dxp-shared-confirmation .ducp-component-panel {
  background-color: transparent;
  box-shadow: none;
}
.dxp-shared-confirmation .ducp-component-panel .spark-panel__content .spark-panel__content {
  padding: 0;
}
.ducp-component-flight-duration .duration {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-regular);
  color: var(--text-primary);
}
/* passenger */
.dxp-confirmation-passenger-item * {
  font-family: var(--font-family);
  color: var(--text-primary);
}
.dxp-confirmation-passenger-item .spark-panel__content {
  padding: 1.8rem;
}
.dxp-confirmation-passenger-item .passenger-summary-header .col-lg-12,
.dxp-confirmation-passenger-item .passenger-summary-header .col-xs-12 {
  padding: 0;
}
.dxp-confirmation-passenger-item .passenger-summary-header {
  margin: 0!important;
}
.dxp-confirmation-passenger-item .ducp-component-initial-circle {
  display: none;
}
.dxp-confirmation-passenger-item .passenger-name span {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  font-size: var(--font-size-medium);
}
.dxp-confirmation-passenger-item .passenger-summary-content .spark-panel__content{
  padding: 0;
}

.dxp-confirmation-passenger-item .ducp-component-passenger-summary-seats-extras,
.dxp-confirmation-passenger-item .dxp-confirmation-passengers-seats-extras,
.dxp-confirmation-passenger-item .ducp-component-sectional-information {
  border-top: solid 1px var(--border-color);
  border-bottom: 0;
  padding: 1rem 2rem;
  margin: 0;
}
.dxp-confirmation-passengers .ducp-component-title .spark-icon {
  display: none;
}
.dxp-confirmation-passengers .ducp-component-accordion .ducp-component-passenger-summary-seats-extras .itinerary-container .itinerary-flight-route {
  background-color: transparent;
  border-bottom: solid 1px var(--border-color);
}
.dxp-confirmation-passengers .ducp-component-tooltip {
  background: transparent;
}
/* =====     END: confirmation page     ===== */





/* =====     START: PDF confirmation     ===== */
.dxp-flight-details-print *,
.dxp-passenger-details-print *,
.dxp-flight-summary-print *,
.dxp-payment-details-print * {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}
.dxp-flight-summary-print .box.confirmation-code .pnr {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}
/* flight segment */
.dxp-flight-details-print .itinerary-parts .itinerary-parts{
  /*border: solid 1px var(--text-primary-light);*/
  border-radius: var(--border-radius-large);
}
.dxp-flight-details-print .flight .part {
  background-color: transparent;
  border: none;
  padding: 1.2rem 0 0 0!important;
  margin: .5rem 0 0 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
  position: relative;
}
.dxp-flight-details-print .flight .part .column:nth-child(2n) {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
}
.dxp-flight-details-print .flight .part .circle {
  display: none;
}
.dxp-flight-details-print .flight .title {
  position:absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.dxp-flight-details-print .flight .title .destination {
  text-transform: uppercase!important;
  font-size: var(--font-size-regular);
  color: var(--color-blue);
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
}
.dxp-flight-details-print .flight .title .spark-icon {
  margin: 0 .5rem 0 0;
  color: var(--color-blue);
}
.dxp-flight-details-print .flight .title abbr {
  color: var(--text-primary-light);
}
.dxp-flight-details-print .flight .details {
  border-left: solid 2px var(--color-blue);
  padding: 0;
  margin: 0 1rem;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.dxp-flight-details-print .flight .details .dxp-duration,
.dxp-flight-details-print .flight .details .aircraft, 
.dxp-flight-details-print .flight .details .class-fare {
  line-height: normal;
  padding: 0;
  text-align: left;
  border: none;
}
.dxp-flight-details-print .flight .date-time {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0;
}
.dxp-flight-details-print .flight .date-time .time {
  font-size: var(--font-size-large);
  line-height: normal!important;
}
.dxp-flight-details-print .flight .destination-name {
  padding: .5rem 0 0rem 2px ;
}
.dxp-flight-details-print .flight .part.departure .circle { bottom: 0; }
.dxp-flight-details-print .flight .part.arrival .circle { top: 0; }
.dxp-flight-details-print .flight .part .airport {
  margin: .3rem 0 0 .3rem;
}
.dxp-flight-details-print .flight .dxp-operated-by img {
  max-height: 2rem;
}
/* layover segment*/
.dxp-flight-details-print .stop {
  background-color: transparent;
  border-style: solid;
  border-color: var(--color-grey-light);
  border-width: 1px 0;
  margin: 3rem 0 3rem 3rem;
}
/*
.dxp-flight-details-print .stop::before {
  content: '';
  display: inline-block;
  height: calc(100% + 2.666rem);
  width: 2px;
  background: var(--color-blue);
  position: absolute;
  left: -2rem;
}
.dxp-flight-details-print .stop::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: -2.4rem;
  background: var(--color-blue);
  height: 1rem;
  width: 1rem;
  border-radius: var(--border-radius-large);
  top: calc(50% - .5rem);
}
*/
.dxp-flight-details-print .stop .spark-icon,
.dxp-flight-details-print .flight .part .airport .spark-icon,
.dxp-flight-details-print .flight .date-time .spark-icon,
.dxp-flight-details-print .flight .destination-name .spark-icon,
.dxp-flight-details-print .flight .details .aircraft .name,
.dxp-flight-details-print .stop::after,
.dxp-flight-details-print .stop::before {
  display: none;
}
@media (min-width: 797px) {
  .dxp-flight-details-print .flight .details .dxp-duration,
  .dxp-flight-details-print .flight .details .aircraft, 
  .dxp-flight-details-print .flight .details .class-fare,
  .dxp-flight-details-print .flight .dxp-operated-by {
    width: 15rem;
  }
}

.dxp-flight-details-print,
.dxp-flight-details-print .itinerary-part .itinerary-part {
  border-bottom: solid 1px var(--border-color);
}
/* passenger list */
.dxp-passenger-details-print .flight .extras .amenity {
  margin: 0 0 .5rem 0;
}.dxp-passenger-details-print .flight .flight-index,
.dxp-passenger-details-print .flight .extras .amenity .ducp-component-icon {
  display: none;
}
/* =====     END: PDF confirmation     ===== */

.arrival-terminal-title,
.arrival-terminal-title,
.duration-title {
margin-right: .5rem;
}



/* combined flight details */
.trip-details {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-regular);
  color: var(--text-primary);
}
.trip-details__segments {
  margin: 0;
  list-style: none;
  line-height: normal;
}
.trip-details__segment {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 0;
}
.trip-details__route {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.trip-details__departure,
.trip-details__arrival {
  display: flex;
  flex-direction: column;
}
.trip-details__details {
  flex: 1;
}
.trip-details__layover { 
  list-style: none;
}
.trip-details__airport-change { 
  color: var(--alert-error);
}
.trip-details__separator {
  border-left: solid .2rem var(--color-blue);
  flex: 1;
  margin: .5rem 0 .5rem .3rem;
  position: relative;
  min-height: 5rem;
}
.trip-details__separator::before,
.trip-details__separator::after {
  content: '';
  display: flex;
  border-radius: var(--border-radius-large);
  background-color: var(--color-blue);
  height: .7rem;
  width: .7rem;
  position: absolute;
  top: 0;
  left: -.4rem;
}
.trip-details__separator::after {
  top: auto;
  bottom: 0;
}
.trip-details__time {
  font-size: var(--font-size-medium);
}
.trip-details__date {
  color: var(--text-primary-light);
}

.trip-details__details .origin-departure,
.trip-details__details .destination-arrival,
.trip-details__details .airport {
  display: none;
}

.dxp-flight-details * {
  font-family: var(--font-family)!important;
  font-weight: var(--font-weight-regular);
}
.segment-header,
.dxp-flight-details .header {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.segment-header .dxp-time,
.dxp-segment .dxp-date {
  display: flex;
  flex-direction: column-reverse;
  color: var(--text-primary-light);
  font-size: var(--font-size-regular);
}
.segment-header .dxp-time span,
.dxp-segment .dxp-date span {
} 
.segment-header .town,
.dxp-flight-details .header .city span {
  margin-bottom: .5rem;
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
} 
.dxp-flight-details .header .city {
  margin-bottom: .5rem;
  font-size: var(--font-size-regular);
  color: var(--text-primary-light);
  margin-left: 0!important;
} 
.segment-line {
  padding: 0!important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dxp-payment-trip-summary-flight-details hr:not(.route-separator) {
  display: none;
}
.dxp-payment-trip-summary-flight-details .flight-segment-details,
.dxp-payment-trip-summary-flight-details .flight-segment-details .spark-panel__content.ducp-component-panel-content {
  box-shadow: none;
  padding: 0!important;
  border-radius: 0;
  border: none;
}
.dxp-payment-trip-summary-flight-details .flight-segment-details .spark-panel__content.ducp-component-panel-content .dxp-flight-details {
  box-shadow: none;
  padding: 0!important;
  border-radius: 0;
  border: none;
  margin-top: 0;
}
@media (max-width: 768px) {
  .segment-line  {
    flex-direction: column;
  }
  .segment-content  {
    padding-left: 3rem;
  }
}
.dxp-flight-details .header {
  padding-left: 10px !important;
  position: relative
}
.ducp-component-badge.layover .spark-badge {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
.ducp-component-badge.layover .spark-badge * {
  font-family: var(--font-family)!important;
  font-size: var(--font-size-regular)!important;
  color: var(--text-primary-light)!important;
}
.ducp-component-flight-details {
  box-shadow: none;
}
.ducp-component-flight-details-flight .flight-detail-column {
  padding-left: 30px;
  margin-left: 18px;
}

/* FARE BRAND SPECIFICS */

/* SAVER 
  SV - Saver
  PB - Partner Basic
*/
.dxp-flight-selection .offer-label.SV,
.dxp-flight-selection .offer-label.PB {
  border-top: var(--brand-saver-dark);
  background: var(--brand-saver-light);
}
.dxp-flight-selection .offer-label.SV:before,
.dxp-flight-selection .offer-label.PB:before {
  height: .5rem;
  top: -.5rem;
  background: var(--brand-saver-dark);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.SV::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PB::after,
.brand-comparison-mobile .brand-comparison-mobile-price.SV::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PB::after,
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.SV"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PB"]),

.mobile-theme .brand-tile-container.SV::before,
.mobile-theme .brand-tile-container.PB::before {
  background: var(--brand-saver-dark);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.SV:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PB:hover {
  background: var(--brand-saver-light);
}

/* MAIN 
  MA - Main
  ME - Main Refundable Fee
  FM - Refundable Main
  PM - Partner Main
  PA - Partner Refundable Main
  IE - Interline Economy
*/
.dxp-flight-selection .offer-label.MA,
.dxp-flight-selection .offer-label.ME,
.dxp-flight-selection .offer-label.FM,
.dxp-flight-selection .offer-label.PM,
.dxp-flight-selection .offer-label.PA,
.dxp-flight-selection .offer-label.IE {
  border-top: var(--brand-main-dark);
  background: var(--brand-main-light);
}
.dxp-flight-selection .offer-label.MA:before,
.dxp-flight-selection .offer-label.ME:before,
.dxp-flight-selection .offer-label.FM:before,
.dxp-flight-selection .offer-label.PM:before,
.dxp-flight-selection .offer-label.PA:before,
.dxp-flight-selection .offer-label.IE:before   {
  height: .8rem;
  top: -.8rem;
  background: var(--brand-main-dark);
} 
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.MA:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.ME:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FM:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PM:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PA:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.IE:hover {
  background: var(--brand-main-light);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.MA::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.ME::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FM::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PM::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PA::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.IE::after,
.brand-comparison-mobile .brand-comparison-mobile-price.MA::after,
.brand-comparison-mobile .brand-comparison-mobile-price.ME::after,
.brand-comparison-mobile .brand-comparison-mobile-price.FM::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PM::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PA::after,
.brand-comparison-mobile .brand-comparison-mobile-price.IE::after,
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.MA"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.ME"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.FM"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PM"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PA"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.IE"]),
.mobile-theme .brand-tile-container.MA::before,
.mobile-theme .brand-tile-container.ME::before,
.mobile-theme .brand-tile-container.FM::before,
.mobile-theme .brand-tile-container.PM::before,
.mobile-theme .brand-tile-container.PA::before,
.mobile-theme .brand-tile-container.IE::before {
  background: var(--brand-main-dark);
}
.dxp-upsell-brand-container.upsell-brand-MA .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-ME .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-FM .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PM .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PA .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-IE .spark-modal__header {
  background: var(--brand-main-dark);
}
.dxp-upsell-brand-container.upsell-brand-MA .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-MA .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-ME .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-ME .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-FM .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-FM .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PM .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PM .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PA .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PA .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-IE .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-IE .spark-modal__header * {
  color: var(--brand-main-text)!important;
}



/* FIRST 
  FR - First class
  FE - First refundable fee
  FF - Refundable first class
  PF - Partner first
  PI - Partner refundable first
  IF - Interline first
*/
.dxp-flight-selection .offer-label.FR,
.dxp-flight-selection .offer-label.FE,
.dxp-flight-selection .offer-label.FF,
.dxp-flight-selection .offer-label.PF,
.dxp-flight-selection .offer-label.PI,
.dxp-flight-selection .offer-label.IF {
  border-top: var(--brand-first-dark);
  background: var(--brand-first-light);
}
.dxp-flight-selection .offer-label.FR:before,
.dxp-flight-selection .offer-label.FE:before,
.dxp-flight-selection .offer-label.FF:before,
.dxp-flight-selection .offer-label.PF:before,
.dxp-flight-selection .offer-label.PI:before,
.dxp-flight-selection .offer-label.IF:before {
  height: 1.1rem;
  top: -1.1rem;
  background: var(--brand-first-dark);
} 
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FR:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FE:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FF:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PF:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PI:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.IF:hover {
  background: var(--brand-first-light);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FR::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FE::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.FF::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PF::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PI::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.IF::after,
.mobile-theme .brand-tile-container.FR::before,
.mobile-theme .brand-tile-container.FE::before,
.mobile-theme .brand-tile-container.FF::before,
.mobile-theme .brand-tile-container.PF::before,
.mobile-theme .brand-tile-container.PI::before,
.mobile-theme .brand-tile-container.IF::before,
.brand-comparison-mobile .brand-comparison-mobile-price.FR::after,
.brand-comparison-mobile .brand-comparison-mobile-price.FE::after,
.brand-comparison-mobile .brand-comparison-mobile-price.FF::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PF::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PI::after,
.brand-comparison-mobile .brand-comparison-mobile-price.IF::after,
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.FR"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.FE"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.FF"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PF"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PI"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.IF"]) {
  background: var(--brand-first-dark);
}
.dxp-upsell-brand-container.upsell-brand-FR .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-FE .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-FF .spark-modal__header, 
.dxp-upsell-brand-container.upsell-brand-PF .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PI .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-IF .spark-modal__header  {
  background: var(--brand-first-dark);
}
.dxp-upsell-brand-container.upsell-brand-FR .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-FR .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-FE .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-FE .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-FF .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-FF .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PF .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PF .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PI .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PI .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-IF .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-IF .spark-modal__header * {
  color: var(--brand-first-text)!important;
}


/* BUSINESS
  BS - Business
  BE - Redundable Business Fee
  BF - Redundable Business
  PU - Partner Business
  PS - Partner Refundable Business
  IB - Interline business
*/
.dxp-flight-selection .offer-label.BS,
.dxp-flight-selection .offer-label.BE,
.dxp-flight-selection .offer-label.BF,
.dxp-flight-selection .offer-label.PU,
.dxp-flight-selection .offer-label.PS,
.dxp-flight-selection .offer-label.IB {
  border-top: var(--brand-business-dark);
  background: var(--brand-business-light);
}
.dxp-flight-selection .offer-label.BS:before, 
.dxp-flight-selection .offer-label.BE:before,
.dxp-flight-selection .offer-label.BF:before,
.dxp-flight-selection .offer-label.PU:before,
.dxp-flight-selection .offer-label.PS:before,
.dxp-flight-selection .offer-label.IB:before {
  height: 1.1rem;
  top: -1.1rem;
  background: var(--brand-business-dark);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.BS:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.BE:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.BF:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PU:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PS:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.IB:hover {
  background: var(--brand-business-light);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.BS::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.BE::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.BF::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PU::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PS::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.IB::after,
.brand-comparison-mobile .brand-comparison-mobile-price.BS::after,
.brand-comparison-mobile .brand-comparison-mobile-price.BE::after,
.brand-comparison-mobile .brand-comparison-mobile-price.BF::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PU::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PS::after,
.brand-comparison-mobile .brand-comparison-mobile-price.IB::after,
.mobile-theme .brand-tile-container.BS::before,
.mobile-theme .brand-tile-container.BE::before,
.mobile-theme .brand-tile-container.BF::before,
.mobile-theme .brand-tile-container.PU::before,
.mobile-theme .brand-tile-container.PS::before,
.mobile-theme .brand-tile-container.IB::before,
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.BS"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.BE"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.BF"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PU"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PS"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.IB"]) {
  background:var(--brand-business-dark);
}

.dxp-upsell-brand-container.upsell-brand-BS .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-BE .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-BF .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PU .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PS .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-IB .spark-modal__header {
  background: var(--brand-business-dark);
}
.dxp-upsell-brand-container.upsell-brand-BS .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-BS .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-BE .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-BE .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-BF .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-BF .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PU .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PU .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PS .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PS .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-IB .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-IB .spark-modal__header * {
  color: var(--brand-business-text)!important;
}





/* PREMIUM
UM - Premium
UR - Refundable Premium
PE - Partner Premium
PC - Partner Refundable Premium
*/
.dxp-flight-selection .offer-label.UM,
.dxp-flight-selection .offer-label.UR,
.dxp-flight-selection .offer-label.PE,
.dxp-flight-selection .offer-label.PC {
  border-top: var(--brand-premium-dark);
  background: var(--brand-premium-light);
}
.dxp-flight-selection .offer-label.UM:before, 
.dxp-flight-selection .offer-label.UR:before,
.dxp-flight-selection .offer-label.PE:before,
.dxp-flight-selection .offer-label.PC:before{
  height: 1.1rem;
  top: -1.1rem;
  background: var(--brand-premium-dark);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.UM:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.UR:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PE:hover,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PC:hover {
  background: var(--brand-premium-light);
}
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.UM::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.UR::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PE::after,
.dxp-flight-selection .itinerary-part-offer-price .itinerary-part-offer-price-button.PC::after,
.brand-comparison-mobile .brand-comparison-mobile-price.UM::after,
.brand-comparison-mobile .brand-comparison-mobile-price.UR::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PE::after,
.brand-comparison-mobile .brand-comparison-mobile-price.PC::after,
.mobile-theme .brand-tile-container.UM::before,
.mobile-theme .brand-tile-container.UR::before,
.mobile-theme .brand-tile-container.PE::before,
.mobile-theme .brand-tile-container.PC::before,
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.UM"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.UR"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PE"]),
.dxp-upsell-brand-container .upsell-headers th:has([data-translation="brand.PC"]) {
  background:var(--brand-premium-dark);
}
.dxp-upsell-brand-container.upsell-brand-UM .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-UR .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PE .spark-modal__header,
.dxp-upsell-brand-container.upsell-brand-PC .spark-modal__header {
  background: var(--brand-premium-dark);
}
.dxp-upsell-brand-container.upsell-brand-UM .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-UM .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-UR .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-UR .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PE .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PE .spark-modal__header *,
.dxp-upsell-brand-container.upsell-brand-PC .spark-modal__header .spark-icon-close::before,
.dxp-upsell-brand-container.upsell-brand-PC .spark-modal__header * {
  color: var(--brand-premium-text)!important;
}
.dxp-payment-view .dxp-cart-review .ducp-component-accordion.spark-panel--expand>.spark-panel__header:after {
  display: none;
}
.dxp-field-date{
  max-width: unset;
}
.dxp-flight-passenger-cart-items .dxp-operated-by {
  display: none;
}


/* confirmation page fixes */
.flight-status-header {
  padding: 0;
}
.flight-status-header .ducp-component-flight-status {
  display: flex;
  justify-content: flex-end;
}
.ducp-component-confirmation-header .spark-badge,
.ducp-component-flight-status>.flight-status-badge.CONFIRMED {
  background: var(--alert-success);
  border-color: var(--alert-success);
  font-family: var(--font-family-medium);
  width: 150px;
  height: 30px;
}
.ducp-component-flight-status.FlightStatus.flight-status-badge.CONFIRMED{
  border: none;
  background-color: #ffffff;
}
.ducp-component-confirmation-header * {
  font-family: var(--font-family-medium)!important;
}
.ducp-component-confirmation-header .record-locator-value {
  color: var(--text-highlight);
}
.ducp-component-confirmation-header .ducp-component-toolbar .spark-toolbar__item {
  color: var(--text-link);
}
.legend-seat-type.first span[data-translation="seatSelection.seat.free"] {
  display: none;
}
.seat-benefits {
  margin-top: .5rem;
}
.ducp-component-flight-summary .operating-airline-row .airline-logo,
.ducp-component-flight-summary .operating-airline-row .airline-equipment {
  display: none;
}
.dxp-date-selection-day .day-btn .dxp-price .price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dxp-stateless-payment-refund {
  display: none;
}
.dxp-shopping-cart-footer.trip-total .total-container.refund-total {
  display: none;
}
.dxp-refund-payment-accordion {
  display: none;
}
li.credit-card-image-container.TP-card {
    display: none;
}
span.TP-card.credit-card-image {
    display: none;
}
.dxp-legend .legend-box .legend-seat-type:not(.first):not(.premium):not(.preferred):not(.standard):not(.non-selectable) {
  display: none;
  align-items: flex-start;
}
.dxp-shopping-cart span.price.negative-price {
  display: none;
}
.stateless-change-footer {
  display: none;
}
span.record-locator-value {
    padding-top: 7px;
}
.record-locator-container {
    line-height: 3rem;
}
.flight-status-badge.CONFIRMED {
    padding-top: 8px;
}