@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato|Quicksand|Cutive+Mono|Space+Mono");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
html {
  height: 100vh;
}

body {
  background-image: url(/resources/media/header.jpg);
  background-size: cover;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  height: auto;
  min-height: 100%;
  font-family: "DM Sans", sans-serif !important;
  background-attachment: fixed;
  width: 100%;
  margin: 0;
  padding: 0 0 150px;
  position: relative;
  box-sizing: border-box;
}

#body {
  min-height: calc(100vh - 370px) !important;
  padding-bottom: 0;
  background-color: initial;
}

#avail-container {
  background: initial;
  max-width: 1200px;
  padding: 0;
  margin-bottom: 40px;
}

/*#endregion*/
/*
cuando es autoreserva poner el menu desplegable
organizar los input para que cubran mas espacio (nombre y pasajero)
*/
.ui-chips .ui-chips-container .ui-chips-input-token input {
  width: 100% !important;
  box-shadow: none !important;
  margin: 0;
  height: 28px;
  padding: 10px;
}

/*#region footer*/
.footer {
  background-color: #F4F4F4;
  padding-top: 40px;
  padding-bottom: 50px;
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
}

.footer .footer-container .footer-logo img {
  filter: unset !important;
}

.footer-company-name {
  color: #103444 !important;
  text-transform: uppercase !important;
  font-family: "DM Sans", sans-serif;
  font-weight: bold !important;
  margin: 0px 8px !important;
}

.footer-links > a,
.footer-info > span,
.footer-info > label {
  color: #103444 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px;
}

.footer-container {
  max-width: 1100px !important;
  /*padding-bottom: 20px;*/
}

.footer .footer-container .footer-links {
  margin-right: 0px !important;
}

.footer .footer-container .footer-logo {
  height: 70px !important;
}

/*#endredion footer*/
/*#region boton flotante flecha*/
#top-row {
  position: fixed;
  bottom: 59px;
  right: 150px;
  height: 60px;
  width: 60px;
}

#top-row a:hover {
  background-image: url(/resources/media/icon-up-hover.svg);
}

#top-row a {
  background-image: url(/resources/media/icon-up.svg);
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
}

.fa-arrow-alt-circle-up:before {
  content: "" !important;
}

/*#endregion*/
.font-aw-label {
  font: 100% "DM Sans", sans-serif !important;
  font-size: 13px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.header-style,
h1,
h2,
h3,
h4,
h5,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font: 100% "DM Sans", sans-serif;
  padding: 6px;
  width: 100%;
  box-sizing: border-box;
}

#getbookingerrorpanel_content p.reply-error-message {
  font-size: 26px !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: bold !important;
  text-align: center;
}

.ui-button.btn-next.btn-consultar {
  display: block;
  margin: 25px auto 0 auto;
}

.ui-datalist .ui-datalist-data .ui-datalist-item {
  background-color: initial !important;
  margin-bottom: 30px;
  list-style: none;
}

.double-one-way-proposal-title {
  background-color: initial !important;
  justify-content: flex-end;
}

.recomended-fare-proposal-title {
  background-color: initial !important;
  justify-content: flex-end;
}

/*#endregion searchAvail*/
.proposal-info .price-detail .header-price {
  font-weight: 500 !important;
}

.proposal-info .price-detail .total-price {
  align-items: baseline;
}

[class*=fa-]::before {
  margin-right: 10px !important;
}

.notifications-links,
#availTabMenuResponsivePanel,
#btnResponsiveSearch {
  display: none;
}

.btn-close {
  display: block;
}

.iconography span {
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 1.5px;
}

.segment-detail-hidden {
  display: none !important;
}

.segments span {
  padding: 0.5em;
}

.segment-departure::before, .segment-arrival::before {
  content: "\f111\a\f142\a\f142\a\f142\a\f142\a\f142";
  font-family: "Font Awesome 5 Free", serif;
  font-weight: bold;
  white-space: pre;
  line-height: 12px;
  background-color: #103444;
  color: #103444;
  width: 5px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.segment-arrival::before {
  content: "\f142\a\f142\a\f142\a\f142\a\f142\a\f111";
}

.segment-departure,
.segment-arrival {
  align-items: center;
  flex-wrap: nowrap !important;
  width: 100%;
  padding: 10px !important;
  grid-column: 1/2;
}

.segment-technical-stop {
  align-items: center;
  flex-wrap: nowrap !important;
  width: 100%;
  grid-column: 1/2;
  padding-bottom: 10px;
}

.escala {
  align-items: center;
}

.avail-detail-view .air .escala::before,
.air-journeis-info .escala::before {
  margin-right: 10px !important;
}

.field.required label {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-height: 24px;
}

#globalMessages {
  transform: translatey(-1.25rem);
}

.ui-messages-info,
.ui-messages-warn,
.ui-messages-error,
.ui-messages-fatal {
  max-width: 1200px;
  margin: auto !important;
  border-radius: 10px;
  margin-top: 40px !important;
}

#avail-container #data:not(#AcordeonFrmStandar) .field,
#avail-container #data .input-date-range,
#avail-container #trainSearches .input-date-range {
  display: flex;
  flex-wrap: nowrap;
}

.input-date-range {
  margin: 3px 0px 0px 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  max-height: 84px;
  display: flex !important;
  flex-wrap: nowrap !important;
}

#avail-container #data #AcordeonFrmStandar #rowCarrier .field,
#avail-container #data #AcordeonFrmStandar #discounts .field {
  margin: 0px 0px 0px 0px;
  padding-bottom: 0px !important;
}

#AcordeonFrmStandar #profilesStandar #customerStandarContainer.field,
#AcordeonFrmStandar #profilesStandar #profilesPassengersContainer.field {
  margin-top: 12px !important;
}

#AcordeonFrmStandar #profilesStandar #profilesPassengersContainer.field {
  margin-bottom: 0px;
}

#availabilityForm .column-button-form {
  margin-top: 11px;
  padding-bottom: 1px;
  display: flex;
}

#checkFiltersRow {
  padding-top: 10px;
}

#avail-form > form#availabilityForm #requestType.standar-request-type-selector {
  padding-top: 0px !important;
}

div.ui-messages-info.ui-corner-all,
div.ui-messages-warn.ui-corner-all,
div.ui-messages-error.ui-corner-all,
div.ui-messages-fatal.ui-corner-all {
  margin-top: 0px !important;
}

*::-webkit-scrollbar {
  width: 20px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #8f8f8f;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: #646464;
  background-clip: content-box;
}

.row-baseline {
  display: block !important;
}

.print-train-btn {
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 20px !important;
}

.fa-print-train-message .ui-staticmessage {
  width: 100% !important;
}

.row-baseline-print-train {
  display: flex !important;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.row-baseline-print-train h2 {
  flex: 1 1 90%;
}

.fa-print-trenes::before {
  content: " " !important;
  height: 40px !important;
  width: 40px !important;
  padding: 0px !important;
  margin: 0px !important;
  border-radius: 50% !important;
  min-width: auto !important;
  background-color: #103444 !important;
  background-image: url(/resources/media/icon_imprimir_40.svg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  display: block !important;
}

.panel-user-profile {
  background-color: white;
  border-radius: 25px;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
}

#user-profile-grid div.ui-g {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.fa-bus.iconografia::before {
  background-size: 20px 35px !important;
}

.floating-message {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%) !important;
  z-index: 1000;
  width: 90%;
}

.menu .menu-container {
  justify-content: center;
  margin: 0;
}

#header,
#menu-sticky {
  background: initial;
  position: relative !important;
  margin: auto;
  min-height: 80px;
}

#menu-sticky {
  z-index: auto !important;
  box-shadow: none;
}

.ui-sticky .menu {
  background-color: initial;
  box-shadow: none;
}

#header {
  padding: 0;
  height: 70px;
}

/*#endregion*/
/*HEADER MENU*/
.notificationsBTN::before {
  content: "";
  height: 25px;
  width: 20px;
  background-image: url(/resources/media/icon-bell.svg);
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.header-right .ui-outputlabel.ui-widget.fa.fa-user::before {
  content: "";
  height: 40px;
  width: 40px;
  background-image: url(/resources/media/icon-profile-header-mobile.svg) !important;
  background-size: 40px 40px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.header-right .ui-outputlabel.ui-widget.fa.fa-user:hover:before {
  background-image: url(/resources/media/icon-profile-header-mobile-hover.svg) !important;
}

#changeView {
  margin: 0;
}

.header-left form,
.header-left-2,
.header-left-button {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  letter-spacing: 0.38px;
  color: #FFFFFF;
  position: relative;
}

.header-left-button {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  left: 10px;
  color: #FFFFFF !important;
}

.header-left-button a {
  color: #FFFFFF !important;
}

.header-right {
  font: 100% "DM Sans", sans-serif !important;
  z-index: 1;
  position: absolute;
  right: 0;
  margin: 50px 50px 0 0;
  display: flex;
  align-items: center;
  font-size: 15px !important;
  letter-spacing: 0.38px !important;
  font-weight: 400 !important;
}

.header-right a {
  line-height: 18px;
  max-height: 18px;
  text-decoration: underline;
  display: flex;
}

.header-right section {
  line-height: 16px;
  max-height: 16px;
  display: flex;
}

.header-right .header-user-name::after,
.header-right .header-contact-info::after,
.header-right section::after {
  display: block;
  text-decoration: none;
  height: 15px;
  overflow: hidden;
  line-height: 18px;
  content: "|";
  justify-self: center;
  align-self: flex-start;
}

.header-user-name {
  display: flex;
}

.header-right span {
  padding-left: 0.625rem;
}

.header-right .header-time span,
.header-right .header-user-name span {
  padding-right: 0.625rem;
}

.user-label {
  line-height: 18px;
  text-decoration: underline;
  display: flex;
}
.user-label a {
  padding-right: 0.5rem;
}
.user-label a span {
  padding: 0 !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.profile-link:hover {
  background-color: transparent;
  color: #000000;
}

.header-left form .ui-menubutton.ui-widget,
.header-left-2 .header-item,
.ui-menu.ui-menu-dynamic ul li a,
.ui-menu.ui-menu-dynamic.ui-connected-overlay-enter-done ul li a {
  padding: 12px 20px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  letter-spacing: 0.38px;
  color: #FFFFFF !important;
  position: relative;
}

.ui-menu.ui-menu-dynamic,
.ui-menu.ui-menu-dynamic.ui-connected-overlay-enter-done {
  transform: translateX(0%);
  display: none;
}

.menu-active {
  transform: translateX(0%) !important;
}

/*#region menu de acceso a diferentes sistemas y HEADRS*/
.ui-tabmenu li.ui-state-active a,
.ui-tabmenu a.ui-menuitem-link {
  background-color: initial !important;
}

/*BOTONES DE MENU*/
/*#region menu sticky*/
.menuTopSticky {
  position: sticky;
  top: 0.5rem;
  z-index: 1000;
  height: 50px;
}

/*#endregion*/
.header-left-2 .header-item label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header-left form .ui-menubutton.ui-widget button {
  font-weight: 400 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.ui-menu.ui-menu-dynamic .menu-item-close,
.btnCloseMenu {
  display: block;
  cursor: pointer;
}

.btnCloseMenu {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.menu-item-close::before {
  content: "<";
  width: 25px;
  margin: 0 10px 0 14px;
  font-weight: 600;
  float: left;
  color: #FFFFFF;
  cursor: pointer;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link.planeNoReadMessages {
  background-image: url("/resources/media/icon-flights.svg");
  background-position: 30px 50%;
  background-repeat: no-repeat;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link.trainNoReadMessages {
  background-image: url("/resources/media/icon-trains.svg");
  background-position: 30px 50%;
  background-repeat: no-repeat;
}

.ui-menu .planeNoReadMessages .ui-menuitem-text {
  margin-left: 35px;
}

.ui-menu .trainNoReadMessages .ui-menuitem-text {
  margin-left: 35px;
}

.menu-item-close::after {
  content: "" !important;
  cursor: pointer;
}

.menu-toggle,
.notifications-toggle {
  padding: 0;
  margin: 50px 0 0 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: transparent !important;
  /*TODO color primary*/
  background-image: url(/resources/media/icon-menu.svg) !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 40px 25px;
  width: 40px;
  height: 25px;
  overflow: hidden;
  display: block !important;
  cursor: pointer;
}

.menu-toggle.down-icon {
  background-image: url(/resources/media/icon-menu.svg) !important;
}

.notifications-toggle {
  content: "";
  right: 0;
  left: inherit;
  height: 20px;
  width: auto;
  padding-left: 1.875rem;
  background-image: url(/resources/media/icon-bell-hover.svg) !important;
  float: left;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 18px 20px;
  position: relative;
  line-height: 18px;
  margin: 0 5px 0 0;
  display: flex !important;
  align-items: center;
}

.notifications-toggle a {
  height: 13px;
  width: 13px;
  overflow: initial;
  background-color: #005EB8;
  font-size: 11px;
  padding: 1px;
  margin-right: 3px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #FFFFFF;
  position: absolute;
  text-decoration: none;
  left: 13px;
  top: 0;
}

.notifications-toggle a::before,
.notifications-toggle label::before {
  display: none;
}

.notifications-toggle label {
  cursor: pointer;
}

/*HEADER LOGO*/
#menu-logo {
  width: auto;
  min-width: 120px;
  height: 52.4px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  margin: 24px 0 0;
}

.menu .menu-container .menu-logo-container .logoMenu {
  min-width: 300px;
  height: 55px;
  background-size: auto 55px;
  background-repeat: no-repeat;
  display: block;
}

.cb-slideshow {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -100;
}

/*#endregion*/
/*#region tab menu*/
.body-main-page {
  padding-top: 0;
  height: auto;
}

#availTabMenu {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto auto;
  min-height: 128px;
}

#availTabMenu .ui-tabmenu {
  display: flex;
  width: 100%;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav {
  display: flex;
  justify-content: center;
  width: 100%;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  margin: 0 25px;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  color: #103444 !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-text {
  list-style: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1px;
  padding-top: 8px;
  padding-bottom: 28px;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link::after {
  transform: translateX(0%);
  left: 50%;
  width: 60px;
  height: 22px;
  content: "";
}

#availTabMenu.HomeTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link::after,
#availTabMenu.HomeTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link:hover::after {
  background-image: url(/resources/media/icon-nav-active.svg);
  background-position: 7px 0;
  background-repeat: no-repeat;
  transform: translateX(0%);
  left: 50%;
  width: 60px;
  height: 22px;
  content: "";
}

#availTabMenu.ProcessTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link::after,
#availTabMenu.ProcessTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
  margin-bottom: 30px;
  /*TODO REVISAR MARGEN DE 30PX CON RESPECTO AL BODY-CONTAINER*/
}

#availTabMenu.ProcessTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link::after {
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 1px !important;
  background: #103444 none;
  transform: scaleX(0);
  transform-origin: bottom right;
}

#availTabMenu.ProcessTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-text {
  padding-bottom: 5px;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem-hasicon a.ui-menuitem-link {
  padding-bottom: 0;
}

#availTabMenu .ui-tabmenu .ui-menuitem-icon {
  margin-right: 0 !important;
  height: 40px;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon {
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  width: 40px;
  overflow: hidden;
  min-width: 40px;
  background-size: 25px !important;
  background-position-y: bottom !important;
}

.fa-train:before,
.fa-plane:before,
.fa-hotel:before,
.fa-hotels-flights:before,
.fa-cruises:before,
.fa-digital-signature:before,
.fa-activities:before,
.fa-bookroad:before,
.fa-busway:before,
.fa-ship:before,
.fa-signature:before,
.fa-car:before,
.fa-bus::before,
.fa-taxi:before,
.fa-passenger-card:before,
.fa-bars::before {
  content: "" !important;
  background-size: 30px 30px;
}

.journey-header-train .fa-train-front:before {
  background-image: url(/resources/media/icon-train.svg) !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: " " !important;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-plane,
#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-plane,
#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link:hover > .ui-menuitem-icon.ui-icon.fa.fa-plane {
  background-image: url(/resources/media/icon-flights-hover.svg) !important;
  background-size: 32px !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-train {
  background-image: url(/resources/media/icon-trains-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-ship {
  background-image: url(/resources/media/icon-cruises-hover.svg) !important;
  background-size: 28px !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-signature {
  background-image: url(/resources/media/icon-digital_signature-hover.svg) !important;
  background-size: 28px !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-car {
  background-image: url(/resources/media/icon-cars-hover.svg) !important;
  background-size: 28px !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-bus {
  background-image: url(/resources/media/icon-busway-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-taxi {
  background-image: url(/resources/media/icon-bookroad-hover.svg) !important;
  background-size: 28px !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-car:before {
  font-size: 30px;
  line-height: 40px;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-train,
#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link:hover > .ui-menuitem-icon.ui-icon.fa.fa-train {
  background-image: url(/resources/media/icon-trains-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-hotel {
  background-image: url(/resources/media/icon-hotels-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-hotel,
#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link:hover > .ui-menuitem-icon.ui-icon.fa.fa-hotel {
  background-image: url(/resources/media/icon-hotels-hover.svg) !important;
}

/*nuevo tabmenu*/
#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-hotels-flights {
  background-image: url(/resources/media/icon-hotel_flight-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-cruises {
  background-image: url(/resources/media/icon-cruises-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-digital-signature {
  background-image: url(/resources/media/icon-digital_signature-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-activities {
  background-image: url(/resources/media/icon-activities-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.gi-icon.gi-ferris-wheel-white {
  background-image: url(/resources/media/icon-activities.svg) !important;
  margin-top: 0 !important;
  background-size: 35px !important;
  background-position-y: bottom !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-bookroad {
  background-image: url(/resources/media/icon-bookroad-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-busway {
  background-image: url(/resources/media/icon-busway-hover.svg) !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-passenger-card:before {
  font-size: 30px;
  line-height: 40px;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon.fa.fa-passenger-card {
  background-image: url(/resources/media/icon-passenger-card.svg) !important;
}

.ui-sidebar.ui-widget.ui-widget-content.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  z-index: 10000 !important;
}

.ui-sidebar.ui-widget.ui-widget-content.ui-shadow .ui-outputlabel.ui-widget.fa.fa-suitcase,
.ui-sidebar.ui-widget.ui-widget-content.ui-shadow .ui-outputlabel.ui-widget.fa.fa-users,
.ui-sidebar.ui-widget.ui-widget-content.ui-shadow .ui-outputlabel.ui-widget.fas.fa-concierge-bell {
  font: 100% "DM Sans", sans-serif !important;
  display: flex;
  justify-content: flex-start;
}

.adaptable-container {
  overflow: hidden;
  width: 1200px;
  margin: auto;
}

.header-left-2 .header-item .fa.fa-user::before {
  content: "" !important;
  background-image: url(/resources/media/icon-menumobile-profile.svg);
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 30px;
  height: 40px;
}

.header-item-hora {
  margin-right: 10px !important;
}

#availTabMenu .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.ui-menuitem-link .ui-menuitem-icon.ui-icon::before {
  font-size: 32px !important;
  transform: translate(-50%, 6px);
  position: absolute;
}

.selected-proposal-container {
  width: 100%;
  display: flex;
  justify-content: center !important;
}

.selected-proposal-container .selected-proposals {
  padding-top: 10px;
}

.selected-proposal-container .selected-proposals .journey-card {
  background-color: #FFFFFF;
  border-radius: 10px;
}

.selected-proposals .journey-card:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.selected-proposals .journey-card:nth-child(2) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.selected-proposals .journey-card:nth-child(2) .fa.fa-plane.fa-2x {
  transform: rotate(-135deg);
}

.selected-proposals {
  max-width: 1200px;
}

.journey-card {
  display: grid !important;
  grid-template-columns: 60% 40%;
  width: 520px;
  position: relative !important;
  gap: 10px;
  padding: 10px 10px 10px 40px;
  margin-right: 10px;
  margin-top: 20px;
}

.journey-card .fa-plane.outbound, .journey-card .fa-plane.return {
  position: absolute;
  background-image: url(/resources/media/icon-flights.svg);
  filter: invert(1);
  background-position: 50%, 0;
  background-repeat: no-repeat;
  min-height: 20px;
  padding-right: 30px;
  top: 8px;
}

.journey-card .fa-plane.return {
  transform: rotate(225deg);
}

.journey-card-ida, .journey-card-return {
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: left;
  grid-column: span 2;
  margin: auto 25px;
}

.journey-card-detail {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: left;
  color: #103444;
  gap: 5px;
  justify-content: space-between;
  width: 100%;
}

.journey-card-link a {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  color: #005EB8;
  text-decoration: underline;
}

.no-wrap {
  white-space: nowrap;
}

@media screen and (max-width: 1023px) {
  #menu-logo {
    position: absolute;
    left: calc(50% - 60px);
  }
}
#proposal {
  display: flex !important;
  justify-content: left !important;
}

.proposal-ida {
  padding-left: 2px;
}

.proposal-ida-vuelta {
  padding-left: 22px;
}

/* FORMULARIO */
/*main-proposal-info #modificar esta clase*/
#avail-form {
  overflow: hidden;
  margin: auto;
}

#avail-form > form#availabilityForm {
  border-radius: 10px;
}

#body #air-body-container {
  background-color: transparent;
}

#body-container {
  width: 100%;
  background-color: #F4F4F4;
  margin: 0;
  min-height: calc(100vh - 370px);
  padding-bottom: 60px;
}

#body-container #content {
  margin: auto;
}

#proposalContainer {
  margin: auto;
}

.proposalcontainer-availcard {
  max-width: 1199px;
  padding-left: 0;
  padding-right: 0;
  width: calc(100% - 40px);
}

.avail-results-order .ui-g.result-order-options {
  align-items: flex-start;
}

#proposalContainer .avail-detail-view .back-button {
  justify-content: flex-end;
}

#body-container .ui-g,
#body-container h2 {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
}

.avail-detail-view-availcard .ui-g.air {
  gap: 10px;
  flex-wrap: nowrap !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.avail-card-select-fare {
  font-size: 18px !important;
  color: #103444;
  font-style: normal;
  font-weight: 700 !important;
  letter-spacing: 0.38px;
}

#body-container h2 {
  color: #103444;
}

#form {
  margin: 0;
}

.ui-steps {
  width: 100%;
  height: 50px;
}

#body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul {
  display: flex;
  justify-content: center;
  max-width: 1159px;
  margin: auto;
  overflow: hidden;
  width: 100%;
  height: 50px;
  border-radius: 32px;
}

#body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul li {
  min-width: initial;
  width: 100%;
  border-left: 1px solid #FFFFFF;
}

#body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul li a {
  display: flex;
  background: #103444;
  font-size: 15px;
  color: #FFFFFF;
  padding: 13px 30px;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}

#body .ui-steps-item.ui-state-highlight.ui-corner-all.step-active a {
  background: #005EB8 !important;
}

#body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul li a span {
  border: none;
  background-color: initial;
  font-size: 13px !important;
}

.FilterBTN {
  background-color: #005EB8;
  background-image: url(/resources/media/icon-filter.svg);
  background-repeat: no-repeat;
  padding: 15px 25px 15px 63px;
  background-position: 28px 50%;
  color: #FFFFFF !important;
  border-radius: 100px;
  height: 50px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  width: 270px;
  border: none;
}

.FilterBTN::after,
button.captio-button-with-icon::after,
#body .filter.btn.icon-flights a::after,
#paymentOptionsPanel .ui-commandlink::after {
  transform: translateX(5px);
  display: block;
  content: " ";
  height: 20px;
  width: 20px;
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin-left: 10px;
}

.FilterBTN::after,
#body .filter.btn.icon-cars a::after {
  transform: translateX(5px);
  display: block;
  content: " ";
  height: 20px;
  width: 20px;
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin-left: 10px;
}

.FilterBTN:hover,
#body .filter.btn.icon-flights a::after {
  color: #FFFFFF !important;
}

.FilterBTN:hover::after,
#body .filter.btn.icon-flights a:hover:after,
#paymentOptionsPanel .ui-commandlink:hover::after {
  transform: translateX(10px);
  transition: all 0.3s ease;
}

#body .filter.btn.icon-flights a,
#body .filter.btn.icon-cars a,
#paymentOptionsPanel .ui-commandlink {
  background-image: url(/resources/media/icon-flights.svg);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-color: #103444;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  width: auto;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  border: 2px solid #103444;
  border-radius: 100px;
  padding: 0 13px 0 50px;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 112px;
  height: 50px;
  justify-content: center;
}

#body .filter.btn.icon-cars a {
  background-image: url(/resources/media/icon-car-white.svg) !important;
}

#returnOutboundSelectorPanel,
#rangeDatePanel {
  width: 66%;
}

#departureDateContainer {
  width: 100%;
}

.cols_group {
  display: flex;
  position: relative;
  padding-bottom: 50px;
  padding-top: 30px;
}

#body .filter.btn.icon-flights a:hover,
#paymentOptionsPanel .ui-commandlink:hover {
  background-image: url(/resources/media/icon-flights-hover.svg);
  border: 2px solid #103444;
  background-color: #FFFFFF;
  color: #103444;
}

#body .filter.btn.icon-flights a:hover::after,
#paymentOptionsPanel .ui-commandlink:hover::after {
  background-image: url(/resources/media/icon-btn-next.svg);
  background-repeat: no-repeat;
  background-position-y: center;
}

#body .filter.btn.icon-cars a:hover {
  background-image: url(/resources/media/icon-car-hover.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  border: 2px solid #103444 !important;
  background-color: #FFFFFF !important;
  color: #103444 !important;
}

#body .filter.btn.icon-cars a:hover::after {
  background-image: url(/resources/media/icon-btn-next.svg);
  background-repeat: no-repeat;
  background-position-y: center;
}

#body .column_12,
.row-link-iconography {
  width: 100%;
  display: flex;
}

#body .ui-steps ul li.ui-steps-item .ui-steps-number {
  background: #FFFFFF;
  color: #FFFFFF;
  border: none;
  height: auto;
  width: auto;
  padding-top: 0;
  margin: 0 10px 0 0;
  font-size: 15px;
  text-transform: uppercase;
}

#body .ui-helper-clearfix:before,
#body .ui-helper-clearfix:after {
  content: none;
}

.main-panel .white-panel {
  padding: 40px 40px 40px 40px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #C2C2C2;
}

.main-panel .white-panel h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  margin: 0 0 60px 0;
  text-transform: uppercase;
  padding: 0;
}

.avail-results-order .ui-g {
  display: flex;
  width: 100%;
  justify-content: flex-end !important;
  align-items: center;
}

#filter-messages-form .ui-g {
  align-items: flex-start;
}

#new-message-form div .field {
  width: fit-content;
}

.train-schedule-form {
  margin-top: 2rem;
}

#car-avail-filterButton {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

#car-avail-priceOrder {
  display: flex;
  width: auto;
  padding: 0;
}

.change-passegnger-data-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.change-passegnger-data-form > div {
  margin-top: 20px;
  max-width: 1200px;
}

.bookingForm .ui-g .buttons-container {
  justify-content: right !important;
}

.buttons-container {
  display: flex !important;
  justify-content: right !important;
  flex-wrap: nowrap !important;
}

button.ui-button {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  border-radius: 100px;
  padding: 0 13px;
  background-color: #005EB8;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 125px;
  height: 50px;
}

span.header-item span.ui-linkbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
  width: 100%;
  text-align: left;
}

button.ui-button.side-menu {
  letter-spacing: normal;
}

.formItemColumn {
  flex-direction: column;
}

.ui-g.formItemButtonRow {
  flex-direction: row;
  flex-wrap: nowrap;
}

#bookRetrieveTable_data td .formItemColumnParagraph {
  padding: 0 10px 0 10px;
  line-height: 20px;
}

#availabilityForm button[type=submit].captio-button-with-icon {
  background-color: #FFFFFF;
  color: #005EB8;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 1rem 1.5rem 1rem 2.5rem;
  border: 2px solid #297DB5;
  border-radius: 50px;
}

button.captio-button-with-icon {
  background-color: #FFFFFF;
  color: #005EB8;
  background-repeat: no-repeat;
  border: 2px solid #297DB5;
  border-radius: 50px;
  padding: 1rem 1rem 1rem 3rem;
  background-position: 28px 50%;
  height: 50px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
}

#availabilityForm button[type=submit].captio-button-send-offline::before,
button.captio-button-send-offline,
.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.captio-button-send-offline:hover {
  background-image: url(/resources/images/icon-sendOffline.svg);
}

#availabilityForm button[type=submit].captio-button-send-offline {
  background-image: none;
}

#availabilityForm button[type=submit].captio-button-modify-reject::before,
button.captio-button-modify-reject,
.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.captio-button-modify-reject:hover {
  background-image: url(/resources/images/icon-detele-modify.svg);
}

#availabilityForm button[type=submit].captio-button-modify-reject {
  background-image: none;
}

#availabilityForm button[type=submit].captio-button-with-icon::after {
  background-image: url(/resources/media/icon-btn-next.svg);
}

button.captio-button-with-icon::after {
  background-color: #FFFFFF;
  background-image: url(/resources/media/icon-btn-next.svg);
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}

button.captio-button-with-icon:hover::after {
  transform: translateX(0);
}

#availabilityForm button[type=submit].captio-button-with-icon::after,
button.captio-button-with-icon::after {
  content: attr(data-tooltip);
  opacity: 0;
}

#availabilityForm button[type=submit].captio-button-with-icon:hover::after,
button.captio-button-with-icon:hover::after {
  opacity: 1;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.captio-button-with-icon:hover::after {
  opacity: 1;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.captio-button-with-icon:hover {
  background-color: #FFFFFF;
  color: #005EB8;
  background-repeat: no-repeat;
  border: 2px solid #297DB5;
  border-radius: 50px;
  padding: 1rem 1rem 1rem 3rem;
  background-position: 28px 50%;
  height: 50px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
}

button.captio-button {
  background-color: #FFFFFF;
  color: #005EB8;
  border: 2px solid #005EB8;
}

button.captio-button-only-icon {
  background-color: #FFFFFF !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  border: none;
  min-width: 0;
  max-width: fit-content;
}

button.captio-button-only-icon:hover {
  background-color: #FFFFFF !important;
  border: 2px solid #005EB8;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 40px;
  height: 40px;
}

button.captio-button-only-icon::after {
  content: attr(data-tooltip);
  opacity: 0;
}

button.captio-button-only-icon:hover::after {
  opacity: 1;
}

button.ui-spinner-button {
  min-width: 25px !important;
  display: flex;
  height: 25px !important;
  justify-content: center;
  align-items: center;
}

.ui-button.fa-sync {
  color: #103444;
  background-color: #FFFFFF !important;
}

.ui-button.fa-sync:before {
  padding: 0;
  content: "\f021";
  height: 50px;
  width: 50px;
  color: #103444;
  background-color: #FFFFFF !important;
  display: block;
}

.btn-info-mod {
  float: right;
  background-color: #103444 !important;
  max-width: 220px !important;
}

.ui-button.btn-arrow {
  position: relative !important;
  max-width: 220px !important;
  padding-right: 64px !important;
  padding-left: 24px !important;
}

.ui-button.btn-next {
  position: relative !important;
  max-width: 230px;
  padding-right: 54px !important;
  padding-left: 24px !important;
}

#continueButton.ui-button.btn-next {
  max-width: 200px;
}

.ui-button.btn-arrow span,
.ui-button.btn-next span,
.ui-button.btn-prev span {
  padding: 0 0 0 0 !important;
}

.ui-button.btn-arrow::after {
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 12px;
  height: 13px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  content: " " !important;
  background-image: url(/resources/media/icon-btn-next-hover.svg) !important;
}

.ui-button.btn-next::after {
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  content: " " !important;
  background-image: url(/resources/media/icon-btn-next-hover.svg) !important;
}

.ui-button.btn-next:hover::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg) !important;
  transform: translate(5px, -50%);
}

.ui-button.btn-arrow:hover::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg) !important;
  transform: translate(5px, -50%);
}

.bookingForm .passenger-card-container-train .passenger-card .passenger-type-column::before {
  width: 25px !important;
  height: 32.2px !important;
  content: " ";
  position: relative;
  margin-right: 0;
}
.bookingForm .passenger-card-container-train .passenger-card .passenger-type-column.fa-male::before {
  background-image: url(/resources/media/icon-passenger.svg);
}
.bookingForm .passenger-card-container-train .passenger-card .passenger-type-column.fa-baby::before {
  content: "\f77c";
}
.bookingForm .passenger-card-container-train .passenger-card .passenger-type-column.fa-child::before {
  content: "\f1ae";
}

#bookingForm .passenger-card-container-train .passenger-card .air-booking-retrieve-pax-price {
  justify-content: end;
}
#bookingForm .passenger-card-container-train .passenger-card .air-booking-retrieve-pax-price label {
  text-wrap: wrap;
}

.bookingForm .passenger-card-container-train .passenger-card .personal-data-column {
  align-content: start;
}

.train-journey-group-header {
  padding: 0.5rem 1rem 0.5rem 0;
}

.arrow {
  width: 150px !important;
  padding-right: 54px !important;
  padding-left: 24px !important;
}

.avail-detail-view .air.rowTrainProposal .ui-lg-10 {
  padding: 0;
}

.avail-detail-view .air.rowTrainProposal .ui-lg-10 .train-journey-group-header:first-child {
  border-radius: 10px 10px 0 0;
}

.ui-g.train-journey-group-header {
  padding: 12px 0 12px 0;
}

.ui-g.air.rowTrainProposal {
  border-radius: 0.625rem;
}

.ui-button.btn-prev {
  padding-right: 24px !important;
  position: relative !important;
  padding-left: 54px !important;
  max-width: 200px !important;
}

.ui-button.btn-prev::before {
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 24px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  background-image: url(/resources/media/icon-btn-prev-hover.svg) !important;
}

.ui-button.btn-prev:hover::before {
  transform: translate(-5px, -50%);
}

.column-price button::after {
  background-image: url(/resources/media/icon-btn-next.svg);
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.column-baggage-container {
  background: #F4F4F4;
  border-radius: 5px;
  width: 100%;
  padding: 8px;
}

.column-baggage-container:hover,
.baggage-active {
  background: #103444;
}

.column-baggage-container:hover .air-baggage-selection-option,
.baggage-active .air-baggage-selection-option {
  color: #FFFFFF !important;
}

.air-baggage-selection-option {
  border: none;
}

.air-baggage-selection-option:hover {
  border: none !important;
}

.column-baggage-container .air-baggage-selection-option .bold-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.column-baggage-container .air-baggage-selection-option {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 12px 0 !important;
  text-transform: none;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
}

.ui-radiobutton-icon {
  margin-left: 0 !important;
}

.column-baggage-container:hover .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active,
.baggage-active .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background-color: transparent;
  border: 2px solid #FFFFFF;
}

.baggage-active .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  display: flex;
  align-items: center;
}

.baggage-active .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span {
  margin: 0 !important;
  width: 10px !important;
  height: 10px !important;
}

.ui-radiobutton .ui-radiobutton-box {
  width: 16px;
  height: 16px;
  border-radius: 15px;
}

.column-baggage-container:hover .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active span,
.baggage-active .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active span {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 0;
  width: 12px;
  height: 12px;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.main-panel .white-panel h3 {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.column-baggage-container .air-baggage-selection-option .air-baggage-selection-container,
.column-baggage-container .air-baggage-selection-option .air-carryonbaggage-selection-container {
  width: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.column-baggage-container:hover .air-baggage-selection-option .cross-line-no-baggage-white,
.baggage-active .air-baggage-selection-option .cross-line-no-baggage-white {
  border-top: 2px #FFFFFF solid;
}

.column-baggage-container .air-baggage-selection-option .cross-line-no-baggage-white {
  border-top: 2px #103444 solid;
  transform: rotate(45deg);
}

.column-baggage-container .air-baggage-selection-option .cross-line-no-baggage {
  width: 35px;
  margin: 0;
  position: absolute;
  top: 40px;
}

.cross-line-no-baggage-grey,
.cross-line-no-baggage-white {
  border-top: 2px #103444 solid !important;
  top: 14px !important;
}

.column-baggage-container:hover .cross-line-no-baggage-grey,
.column-baggage-container:hover .cross-line-no-baggage-white {
  border-top: 2px #FFFFFF solid !important;
}

.column-baggage-container:hover .air-baggage-selection-option .fa,
.baggage-active .air-baggage-selection-option .fa {
  width: 30px;
  height: 30px;
  position: relative;
}

.column-baggage-container .air-baggage-selection-option .fa {
  width: 30px;
  height: 30px;
  position: relative;
}

.column-baggage-container .air-baggage-selection-option span {
  margin: 0 0 10px 0;
}

.column-baggage-container .air-baggage-selection-option label,
.column-baggage-container .air-baggage-selection-option span {
  display: block;
  text-transform: none;
  width: 100%;
}

.air-baggage-selection-container .ui-radiobutton.ui-widget .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span,
.air-carryonbaggage-selection-container .ui-radiobutton.ui-widget .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span {
  background-color: #FFFFFF !important;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  right: -0.8px;
  top: 0.1px;
  left: 1px;
}

.column-baggage-container:hover .ui-g.air-baggage-selection-container > div.ui-radiobutton.ui-widget,
.column-baggage-container:hover .ui-g.air-carryonbaggage-selection-container > div.ui-radiobutton.ui-widget {
  background-color: #F4F4F4 !important;
}

.air-baggage-selection-container .ui-radiobutton.ui-widget .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  border: 2px solid #FFFFFF;
}

.column-baggage-container > label .air-baggage-selection-container > span::before {
  background-image: url(/resources/media/icon-suitcase.svg) !important;
  background-repeat: no-repeat;
  content: " " !important;
  display: block;
}

.column-baggage-container:hover > label .air-baggage-selection-container > span::before {
  background-image: url(/resources/media/icon-suitcase-white.svg) !important;
  background-repeat: no-repeat;
  content: " " !important;
  display: block;
}

.baggage-active > label .air-baggage-selection-container > span::before {
  background-image: url(/resources/media/icon-suitcase-white.svg) !important;
  background-repeat: no-repeat;
  content: " " !important;
  display: block;
}

.fa-suitcase::before {
  width: 30px;
  height: 30px;
  background-image: url(/resources/media/icon-suitcase.svg);
}

.column-baggage-container > label .air-carryonbaggage-selection-container > span::before {
  background-image: url(/resources/media/icon-suitcase-cabin.svg) !important;
  background-repeat: no-repeat;
  content: " " !important;
  display: block;
}

.column-baggage-container:hover > label .air-carryonbaggage-selection-container > span::before {
  background-image: url(/resources/media/icon-suitcase-cabin-white.svg) !important;
  background-repeat: no-repeat;
  content: " " !important;
  display: block;
}

.baggage-active > label .air-carryonbaggage-selection-container > span::before {
  background-image: url(/resources/media/icon-suitcase-cabin-white.svg) !important;
  background-repeat: no-repeat;
  content: " " !important;
  display: block;
}

.fa-suitcase-cabin::before {
  width: 30px;
  height: 30px;
  background-image: url(/resources/media/icon-suitcase-cabin.svg);
}

.ui-radiobutton .ui-widget .ui-radiobutton-box .ui-widget .ui-corner-all .ui-state-default {
  border: 1px solid #C2C2C2;
  background: #FFFFFF;
  font-weight: normal;
  color: #103444;
}

/*#region inputs generales*/
input.ui-inputfield {
  padding: 24px 12px;
  background: #FFFFFF;
  border: 1px solid #C2C2C2;
  box-sizing: border-box;
  font-style: normal;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
}

#amadeus-accesses-table input.ui-inputfield {
  background: #FFFFFF;
  border: 1px solid #C2C2C2;
  box-sizing: border-box;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
  padding: 0 0 0 12px !important;
}

/*
Se usa !important temporalmente para modificar el tamaño mínimo porque en la version actual
de primefaces se introduce un min-width al selectOneMenu que nos desborda las referencias
de los usuarios autoreserva al rellenar el formulario para hacer una reserva.
Puede que en versiones posteriores haya un elemento específico para solucionar esto
 */
.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.referenceList {
  min-width: 0 !important;
}

.ui-selectcheckboxmenu,
.ui-selectonemenu {
  transform: none !important;
  height: 50px;
  border: 1px solid #C2C2C2;
  display: flex !important;
  align-items: center;
  position: relative;
}

.ui-chips .ui-chips-container {
  border: 1px solid #C2C2C2;
  height: 50px;
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  margin: 0;
  padding: 24px 12px;
  border: 1px solid #C2C2C2;
  box-sizing: border-box;
  width: 100%;
}

.ui-selectonebutton {
  display: flex;
  padding: 1px;
  justify-content: flex-end;
}

.sidebar-dialog-title-container {
  z-index: 1500;
}

#alternateProposals .breakdown-row {
  justify-content: center;
}

/*#endregion*/
/*#region BOTONES precio horario*/
.ui-selectonebutton .ui-button.ui-state-default.ui-state-active {
  background: #005EB8 !important;
  border: initial !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover {
  background: #005EB8;
  color: #FFFFFF;
}

.ui-selectonebutton .ui-button.ui-state-default {
  border: 0 solid #005EB8 !important;
  border: inherit;
  padding: 7px 30px;
  background-color: #F4F4F4;
}

.ui-selectonebutton .ui-button.ui-state-default.ui-corner-right {
  border-radius: 0 5px 5px 0;
  padding: 7px 30px;
}

.ui-selectonebutton .ui-button.ui-state-default.ui-corner-left {
  border-radius: 5px 0 0 5px;
  padding: 7px 30px;
}

.ui-selectonebutton .ui-button.ui-state-default.ui-corner-right.ui-state-active {
  border-radius: 0 5px 5px 0;
}

#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div input[value=PRICE] + span:first-of-type {
  background-image: url(/resources/media/icon-precio.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 100%;
}

#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div.ui-state-active input[value=PRICE] + span:first-of-type,
#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div.ui-state-hover input[value=PRICE] + span:first-of-type {
  background-image: url(/resources/media/icon-precio-hover.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 100%;
}

#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div input[value=SCHEDULE] + span:first-of-type {
  background-image: url(/resources/media/icon-horario.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 100%;
}

#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div.ui-state-active input[value=SCHEDULE] + span:first-of-type,
#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div.ui-state-hover input[value=SCHEDULE] + span:first-of-type {
  background-image: url(/resources/media/icon-horario-hover.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 100%;
}

#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div input[value=OUTBOUND] + span:first-of-type {
  background-image: url(/resources/media/icon-outbound-return-hover.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 100%;
}

#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div.ui-state-active input[value=OUTBOUND] + span:first-of-type,
#requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all div.ui-state-hover input[value=OUTBOUND] + span:first-of-type {
  background-image: url(/resources/media/icon-outbound-return.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
  width: 100%;
}

.ui-button-text.ui-c:before {
  content: none !important;
}

/*boton de buscar tipo submit*/
#availabilityForm button[type=submit] {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #005EB8;
  padding: 25px 36px 23px 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: auto;
}

#availabilityForm button[type=submit]::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

#availabilityForm button[type=submit] span {
  font-weight: 400 !important;
}

#availabilityForm button[type=submit]:hover::after {
  transform: translate(5px, -50%);
  transition: all 0.3s ease;
}

#availabilityForm button[type=submit]::before {
  background-image: url(/resources/media/icon-flights.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

#availabilityForm button#trainBtn[type=submit]::before {
  background-image: url(/resources/media/icon-trains.svg) !important;
}

#trainBtn {
  margin-left: auto;
}

#availabilityForm button#goldenCardRequestButton[type=submit]::before {
  background-image: url(/resources/media/icon-trains.svg) !important;
}

.field:not(#panel-perfil .field) > label:first-child,
.input-date-range label,
.label {
  color: #103444;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
}

.checkField label {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.5px;
  color: #5d5d5d;
  line-height: 24px;
}

.ui-selectonemenu label.ui-selectonemenu-label {
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.38px;
  color: #5d5d5d;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  border: 0 none;
  margin: 1px 0;
  padding: 3px 5px;
  text-align: left;
  background: #FFFFFF;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.38px;
  color: #5d5d5d;
}

/*#endregion*/
/*#region CHECKS y RADIOS*/
.ui-state-default .ui-icon:not(.ui-icon-plusthick),
.ui-messages .ui-icon,
.ui-sidebar-close .ui-icon,
.ui-datepicker-header .ui-icon,
.ui-selectcheckboxmenu-filter-container .ui-icon {
  background-image: none !important;
}

.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #005EB8 !important;
  box-sizing: border-box;
  border: 2px solid #103444;
}

.ui-radiobutton.ui-widget {
  padding: 0 !important;
  margin: 0 !important;
  height: 16px;
}

.ui-radiobutton {
  border-radius: 15px;
}

.ui-selectoneradio label {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.5px;
  font-style: normal;
  display: inline-block;
  padding: 0;
  margin: 0 15px 0 5px;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 34px;
  background-color: rgb(235, 235, 235);
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #005EB8 !important;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  top: 3px;
  background-color: #c4c4c4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active:before {
  background-color: #FFFFFF;
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.ui-chkbox-icon.ui-icon.ui-c.ui-icon-blank {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*#endregion*/
/*#region INPUT/SELECT*/
.ui-selectonemenu {
  display: flex !important;
  align-items: center;
  position: relative;
  width: auto;
  transform: scaleX(1);
  cursor: pointer;
  padding-right: 22px;
  vertical-align: top;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  cursor: pointer;
  width: 50px !important;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  width: 30px;
  height: 30px;
  display: block;
  background-image: url(/resources/media/icon-select.svg) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 0;
  background-size: 50px;
}

#second-digits-ticketContainer {
  position: relative;
}

#second-digits-ticketContainer::before {
  position: absolute;
  left: -5px;
  top: 25px;
}

#passengersOverlayPanelContainer .ui-g {
  display: flex;
  flex-wrap: inherit;
  width: 100%;
}

#body-container .ui-g {
  justify-content: left;
}

/*#endregion*/
/*#region Calendario y fechas*/
.p-datepicker.ui-calendar.aright > input {
  content: " ";
  background-image: url(/resources/media/icon-date.svg) !important;
  background-size: 20px 20.57px;
  background-position: calc(100% - 12px) 50%;
  background-repeat: no-repeat;
}

.date-range-picker-from,
.date-range-picker-to,
.date-range-picker-from-single {
  position: relative;
  padding: 0 !important;
}

.date-range-picker-from {
  padding-right: 5px !important;
}

.date-range-picker-from .input-icon,
.date-range-picker-from-single .input-icon,
.date-range-picker-to .input-icon {
  bottom: 10%;
  right: 10px;
  position: absolute;
  z-index: 2;
  color: #5d5d5d;
  width: 40px;
  height: 40px;
  background-image: url(/resources/media/icon-date.svg) !important;
  background-size: 20px 20.57px;
  background-position: calc(100% - 0px) 50%;
  background-repeat: no-repeat;
}

.fa-calendar-alt:before {
  content: "" !important;
}

/*datepicker*/
.month-wrapper, #dropoff-date_panel, #pickup-date_panel {
  width: 584px !important;
  padding: 0 !important;
  height: 380px;
  border-radius: 16px !important;
  overflow: hidden;
}

#dropoff-date_panel .ui-datepicker-title, #pickup-date_panel table thead tr th span,
#pickup-date_panel .ui-datepicker-title {
  font-weight: 700 !important;
}

#dropoff-date_panel .ui-datepicker-calendar-container table tbody tr td span.ui-state-disabled,
#pickup-date_panel .ui-datepicker-calendar-container table tbody tr td span.ui-state-disabled {
  color: #C2C2C2 !important;
}

#dropoff-date_panel .ui-datepicker-calendar-container table tbody tr td a.ui-state-active {
  background: #297DB5;
  border-radius: 0 10px 10px 0 !important;
}

#pickup-date_panel .ui-datepicker-calendar-container table tbody tr td a.ui-state-active {
  background: #297DB5;
  border-radius: 10px 0 0 10px !important;
}

#pickup-date_panel .ui-datepicker-calendar-container table tbody tr td a.ui-state-highlight {
  background: #297DB5;
}

#pickup-date_panel .ui-datepicker td span,
#dropoff-date_panel .ui-datepicker td span, .ui-datepicker td a {
  padding: 0 !important;
}

.ui-datepicker-touch-ui.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker-touch-ui.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker-touch-ui.ui-datepicker .ui-datepicker-calendar th {
  padding: 0;
}

#dropoff-date_panel .ui-datepicker-calendar-container table,
#pickup-date_panel .ui-datepicker-calendar-container table {
  height: calc(100% - 10px);
}

#dropoff-date_panel table thead th,
#pickup-date_panel table thead th {
  height: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#dropoff-date_panel table thead th span,
#pickup-date_panel table thead th span {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
}

#dropoff-date_panel .ui-datepicker-group,
#pickup-date_panel .ui-datepicker-group,
#dateIDA_panel .ui-datepicker-group {
  background: #FFFFFF;
  border-radius: 0 0 10px 10px;
  height: calc(100% - 60px);
  width: calc(50% - 10px);
  border: 5px solid #FFFFFF;
  padding: 0;
  margin: 0 !important;
  position: absolute;
}

#dateIDA_panel {
  height: 380px;
}

#dateIDA_panel .ui-datepicker-group {
  display: table;
  height: calc(100% - 80px);
}

#dropoff-date_panel div:nth-child(1),
#pickup-date_panel div:nth-child(1),
#dateIDA_panel div:nth-child(1) {
  left: 0;
}

#dropoff-date_panel div:nth-child(2),
#pickup-date_panel div:nth-child(2),
#dateIDA_panel div:nth-child(2) {
  right: 0;
}

.month-wrapper table thead {
  font-family: "DM Sans", sans-serif !important;
  background: #103444;
  color: #FFFFFF;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 24px;
  letter-spacing: 1.5px !important;
}

.date-picker-wrapper .month-wrapper table .day {
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 24px;
  letter-spacing: 1.5px !important;
  color: #C2C2C2;
  padding: 0 !important;
}

.date-picker-wrapper .footer {
  display: none;
}

.month-wrapper::before {
  font-family: "DM Sans", sans-serif !important;
  background-color: #005EB8 !important;
  display: flex;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  content: "Por favor selecciona un rango de fechas";
  /*TODO CAMBIAR POR LENGUAJE*/
  width: 100% !important;
  height: 27px;
  font-size: 16px !important;
  padding-top: 16px;
  padding-bottom: 17px;
}

.date-picker-wrapper .month-wrapper table {
  background-color: #F4F4F4;
  height: calc(100% - 60px);
  width: calc(50% - 10px) !important;
  border: 5px solid #FFFFFF;
  padding: 0;
  margin: 5px;
}

.date-picker-wrapper .month-wrapper table.month1 {
  border: 1px solid #F3F2EB;
  background: #FFFFFF;
}

.date-picker-wrapper .month-wrapper table.month1,
.date-picker-wrapper .month-wrapper table.month2 {
  border: 2px solid #F4F4F4;
  background: #FFFFFF;
  border-radius: 0 0 10px 10px;
}

.month-wrapper .gap {
  margin: 0;
  width: 0;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #005EB8 !important;
}

.date-picker-wrapper .month-wrapper table .day.first-date-selected {
  border-radius: 10px 0 0 10px;
}

.date-picker-wrapper .month-wrapper table .day.last-date-selected {
  background-color: #005EB8 !important;
  border-radius: 0 10px 10px 0;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #005EB8 !important;
}

.date-picker-wrapper {
  background-color: initial !important;
}

.AcordeonFareRules {
  overflow: scroll;
  max-height: 0;
  width: 100%;
  padding: 0 20px 0 20px;
  transition: all 0.5s;
}

.AcordeonFareRulesActive {
  max-height: initial;
}

/*#endregion*/
/*#region ACORDEON*/
.AcordeonForm {
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s;
}

.AcordeonFormActive {
  overflow: inherit !important;
  max-height: 1100px;
}

.AcordeonFareRulesOptionsWrapper {
  display: flex;
  margin-left: auto;
}

.AcordeonFareRulesOptions {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

.AcordeonOptions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

#multi .AcordeonOptions {
  width: 100%;
}

#multi #AcordeonFrmMulti {
  width: 100%;
}

.AcordeonLabel {
  color: #005EB8;
  margin-right: 10px;
  display: inline-block;
}

.AcordeonBtnPlus, .AcordeonBtnPlusFareRules {
  color: #005EB8;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.AcordeonBtnPlusFareRules {
  color: #FFFFFF;
}

.trainSearchButtonDiv {
  display: flex;
  justify-content: flex-end;
  color: #005EB8;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
}

#form-captio-buttons {
  display: flex;
  gap: 1em;
}

.lowcost-contract button.generate-document-button {
  border-radius: 100px !important;
}

.auxiliary-buttons span {
  color: #103444 !important;
  display: inline-block !important;
}

.auxiliary-buttons a.ui-commandlink.ui-widget.fa.fa-envelope.envelope-icon::before {
  content: "\f0e0" !important;
}

/*#endregion*/
/*paneles*/
#feesPanel > h2 {
  margin: 0 0 60px 0;
}

.white-panel.profiles-quote > h2 {
  margin: 0 0 60px 0;
}

#pasajerosPanel > div:first-child > span:first-child > h2:first-child {
  margin: 0 0 60px 0;
}

.white-panel > #contactInfo {
  margin: 60px 0 0 0;
}

/****/
.avail-summary-container #data {
  padding: 20px;
}

.passenger-panel .ui-panel-title {
  background-color: #FFFFFF !important;
}

.passenger-panel .ui-panel-titlebar-icon.ui-corner-all.ui-state-default .ui-icon.ui-icon-plusthick,
.ui-button-icon-left.ui-icon.ui-c.fa.fa-arrow-right {
  background-position: 0 0;
  width: 12px;
  height: 1px;
  display: block;
  border: 0;
  background-image: url(/resources/media/icon-circle-triangle-e.svg) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: " ";
}

/*#endregion*/
/*#region asientos*/
#fee-ancillarie > input {
  text-align: left;
}

.selected-pax-seats-button {
  background: #005EB8 !important;
  color: #FFFFFF;
  height: 50px !important;
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-style: normal;
  font-size: 13px;
  line-height: 26px;
  border-radius: 100px;
  padding: 0 0 0 23px;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 100px;
  max-width: 290px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400 !important;
}

.selected-pax-seats-button::after {
  display: block;
  content: " ";
  height: 20px;
  width: 20px;
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin-left: 30px;
}

.selected-pax-seats-button:hover::after {
  transform: translate(5px, 0%);
  transition: all 0.3s ease;
}

.selected-pax-seats-button:hover {
  color: #FFFFFF;
}

#selected-pax-seats h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 1.5px;
  margin-right: 23px;
  color: #103444;
  font-family: "DM Sans", sans-serif !important;
  display: flex;
}

#selected-pax-seats label {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.38px;
  display: block;
  text-align: left;
  padding-left: 40px;
}

#selected-pax-seats > div > h5::before {
  display: block;
  content: " ";
  top: 10px;
  height: 28px;
  width: 28px;
  background-image: url(/resources/media/icon-plane.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin-right: 8px;
}

/*#endregion*/
/*region avion seleccion de asientos*/
.box-seat-map .plane {
  width: auto;
}

.plane {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.plane-head {
  display: flex;
  height: 300px;
  width: 270px;
}

.seat-subheader-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.plane-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin: 5px 0;
}

.plane-head > img {
  content: url(/resources/media/plane-head-hor.svg?pfdrid_c=true) !important;
}

.plane-head-image {
  border: 0;
  width: inherit !important;
  height: inherit !important;
}

.pax-seat-election .button-seat-pax-selected {
  border: 2px solid #103444 !important;
  color: #FFFFFF !important;
  background-color: #103444 !important;
}

.button-seat-pax-selected,
.button-seat-pax {
  margin: 10px;
  background-color: #103444 !important;
  color: #FFFFFF !important;
  padding: 10px;
  display: flex;
  width: auto;
}

a.button-seat-pax-selected,
a.button-seat-pax {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  color: #103444;
  border: 2px solid #103444;
  border-radius: 100px;
  padding: 0 13px;
  background-color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 112px;
  height: 50px;
  display: flex;
  text-align: center;
  justify-content: center;
}

.pax-seat-election .btn.button-seat-pax {
  border: 2px solid #103444 !important;
  color: #103444 !important;
  background-color: #FFFFFF !important;
}

.row-number {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.plane-seat {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 40px;
}

.disabled-seat {
  cursor: default;
  background-color: #8d8b8b;
  pointer-events: none;
}

.disabled-seat:hover {
  cursor: default;
  background-color: #8d8b8b;
}

.plane-seat > a > p {
  margin: 0;
  padding-top: 5px;
}

.row-exit {
  height: calc(100% - 8px);
  background-color: #F4F4F4;
  border-top: 4px solid #146b00;
  border-bottom: 4px solid #146b00;
}

.plane-row label {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 7px;
  display: inline-block;
}

.seat-available a {
  cursor: pointer;
  pointer-events: all;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-grow: 1;
  display: flex;
}

.plane-leyend {
  /*agregar clase .box-seat-map*/
  margin-bottom: 50px;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-top: 20px;
  min-width: auto;
  width: auto;
  display: flex;
}

.plane-leyend .ui-g {
  flex-direction: column;
}

.plane-leyend-property {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.exit-square {
  width: 50px;
  height: 46px;
  background-color: #FFFFFF;
  border-bottom: 4px solid #146b00;
}

.plane-leyend .plane-leyend-property {
  display: inline-block;
  width: auto;
  min-width: 80px;
  text-align: center;
}

.plane-leyend .plane-leyend-property .leyend-text {
  margin-top: 5px;
  padding: 0;
  text-align: center;
  display: inline-block;
}

.leyend-text {
  padding-left: 1em;
  font-size: 1.1em;
  color: #5d5d5d;
}

.box-plane {
  overflow-x: scroll;
  cursor: e-resize;
}

.plane-seat.seat-available.seat-chargeable.seat-selected > a > p > label {
  color: #FFFFFF !important;
}

#seat-map .sidebar-dialog-title-container {
  display: flex;
  color: #FFFFFF;
}

#seat-map .seatModalTitle {
  color: #FFFFFF !important;
  text-align: center;
}

.seatModalClose {
  color: #FFFFFF !important;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer;
}

#seat-map .ui-g.buttons-container > button > span::before {
  content: " " !important;
}

#seat-map .ui-g.buttons-container {
  justify-content: center !important;
}

#seat-map .ui-g.buttons-container > button {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  color: #103444;
  border-radius: 100px;
  padding: 0 38px 0 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 112px;
  height: 50px;
  border: 2px solid #005EB8 !important;
  background: #005EB8 !important;
}

#seat-map .ui-g.buttons-container > button:first-child:before {
  background-image: none !important;
}

#seat-map .ui-g.buttons-container > button:first-child:after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

#body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul li:first-child {
  border: none;
}

.ui-g.send-agent-remark-container {
  align-items: center;
}

/*#endregion*/
/*#region botones inferiores*/
#airList > .buttons-container,
.buttons-container-train,
.avail-detail-view-trains-fare .ui-g.buttons-container.buttons-container-trains,
.body-hibrid-page .ui-g.buttons-container {
  display: flex;
  justify-content: end;
  max-width: 1199px;
  margin: auto;
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: calc(100% - 40px);
}

.body-hibrid-page .ui-g.buttons-container {
  justify-content: end !important;
  width: 100% !important;
  padding-right: 0 !important;
}

.buttons-container-train button[type=submit] {
  padding: 0 5px 0 5px !important;
  min-width: 150px !important;
}

.buttons-container-train button[type=submit]:hover::before {
  transform: translate(-5px, -50%) !important;
}

#body .filter.btn.icon-flights.btn-mi-reservaTrain a {
  background-image: url(/resources/media/icon-trains.svg) !important;
}

#body .filter.btn.icon-flights.btn-mi-reservaTrain a:hover {
  background-image: url(/resources/media/icon-train.svg) !important;
}

/*#endregion*/
.box-resumen-item-container, .box-resumen-item-container.box-resumen-item-container-card {
  padding: 40px;
  background: #FFFFFF;
  border: 1px solid #C2C2C2;
  border-radius: 10px;
  margin: 0 0 20px 0;
}

.box-resumen-item-container h2 {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 32px !important;
  letter-spacing: 1.5px !important;
  color: #103444;
  text-transform: uppercase;
}

.box-resumen-item {
  display: grid;
  grid-template-columns: 250px 280px auto auto;
  gap: 30px;
  align-items: flex-start;
}

.box-resumen-item.carQuote {
  grid-template-columns: repeat(4, auto);
}

.box-resumen-item.car-pre-booking {
  grid-template-columns: repeat(5, auto);
}

.btn-style-02 {
  margin: 0;
}

.btn-style-02 a span {
  margin: 0 10px !important;
}

.box-resumen-item .fecha,
.box-resumen-item .price {
  display: flex;
  flex-direction: column;
  color: #103444 !important;
  align-items: flex-start;
}

.box-resumen-item .price {
  min-width: 100px !important;
  max-width: 150px !important;
}

.box-resumen-item .price.cancel-info {
  min-width: 200px !important;
}

.box-resumen-item .fecha .date-value {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.box-resumen-item .fecha .value,
.box-resumen-item .state .value,
.box-resumen-item .price label:nth-child(2) {
  display: block;
  font-weight: 700;
  font-size: 16px;
}

#bookMessagesContainer .messenger {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}

#bookMessagesContainer .messenger .messenger-item {
  width: 100%;
}

#bookMessagesContainer .messenger .messenger-item .ui-panel-title {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  text-transform: none;
}

#priceOrder_items li.ui-state-disabled {
  display: none;
}

#priceOrderContainer {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin: 0 !important;
  flex-direction: column;
  align-content: flex-start;
  align-items: start;
}

#priceOrderContainer label:first-child {
  margin-bottom: 40px;
  line-height: 34px !important;
  position: absolute;
  text-transform: uppercase;
  top: -18px;
  font-family: "DM Sans", sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  color: #103444;
}

#priceOrderContainer #priceOrder {
  margin-right: 0 !important;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
  min-width: 220px !important;
  border-radius: 20px;
  font-size: 13px;
}

#priceOrder .ui-selectonemenu-trigger {
  width: 35px !important;
  border-radius: 50%;
  overflow: hidden;
}

#priceOrder .ui-selectonemenu-trigger span {
  background-size: 30px !important;
}

textarea {
  font-family: "DM Sans", sans-serif !important;
  padding: 12px 20px;
  background: #FFFFFF;
  box-sizing: border-box;
  width: 100%;
  display: block;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 24px;
  letter-spacing: 0.38px !important;
  border: 1px solid #C2C2C2;
  color: #777777;
}

.bookingForm h4 {
  font-family: "DM Sans", sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px;
  letter-spacing: 1.5px !important;
  color: #103444;
}

#standar {
  width: 100%;
}

.btnSumary,
.btn-search-data,
.clouse-datasearch {
  display: none;
}

#dynamicExpReferences input,
#dynamicExpReferences label,
.ref-container label {
  text-transform: uppercase !important;
}

#automatic-invoicing h4 {
  margin-bottom: 15px !important;
  font-family: "DM Sans", sans-serif !important;
  color: #103444 !important;
}

#availabilityForm .ui-messages-error {
  margin-top: 5px !important;
}

.multi-journey-remove,
.multi-journey-add {
  font-size: 25px !important;
  margin-bottom: 20px;
}

.d-flex {
  display: flex !important;
}

/*estilos botones tandem*/
.btn-tandem::before {
  left: 24px !important;
}

.btn-tandem span {
  padding: 0 23px 0 22px !important;
}

.btn-tandem::after {
  right: 25px;
}

/*itinerario boton*/
button.button-send-itinerary {
  background-image: url(/resources/media/icon-pdf-hover.svg) !important;
  background-position: 15px 13px !important;
  background-repeat: no-repeat !important;
  height: 40px !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  background-color: #103444 !important;
  color: #FFFFFF !important;
  margin-left: 15px !important;
  padding-left: 35px !important;
  padding-right: 13px !important;
}

button.button-send-itinerary span {
  color: #FFFFFF !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  align-items: center;
  letter-spacing: 2px;
}

/*****trenes ***/
#dates span.input-icon.fa.fa-calendar-alt {
  margin-right: 15px;
}

/*end trenes*/
#pick-off-pointContainer label:first-child {
  display: none;
}

#drop-off-point-label {
  color: #103444;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
}

button[type=submit].btnSearchCars::before {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f1b9";
  font-size: 22px;
}

/** El important aquí sobreescribe el framework de primefaces*/
button[type=submit].btnSearchCars {
  min-width: 18% !important;
}

button[type=submit].btnSearchCars::after {
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  content: " ";
  background-image: url(/resources/media/icon-btn-next-hover.svg);
}

.buttons-container-cars {
  justify-content: right !important;
}

.cruiseSearchButtonDiv {
  display: flex;
  justify-content: flex-end;
  color: #005EB8;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

#availabilityForm button#cruiseBtn[type=submit]::before {
  background-image: url(/resources/media/icon-cruises.svg) !important;
}

.ssrOsiLabel .ui-panel-titlebar span.ui-panel-title {
  cursor: pointer;
}

.train-main-panel .box-resumen-item-container .box-resumen-item {
  justify-content: space-between;
}

.ui-datepicker {
  border-radius: 16px 16px 16px 16px !important;
  padding: 0 !important;
}

.ui-datepicker .ui-datepicker-group.ui-widget-content {
  height: calc(100% - 80px);
  border: 2px solid #F4F4F4;
  background: #FFFFFF;
  border-radius: 0 0 10px 10px;
  padding: 5px;
}

.ui-datepicker .ui-datepicker-group.ui-widget-content .ui-datepicker-header,
.ui-datepicker .ui-datepicker-calendar-container table thead {
  background: #103444;
  border-radius: 5px 5px 0 0;
  padding: 12px 0 0 0;
}

.ui-datepicker .ui-datepicker-group.ui-widget-content .ui-datepicker-header {
  background: #103444;
  padding: 0;
  border: 1px solid #F4F4F4;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-group.ui-widget-content .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-group.ui-widget-content .ui-datepicker-header .ui-datepicker-next {
  color: #FFFFFF;
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
  border: none;
  background: none;
  box-shadow: none;
  outline: none;
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
  margin-top: 2px;
}

.ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker-header .ui-datepicker-next:hover {
  background-color: #ccc;
  color: white;
}

input.ui-datepicker-year {
  height: 18px;
  font-size: 12px;
  color: black !important;
}

.ui-datepicker .ui-datepicker-calendar-container table thead tr th span,
.ui-datepicker .ui-datepicker-group.ui-widget-content .ui-datepicker-header .ui-datepicker-title {
  color: #FFFFFF !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  padding-top: 5px;
}

.ui-datepicker .ui-datepicker-calendar-container table tbody tr td span .ui-datepicker .ui-datepicker-calendar-container table tbody tr td a,
.ui-datepicker a {
  color: black !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
}

.ui-datepicker td {
  font-size: 12px !important;
}

.ui-datepicker .ui-datepicker-calendar-container {
  height: calc(100% - 22px);
  border: 1px solid #F4F4F4;
  border-top: 0;
}

.ui-datepicker .ui-datepicker-calendar-container table {
  height: 100%;
}

.ui-datepicker::before {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  background-color: #297DB5;
  display: flex !important;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 27px;
  font-size: 16px !important;
  padding-top: 16px;
  padding-bottom: 17px;
  text-align: center;
  border-radius: 16px 16px 0 0;
}

.avail-results-order-grid {
  display: flex;
}

.cesionDatosPanel {
  width: 100%;
}

.cesionDatosPanel .ui-selectoneradio {
  display: flex;
  flex-direction: row;
}

.main-panel.container-confirm-payment {
  margin-top: 60px;
}

.container-confirm-payment .buttons-container {
  justify-content: end !important;
}

.container-confirm-payment .ui-outputlabel.payment-type-title:not(.payment-type-title-concept) {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.container-confirm-payment .ui-outputlabel {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.container-confirm-payment .row-padding label.ui-outputlabel:not(.payment-type-title):not(.payment-type-title-concept) {
  font-style: normal !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
  width: 100% !important;
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
}

.container-confirm-payment .ui-message-detail {
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 0.38px;
  color: #103444;
}

.container-confirm-payment .ui-staticmessage {
  justify-content: center !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
  padding-left: 3em !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
  padding-top: 1.5em !important;
  background: transparent !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  width: 30px !important;
}

.ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all div.ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right span.ui-icon.ui-icon-triangle-1-s,
.ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all.select-check-edit div.ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right span.ui-icon.ui-icon-triangle-1-s {
  width: 30px;
  height: 30px;
  display: block;
  margin-top: 0 !important;
  background-image: url(/resources/media/icon-select.svg) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 0;
  background-size: 50px;
}

button.ui-autocomplete-dropdown {
  margin-top: 0 !important;
  background: #c4c4c4 !important;
  background-image: url(/resources/media/icon-select.svg) !important;
  background-repeat: no-repeat;
  width: 56px !important;
  min-width: 56px !important;
  border-radius: 0 !important;
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
  white-space: normal;
  padding: 12px;
}

.ui-autocomplete-token-icon.ui-icon.ui-icon-close,
.ui-selectcheckboxmenu-token-icon.ui-icon.ui-icon-close {
  background-image: url(/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega) !important;
  padding: 0 4px;
}

.ui-tabs .ui-tabs-nav li a {
  min-width: 200px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
  border-radius: 20px;
  min-width: 200px;
}

.iframe-avsis-invoice {
  display: flex !important;
  max-width: 1199px;
  height: 100vh;
  justify-content: center !important;
  width: calc(100% - 40px);
  padding-top: 20px;
  padding-bottom: 0;
  margin: auto auto 10px;
  flex-direction: column;
}

.avsisFrameTitle {
  margin-bottom: 1rem;
  font-size: 30px !important;
  margin-top: 0;
}

/*informes de emision*/
.providers-select .ui-selectcheckboxmenu-trigger {
  width: 50px !important;
}

.providers-select .ui-selectcheckboxmenu-trigger span {
  top: 0 !important;
  width: 30px;
  height: 30px;
  display: block;
  margin-top: 0 !important;
  background-image: url(/resources/media/icon-select.svg) !important;
  background-repeat: no-repeat;
  background-position-x: 0 !important;
  background-position-y: 0;
  background-size: 50px;
  margin-right: 0 !important;
}

a.fa-file-excel,
a.fa-file-pdf {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 26px !important;
  border-radius: 100px !important;
  background-color: #103444 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  min-width: 125px !important;
  height: 30px !important;
  max-width: 250px !important;
  color: #FFFFFF !important;
  padding: 14px 17px 8px 21px !important;
}

.providers-select span.ui-selectcheckboxmenu-token-icon.ui-icon.ui-icon-close {
  width: 6px;
  height: 16px;
}

.contactInfoTrain h2 {
  margin-bottom: 10px !important;
}

.custom-toggle {
  margin: 0 !important;
}

.custom-toggle label {
  margin: 0 !important;
}

.custom-toggle .ui-state-default span.ui-icon.ui-icon-plusthick {
  background-image: url(/jakarta.faces.resource/images/ui-icons_454545_256x240.png.xhtml?ln=primefaces-omega) !important;
  width: 16px;
  height: 16px;
}

.custom-toggle.ui-panel .ui-panel-titlebar {
  background-color: #FFFFFF;
  color: initial;
  border-radius: 0;
  padding: 0 !important;
}

.custom-toggle a {
  position: absolute;
  right: 0;
  top: 18px;
}

.custom-toggle.ui-panel .ui-panel-content {
  border: 0;
  background: 0;
  padding: 0;
}

.ui-state-default .ui-icon, .ui-messages .ui-icon, .ui-sidebar-close .ui-icon, .ui-datepicker-header .ui-icon, .ui-dialog-titlebar-icon .ui-icon, .ui-selectcheckboxmenu-filter-container .ui-icon {
  background-image: url(/jakarta.faces.resource/images/ui-icons_454545_256x240.png.xhtml?ln=primefaces-omega);
  width: 16px;
  height: 16px;
}

#configuration-cars-branchoffice-panel {
  width: 100% !important;
}

#tourOperatorTrainConditios {
  margin-top: 25px;
}

.ui-selectmanycheckbox .ui-g {
  justify-content: space-between !important;
}

.ui-selectmanycheckbox .ui-g div {
  display: flex;
}

.ui-panel-titlebar-icon span.ui-icon.ui-icon-minusthick {
  background-image: url("/jakarta.faces.resource/images/ui-icons_454545_256x240.png.xhtml?ln=primefaces-omega");
}

.ui-panel-titlebar-icon span.ui-icon.ui-icon-plusthick {
  right: 0 !important;
}

.ui-state-loading.ui-button-text-only .ui-icon-loading {
  width: 17px !important;
  height: 17px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pi-spinner:before {
  content: "\e926";
  height: 15px;
  width: 15px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3px;
}

.ui-outputlabel .ui-outputlabel-label {
  overflow: inherit !important;
}

#numberElements::before {
  display: none;
}

.voluntary-changes-avail .white-panel.filter-count-container.filter-count-container-aereo {
  padding-right: 0 !important;
  padding-left: 5px !important;
}

.white-panel.tt-table-container h3 {
  font: 30px "DM Sans", sans-serif;
  color: rgb(16, 52, 68);
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 24px;
}

.availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price button.btn-update-avail {
  position: relative !important;
  max-width: 220px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  height: 50px !important;
}

.btn-update-avail span {
  position: relative !important;
  max-width: 220px !important;
  padding-right: 54px !important;
  padding-left: 24px !important;
}

.total-price-update-avail {
  font-weight: 700;
  font-size: 30px !important;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  font-family: "DM Sans", sans-serif !important;
}

.ui-fileupload-files {
  width: 100%;
}

.ui-fileupload-files .ui-fileupload-row {
  display: flex;
  flex-direction: row;
}

.avail-detail-view .no-fare-header .no-fare-header-img.no-fare-header-img-train {
  margin-left: 0;
}

#availResults table td.avail-price label.label-avail-price-train,
#quoteResults table td.avail-price label.label-avail-price-train {
  display: block;
  margin-bottom: 5px;
}

.reload-fee-button {
  margin-top: 3.5em;
}

@media (max-width: 1480px) {
  .availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price button.btn-update-avail-responsive {
    max-width: 102px !important;
  }
}
@media (max-width: 1024px) {
  .availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price button.btn-update-avail-responsive {
    max-width: 220px !important;
  }
}
.circle-img img {
  border-radius: 50%;
  display: block;
}

.panel-user-profile .ui-g {
  display: flex;
  align-items: center;
  height: 100%;
}

#nationality, #country {
  min-width: auto !important;
  /*
  Este important hace que en ciertos selectonemenu donde se aplicaba un estilo
  min-width: 306px que no se encuentra en ningun css de la aplicacion
  se desactive y se vea todo de manera correcta
  */
}

/*PETITIONS-FORM*/
.petition-list-container {
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 40px;
}

.captio-petition-list .captio-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: 20px;
}

.captio-petition-list .captio-icon.FLIGHT {
  background-image: url(/resources/media/icon-flights-hover.svg) !important;
}

.captio-petition-list .captio-icon.TRAIN {
  background-image: url(/resources/media/icon-trains-hover.svg) !important;
}

.captio-petition-list .captio-icon.CAR {
  background-image: url(/resources/media/icon-cars-hover.svg) !important;
}

.captio-petition-list .captio-icon.HOTEL {
  background-image: url(/resources/media/icon-hotels-hover.svg) !important;
}

.oep-captio-icons-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 10px;
  min-width: 4.1rem;
}
.oep-captio-icons-container .icons {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.oep-captio-icons-container label {
  text-align: center;
  font-size: 10px;
}
.oep-captio-icons-container .fa {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(10px);
}

.captio-petition-list .normal-captio-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.loadDocumentContainer {
  display: flex;
  justify-content: space-between;
}

.loadDocumentContainer button {
  align-self: center;
}

.subject-column {
  white-space: normal;
  text-overflow: clip;
  word-break: break-word;
}

/*#region tablas de resultados*/
.avail-results-order {
  display: grid;
  grid-template-columns: 270px calc(100% - 270px);
  max-width: 1200px;
  justify-content: center;
  margin: auto auto 0 auto;
  align-items: center;
  padding: 20px 0 0 0;
}

.avail-results-order-train .iconography-container {
  margin-top: 0;
  margin-right: 15px;
}

.avail-results-order-train #filterBTN {
  /*se usa important porque la clase original lo contiene y no fue retirado de los ajustes de diseño*/
  margin: 0 !important;
}

#proposalForm .ui-g.row-numberElements-and-iconography,
#availResults .ui-g.row-numberElements-and-iconography {
  position: absolute;
  margin-top: 0.4rem;
  width: 80%;
  display: flex;
  justify-content: flex-start;
}

#body-container.air-body-container {
  background-color: transparent;
}

.air-content {
  background-color: #F4F4F4;
}

#body-container .ui-g .avail-results-order-train {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  margin: auto;
  background-color: transparent;
  max-width: 1200px;
  flex-wrap: nowrap;
  align-items: flex-start;
}

#body-container .ui-g .no-filter-button {
  justify-content: right;
  padding-right: 40px;
}

.row-numberElements-and-iconography > a {
  margin-left: 1rem;
}

.ui-g .avail-body {
  padding-top: 3.5rem;
}

.avail-results-order-cruise {
  max-width: 1199px;
  justify-content: center !important;
  width: calc(100% - 40px);
  padding-top: 20px;
  padding-bottom: 0;
  margin: auto auto 10px;
}

.avail-results-order-trains {
  grid-template-columns: 100% !important;
}

.train-order-filter, .car-order-filter {
  border: 1px solid #e5e5e5 !important;
  background-color: #ffffff !important;
  border-radius: 20px;
  min-width: 250px !important;
}

#availResults_content {
  padding: 0;
}

.avail-results-order-air-schemule {
  padding-top: 10px;
  margin: 10px;
}

.avail-results-order-air-schemule .FilterBTN {
  align-self: center;
}

#collapsedSearch .ui-g.display-search-row {
  background-color: #F4F4F4 !important;
}

.train-price-proposal .ui-g.air-price-detail {
  padding-left: 10px;
  padding-right: 10px;
}

.collapsed-search-train .avail-summary-container {
  z-index: 1000;
}

.avail-detail-view-train .ui-g.air {
  margin-bottom: 0 !important;
}

.ui-g.avail-results-order.avail-results-order-train.white-panel {
  background-color: #F4F4F4 !important;
}

.avail-results-order-train div#priceOrder {
  width: 200px !important;
  align-items: center;
  height: 12px !important;
}

.avail-summary .collapsed-search {
  background-color: #F4F4F4;
}

#datasearch.collapsed-search-train.collapsed-search .avail-summary-container .ida:first-child {
  background-image: url(/resources/media/icon-trains.svg);
  flex: 2 0 0;
}

#datasearch.collapsed-search-train.collapsed-search .avail-summary-container .ida > *:not(.btn-search) {
  border-right: inherit !important;
}

#datasearch.collapsed-search-train.collapsed-search .avail-summary-container #journey-dates {
  padding-top: 15px !important;
  flex-direction: row !important;
}

#datasearch.collapsed-search-train.collapsed-search .avail-summary-container #journey-dates span:nth-child(2) {
  margin-left: 20px;
}

#datasearch.collapsed-search-train.collapsed-search .avail-summary-container #btnSearchListSearch {
  background-position: 9px 50%;
}

#datasearch.collapsed-search-train.collapsed-search .avail-summary-container::after {
  right: 8px !important;
}

.calendar-air-options {
  padding: 20px;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.avail-calendar-container {
  max-width: 1200px;
  padding: 40px;
  box-shadow: 0 0 5px 0 #888;
  border-radius: 0.2cm;
  margin: 20px auto auto;
}

.avail-calendar-container .title-vuelta {
  padding: 0 !important;
  width: 50px;
}

.avail-calendar-container .calendar-row .calendar-cell:hover {
  transition: all 1s;
}

.avail-calendar-container .calendar-row:hover {
  border-top: none !important;
  border-bottom: none !important;
}

.avail-calendar-container .subtitle-row .subtitle-cell.far {
  padding-left: 0;
}

.avail-calendar-container .subtitle-row .subtitle-cell,
.avail-calendar-container .calendar-row .calendar-cell:first-child {
  font-size: 16px !important;
}

.avail-calendar-container .calendar-row .calendar-cell {
  font-size: 18px !important;
}

/*#region tdata serch*/
.ui-panel .ui-panel-content {
  border: 0;
  background: 0;
  padding: 0;
}

.btn-search {
  background-color: #005EB8;
  content: "search";
  cursor: pointer;
  display: block;
  height: 100%;
  width: 64px;
  background-image: url(/resources/media/icon-search-right.svg);
  background-size: 24px 24px;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 1px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.ui-outputlabel.ui-widget.fas.fa-long-arrow-alt-right:before {
  content: " " !important;
  padding: 0;
  min-width: 25px;
  height: 20px;
  display: inline-block;
  background-position: 0 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url(/resources/media/icon-left.svg);
  margin-right: 8px !important;
}

.display-search-row {
  background-color: #FFFFFF;
}

/*#endregion*/
.main-panel-train {
  margin-top: 40px;
  max-width: 800px;
  padding: 20px 20px 10px;
  width: calc(100% - 40px);
}

#availResults:not(.availResultsUpdate),
#quoteResults,
.main-panel,
.booking-central-column {
  max-width: 1200px;
  margin: 1rem auto auto auto;
  padding-top: 0;
  position: relative;
  width: calc(100% - 40px);
}

.main-panel div#availResults {
  padding: 0;
  margin: 1.5rem 0 0 0;
  width: 100%;
}

.main-panel-offline {
  border-radius: 10px;
  padding: 40px;
}

#availResults .avail-price, #quoteResults .avail-price {
  color: #103444;
}

#availResults table td.avail-price label,
#quoteResults table td.avail-price label {
  margin: 0 5px;
  font-weight: 700 !important;
  font-size: 17px !important;
  text-align: right;
}

.main-panel {
  padding-top: 40px;
}

.ui-commandlink.ui-widget.fa.fa-list-alt.rectangle-icon,
.ui-commandlink.ui-widget.fa.fa-align-justify.rectangle-icon,
.ui-commandlink.ui-widget.fa.fa-th-large.rectangle-icon,
.ui-commandlink.ui-widget.fa.fa-list-alt.envelope-icon,
.ui-commandlink.ui-widget.fa.fa-align-justify.envelope-icon,
.ui-commandlink.ui-widget.fa.fa-th-large.envelope-icon {
  width: 40px;
  height: 40px;
  background-color: #103444;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 10px;
  background-size: 20px 14.05px;
  border-radius: 50%;
}

.rectangle-icon:before {
  content: none !important;
}

.send-mail-btn:before {
  left: calc(50% - 10px) !important;
}

.box-filter #changeView a {
  border-radius: 50%;
}

a:hover,
#content a:hover {
  text-decoration: none;
}

#tabsView.active,
#listView.active,
#outboundView.active,
#tabsView:hover,
#listView:hover,
#outboundView:hover {
  background-color: #005EB8;
}

a,
#content a {
  text-decoration: none;
}

#listView {
  background-image: url(/resources/media/icon-listView.svg);
}

#outboundView {
  background-image: url(/resources/media/icon-outbound-return.svg);
}

#tabsView {
  background-image: url(/resources/media/icon-tabsView.svg);
}

#mosaicView {
  display: none;
}

#priceOrder {
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.38px;
  color: var(--color-gray-two);
  position: relative;
  padding: 20px 10px 20px 0;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 1rem;
}

.avail-results-order .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  content: "";
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-left: 0;
  background-size: 100% 100%;
  background-image: url(/resources/media/icon-select.svg) !important;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.avail-results-order .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  bottom: 0;
  background-color: transparent !important;
  display: inline-block;
  width: 50px !important;
  height: 50px !important;
  border-radius: 34px;
}

.avail-results-order .ui-chkbox .ui-chkbox-box .ui-chkbox-icon::before {
  content: "";
}

.avail-results-order.white-panel div.ui-g label.ui-outputlabel.ui-widget {
  position: absolute;
  text-transform: uppercase;
  top: -30px;
  font-family: "DM Sans", sans-serif;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  color: #103444;
}

#carResultsFilterContainer {
  width: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.air-price {
  background-color: #103444;
  margin: 0 !important;
  color: #FFFFFF !important;
  justify-content: center;
  align-items: center;
  padding: 10px 0 !important;
  border-radius: 10px;
}

.air-price .price,
.air-price a,
.air-journey-group-header span,
.air-journey-group-header label,
.air-journey-group-header a,
.air-journey-group-header {
  color: #FFFFFF !important;
}

.air .avail-mosaic-view,
.avail-detail-view .air .air-journey-group-header *:not(.link),
.alternate-proposals .air-journey-group-header,
.train-journey-group-header {
  color: #FFFFFF !important;
  display: flex;
  align-items: center;
}

.addon-label {
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
}

.train-addon-passenger {
  font-size: 1.7em !important;
  margin-bottom: 0.7em;
}

.train-addon-journey {
  font-size: 1.5em;
  margin-bottom: 0.7em;
}

.train-addon-name {
  font-size: 1.2em;
}

.train-addon-description {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 0.7em;
}

.train-addons-menu > .ui-selectoneradio.layout-line-direction > div {
  display: flex;
}

.train-addons-menu > .ui-selectoneradio.layout-line-direction > div > .ui-radiobutton.ui-widget {
  margin-top: 13px !important;
}

.train-addons-menu > .ui-selectoneradio.layout-line-direction > div > label > div > h4 {
  font-weight: bold !important;
}

.train-addons-menu > .ui-selectoneradio.layout-line-direction > div > label > div > p {
  padding: 6px !important;
}

.train-journeys-container {
  display: flex;
  flex-direction: column;
}

.train-addons-menu {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
}

.air-journey-container {
  padding: 0;
}

.air-journey-group-header {
  background-color: #103444;
  color: #FFFFFF !important;
}

.avail-detail-view .air .air-journey-group-header,
.alternate-proposals .air-journey-group-header,
.air-journeis-info .air-journey-group-header,
.avail-detail-view .air .train-journey-group-header,
.air-journeis-info .train-journey-group-header {
  border-bottom: none;
}

.avail-detail-view .car,
.avail-detail-view .air:not(.train-table-proposal),
.avail-detail-view .background-color-light-grey,
.external-booking-price .air-price-detail {
  margin-bottom: 50px;
}

.ui-g.air.train-table-proposal {
  background-color: transparent;
}

.proposal-train-row {
  display: flex;
  flex-direction: column;
  padding: 0 0.5rem 0 0 !important;
}

#j_idt771_header {
  background-color: #575756 !important;
  color: white;
  padding: 0 !important;
}

#j_idt771_toggler .ui-icon-plusthick {
  background-image: url(/resources/media/icon-filter-plusthick.svg) !important;
}

#j_idt771_toggler .ui-icon-minusthick {
  background: transparent !important;
  background-position: 0 0;
  background-repeat: no-repeat !important;
  display: block;
  border: 0;
  content: " ";
  background-image: url(/resources/media/icon-filter-minusthick.svg) !important;
}

.ui-panel.ui-widget.ui-widget-content.ui-corner-all {
  padding-left: 0;
  padding-right: 0;
}

.ui-g.air-journey-group-header {
  padding: 23px 25px 23px 5px;
  border-radius: 10px 10px 0 0;
}

.ui-g.air-journey-group-header.air-journey-group-header-responsive {
  border-radius: 0;
}

.row-datalist ul li .air-journey-group-header label {
  color: #FFFFFF;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 1.5px;
  font-family: 100% "DM Sans", sans-serif;
}

.avail-detail-view .air .air-price .price {
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  margin-bottom: 13px;
  font-family: 100% "DM Sans", sans-serif;
}

.price-container {
  padding-top: 35px !important;
}

.avail-detail-view .air .air-price .sub-price {
  font-size: 15px !important;
}

.price-new-intinerary {
  font-weight: 700;
  font-size: 25px !important;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  margin-bottom: 13px;
  font-family: 100% "DM Sans", sans-serif;
}

.fare-info {
  font-size: 1.5em;
  text-align: right;
}

.sidebar-dialog.ui-sidebar-active.iconography .row-data {
  display: grid;
  grid-template-columns: 33% 36% 33%;
}

.dialog-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.row-link-iconography {
  position: absolute !important;
  max-width: 1200px;
  left: 50%;
  margin: 0;
  margin-top: 50px !important;
  transform: translate(-50%, 0%);
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
}

.row-link-iconography {
  position: relative !important;
  max-width: initial;
  left: 0;
  margin: 0;
  transform: translate(0%, 0%);
  display: flex !important;
  width: auto !important;
  justify-content: flex-end !important;
  align-items: center;
}

.iconography-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.alignright .row-link-iconography {
  position: relative !important;
  align-self: flex-end;
  justify-self: flex-start;
}

.ui-button-icon-left.ui-icon.ui-c.fa.fa-check,
.ui-button-icon-left.ui-icon.ui-c.fa.fa-times {
  margin-left: 10px;
}

.row-link-iconography a,
.row-numberElements-and-iconography a,
.iconography-container a {
  font-family: "DM Sans", sans-serif !important;
  display: flex;
  align-items: center;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
}

.fa-info-circle:before {
  content: "\f05a";
}

.row-link-iconography .fa-info-circle:before,
.modal-link.icon-info {
  content: " " !important;
  background-image: url(/resources/media/icon-info.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  font-style: normal;
  color: #103444;
  padding: 0 0 0 27px;
  height: 30px;
  display: flex;
}

.ui-g.row-data .fas.fa.fa-tag {
  margin: 10px;
}

.fas.fa.fa-tag.fare-PUBLIC,
.fas.fa.fa-tag.fare-LOWCOST,
.fas.fa.fa-tag.fare-CORPORATE,
.fas.fa.fa-tag.fare-PYME,
.fas.fa.fa-tag.fare-TOUR_OPERATOR,
.fas.fa.fa-tag.fare-NEGOTIATED,
.fas.fa.fa-tag.fare-ETHNIC,
.fas.fa.fa-tag.fare-WEB,
.fas.fa.fa-tag.fare-SPORT,
.iconography .fa-tag,
.iconography .fa-plane,
.iconography .fa-train,
.iconography .fa-bus,
.iconography .fa-ticket-alt,
.iconography .fa-users,
.iconography .fa-star,
.iconography .fa-concierge-bell,
.iconography .fa-suitcase {
  font-family: 100% "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  display: flex !important;
  align-items: center;
  letter-spacing: 1.5px;
  color: #103444 !important;
  justify-content: flex-start;
}

.fas.fa.fa-tag.fare-PUBLIC::before,
.fas.fa.fa-tag.fare-LOWCOST::before,
.fas.fa.fa-tag.fare-CORPORATE::before,
.fas.fa.fa-tag.fare-PYME::before,
.fas.fa.fa-tag.fare-TOUR_OPERATOR::before,
.fas.fa.fa-tag.fare-NEGOTIATED::before,
.fas.fa.fa-tag.fare-ETHNIC::before,
.fas.fa.fa-tag.fare-SPORT::before,
.fas.fa.fa-tag.fare-WEB::before,
.iconography .fa-tag:before,
.iconography .fa-plane:before,
.iconography .fa-train:before,
.iconography .fa-bus:before,
.iconography .fa-ticket-alt:before,
.iconography .fa-users:before,
.iconography .fa-star:before,
.iconography .fa-concierge-bell:before,
.iconography .fa-suitcase:before {
  content: " ";
  display: block;
  background-image: url(/resources/images/icon-PUBLIC.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  margin-right: 15px !important;
}

.fas.fa.fa-tag.fare-SPORT::before {
  background-image: url(/resources/images/icon-SPORT.svg);
}

.fas.fa.fa-tag.fare-PUBLIC::before {
  background-image: url(/resources/images/icon-PUBLIC.svg);
}

.fas.fa.fa-tag.fare-LOWCOST::before {
  background-image: url(/resources/images/icon-LOWCOST.svg);
}

.fas.fa.fa-tag.fare-CORPORATE::before {
  background-image: url(/resources/images/icon-CORPORATE.svg);
}

.fas.fa.fa-tag.fare-PYME::before {
  background-image: url(/resources/images/icon-PYME.svg);
}

.fas.fa.fa-tag.fare-TOUR_OPERATOR::before {
  background-image: url(/resources/images/icon-TOUR_OPERATOR.svg);
}

.fas.fa.fa-tag.fare-NEGOTIATED::before {
  background-image: url(/resources/images/icon-NEGOTIATED.svg);
}

.fas.fa.fa-tag.fare-ETHNIC::before {
  background-image: url(/resources/images/icon-ETHNIC.svg);
}

.fas.fa.fa-tag.fare-WEB::before {
  background-image: url(/resources/images/icon-WEB.svg);
}

.iconography .fa-plane:before {
  background-image: url("/resources/media/icon-plane.svg");
}

.iconography .fa-train:before {
  background-image: url("/resources/media/icon-train.svg");
}

.iconography .fa-bus:before {
  background-image: url("/resources/media/icon-busway-hover.svg");
}

.iconography .fa-concierge-bell:before {
  background-image: url("/resources/media/icon-concierge-bell.svg");
}

.iconography .fa-users:before {
  background-image: url("/resources/media/icon-users.svg");
}

.iconography .fa-ticket-alt:before {
  background-image: url("/resources/media/icon-ticket-alt.svg");
}

.iconography .fa-wheelchair::before {
  background-image: url("/resources/media/icon-wheelchair.svg");
}

.iconography .fa-wifi::before {
  background-image: url("/resources/media/icon-wifi.svg");
}

.ui-lg-10.ui-md-8.ui-sm-12 {
  font-size: 1.5em;
}

.air-journey-group-header .fa-plane {
  content: " ";
  padding-left: 34px;
  background-image: url(/resources/media/icon-flights.svg);
  background-position: 50%, 0;
  background-repeat: no-repeat;
  display: block !important;
  min-height: 30px;
  padding-right: 30px;
}

.air-journey-group-header label {
  color: #FFFFFF;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 1.5px;
  font-family: 100% "DM Sans", sans-serif;
  text-transform: uppercase;
}

.air-journey-group-header label .ui-outputlabel.ui-widget.fa.fa-calendar-alt {
  font-weight: 500;
  padding-left: 27px;
}

.fa-2x {
  font-size: 2em;
}

.fa.fa-plane.fa-2x {
  transform: rotate(45deg);
  margin: auto 25px;
}

.fa.fa-plane.fa-2x.rotate-return {
  transform: rotate(225deg);
  margin: auto 25px;
}

.ui-datatable table td {
  padding-top: 26px;
  padding-bottom: 26px;
}

table td label {
  font-family: 100% "DM Sans", sans-serif !important;
  letter-spacing: 1.5px;
  vertical-align: middle;
  font-weight: 500;
  font-size: 13px !important;
  line-height: 24px;
  color: #103444;
}

table td .iata label {
  margin: 0 5px;
  font-weight: 700 !important;
  font-size: 17px !important;
}

.ui-datatable table tr {
  border: 1px solid #F4F4F4;
}

.availResultsDetalle tbody tr {
  display: flex;
  align-items: center;
}

.air-journey-group-header .ui-lg-10 {
  width: 75%;
}

.air-journey-group-header .ui-lg-2 {
  width: 25%;
}

.fa-calendar-alt {
  position: relative;
  padding-left: 21px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
}

.font-aw-train {
  font-size: 16px !important;
  text-transform: uppercase;
}

.fa-calendar-train {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 16px !important;
  text-transform: uppercase;
  letter-spacing: initial;
}

.journey-header-train span.fa.fa-calendar-alt {
  color: black;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-align: center;
  letter-spacing: 1.5px;
  margin-left: auto;
  margin-right: auto;
}

.train-table-proposal td.class-header-train {
  display: table-cell;
  padding: 0 10px 0 20px;
  margin-right: 5px;
}

.train-table-proposal .train-price-proposal {
  padding-bottom: 12px !important;
}

.train-table-proposal .train-price-proposal button[type=submit] {
  padding: 0 5px 0 5px;
  min-width: 150px;
}

.train-table-proposal .train-price-proposal button[type=submit]::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 17px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.train-table-proposal .train-price-proposal button[type=submit]:hover::after {
  transform: translate(5px, -50%) !important;
}

.journey-header-train span.fa.fa-calendar-alt::before {
  background-image: url(/resources/media/icon-passenger-calendar.svg) !important;
}

.ui-datalist-item .fa-calendar-alt:before,
.air-journey-group-header .fa-calendar-alt:before {
  background-image: url(/resources/media/icon-calendar.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: " ";
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ui-commandlink.ui-widget.fa.fa-chevron-left,
.ui-commandlink.ui-widget.fa.fa-chevron-right {
  font-size: 1rem;
}

.ui-outputlabel.ui-widget.fas.fa-concierge-bell {
  font-size: 1em;
}

table td.ui-selection-column {
  padding-left: 34px;
  padding-right: 0;
}

table .right-column {
  font-size: 1.5em;
}

table .right-column.down.baggage {
  white-space: nowrap;
}

.avail-detail-view .air .air-price .breakdown:not(.fa-chevron-down):not(.fa-chevron-up) {
  color: #FFFFFF;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 24px !important;
  text-align: center;
  letter-spacing: 1.5px;
  text-decoration: underline;
  margin-left: auto;
  margin-right: auto;
}

/*paginacion*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-paginator,
.ui-paginator.ui-widget-header {
  text-align: right;
  background-color: transparent;
  border: 0;
}

.ui-paginator {
  margin-bottom: 30px;
}

.ui-paginator a,
.ui-paginator.ui-widget-header a {
  background-color: transparent;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  border: 0;
  height: 24px;
  min-width: 20px;
  display: inline-block;
  text-align: center;
}

.ui-paginator-pages .ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 3px;
  margin-right: 3px;
}

.ui-paginator-first.ui-state-default.ui-corner-all {
  width: 24px;
  height: 24px;
}

.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  background-image: none;
}

.ui-paginator-first.ui-state-default.ui-corner-all {
  background-image: url(/resources/media/paginator-first.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  background-size: 16px 10px;
}

.ui-paginator-prev.ui-state-default.ui-corner-all {
  background-image: url(/resources/media/paginator-prev.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  background-size: 16px 10px;
}

.ui-paginator-last.ui-state-default.ui-corner-all {
  background-image: url(/resources/media/paginator-last.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  background-size: 16px 10px;
}

.ui-paginator-next.ui-state-default.ui-corner-all {
  background-image: url(/resources/media/paginator-next.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
  background-size: 16px 10px;
}

.ui-paginator,
.ui-paginator-pages,
#proposalRow_paginator_top,
#proposals_paginator_top,
#proposalRow_paginator_bottom,
#proposals_paginator_bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
}

.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
  background: #005EB8;
  color: #FFFFFF;
  border-radius: 25px;
  height: 24px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-paginator-page.ui-state-default {
  background: #005EB8;
  color: #103444;
  border-radius: 50%;
  height: 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#bookRetrieveTable .ui-paginator-rpp-options {
  display: inline-block;
}

.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
  display: none;
}

.avail-filters-column .filters .ui-selectmanycheckbox tr {
  background: initial !important;
}

.avail-filters-column .ui-icon.ui-icon-plusthick {
  background: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 48px !important;
  height: 48px !important;
  display: block;
  border: 0;
  background-image: url(/resources/media/icon-plusthick.svg) !important;
}

.avail-filters-column .ui-icon.ui-icon-minusthick {
  background: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 48px !important;
  height: 48px !important;
  display: block;
  border: 0;
  background-image: url(/resources/media/icon-minusthick.svg) !important;
}

.avail-filters-column .filters .ui-selectmanycheckbox tr td label,
#deselectAllClasses {
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px;
  letter-spacing: 0.38px;
  color: #F4F4F4 !important;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
}

.avail-filters-column .filters .ui-selectmanycheckbox tr td label,
#deselectAllProviders {
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px;
  letter-spacing: 0.38px;
  color: #F4F4F4 !important;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
}

.avail-filters-column .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  width: 17px;
  height: 17px;
  position: relative;
  margin-right: 12px;
  color: #103444;
  border-radius: 0;
}

.avail-filters-column .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  left: 0;
  content: " ";
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  border-radius: 0;
  transform: translateX(0px);
}

.avail-filters-column .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default span {
  display: none;
}

.avail-filters-column label {
  color: #FFFFFF !important;
}

.avail-filters-column #departureHourFilter_content span,
.avail-filters-column #durationHourFilter_content span,
.avail-filters-column #flightTimeFilter_content span,
.avail-filters-column .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  color: #FFFFFF !important;
}

#deselect-all-fares,
#deselectAllCarriers {
  position: relative !important;
  color: #FFFFFF !important;
}

#count {
  display: none;
}

.ui-outputlabel.ui-widget.fa.fa-suitcase,
.ui-outputlabel.ui-widget.fa.fa-users,
.ui-outputlabel.ui-widget.fas.fa-concierge-bell {
  font-family: "DM Sans", sans-serif !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px !important;
  text-align: center;
}

.ui-outputlabel.ui-widget.fa.fa-suitcase::before {
  content: " ";
  background-image: url(/resources/media/icon-suitcase.svg);
  display: inline-block;
  height: 30px;
  background-repeat: no-repeat;
}

.ui-g.container-fare-basis-segment {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1.5px;
}

.ui-outputlabel.ui-widget.fa.fa-users:before {
  content: " ";
  display: inline-block;
  background-image: url(/resources/media/icon-users.svg);
  width: 30px;
  height: 30px;
  min-width: 30px;
}

.ui-outputlabel.ui-widget.fas.fa-concierge-bell:before {
  content: " ";
  display: inline-block;
  background-image: url(/resources/media/icon-concierge-bell.svg);
  width: 30px !important;
  min-width: 30px;
  height: 30px;
}

.segment {
  display: grid !important;
  grid-template-columns: 180px calc(100% - 180px);
}

.segment-info.info-icons {
  text-align: right;
}

.segment-detail .segment-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

.ui-g.features-container {
  flex-direction: column;
}

.segment-detail .segment-info .ui-outputlabel.ui-widget.fas.fa-concierge-bell,
.segment-detail .segment-info .ui-outputlabel.ui-widget.fa.fa-suitcase,
.segment-detail .segment-info .ui-outputlabel.ui-widget.fa.fa-users,
.segment-detail .segment-info .ui-outputlabel.ui-widget.fa.fa-ticket-alt {
  font-size: 12px !important;
  color: #103444;
  display: flex;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: center;
}

.segment-detail .segment-info .fa.fa-ticket-alt:before {
  font-size: 20px !important;
  margin-right: 12px !important;
}

.segment-data {
  width: 100% !important;
  align-self: center;
}

.segment-data .fa-users,
.segment-data .fa-suitcase {
  display: flex;
  justify-content: center !important;
  margin-top: 0;
}

.segment .ui-lg-12 {
  width: 100%;
}

.air-price .ui-g.breakdown-row .ui-commandlink.ui-widget.breakdown {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-decoration: underline !important;
}

.ui-lg-4.ui-md-.ui-sm-2.segment-info {
  margin: 30px 0 0 23px !important;
}

.ui-g.segment-arrival {
  width: 100%;
}

.ui-commandlink.ui-widget.restore-filter {
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px;
  letter-spacing: 0.38px;
  color: #F4F4F4 !important;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
}

.ui-expanded-row-content.ui-widget-content.segments .ui-g.segment .ui-lg-9 {
  width: 100%;
}

.tablaSesionDatos table tbody tr,
.tablaSesionDatos table tbody tr td {
  display: table-row;
  align-items: center;
  justify-content: center;
}

.tablaSesionDatos table tbody tr td .ui-radiobutton.ui-widget {
  margin-right: 10px !important;
}

.rowToggler {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ui-row-toggler span {
  font-family: "DM Sans", sans-serif;
  width: 100%;
  height: auto;
  text-indent: 0;
  margin: 0;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 11px !important;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  position: relative;
  cursor: pointer;
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-row-toggler span:hover {
  text-decoration-line: underline;
}

.ui-datatable table tbody tr .ui-row-toggler span::after {
  font-family: "Font Awesome 5 Free", serif;
  font-weight: bold;
  content: "\f077";
  font-size: 8px !important;
  color: #5d5d5d;
}

.ui-datatable table tbody tr .ui-row-toggler span:first-child::after {
  content: "\f078";
}

.ui-expanded-row-content .segment {
  padding: 15px;
}

.proposal-carrier-messages {
  font-family: "DM Sans", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 10px !important;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #002333;
  text-transform: uppercase;
  display: inline-block;
  padding: 30px !important;
  margin: 0 0 7px 0;
  width: calc(100% - 60px);
  text-align: left;
}

.ui-datepicker .ui-datepicker-prev span::before {
  content: "<";
}

.ui-datepicker .ui-datepicker-next span::before {
  content: ">";
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  top: 12px !important;
  text-indent: inherit;
  color: #FFFFFF;
}

.sidebar-dialog.ui-sidebar-active.iconography .row-data span:first-child,
.sidebar-dialog.ui-sidebar-active.iconography .row-data label:first-child:before {
  font-weight: 500 !important;
}

.row-link-iconography.iconographyBtnClose {
  margin-top: 0 !important;
  position: absolute !important;
  right: 0;
  top: 25px;
  z-index: 9999;
}

.row-link-iconography.iconographyBtnClose a.fa-info-circle {
  color: #FFFFFF !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 26px !important;
}

.row-link-iconography.iconographyBtnClose a::before {
  background-image: none !important;
}

.contact-agency {
  content: " ";
  background-image: url(/resources/media/at.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 19.04px;
  height: 25.33px;
  background-size: 19px 22px;
  display: inline-block;
  position: absolute;
  right: 100%;
}

.ui-tooltip {
  background-color: #555;
  color: #fff;
  border-radius: 5px;
  padding: 5px;
  left: -130%;
}

.ui-tooltip .ui-tooltip-text {
  font-size: 14px;
}

.availResultsDetalle table tbody td .segment-departure div:first-child span,
.availResultsDetalle table tbody td .segment-detail .ui-g .segment-info label,
.availResultsDetalle table tbody td .segment-arrival div:first-child span {
  margin-left: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #103444;
  text-align: left;
  letter-spacing: 1.5px;
  font-family: 100% "DM Sans", sans-serif;
}

.availResultsDetalle table tbody td .segment-departure div:first-child span.segment-hour,
.availResultsDetalle table tbody td .segment-arrival div:first-child span.segment-hour {
  margin-left: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  font-family: 100% "DM Sans", sans-serif;
}

.showResponsive {
  display: none;
}

.listTableSegment .segment-data.boton {
  display: flex;
  align-items: center;
  color: white;
}

.avail-list-view.ui-datatable.tablaListTable tbody td button span {
  color: #FFFFFF !important;
  padding: 1px;
}

.avail-list-view.ui-datatable.tablaListTable tbody td button span::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 25px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

#documentsTable tbody tr td .fa-file-download,
#documentsTable tbody tr td .fa-trash-alt {
  color: #103444;
  font-size: 20px !important;
}

#documentsTable tbody tr td:first-child {
  text-align: center;
}

#documentsTable tbody tr td .ui-fieldset-content label {
  border-bottom: inherit !important;
}

#documentsTable tbody tr td .ui-fieldset-legend {
  padding-bottom: 0;
}

#documentsTable thead tr th .ui-column-customfilter .ui-selectonemenu label {
  font-size: 12px !important;
}

.schemule-label {
  position: relative !important;
  display: block;
  padding: 15px;
}

.eticket-aereo {
  display: list-item;
}

.car-details .car-description-container {
  margin-bottom: 18px;
  margin-top: 18px;
}

.car-caracteristics .caracteristic {
  margin-top: 10px;
}

.car-details .car-locations {
  margin-bottom: 30px;
}

.proposal-car .air-price .car-price-detail .price-label {
  display: flex;
}

.proposal-car .air-price .car-price-detail .price-label label {
  flex: 1 1 0;
}

.proposal-car .air-price .car-price-detail .price-label label:nth-child(2) {
  text-align: right;
}

.voucherContainer > div {
  margin-left: 42.5%;
}

.noPaddding {
  padding: 0 !important;
}

.terms-and-conditions-car {
  text-decoration: underline !important;
  color: #297db5 !important;
}

.avail-detail-view .air .air-price .breakdown.fa-chevron-down span, .avail-detail-view .air .air-price .breakdown.fa-chevron-up span {
  color: white !important;
}

.desglose-size12 label span {
  color: white !important;
}

.additional-price label span {
  color: white !important;
  font-weight: 700 !important;
  font-size: 25px !important;
  line-height: 24px;
  letter-spacing: 1.5px;
}

.avail-results-order-filterButton #filterBTN {
  align-items: center;
}

#train-quote-priceOrder .row-link-iconography {
  margin-right: 3rem;
}

#train-quote-filterButton {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

#filterAndCaptioButtonsContainer {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.captioButtonsContainer {
  display: flex;
  gap: 1em;
  margin-right: auto;
}

.avail-results-order-priceOrder {
  display: flex;
  justify-content: flex-end;
  justify-self: flex-end;
}

#train-quote-priceOrder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0;
}

.outbound-inbound-filter-message {
  font-weight: bold;
}

.avails-trains-container {
  padding-top: 0;
  padding-bottom: 0;
}

.ui-selection-column {
  text-align: center;
}

#header-container,
.ui-menu.ui-menu-dynamic.ui-connected-overlay-enter-done,
.avail-filters-column,
.notifications-links,
.proposal-info {
  display: flex;
  position: fixed !important;
  flex-direction: column;
  justify-content: flex-start;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  max-width: 350px !important;
  background-color: #005EB8;
  z-index: 1001 !important;
  transform: translateX(-100%);
  transition: all 0.6s;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8);
  overflow: hidden;
  overflow-y: auto;
  padding: 0 !important;
}

.ui-menu.ui-menu-dynamic {
  position: fixed !important;
  flex-direction: column;
  justify-content: flex-start;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  max-width: 350px !important;
  background-color: #005EB8;
  z-index: 1001 !important;
  transform: translateX(-100%);
  transition: all 0.6s;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8);
  overflow: hidden;
  overflow-y: auto;
  padding: 0 !important;
}

.ui-menu.ui-menu-dynamic,
.ui-menu.ui-menu-dynamic.ui-connected-overlay-enter-done {
  transform: translateX(0%);
}

.avail-filters-column,
.proposal-info {
  background-color: #103444;
  color: #FFFFFF;
  padding: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap !important;
}

.ui-divider-horizontal:before,
.soft-separator {
  display: none;
}

.avail-filters-column .filters .filter-panel,
.avail-filters-column .filter-count-container {
  background-color: initial;
}

.avail-filters-column .filters .filter-panel a {
  position: absolute;
  right: 20px;
}

.avail-filters-column .filters .filter-panel {
  margin: 0;
  padding: 0;
}

.avail-filters-column .ui-panel .ui-panel-content {
  padding: 20px !important;
}

.avail-filters-column .ui-panel-title,
.avail-filters-column .price-detail,
.proposal-info .ui-panel-title,
.proposal-info .price-detail {
  background-color: #103444 !important;
  width: 100%;
}

.proposal-info .last-ticketing-date,
.proposal-info .terms-conditions,
.price-detail,
.proposal-info h4,
.proposal-info h5,
.proposal-info .journey-detail,
.other-data-item {
  padding: 20px;
  color: #FFFFFF !important;
  font: 100% "DM Sans", sans-serif;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  font-style: normal;
  box-sizing: border-box;
}

.proposal-info .other-data-item {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.proposal-info .other-data-item div {
  padding: 0;
  margin: 0;
}

.proposal-info h4 {
  padding: 0;
  margin: 0;
}

.proposal-info .booking-status h4 {
  font: 100% "DM Sans", sans-serif;
  font-size: 14px !important;
  display: flex;
  flex-wrap: wrap;
}

.proposal-info .booking-status span {
  color: #05A5C7;
  font-size: 1.3em !important;
  font-weight: bold !important;
}

.proposal-info .customer-info h4,
.proposal-info .customer-info label {
  font: 100% "DM Sans", sans-serif;
  padding: 10px 20px;
  font-size: 16px !important;
  display: flex;
  flex-wrap: wrap;
}

.proposal-info span {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #FFFFFF;
}

.terms-conditions {
  height: auto;
  align-items: center;
}

.proposal-info .last-ticketing-date,
.proposal-info .terms-conditions,
.proposal-info .price-detail,
.proposal-info .journey-detail {
  border-bottom: #FFFFFF solid 2px;
}

.proposal-info .title-text-upper,
.proposal-info .title-text-upper2 {
  color: #005EB8 !important;
}

.proposal-info .center-column .title-text-upper,
.proposal-info .center-column .fa-clock::before {
  color: #FFFFFF !important;
}

.proposal-info .fa.fa-plane.fa-2x {
  transform: rotate(0deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.proposal-info .center-column .fa-plane::before {
  background-image: url(/resources/media/icon-plane-white.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  content: " " !important;
  display: block;
  margin: 0;
  padding: 0;
  justify-self: center;
}

.proposal-info .center-column .ui-outputlabel.ui-widget.fa.fa-suitcase {
  display: flex;
  justify-content: center;
  align-items: center;
}

.proposal-info .center-column .ui-outputlabel.ui-widget.fa.fa-suitcase::before {
  background-image: url(/resources/media/icon-suitcase-white.svg);
  background-repeat: no-repeat;
  background-size: 18px 20px;
  justify-self: center;
  align-items: center;
  background-position: center;
}

.avail-filters-column .ui-selectonebutton .ui-button.ui-state-default {
  background: #FFFFFF;
  border: 0;
  color: #103444;
  padding: 5px 5px;
  background-repeat: no-repeat;
  background-position: 17px 50%;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  border-radius: 0 !important;
}

.btn-close-container {
  background-color: #103444; /* Color de fondo del contenedor */
  position: sticky;
  top: 0;
  z-index: 2;
}

.btn-close,
.avail-filters-column .btn-close,
.proposal-info .btn-close {
  width: 24px;
  min-height: 24px;
  background-image: url(/resources/media/icon-menumobile-close.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 24px 0 20px 30px;
  cursor: pointer;
}

#classFilter_header {
  padding-top: 18px !important;
  border-top: #FFFFFF 1px solid;
}

.avail-filters-column .ui-selectonebutton .ui-button.ui-state-default.ui-corner-right.ui-state-active {
  color: #FFFFFF;
}

.avail-filters-column .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  left: 0;
  content: " ";
  background-color: transparent;
  background-image: url(/resources/media/icon-chkbox-checked.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.ui-panel-titlebar-icon.ui-corner-all.ui-state-default {
  background: initial !important;
}

.ui-button-icon-left.ui-icon.ui-c.fa.fa-arrow-right {
  width: 20px !important;
  height: 20px !important;
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent !important;
  min-width: auto;
  max-width: none;
  background-image: none;
  border: 0 !important;
}

.conditions-button {
  padding: 0 !important;
  margin: 0 !important;
  background: inherit;
}

.proposal-info .terms-conditions .button-fare-conditions {
  text-align: left;
  width: 100%;
}

.proposal-info .terms-conditions .button-fare-conditions > span {
  padding: 0;
}

.proposal-info .terms-conditions .button-fare-conditions::after {
  background-repeat: no-repeat;
  width: 6px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  content: " ";
  background-image: url(/resources/media/icon-btn-next-hover.svg);
}

.ui-panel-titlebar-icon.ui-corner-all.ui-state-default .ui-icon.ui-icon-plusthick,
.ui-button-icon-left.ui-icon.ui-c.fa.fa-arrow-right::before {
  background-repeat: no-repeat !important;
  display: block;
  border: 0;
  background-image: url(/resources/media/icon-plusthick.svg);
  content: " ";
  right: 15px;
}

.bookingForm .proposal-info .ui-icon-plusthick {
  background-image: url(/resources/media/icon-filter-plusthick.svg) !important;
  filter: invert(0);
  background-repeat: no-repeat;
  position: absolute;
  top: -6px !important;
}

.ui-button-icon-left.ui-icon.ui-c.fa.fa-arrow-right::before {
  background-image: url(/resources/media/icon-btn-next-hover.svg) !important;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  content: " ";
  display: block;
}

.proposal-info button:hover,
.proposal-info .downloadLink:hover,
.proposal-info .lowcost-contract .generate-document-button:hover {
  background-color: initial;
}

.proposal-info .price-detail .price-label.breakdown-price-indent {
  margin-left: 0;
}

.ui-panel-title .price-detail {
  border-bottom: none;
  padding: 0;
  text-transform: uppercase;
  font-weight: 500;
}

.proposal-info .ui-panel-titlebar-icon.ui-corner-all.ui-state-default .ui-icon.ui-icon-plusthick {
  background: initial;
  background-image: url(/resources/media/icon-filter-plusthick.svg) !important;
  background-color: initial;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 8px;
  height: 18px;
  display: block;
  border: 0;
}

#taxes-prices_toggler .ui-icon.ui-icon-plusthick {
  height: 20px;
  width: 20px;
  background: transparent;
  background-image: url(/resources/media/icon-filter-plusthick.svg) !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  right: 3px;
}

#taxes-prices_toggler .ui-icon.ui-icon-minusthick {
  height: 20px;
  width: 20px;
  background: transparent;
  background-image: url(/resources/media/icon-filter-minusthick.svg) !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  right: 3px;
}

.proposal-info .ui-panel-titlebar-icon.ui-corner-all.ui-state-default .ui-icon.ui-icon-minusthick {
  background-image: url(/resources/media/icon-filter-minusthick.svg) !important;
  background-position: center;
  background-repeat: no-repeat !important;
  display: block;
  right: 5px;
  bottom: 5px;
}

.proposal-info .price-detail .price-toggleable .ui-panel-titlebar .ui-panel-titlebar-icon {
  position: relative;
  bottom: 20px;
  left: 15px;
}

.proposal-info .total-price .price-amount {
  padding-right: 20px !important;
  text-align: right;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 30px !important;
}

.proposal-info .last-ticketing-date span {
  color: #005EB8 !important;
}

.journey-detail div {
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #FFFFFF;
}

.journey-detail .detail-departure div {
  display: flex;
  flex-direction: column;
}

.ui-divider-horizontal {
  display: none !important;
}

.proposal-info .booking-status,
.proposal-info .agency-info {
  padding: 20px;
}

#select-all-fares {
  position: relative !important;
}

.bookingForm .proposal-info .price-detail {
  display: flex;
  padding: 20px !important;
}

.bookingForm .proposal-info .price-detail .price-detail {
  padding: 0 !important;
}

.bookingForm .proposal-info .price-detail h4 {
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.proposal-info button.ui-button {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  border-radius: initial;
  padding: 0 !important;
  background-color: initial !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: initial;
  height: initial !important;
  max-width: initial !important;
  color: #FFFFFF;
  position: initial !important;
}

#header-container .header-left,
#header-container .header-left-2,
.btnCloseMenu {
  width: 100%;
}

.header-left form .ui-menubutton.ui-widget,
#header-container .header-left-2 .header-item,
#header-container .btnCloseMenu,
.avail-filters-column .ui-panel .ui-panel-titlebar,
.avail-filters-column .filter-count-container,
.ui-menu.ui-menu-dynamic ul li a,
.ui-menu.ui-menu-dynamic.ui-connected-overlay-enter-done ul li a,
.notifications-links .notifications-links-item,
.notifications-links .btn-close {
  font: 100% "DM Sans", sans-serif;
  border-bottom: #FFFFFF 1px solid;
  margin: 0;
  padding: 17px 20px !important;
  width: calc(100% - 40px);
  font-weight: 400 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: initial;
  font-style: normal;
  font-size: 15px !important;
  line-height: 37px;
  height: 37px;
  letter-spacing: 0.38px;
  color: #FFFFFF;
  position: relative;
  text-transform: uppercase;
}

.header .header-container .header-left .ui-menubutton .ui-button,
#header-container .user-label,
.header .header-container .header-left .ui-menubutton .lowcost-contract .generate-document-button,
.lowcost-contract .header .header-container .header-left .ui-menubutton .generate-document-button {
  font: 100% "DM Sans", sans-serif;
  background: none;
  display: flex;
  position: initial;
  margin-right: 20px;
  font-weight: 400 !important;
  cursor: pointer;
  align-items: center;
  font-style: normal;
  font-size: 15px !important;
  line-height: 36px;
  letter-spacing: 0.38px;
  color: #FFFFFF;
  text-transform: uppercase;
}

#header-container .header-left .ui-menubutton .ui-button .ui-icon {
  background-image: url(/resources/media/icon-menumobile-next.svg) !important;
  background-size: 6px 12px !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  background-position: 0 0 !important;
  width: 6px !important;
  height: 12px !important;
  left: initial !important;
  right: 20px !important;
  top: 30px !important;
  bottom: auto !important;
  position: absolute !important;
  transform: none !important;
}

#header-container .header-item .fas,
#header-container .header-item label {
  font: 100% "DM Sans", sans-serif !important;
  line-height: 50px !important;
  height: 50px !important;
  color: #FFFFFF !important;
}

.btnCloseMenu {
  background-image: url(/resources/media/icon-menumobile-close.svg);
  background-position: 20px 20px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  position: absolute;
  border: 0;
  height: 36px;
  z-index: 99999;
  cursor: pointer;
  display: none;
}

#selectAllCarriers,
#deselectAllCarriers,
#deselectAllClasses,
#deselectAllProviders,
#selectAllClasses,
#selectAllProviders,
#deselect-all-fares,
#select-all-fares {
  position: relative !important;
}

#selectAllCarriers span,
#deselectAllCarriers span,
#deselectAllClasses span,
#deselectAllProviders span,
#selectAllClasses span,
#selectAllProviders span,
#deselect-all-fares span,
#select-all-fares span {
  margin-right: 10px !important;
}

.proposal-info .last-ticketing-date .ui-lg-4,
.proposal-info .last-ticketing-date .ui-md-4,
.proposal-info .terms-conditions .ui-lg-4,
.proposal-info .terms-conditions .ui-md-4 {
  width: 15%;
}

.proposal-info .last-ticketing-date .ui-lg-8,
.proposal-info .last-ticketing-date .ui-md-8,
.proposal-info .terms-conditions .ui-lg-8,
.proposal-info .terms-conditions .ui-md-8 {
  width: 80%;
}

.notifications-links-active {
  display: block !important;
  transform: translateX(0%);
}

.notifications-links .notifications-links-item {
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: calc(100% - 20px);
}

.notifications-links .notifications-links-item a {
  font: 100% "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.38px !important;
  color: #FFFFFF !important;
  text-decoration: none;
  background-position: 30px 50%;
  background-repeat: no-repeat;
  padding-left: 66px !important;
}

.notifications-links .notifications-links-item a::before {
  display: none;
}

.notifications-links .notifications-links-item a.fa-plane {
  background-image: url(/resources/media/icon-flights.svg);
}

.notifications-links .notifications-links-item a.fa-train {
  background-image: url(/resources/media/icon-trains.svg);
}

.notifications-links .notifications-links-item a.fa-hotel {
  background-image: url(/resources/media/icon-hotels.svg);
}

.notifications-links .notifications-links-item a.fa-bell {
  background-image: url(/resources/media/icon-bell.svg);
}

.notifications-links .btn-close {
  background: none;
  font: 100% "DM Sans", sans-serif;
  font-size: 15px !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 400 !important;
  line-height: 12px;
  height: 12px;
  padding-top: 36px !important;
}

.notifications-links .btn-close::before {
  content: " ";
  transform: rotate(180deg);
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-size: 6px 12px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin-right: 20px;
}

.complyPoliticsContainer {
  flex-direction: row-reverse;
}

#displayRange label,
#displayRange-outbound label,
#displayRange-return label,
#displayRangeDuration label {
  padding: 0.5rem;
}

/*CARS FILTER PANEL*/
.avail-filters-car .filters .filter-panel a {
  position: relative;
  right: 20px;
}

.avail-filters-car .filters .filter-panel a span::before {
  margin-right: 8px !important;
}

#count {
  padding: 20px;
}

.avail-filters-car .fa-search::before {
  color: #FFFFFF;
}

.restore-filters {
  font-size: 13px;
  border-radius: 20px;
}

.restore-filters span::before {
  margin-right: 8px !important;
}

.lateral-panel-section {
  padding: 20px !important;
  margin: 0 !important;
  border-bottom: #FFFFFF solid 2px;
}

.lateral-panel-section h4,
.lateral-panel-section h5 {
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.pickup-description div:first-of-type {
  display: flex;
  flex-direction: row;
}

.pickup-description div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
}

.dropoff-description div:first-of-type {
  display: flex;
  flex-direction: row;
}

.dropoff-description div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
}

.address {
  margin-left: 5px !important;
}

[class="fas fa-phone"]::before {
  padding-right: 5px;
}

.filter-count-container-aereo {
  display: flex !important;
  flex-direction: column;
  height: auto !important;
}

.filter-count-container-aereo .filtered-elements-count {
  font-size: 14px !important;
}

.filter-count-container-aereo #filtersLabels,
.filter-count-container-aereo #restore-filters {
  font-size: 12px !important;
}

.filter-count-container-aereo .restore-filters {
  padding: 0 10px 0 10px !important;
}

.filter-count-container-aereo .filtered-elements-count::before {
  color: white !important;
}

#priceFilter_content div#displayRange,
#priceFilter_content div#displayRange-outbound,
#priceFilter_content div#displayRange-return {
  color: white;
  margin-bottom: 8px;
  font: 100% "DM Sans", sans-serif;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  font-style: normal;
}

.avail-filters-column-update {
  border: 1px solid black;
  height: 100px;
  display: table;
}

.avail-filters-column-update div#filters {
  display: flex;
  flex-direction: column;
}

.avail-filters-column-update #filters span.ui-icon.ui-icon-plusthick {
  height: 26px;
  width: 25px;
  background-position: -10px -10px !important;
  background-size: 45px 45px !important;
  border-radius: 50%;
}

.avail-filters-column-update #filters span.ui-icon.ui-icon-minusthick {
  height: 26px;
  width: 25px;
  background-position: -10px -10px !important;
  background-size: 45px 45px !important;
  background-image: url(/resources/media/icon-minusthick.svg) !important;
  border-radius: 50%;
}

.avail-filters-column-update #filters .filter-panel .ui-widget-header {
  display: flex !important;
}

.avail-filters-column-update #filters .filter-panel .ui-widget-header .ui-panel-titlebar-icon {
  position: unset;
  margin-right: 0;
  margin-left: auto;
}

.avail-filters-column-update #filters .filter-panel .ui-commandlink,
.avail-filters-column-update #filters .filter-panel #displayRange,
.avail-filters-column-update #filters .filter-panel #displayRange-outbound,
.avail-filters-column-update #filters .filter-panel #displayRange-return {
  color: black !important;
}

.avail-filters-column-update #filters .filter-panel .ui-slider-range {
  background: #297DB5;
}

.avail-filters-column-update #filters .filter-panel .ui-slider-handle {
  background: #297DB5;
  border: 2px solid black !important;
  border-radius: 50% 50% 50% 50%;
}

.avail-filters-column-update #filters .filter-panel #departureHourFilter_content .ui-lg-6.ui-md-.ui-sm-12 {
  width: 100% !important;
  text-align: center;
}

.avail-filters-column-update #filters .filter-panel #departureHourFilter_content {
  display: flex;
  flex-direction: column;
}

.avail-filters-column-update #filters .filter-panel #flightNumber-filter_content .air-flightNumber-filter {
  flex-wrap: nowrap;
}
.avail-filters-column-update #filters .filter-panel #flightNumber-filter_content .air-flightNumber-filter-dash {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin: 0.3rem;
}
.avail-filters-column-update #filters .filter-panel #flightNumber-filter_content #flightNumberRoundFilter-button {
  flex-wrap: nowrap;
}
.avail-filters-column-update #filters .filter-panel #flightNumber-filter_content #flightNumberRoundFilter-button button {
  min-width: auto;
  border-radius: 0;
  border: 0.1rem solid;
  width: 2rem;
  height: 2rem;
}
.avail-filters-column-update #filters .filter-panel #flightNumber-filter_content #flightNumberRoundFilter-button span.ui-button-text.ui-c:after {
  content: none;
}

.availResultsUpdate .air-price .additional-price label.price {
  font-size: 17px !important;
  width: 100%;
}

.availResultsUpdate .air-price .air-price-detail div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.availResultsUpdate #proposalList #proposalList_content ul li img:last-child {
  display: none !important;
}

.availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price button {
  max-width: 85% !important;
  min-width: 77px !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
}

.availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price button span {
  font-size: 13px !important;
  letter-spacing: 2px;
}

.availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price button:not(.btn-update-avail) span::after {
  background-image: none !important;
}

.availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price .air-price-detail {
  text-align: center;
  font-size: 14px !important;
}

.portIata2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pickup-description div:first-of-type,
.dropoff-description div:first-of-type {
  flex-direction: column;
}

.pickup-description div:first-of-type .fa-map-marker-alt::before,
.dropoff-description div:first-of-type .fa-map-marker-alt::before {
  margin-right: 5px !important;
}

.pickup-description div:first-of-type .office-address,
.dropoff-description div:first-of-type .office-address {
  margin-left: 24px;
}

.company-image-car {
  justify-content: center !important;
}

.planeNoReadMessages .ui-menuitem-text,
.trainNoReadMessages .ui-menuitem-text {
  padding-left: 15px;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media (max-width: 1480px) {
  .availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price-responsive button span {
    font-size: 10px !important;
  }
}
@media (max-width: 1024px) {
  .availResultsUpdate #proposalList #proposalList_content ul li.ui-datalist-item .air .air-price-responsive button span {
    font-size: 13px !important;
  }
}
/*#endregion modal */
#completeSearch {
  opacity: 0;
  display: none;
  width: 100%;
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  bottom: 0px !important;
  transition: all linear 1s;
  box-shadow: 0 0px 1px 0px #000;
  z-index: 1000;
  overflow-y: auto;
  padding-bottom: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate(0px, 0px);
}

.ui-sidebar-active {
  display: block !important;
  left: 50% !important;
  transform: translate(-50%, 0%) !important;
  padding: 0px !important;
}

.sidebar-content {
  padding: 20px;
}

.ui-sidebar.ui-widget.ui-widget-content.ui-shadow.sidebar-dialog.conditions-sidebar.ui-sidebar-full.ui-sidebar-left,
.ui-sidebar-left {
  width: 80% !important;
  margin: auto;
  padding: 0px;
  overflow: hidden;
  max-width: 1100px;
  max-height: initial !important;
  display: none;
}

.ui-sidebar.ui-widget.ui-widget-content.ui-shadow.sidebar-dialog.conditions-sidebar.ui-sidebar-full.ui-sidebar-left.ui-sidebar-active {
  z-index: 20000 !important;
  top: 0 !important;
  bottom: 0 !important;
  max-height: 90vh !important;
}

.ui-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  user-select: none;
}

#dlgDigitalSignature {
  z-index: 1002 !important;
}

.sidebar-dialog.ui-sidebar-active .sidebar-dialog-title-container,
#seat-map .sidebar-dialog-title-container {
  position: sticky;
  top: 0;
  padding: 20px;
  background-color: #005EB8;
}

#seat-map .sidebar-dialog-title-container {
  padding: 0px;
}

#seat-map .sidebar-dialog-title-container #seatModalTitle {
  text-align: center !important;
  font-size: 1.6em !important;
  letter-spacing: 0.38px !important;
  color: #FFFFFF !important;
  text-transform: inherit;
}

#seat-map {
  width: 90% !important;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}

#seat-map.ui-sidebar-active {
  top: 50%;
  transform: translate(-50%, -50%) !important;
  height: calc(100vh - 40px) !important;
  width: calc(100% - 30px) !important;
}

.seat-map-container {
  padding: 20px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar-dialog.ui-sidebar-active .sidebar-dialog-title-container .sidebar-dialog-title {
  padding: 10px;
  color: #FFFFFF;
  background-color: #005EB8;
  border-left: initial;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-size: 18px;
}

.status-title.sidebar-dialog.ui-sidebar-active .sidebar-dialog-title-container .sidebar-dialog-title {
  font-size: 1.5rem;
}

.modal-content .modal-body .title-header {
  background-color: #103444;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  position: relative;
  padding: 28px 30px;
  margin-bottom: 40px;
}

.date-picker-wrapper,
.ui-selectonemenu-panel {
  z-index: 20001 !important;
  background-color: white;
}

#completeSearch .avail-summary-container {
  background-color: #FFFFFF !important;
  width: 80%;
  max-width: 1200px;
  height: auto !important;
}

#completeSearch .radio-avail-options {
  padding: 30px;
}

.ContainerForm {
  display: block;
  overflow: hidden;
  margin: auto;
  margin-top: 50px;
  background-color: #FFFFFF;
  width: 70%;
  max-height: 800px;
  overflow-y: auto;
  padding: 20px;
  min-height: 200px;
  border-radius: 5px;
  position: relative;
}

.modalHeader {
  height: 50px !important;
  display: flex !important;
  align-items: center;
  background-color: #005EB8 !important;
  width: 100%;
  color: #FFFFFF;
  position: relative;
  flex: auto !important;
}

#completeSearch .avail-summary-container {
  padding: 0px;
  overflow: hidden;
}

.ModalHeaderLabel {
  font-size: 20px;
  width: 100%;
  text-align: center;
  display: block;
}

.btnCloseModal {
  margin-left: 30px;
  font-size: 25px;
  position: absolute;
  right: 20px;
}

.modal-container {
  padding: 30px;
  overflow: auto;
  display: block;
  max-height: 700px;
}

.modal-section-title {
  display: grid !important;
  grid-template-columns: 200px auto;
  align-items: center;
  flex-direction: row;
  align-items: center;
  background-color: #103444;
  margin-top: 20px;
  color: #FFFFFF;
  background-color: #103444;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  position: relative;
  padding: 28px 30px;
  margin-bottom: 40px;
}

.modal-section-title-farerules {
  display: flex !important;
  background-color: #103444;
  margin-top: 20px;
  color: #FFFFFF;
  background-color: #103444;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  position: relative;
  padding: 28px 30px;
  margin-bottom: 40px;
  align-items: center;
}

.modal-section-title-farerules.modal-section-title-farerules-alternates {
  height: 52px;
  padding: 12px 30px;
  margin-top: 10px;
}

.modal-section-title-farerules .AcordeonBtnPlusFareRules {
  font-size: 14px;
}

.icon-flight-wrapper-fare-rules {
  display: flex;
  margin-right: 55px;
}

.modal-section-title div {
  align-items: center;
}

.modal-section-contain {
  display: flex;
  flex-direction: row;
}

.air-fare-rules-content {
  width: 100%;
  overflow: scroll;
  border: 1px solid #FFFFFF;
  max-height: initial;
  height: auto;
  margin-bottom: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.38px;
  color: #103444;
  margin-bottom: 15px;
}

.carrier::before {
  content: " " !important;
  width: 30px;
  height: 30px;
  left: 0;
  background-image: url(/resources/media/icon-plane-white.svg);
  margin-right: 20px;
}

.carrier-text {
  align-self: center;
}

.sidebar-close {
  background-image: url(/resources/media/icon-menu-closed.svg);
  position: absolute;
  top: 32px;
  right: -20px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  z-index: 9999;
  background-repeat: no-repeat;
  height: 24px;
  background-size: 20px;
  background-position: center;
  background-color: #005EB8;
}

#seat-map .sidebar-dialog-title-container .seatModalTitle {
  margin: 0px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  text-align: center !important;
  letter-spacing: 0.38px !important;
  text-transform: inherit !important;
}

#seat-map .sidebar-dialog-title.seatModalTitle {
  background-color: #005EB8;
}

.seat-map-container #flight-desc {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 1.5px;
  color: #103444;
  text-transform: uppercase;
  display: block;
}

.modal-section-contain .row-padding {
  padding: 0px;
  text-wrap: wrap;
}

.modal-section-contain span,
.modal-section-contain .row-padding {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  letter-spacing: 0.38px !important;
  line-height: 30px !important;
  color: #000000;
}

.air-fare-rules-content {
  text-align: justify;
}

.modal-section-contain span.bold-text.upper-text {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
  margin-bottom: 10px !important;
}

.sidebar-dialog {
  border-radius: 16px;
}

#datasearchTrain div#trainSearches {
  padding: 0px 20px 20px 20px;
}

#datasearchTrain div.modalTrainOptions {
  padding: 10px 20px 10px 20px;
}

.modalTrainOptions .ui-selectoneradio {
  display: flex;
  flex-direction: row;
}

.modalTrainOptions .ui-selectoneradio.layout-line-direction > div[role=radio] {
  display: flex;
  align-items: center;
}

#basic.layout-line-direction.ui-grid.ui-grid-responsive.ui-selectoneradio.ui-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#basic.layout-line-direction.ui-grid.ui-grid-responsive.ui-selectoneradio.ui-widget > div[role=radio] {
  display: flex;
  align-items: center;
}

div#datasearchTrain :not(.modalHeader) label {
  color: #103444;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1.5px;
}

div#dlgAddBaggage {
  z-index: 1003 !important;
}

div#seat-map.ui-sidebar-left {
  max-width: 90% !important;
}

div#seat-map h3 {
  background-color: #297DB5;
  margin-top: 0px !important;
  color: #FFFFFF;
  text-align: center;
  padding: 20px;
  margin: 0px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  text-align: center !important;
  letter-spacing: 0.38px !important;
  text-transform: inherit !important;
}

.bookingForm .air-journeis-info {
  background-color: #FFFFFF;
}

.bookingForm .air-journeis-info .journey-info-airport {
  padding-top: 30px;
  text-align: center;
  vertical-align: top;
}

.bookingForm .container-info-insurance label,
.bookingForm .insurance-link-text,
#paymentOptionsPanel .insurance-link-text,
.ticket-options .payment-option .payment-type-title label,
.ticket-options .payment-option .payment-type-description {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  color: #103444;
  margin: 0 10px 10px 10px;
}

.payment-option .payment-type-title label {
  margin: 0 0 10px 10px !important;
}

.payment-option-quotePaymentForm .payment-type-title label {
  margin: 4px 0 0 0 !important;
}

.bookingForm .pax-data-container,
.bookingForm .reference-data-container {
  padding: 40px;
  background-color: #FFFFFF;
  margin-top: 30px;
  border-radius: 10px;
}

.bookingForm .references-invoices {
  display: grid;
  grid-template-columns: 20% 80%;
}

.bookingForm .references-label,
.bookingForm .references-value {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1.5px;
  color: #103444;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-transform: uppercase;
}

.bookingForm h3 {
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase;
}

.bookingForm .reference-data-container h3 {
  margin-bottom: 20px !important;
}

.bookingForm .pax-data-container .passenger-card-container,
.bookingForm .pax-data-container .passenger-card {
  border: none;
}

.passenger-card .ui-panel .ui-panel-titlebar {
  background-color: initial;
}

.passenger-card-group1 {
  margin-right: 30px;
}

.bookingForm .pax-data-container .passenger-card,
.bookingForm .passenger-card-container {
  border: none;
  width: 100%;
}

.air-booking-retrieve-pax-price label {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 10px;
}

.bookingForm .passenger-card-detail {
  display: grid;
  grid-template-columns: 50% 50%;
  background: #F4F4F4;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  padding: 40px;
}

.bookingForm .passenger-card-container .passenger-card .fa {
  padding: 0;
}

.bookingForm .passenger-card-container .passenger-card .fa span {
  font-style: normal;
  font-weight: 500 !important;
  font-size: 13px;
  letter-spacing: 1.5px;
  line-height: 24px;
  color: #103444;
  margin: 0 0 10px 10px;
}

.bookingForm .passenger-card-container .passenger-card .fa span .font-aw-label {
  margin: 0 0 0 2px;
}

.bookingForm .pax-data-container .passenger-card .passenger-type-column {
  height: auto;
  margin-right: 0;
  justify-content: center;
}

.bookingForm .pax-data-container .passenger-card .passenger-type-column::before {
  width: 25px !important;
  height: 32.2px !important;
  content: " ";
  position: relative;
  margin-right: 0;
}

.bookingForm .pax-data-container .passenger-card .fa-male::before {
  background-image: url(/resources/media/icon-passenger.svg);
}
.bookingForm .pax-data-container .passenger-card .fa-baby::before {
  content: "\f77c";
}
.bookingForm .pax-data-container .passenger-card .fa-child::before {
  content: "\f1ae";
}

.bookingForm .pax-data-container .passenger-card .personal-data-column .fa-baby::before {
  font-size: 20px;
  margin-left: 1px;
}

.bookingForm .passenger-card-container .personal-data-column .ui-g,
.bookingForm .passenger-card-container .personal-data-column .ui-g .right-content,
.bookingForm .passenger-card-container .personal-data-column h5 {
  padding: 0;
  margin: 0;
}

.bookingForm .passenger-card-container .personal-data-column h5,
.font-medium {
  font-size: 20px !important;
  font-weight: 500 !important;
  margin-bottom: 20px;
  line-height: 20px !important;
  font-family: "DM Sans", sans-serif !important;
}

.locator-h3 {
  font-size: 30px !important;
  padding: 0;
}

.bookingForm .font-medium {
  align-items: flex-end;
}

.bookingForm .font-medium label {
  display: flex;
  height: 40px;
  align-items: flex-end;
}

.bookingForm .passenger-card-detail .price-detail {
  display: grid !important;
  grid-template-columns: 50% 50%;
  padding: 0 !important;
  height: fit-content;
}

.bookingForm .price-detail .paxPrice-container {
  grid-column: span 2;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 0;
  margin-top: 35px;
}

.bookingForm .price-colum {
  width: calc(100% - 12px) !important;
  position: relative !important;
  margin-right: 12px !important;
  min-height: 1px !important;
  padding: 12px !important;
}

.bookingForm .price-colum .ui-g {
  display: grid !important;
  grid-template-columns: 60% 40%;
  grid-template-rows: 100%;
  width: 100%;
}

.bookingForm .price-colum div {
  width: 100%;
  padding: 0 3px !important;
}

.bookingForm .ui-panel-title {
  font-family: "DM Sans", sans-serif !important;
  color: #103444;
  font-size: initial;
}

.bookingForm .price-detail .price-colum label,
.bookingForm .price-detail .ui-panel-title {
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 33px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
  width: 100% !important;
  font-family: "DM Sans", sans-serif !important;
}

.price-detail .price-label {
  font-weight: 500;
}

.tpv-form .price-label {
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  color: #103444;
  font-size: 16px;
  font-weight: 500;
}

.bookingForm .price-colum .ui-g .price-amount label {
  justify-content: flex-end !important;
  padding: 0 0 0 10px;
}

.bookingForm .price-colum .ui-g .price-amount-table label {
  justify-content: flex-end !important;
  line-height: 24px !important;
  padding: 0 0 0 10px;
}

.bookingForm .passenger-card-container .passenger-card label {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px !important;
  line-height: 20px;
  letter-spacing: 1.5px;
  color: #103444;
  margin: 0 0 10px 10px;
  display: flex;
  white-space: nowrap;
}

.costLabel-width {
  width: 52%;
  white-space: unset !important;
}

.costLabel-padding {
  padding-top: 20px !important;
}

.ticketPaxInfo-margin-left {
  margin-left: auto !important;
}

.bookingForm .passenger-card-container .passenger-card .air-booking-retrieve-pax-price label {
  margin-left: -2px;
  margin-top: 10px;
}

.bookingForm .passenger-card-container .passenger-card .baggage-weigth-label {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px !important;
  line-height: 20px;
  letter-spacing: 1.5px;
  margin: 0 0 0 10px;
  border-radius: 20px;
  display: flex;
  color: #FFFFFF;
  padding: 5px;
}

.baggage-weigth-label-black {
  color: #103444 !important; /*AÑADIDO PORQUE CAMBIAR EL COLOR EN .bookingForm .passenger-card-container .passenger-card .baggage-weigth-label PODRIA AFECTAR A OTRAS PARTES*/
}

.ticket-value {
  margin: 0;
  font-weight: 700 !important;
}

.bookingForm .passenger-card-container .passenger-card .baggage-prieces-label {
  margin: 0;
}

.bookingForm .passenger-card-container .passenger-card .price {
  text-align: right;
  white-space: nowrap;
  text-transform: uppercase;
  flex-wrap: wrap !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  justify-content: flex-end;
}

.bookingForm .passenger-card-container .passenger-card .center-element {
  font-family: "DM Sans", sans-serif !important;
  justify-content: center;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #002333;
  margin-bottom: 7px;
  display: inline-block;
  font-size: 10px !important;
  padding: 0 !important;
  text-transform: uppercase;
  margin-top: 6px;
}

.bookingForm .passenger-card-container .passenger-card .fa-id-card::before {
  background-image: url(/resources/media/icon-passenger-card.svg);
}

.bookingForm .passenger-card-container .passenger-card .fa-envelope::before {
  background-image: url(/resources/media/icon-passenger-mail.svg);
}

.bookingForm .passenger-card-container .passenger-card .fa-phone-alt::before {
  background-image: url(/resources/media/icon-passenger-phone.svg);
}

.bookingForm .passenger-card-container .passenger-card .fa-calendar-alt::before {
  background-image: url(/resources/media/icon-passenger-calendar.svg);
}

.bookingForm .passenger-card-container .passenger-card .fa-suitcase::before {
  background-image: url(/resources/media/icon-passenger-suitcase.svg);
  background-size: 18px auto;
}

.bookingForm .passenger-card-container .passenger-card .fa-credit-card::before {
  background-size: 1.2em;
}

.passenger-card-container .passenger-card {
  border: none;
}

.bookingForm h1,
.bookingForm h2,
#paymentOptionsPanel h3,
#paymentOptionsPanel h2,
#settlement-form h2,
#activity-plane-form h2,
#activity-renfe-form h2,
#issue-form h2,
#pending-bookings-form h2 {
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 32px !important;
  letter-spacing: 1.5px !important;
  color: #103444;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

.book-detail-container .row-baseline {
  padding-bottom: 40px;
  padding-left: 30px;
}

.booking-central-column .air-book-pax-toggle span,
.pax-detail-label {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-decoration: underline !important;
  color: #103444 !important;
}

.Price-container {
  display: flex;
  justify-content: flex-end;
}

.ui-panel-titlebar {
  position: relative;
}

.ui-panel .ui-panel-titlebar .ui-panel-title,
.header-title {
  font-family: "DM Sans", sans-serif !important;
  font-weight: initial !important;
  margin: 0;
  text-transform: uppercase;
}

.header-title {
  font-size: 24px !important;
  margin-bottom: 10px;
}

.header-container {
  justify-content: center;
  align-items: center;
}

.book-detail-container .header-container h2 {
  justify-content: center;
  align-items: center;
  margin: 0;
}

.book-detail-container .ui-panel .ui-panel-titlebar {
  background-color: initial !important;
  position: relative;
}

.bookingForm .messenger .ui-panel-titlebar-icon.ui-corner-all.ui-state-default .ui-icon.ui-icon-plusthick,
.bookingForm .messenger .ui-panel-titlebar-icon.ui-corner-all.ui-state-default .ui-icon.ui-icon-minusthick {
  font-family: "DM Sans", sans-serif !important;
  background-image: none !important;
  filter: invert(0);
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 0;
  margin-left: initial;
  right: 10px;
  top: 12px;
  height: 20px !important;
  color: #005EB8;
  font-size: 14px;
  text-align: left;
}

.messenger .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick::before,
.messenger .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick::before {
  position: absolute;
  right: -10px;
  top: 5px;
}

.bookingForm .messenger .ui-panel .ui-panel-content {
  padding: 0 !important;
}

.bookingForm .messenger .messenger-form .ui-panel-content {
  box-sizing: border-box;
  background: #F4F4F4;
  border: 1px solid #C2C2C2;
  border-radius: 10px;
  padding: 40px 27px !important;
  font-size: 13px;
}

.bookingForm .messenger .messenger-form .ui-inputtextarea {
  margin: 0.5em;
}

.messenger .container-subject {
  border: none;
  background-color: #f5f5f5;
}

.messenger-options {
  display: flex !important;
  justify-content: flex-end !important;
}

.messenger-options button {
  margin: 0 !important;
}

.bookingForm .passenger-card-container .passenger-card-detail .price-colum .ui-icon-plusthick,
.bookingForm .price-colum .ui-icon-minusthick {
  background-image: url(/resources/media/icon-filter-plusthick.svg) !important;
  filter: invert(1) !important;
  background-repeat: no-repeat !important;
  position: absolute;
  margin-top: -28px;
  right: -2rem !important;
}

.bookingForm .price-colum .ui-icon-minusthick {
  background-image: url(/resources/media/icon-filter-minusthick.svg) !important;
  background-position: 2px 0;
}

.book-detail-container .auxiliary-buttons button {
  min-width: 50px !important;
  padding: 15px !important;
  color: #FFFFFF !important;
  border-radius: 50%;
  overflow: hidden;
}

.book-detail-container .auxiliary-buttons a {
  margin: 0 !important;
  margin-right: 15px !important;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 15px !important;
}

.book-detail-container .auxiliary-buttons a::before {
  height: 30px;
  width: 30px;
  padding: 0;
  margin: 0;
  position: relative;
  left: -1px;
  top: 0%;
}

.book-detail-container .auxiliary-buttons button span {
  color: #FFFFFF !important;
}

.ancillaries-in-pax .fa-suitcase::before {
  width: 18px !important;
  height: 18px;
  padding: 0 !important;
  margin: 0;
}

.ancillaries-in-pax .baggage-prieces-label {
  background-color: initial;
  border-radius: 50px;
  padding: 0 !important;
  color: #FFFFFF;
}

.air-journey-group-header div {
  padding: 0;
  font-family: "DM Sans", sans-serif !important;
  display: flex;
  align-items: center;
}

.train-zone div {
  padding-right: 30px;
  padding-left: 30px;
}

.air-journey-group-header .fa,
.air-journey-group-header .fas,
.air-journey-group-header .fas-icon,
.air-journey-group-header .ui-datepicker-timeonly .ui-picker-up span,
.air-journey-group-header .ui-datepicker-timeonly .ui-picker-down span,
.air-journey-group-header .far,
.air-journey-group-header .fab {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 24px !important;
  align-items: center !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
}

.box-resumen-item label {
  width: inherit;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  text-transform: uppercase;
  flex: 0 0 auto;
}

.bookingForm .passenger-card-container .passenger-card .name {
  margin: 0 0 24px 0 !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444;
}

.bookingForm .passenger-card-container .passenger-card .paxPrice-container .right-content label,
.bookingForm .passenger-card-container .passenger-card .reftitulo-detalle {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.ref-row {
  display: flex;
  width: 100%;
}

.ref-row .references-value {
  display: flex;
  justify-content: flex-start;
}

.bookingForm .passenger-card-detail-general {
  display: grid !important;
  grid-template-columns: 60px calc(100% - 60px);
}

.bookingForm .passenger-card-detail-general .ui-lg-4 {
  width: 100%;
}

.bookingForm .passenger-card-detail-general .personal-data-column {
  width: 100% !important;
}

.bookingForm .passenger-card-container .passenger-card .paxPrice-container .right-content label {
  text-align: left;
  justify-content: flex-start;
}

.bookingForm .passenger-card-container .passenger-card .references-value {
  display: flex;
  justify-content: flex-start;
  text-transform: uppercase;
}

h3.fa-user {
  display: flex;
  text-transform: capitalize !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

h3.fa-quoteusers {
  text-transform: none !important;
}

h3.fa-user span {
  font-size: 20px !important;
  margin-left: 10px;
}

h3.fa-user::before {
  content: " " !important;
  width: 15px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  padding: 0 !important;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  background-image: url(/resources/media/icon-passenger.svg);
  background-size: 15px 20px;
}

.price-detail-header, .twoFactorText {
  font-family: "DM Sans", sans-serif !important;
  margin: 0 0 24px 0;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  height: 24px;
  letter-spacing: 1.5px !important;
  color: #103444;
}

.pet-pax-label {
  background-color: #FFFFFF !important;
}

.passenger-baggages-container {
  margin-bottom: 3rem;
}

.trayectoServiceForm {
  display: flex;
  align-items: flex-end;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.dark-plane.dark-plane-left::before, .dark-plane-left::before {
  transform: scaleX(-1);
}

.dark-plane::before {
  display: inline-flex;
  content: " ";
  top: 9px;
  height: 28px;
  width: 28px;
  background-image: url(/resources/media/icon-plane.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin-right: 8px;
  margin-top: 8px;
}

.leyend-text {
  font-size: 11px !important;
  font-family: "DM Sans", sans-serif !important;
}

.seat-letter {
  font-size: 10px !important;
  font-weight: 700 !important;
  font-family: 100% "DM Sans", sans-serif !important;
}

.avail-detail-view .iata,
.air-journeis-info .iata {
  margin: 0 5px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.service-detail-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.services-detail {
  padding: 10px !important;
  background: #E0F6FF;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap !important;
  gap: 15px;
  border: 1px solid #05A4C7;
  margin-bottom: 10px !important;
}

.padding-seats-dch {
  padding: 0 !important;
}

.services-detail-icon {
  display: flex;
  flex-direction: column;
  width: auto !important;
  align-items: center;
  min-width: 44px;
}

.services-detail-icon label {
  bottom: 0;
  right: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bookingForm .passenger-card-container .passenger-card .fa::before {
  width: 18px;
  height: 18px;
  margin-right: 24px;
  margin-bottom: 0;
}

.bookingForm .passenger-card-container .passenger-card .fa-id-card::before,
.bookingForm .passenger-card-container .passenger-card .fa-phone-alt::before,
.bookingForm .passenger-card-container .passenger-card .fa-envelope::before {
  content: " " !important;
}

.services-detail-info,
.passenger-card-detail-paxProvider {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 14px;
  letter-spacing: 0.38px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.services-detail-info label {
  font-weight: 700 !important;
  font-size: 14px !important;
}

.bookingForm .passenger-card-container .passenger-card .services-detail-info label {
  white-space: normal;
  align-items: baseline;
}

.services-detail-info .trip-description span {
  text-wrap: wrap;
}

.services-detail-info .status,
.services-detail-info .label-title,
.label-title {
  color: #05A4C7 !important;
  margin: 0 !important;
}

.ancillaries-in-pax .fa-ticket-alt::before {
  font-size: 16px;
}

.prop-info {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100%;
}

.prop-info label {
  padding: 0 !important;
}

.services-detail-icon .fa::before,
.services-detail-icon .fas::before {
  width: 22px !important;
  background-size: 22px auto !important;
  font-size: 24px;
  display: block;
  margin: auto;
  margin-right: 0 !important;
}

form.menuTopStickyMargin {
  margin-top: 1rem;
  background-color: inherit;
}

.bookingForm .passenger-card-container .passenger-card .passenger-card-detail-paxProvider label {
  margin-bottom: 0;
}

.pax-tickets-container {
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: baseline;
}

.new-icon-adult::before {
  background-image: url(/resources/media/icon-passenger.svg);
  width: 25px !important;
  height: 32.2px !important;
  content: " ";
  position: relative;
  margin-right: 0;
}

.payment-type-title-confirm {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  align-items: center;
  letter-spacing: 1.5px;
  margin-right: 23px;
  color: #103444;
  font-family: "DM Sans", sans-serif !important;
  display: flex;
}

.payment-type-title-journey {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.payment-type-title-concept,
.payment-type-title-total {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

.suitcase-trolley {
  background-image: url(/resources/media/icon-suitcase-cabin.svg);
  background-position: center;
  background-size: 30px 25px;
  background-repeat: no-repeat;
  padding-top: 5px;
  height: 25px !important;
  width: 30px;
}

body.login-page {
  background-image: url("https://public.grupoiris.net/apps/pst/background_landing.jpg");
}
body.login-page .login-body .login-container .login-box {
  width: 100%;
  width: 480px;
}
body.login-page .login-body .login-container .login-box .login-logo {
  width: 480px;
  position: relative;
}

.login-form-container {
  padding: 40px 40px !important;
  background-color: #FFFFFF;
  margin-top: 50px;
  border: 1px solid #C2C2C2;
  border-radius: 10px;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 280px;
  overflow: hidden;
  width: calc(100% - 80px);
  position: relative;
}

.login-form-container form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0px;
}

.login-form-container input {
  padding: 12px 20px !important;
  background: #FFFFFF;
  box-sizing: border-box;
  width: 100% !important;
  height: initial !important;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  border: 1px solid #C2C2C2;
  color: #5d5d5d !important;
  margin-bottom: 24px !important;
}

.login-box .ui-messages-error-summary {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  display: block;
  text-align: left;
  color: #F03F35;
}
.login-box .ui-messages-error-summary .ui-messages-error-detail {
  color: #F03F35;
}
.login-box login-box div.login-form-container form#j_idt24 div#userInputMessage.ui-messages.ui-widget div.ui-messages-error.ui-corner-all ul li span.ui-messages-error-summary .ui-messages-error-summary::first-letter {
  text-transform: capitalize;
}
.login-box .ui-messages-error {
  background-color: initial !important;
  border-color: initial !important;
  color: initial !important;
  border: none;
  margin: 0px;
  padding: 0px;
  align-self: start;
}

.login-box .ui-messages-error-icon,
.login-box .ui-icon-close {
  display: none;
}

.login-box .ui-messages ul {
  margin: 0 0px;
  padding: 0;
  list-style-type: none;
}

#forgot-password {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  letter-spacing: 0.38px !important;
  color: #005EB8 !important;
  margin-bottom: 24px;
}

.login-box .ui-button {
  justify-self: center;
  text-align: start;
  margin: auto !important;
  display: block;
  margin-top: 0px !important;
  width: 200px !important;
}

.login-box .ui-button::after {
  background-image: url(/resources/media/icon-btn-next.svg);
  background-repeat: no-repeat;
  background-size: 5.04px 9.33px;
  width: 5.04px;
  height: 9.33px;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.login-box .ui-button::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
}

.login-box .ui-button:hover::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  transform: translate(5px, -50%);
}

.main-slogan,
.sub-slogan-1,
.sub-slogan-2,
.sub-slogan-3 {
  display: none;
}

.login-page .login-body .login-footer .primary-footer-cotainer .primary-footer {
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  white-space: nowrap;
}

.login-body .primary-footer-cotainer .primary-footer .row-footer {
  display: grid;
  grid-template-columns: 40% 60%;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  height: 62px;
}

.login-body .footer-container,
.login-body .links-container {
  display: flex;
  justify-content: flex-end;
}

.login-body .footer-column {
  width: auto;
  padding: 0px;
  padding-left: 14px;
  padding-right: 14px;
  height: 20px;
  border-left: 1px solid #103444;
  justify-self: end;
  align-self: flex-end;
}

.login-body .footer-column a:hover {
  text-decoration: underline;
}

.login-body .footer-column:nth-child(1) {
  border-left: none;
}

.login-page .login-body .login-footer .footer-logo {
  height: 62px;
  justify-self: start;
  align-self: flex-end;
}

.login-page .login-body .login-footer .footer-logo img {
  width: auto;
  height: 100%;
}

.login-page .login-body .login-footer a,
.login-page .login-body .login-footer label,
.login-page .login-body .login-footer span {
  display: inline-block;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  align-items: center;
  letter-spacing: 1px;
  list-style: none;
}

.login-body .footer-company {
  font-weight: bold !important;
}

#userInputMessage {
  height: 24px;
}

.footer-links a {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: normal !important;
  align-items: center !important;
  letter-spacing: 1px !important;
  color: #002333 !important;
  list-style: none !important;
  padding-left: 14px;
  border-left: 1px solid #103444 !important;
}

.footer-links a:nth-child(1) {
  border-left: none !important;
}

.footer-info {
  padding-left: 14px;
  border-left: 1px solid #103444 !important;
}

/*RECUPERAR CONTRASEÑAS*/
#recover-password-form {
  border: 1px solid #F4F4F4;
  border-radius: 10px;
}

.body-full-page #body-container {
  background: unset !important;
}

#recover-password-form h2 {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 32px !important;
  letter-spacing: 1.5px !important;
  color: #C2C2C2;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  padding: 0px;
}

#recover-password-form label {
  padding: 0px;
  margin: 0px;
}

.formularioPago .reserva-btn-container,
.formularioPago .reserva-btn-container p,
.formularioPago .reserva-btn-container p a {
  height: 46px !important;
}

.formularioPago .box-resumen-item .fecha .value,
.formularioPago .box-resumen-item .price label {
  line-height: 27px;
}

.formularioPago .box-resumen-item .fecha,
.formularioPago .box-resumen-item .price {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  margin-left: auto !important;
  width: auto;
  flex: 0 0 auto;
  line-height: 24px;
}

.formularioPago .box-resumen-item .fecha label,
.formularioPago .box-resumen-item .price label:first-child {
  text-transform: uppercase;
}

#paymentModesPanel h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  margin: 0 0 60px 0;
  text-transform: uppercase;
  font-family: sans-serif;
}

#paymentModePanel .payment-option .payment-type-title .ui-radiobutton.ui-widget {
  margin: 4px 8px !important;
}

.formularioPago .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
  text-align: right;
  min-width: 130px;
}

.formularioPago {
  margin-top: 40px;
}

/*TICKET OPTIONS*/
#paymentOptionsPanel {
  background-color: #F4F4F4;
}

#paymentOptionsPanel .white-panel,
.paymentOptionsPanel.white-panel {
  max-width: 1200px;
  margin: auto;
  margin-top: 40px;
  border-radius: 10px;
  padding: 40px;
  border: 1px solid #C2C2C2;
  display: flow-root;
}

.paymentOptionsPanel.white-panel .ui-g.buttons-container {
  justify-content: right !important;
}

#paymentOptionsPanel .ui-message-info {
  margin-bottom: 20px;
  border: none;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  width: 100%;
  margin: 10px 0px;
}

#paymentOptionsPanel .ui-commandlink,
#paymentOptionsPanel label {
  justify-self: flex-end;
}

.paymentOptionsPanel.white-panel #formaPagoPanel .payment-option label {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  color: #103444;
  margin: 0 10px 10px 10px;
}

#paymentOptionsPanel .ui-message-info .ui-message-detail {
  width: 100% !important;
  max-width: calc(100% - 40px) !important;
}

#paymentOptionsPanel .ui-message-info .ui-message-detail div {
  display: grid;
  grid-template-columns: calc(100% - 200px) 200px;
}

#paymentOptionsPanel .ui-message-info .ui-message-detail div img {
  display: none;
}

#paymentOptionsPanel .last-ticketing-date-payment-options {
  margin: 0px;
}

#paymentOptionsPanel .ui-commandlink {
  background-image: none !important;
  padding: 0px 23px !important;
}

#paymentOptionsPanel .ui-commandlink:hover {
  background-image: none !important;
  padding: 0px 23px !important;
}

#paymentOptionsPanel h3 {
  line-height: 34px !important;
}

#paymentOptionsPanel .last-ticketing-date-payment-options {
  padding: 8px;
  background-color: #F4F4F4;
  width: auto;
  display: inline-block;
  margin: 10px 0px;
  border-radius: 10px;
}

#paymentOptionsPanel .last-ticketing-date-payment-options label {
  font-weight: 600;
  color: #103444;
}

.ui-message.ui-staticmessage.ui-message-info .ui-message-info-icon::before {
  color: #103444;
}

#formaPagoPanel.formaPagoPanelTicketOptions {
  padding: 0px;
}

/*#region lista de propuestas en table*/
.avail-list-view.ui-datatable.tablaListTable table {
  border-collapse: collapse !important;
  border-spacing: 0 0 !important;
  font: 100% "DM Sans", sans-serif !important;
  margin-top: 16px;
}

.message-div {
  display: flex;
  justify-content: center;
}

.message-warn-content {
  width: 100%;
  max-width: 1199px;
}

.avail-list-view.ui-datatable.tablaListTable .ui-paginator-bottom {
  margin-top: 40px;
}

.avail-list-view.ui-datatable.tablaListTable table th {
  background: #103444;
  border-radius: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  padding: 20px 20px 16px 20px;
  text-transform: uppercase;
  text-align: center;
}

.avail-list-view.ui-datatable.tablaListTable table td p,
.avail-list-view.ui-datatable.tablaListTable table td label {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.38px !important;
  color: #103444;
  padding: 11px 20px 11px 20px;
  vertical-align: middle;
  text-align: center;
}

.avail-list-view.ui-datatable.tablaListTable thead tr th {
  border-radius: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #FFFFFF !important;
  padding: 20px 10px 16px 10px;
  text-transform: uppercase;
  text-align: center;
  background: #103444;
}

.avail-list-view.ui-datatable.tablaListTable tbody td,
.avail-list-view.ui-datatable.tablaListTable tbody td span,
.aereo-journey-container .outbound-return-container .avail-detail-airport .description span,
.aereo-journey-container .outbound-return-container .center-column span,
.aereo-journey-container .outbound-return-container .baggage,
.aereo-journey-container .AcordeonForm .segment-data span,
.aereo-journey-container .AcordeonForm .segment-departure span,
.aereo-journey-container .AcordeonForm .segment-arrival span {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #103444;
  padding: 11px 0 11px 0;
  vertical-align: middle;
  letter-spacing: 1.5px;
}

.avail-list-view.ui-datatable.tablaListTable table tbody td span.fare-PUBLIC::before {
  content: " " !important;
  padding: 0;
  min-width: 25px;
  height: 20px;
  display: inline-block;
  background-position: 0 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url(/resources/images/icon-PUBLIC.svg);
  transform: inherit !important;
}

.avail-list-view.ui-datatable.tablaListTable table img {
  width: 48px;
  height: auto;
  margin: 0 !important;
}

.avail-list-view.ui-datatable.tablaListTable table td label {
  height: auto !important;
  padding: 0 !important;
}

.avail-list-view.ui-datatable.tablaListTable table tbody tr td.carrier-column .carrier-column-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avail-list-view.ui-datatable.tablaListTable table tbody tr td:nth-child(7) label {
  font-size: 20px !important;
  font-weight: 700 !important;
  display: inline-block;
  padding: 0 10px !important;
  position: relative;
}

.avail-list-view.ui-datatable.tablaListTable table tbody tr td:nth-child(6) label.font-aw-label {
  font-size: 13px !important;
  padding: 0 10px !important;
  position: relative;
}

.avail-list-view.ui-datatable.tablaListTable table tbody tr {
  overflow: hidden;
  height: 14px;
  white-space: nowrap;
}

.avail-list-view.ui-datatable.tablaListTable tbody td form button:hover span::after {
  transform: translate(7px, 0%);
  transition: all 0.3s ease;
}

.avail-list-view.ui-datatable.tablaListTable tbody td form span {
  color: white !important;
  min-height: 20px;
  height: 20px;
  text-align: left;
  padding-left: 12px;
}

.avail-list-view.ui-datatable.tablaListTable tbody td form span::after {
  display: block;
  content: " ";
  height: 20px;
  width: 20px;
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  position: absolute;
  top: 17px;
  right: 8px;
}

.list-container {
  width: 100%;
  padding: 0;
  margin: 0;
}

.filtered-elements-count-tanden {
  font-family: "DM Sans", sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.38px !important;
  font-weight: 400 !important;
  color: #000000;
  position: absolute;
  margin-top: 10px;
}

#proposalRow_paginator_top .ui-paginator .ui-paginator-page,
#proposals_paginator_top .ui-paginator .ui-paginator-page {
  padding: 0 !important;
}

span#airList div#availResults {
  top: 0;
  margin-top: 1.5rem;
}

#proposalRow_content .ui-g.air {
  margin-bottom: 0;
  gap: 10px;
  flex-wrap: nowrap;
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.air .aereo-journey-container {
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}

#proposalRow_head th:first-child {
  border-top-left-radius: 10px;
}

#proposalRow_head th:nth-last-child(2) {
  border-top-right-radius: 10px;
}

.aereo-journey-container .ui-datatable-tablewrapper table {
  width: 100%;
  table-layout: fixed !important;
}

.arrival-detail {
  padding-left: 15px !important;
}

.arrival-detail-airport,
.departure-detail-airport {
  display: inline-block;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.outbound-return-container {
  display: grid !important;
  grid-template-columns: 15% 25% 20% 25% 15%;
  text-align: center;
  height: 170px;
}

.outbound-return-container div {
  align-self: center;
  justify-self: center;
}

.air-price-return .price-container, .air-price-return .sub-price {
  margin-bottom: 0 !important;
}

/*#endregion*/
.ui-datatable-tablewrapper .total-amount {
  font-size: 13px !important;
}

.sidebar-dialog.ui-sidebar-active {
  overflow-y: auto;
  max-width: 100% !important;
  width: 80% !important;
  max-height: 90% !important;
}

#alternateProposals .price span {
  font-size: 30px !important;
  font-weight: 700 !important;
}

#alternateProposals label,
#alternateProposals span {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  line-height: 24px;
}

.fa-directo {
  border-bottom: #005EB8 solid 4px;
  width: 100%;
  height: 10px;
}

.fa-directo:before {
  content: "";
}

.journeyAcordeonBtn {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1.5px;
  text-align: left;
  cursor: pointer;
}

.journeyAcordeonBtn:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: bold;
  content: "\f078";
  font-size: 8px !important;
  color: #5d5d5d;
}

.journeyAcordeonBtn:hover {
  text-decoration: underline;
}

.ui-g.container-fare-basis-segment {
  background-color: #103444;
  text-align: center;
  justify-content: center;
  padding: 0 !important;
}

.ui-g.container-fare-basis-segment label {
  color: #FFFFFF;
  width: 100%;
  text-align: center !important;
}

.ui-g.container-fare-basis-segment span {
  text-align: center;
  width: 100%;
}

.segment-info {
  display: grid;
  grid-template-columns: 70% 30%;
  grid-auto-flow: column;
  width: 100%;
}

#tableBreakdownSidebar {
  visibility: visible !important;
}

#airBookingRetrieveView {
  max-width: 1199px;
  margin: auto;
  margin-top: 40px;
}

#requestPanel,
#bookRetrieveResults,
.container-panel {
  padding: 40px;
  background-color: #FFFFFF;
  margin-top: -1px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  margin-bottom: 25px;
}

.container-panel {
  margin-top: 40px;
}

#requestPanel {
  padding: 40px 40px 20px 40px;
}

#bookRetrieveResults_content {
  padding: 0px !important;
}

#airBookingRetrieveView .booking-retrieve-option {
  width: 100% !important;
}

#airBookingRetrieveView .field {
  width: 100% !important;
}

#airBookingRetrieveView .ui-icon-plusthick {
  display: none;
}

.car-companies-menu {
  word-wrap: break-word;
  line-height: 1.5em;
  height: auto;
}
.car-companies-menu .ui-selectcheckboxmenu-label-container {
  width: 94%;
}

.ui-g.car-companies-container > div {
  width: 100%;
}

#airBookingRetrieveView #bookingDateFromContainer,
#airBookingRetrieveView #bookingDateToContainer,
#airBookingRetrieveView #purchaseDateFromContainer,
#airBookingRetrieveView #purchaseDateToContainer,
#airBookingRetrieveView #departureDateFromContainer,
#airBookingRetrieveView #departureDateToContainer,
#airBookingRetrieveView #first-digits-ticketContainer,
#airBookingRetrieveView #second-digits-ticketContainer {
  width: 50% !important;
}

.booking-retrieve-option label {
  margin-left: 12px;
}

#requestPanel_content {
  overflow: hidden;
  transition: all 0.5s;
  height: auto;
  display: block;
}

.requestPanel_content-active {
  max-height: 9999px !important;
  display: block;
}

#canSpecialServicesPostDiv .ui-accordion-header,
.addSpecialServicesPostDiv .ui-accordion-header,
#requestPanel #requestPanel_header {
  cursor: pointer;
  padding: 0px !important;
  margin: 0;
  background-color: unset;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  text-transform: uppercase;
}

#canSpecialServicesPostDiv .ui-accordion-header::after,
.addSpecialServicesPostDiv .ui-accordion-header::after,
#requestPanel #requestPanel_header::after {
  width: 40px;
  height: 40px;
  background-image: url(/resources/media/open-toggle-up.svg);
  background-size: 40px !important;
  content: " ";
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  top: 0;
  transition: all 0.5s;
}

#requestPanel #requestPanel_header.active::after {
  transform: none;
}

.filter-size {
  width: 60%;
}

.filter-row .field {
  width: 25%;
}

.long-filter-row .field {
  width: 100%;
}

.text-upper-case {
  text-transform: uppercase;
}

#bookStatusContainer {
  width: 900px;
}

.buttons-container-car {
  display: flex !important;
  justify-content: flex-end !important;
}

.buttons-container-trains {
  display: flex !important;
  justify-content: flex-end !important;
  padding-right: 15%;
}

.btn-go-book {
  position: relative;
  display: block;
  min-width: 50px !important;
  width: 50px !important;
  height: 50px !important;
  padding: 0 !important;
  border-radius: 50%;
  background-color: #005EB8;
}

.btn-go-book::after {
  content: " ";
  position: absolute;
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}

.btn-go-book:hover::after {
  transform: translate(80%, -50%);
}

.nowrap {
  white-space: nowrap;
}

.label-bookings-found-container label {
  font-family: "DM Sans", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
}

.label-bookings-found-container {
  padding: 15px 10px;
}

/*TABLE*/
#documentsTable_paginator_bottom,
#bookRetrieveTable_paginator_bottom,
.data-list-container .ui-paginator,
#proposalList .ui-paginator {
  display: flex;
  align-items: center;
}

#documentsTable_head th,
#canUpdateDocsDiv table thead th,
#bookRetrieveTable_head th,
.data-list-container table thead th,
.tt-table-container .ui-datatable-tablewrapper table thead th {
  font-family: "DM Sans", sans-serif !important;
  background-color: #103444 !important;
  color: #FFFFFF;
  border-radius: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 1.5px;
  padding: 20px 15px 16px 15px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
}

#canUpdateDocsDiv table thead th .ui-sortable-column-icon,
#canUpdateDocsDiv table thead th .ui-sortable-column-badge,
#documentsTable_head th .ui-sortable-column-icon,
#documentsTable_head th .ui-sortable-column-badge,
#bookRetrieveTable_head th .ui-sortable-column-icon,
#bookRetrieveTable_head th .ui-sortable-column-badge,
.data-list-container table thead th .ui-sortable-column-icon,
.data-list-container table thead th .ui-sortable-column-badge {
  display: block;
  position: absolute;
  width: 12px;
  height: 7px;
  background-size: 12px 7px;
  background-position: 0 0;
  background-repeat: no-repeat;
  right: 0px;
}

#documentsTable_head th .ui-sortable-column-icon,
#canUpdateDocsDiv table thead th .ui-sortable-column-icon,
#bookRetrieveTable_head th .ui-sortable-column-icon,
.data-list-container table thead th .ui-sortable-column-icon {
  background-image: url(/resources/media/icon-sortable-up.svg) !important;
  top: 45%;
}

#documentsTable_head th .ui-sortable-column-badge,
#canUpdateDocsDiv table thead th .ui-sortable-column-badge,
#bookRetrieveTable_head th .ui-sortable-column-badge,
.data-list-container table thead th .ui-sortable-column-badge {
  background-image: url(/resources/media/icon-sortable-down.svg) !important;
  top: 59%;
}

#documentsTable_head th:first-child,
#canUpdateDocsDiv table thead th:first-child,
#bookRetrieveTable_head th:first-child,
.data-list-container table thead th:first-child,
.tt-table-container .ui-datatable-tablewrapper table thead th:first-child {
  border-radius: 10px 0px 0px 0px;
}

#documentsTable_head th:last-child,
#canUpdateDocsDiv table thead th:last-child,
#bookRetrieveTable_head th:last-child,
.data-list-container table thead th:last-child,
.tt-table-container .ui-datatable-tablewrapper table thead th:last-child {
  border-radius: 0px 10px 0px 0px;
}

#documentsTable_data td,
#documentsTable_data td p,
#documentsTable_data td label,
#canUpdateDocsDiv table td,
#canUpdateDocsDiv table td p,
#canUpdateDocsDiv table td label,
.data-list-container table tbody td,
.tt-table-container table tbody td {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #1F4252;
  padding: 11px 15px 11px 15px;
  vertical-align: middle;
  text-align: left;
  letter-spacing: 1.5px;
}

.tt-table-container table tbody td span {
  color: #1F4252;
}

.no-back-color {
  background-color: transparent;
  padding-right: 15px;
}

#bookRetrieveTable_data td,
#bookRetrieveTable_data td p,
#bookRetrieveTable_data td label {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #1F4252;
  padding: 5px 10px 0 10px;
  vertical-align: middle;
  text-align: left;
  letter-spacing: 1.5px;
}

.book-retrieve-table-user {
  max-width: 6rem;
  text-overflow: ellipsis;
}

#documentsTable_data,
#canUpdateDocsDiv table,
#bookRetrieveTable_data,
.autorization-list-body table {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

#documentsTable_data tr,
#canUpdateDocsDiv table tr,
#bookRetrieveTable_data tr,
.data-list-container table tbody tr {
  background: #ffffff;
}

#documentsTable_data tr.ui-datatable-odd td,
#canUpdateDocsDiv table tr.ui-datatable-odd td,
#bookRetrieveTable_data tr.ui-datatable-odd td,
.data-list-container table tbody tr.ui-datatable-odd td,
.autorization-list-body .ui-datatable table tbody tr.ui-datatable-odd {
  background-color: #ffffff;
}

.data-list-container table thead th:last-child > .ui-sortable-column-icon,
.data-list-container table thead th:last-child > .ui-sortable-column-badge {
  display: none;
}

/*calendario botones next and prev*/
#bookingDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
#purchaseDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
#departureDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
#bookingDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
#purchaseDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
#departureDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon {
  background-image: none !important;
}

#bookingDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
#purchaseDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
#departureDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
#bookingDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
#purchaseDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
#departureDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon {
  background-image: none !important;
}

.print-button button,
.btn-print-button,
.send-mail-btn {
  height: 40px !important;
  width: 40px !important;
  padding: 0px !important;
  margin: 0px !important;
  border-radius: 50% !important;
  min-width: auto !important;
  background-color: #103444 !important;
}

#btnPdfCar.btn-print-button {
  left: 95%;
}

.button-send-itinerary::before,
.print-button button::before {
  display: none;
}

.print-button button, a.print-button {
  background-image: url(/resources/media/icon_imprimir_40.svg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
}

a.print-button {
  background-image: url(/resources/media/icon_imprimir_40.svg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  content: "";
  border-radius: 50%;
  padding: 3px;
  background-color: #103444;
}

a.print-button:before {
  content: "";
}

.send-mail-btn:before {
  font-size: 20px;
  top: calc(50% - 12px);
}

#body-container .ui-g,
#body-container h2 {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

#info-msg {
  flex-wrap: initial !important;
}

#complyPoliticsContainer {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  flex-direction: row-reverse;
}

.messenger .message-container .message-booking {
  max-width: initial;
  font-size: 13px;
  width: 100%;
  justify-content: space-between !important;
  padding: 20px;
}

.state {
  flex-direction: column;
}

.buttons-container, .central-form .main-button {
  text-align: end;
  margin: 20px auto;
  justify-content: center;
  width: 100%;
}

.btn-print-button {
  background-image: url(/resources/media/icon_imprimir_40.svg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  position: relative;
  left: 80%;
  top: 10%;
  display: block;
}

#filtrosExclusivos .ui-g #bookingDateFromContainer {
  width: 33.33%;
}

#filtrosExclusivos .ui-g #bookingDateToContainer {
  width: 33.33%;
}

#filtrosExclusivos .ui-g #locatorContainer {
  width: 66.66%;
}

#filtrosExclusivos .ui-g #ticketContainer {
  width: 66.66%;
}

#filtrosExclusivos .ui-g #nameSearchContainer {
  width: 66.66%;
}

#filtrosExclusivos .ui-g #pickUpDateFromContainer {
  width: 33.33%;
}

#filtrosExclusivos .ui-g #pickUpDateToContainer {
  width: 33.33%;
}

#offlineRequestRetrieveView {
  max-width: 70em;
  margin: 1em auto auto;
}

.center-text-button {
  padding-top: inherit;
}

.move-button {
  margin-left: 2%;
}

.data-list-container,
#autorizationDetails {
  max-width: 1200px;
  margin: auto;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 40px;
  background-color: #FFFFFF;
}

.data-list-container {
  display: grid;
  grid-template-rows: 50px auto;
}

.autorization-list-menu ul {
  display: flex;
  width: 200px;
}

.data-list-container h2,
#autorizationDetails h3,
#autorizationDetails h2 {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 32px !important;
  letter-spacing: 1.5px !important;
  color: #103444;
  margin: 20px 0 30px 0 !important;
  text-transform: uppercase;
  padding: 0px;
}

#autorizationDetails h3 {
  font-size: 20px !important;
}

.data-list-container th select {
  padding: 5px;
  background: #FFFFFF !important;
  box-sizing: border-box;
  width: calc(100% - 10px);
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 24px;
  border: 1px solid #C2C2C2;
  color: #777777;
}

.autorization-row {
  display: flex !important;
  justify-content: space-between !important;
}

.autorizators-cards-container {
  display: flex !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
}

.autorizators-card {
  padding: 20px;
  border: #C2C2C2 solid 1px !important;
  border-radius: 10px;
  display: grid;
  grid-template-rows: 70px 60px 40px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  min-width: 350px;
}

.autorizators-card .fa-user {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center !important;
}

.autorizators-card label.fa.fa-envelope::before {
  margin-right: 8px !important;
}

.container-tab-active,
.container-tab-inactive {
  font: 100% "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444;
  text-transform: uppercase;
  padding: 0px !important;
  height: 40px;
  width: 200px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.container-tab-active {
  border-radius: 10px 10px 0px 0px;
  border: #C2C2C2 solid 1px !important;
  border-bottom: none !important;
}

.container-tab-inactive {
  border: none !important;
  border-bottom: #C2C2C2 solid 1px !important;
}

.body-hibrid-page {
  padding-top: 40px !important;
}

.body-hibrid-page > .ui-g {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.update-booking-menu-buttons .ui-menu {
  padding: 0px !important;
}

.update-booking-menu-buttons .ui-menu .ui-menuitem {
  margin: 0px !important;
  border-bottom: 1px solid #D8D8D8;
}

.update-booking-menu-buttons .ui-widget-content,
.totalSeatsSelectionPost {
  width: 100% !important;
}

.update-booking-menu-buttons {
  height: 100%;
  padding: 0;
  margin: 0 0 50px 0;
  border: 1px solid #D8D8D8;
  background-color: #FFFFFF;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  float: left;
  position: relative;
  min-height: 1px;
  /*padding-left: 12px;
  padding-right: 12px;*/
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
}

.body-hibrid-page .update-booking-menu-buttons .ui-menu .ui-menuitem-link {
  width: auto !important;
  border: none !important;
}

.body-hibrid-page .update-booking-menu-buttons .ui-menuitem-link.ui-corner-all {
  background: transparent !important;
}

.body-hibrid-page .update-booking-menu-buttons .ui-menuitem-link.ui-corner-all.active {
  border-left: 8px solid #05A5C7 !important;
  color: #05A5C7 !important;
}

.body-hibrid-page .update-booking-menu-buttons .ui-menuitem-link.ui-corner-all {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  padding: 24px 30px;
  color: #103444;
  background-color: transparent;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/**right side****/
.body-hibrid-page .ui-g .ui-lg-10.ui-md-9.ui-sm-12:nth-child(2) {
  padding-top: 0px;
  padding-left: 24px;
  padding-right: 12px;
}

.body-hibrid-page .ui-g .ui-lg-10.ui-md-9.ui-sm-12.white-panel:nth-child(1),
.addOSIForm,
.addRemarkForm,
.addSSRForm,
.baggageForm,
.seatsForm,
.updateConnectedBookingsForm,
.updateDocForm,
.updateExpedientForm,
.updateFrequentTravellerCardForm,
.updateMealsForm {
  padding: 40px 40px 10px 40px;
  margin-bottom: 50px;
  background-color: #FFFFFF;
  margin-top: -1px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
}

.addOSIForm .white-panel,
.addRemarkForm .white-panel,
.addSSRForm .white-panel,
.baggageForm .white-panel,
.seatsForm .white-panel,
.updateConnectedBookingsForm .white-panel,
.updateDocForm .white-panel,
.updateExpedientForm .white-panel,
.updateFrequentTravellerCardForm .white-panel,
.updateMealsForm .white-panel {
  padding: 0px !important;
}

.body-hibrid-page .ui-g .ui-lg-10.ui-md-9.ui-sm-12 > .white-panel h3,
#canUpdatePaxSeatDiv .white-panel > h2,
#canAddBaggageDiv .white-panel > h2,
#canAddMealPostDiv .white-panel > h2,
.hTitulo,
.baggageForm .white-panel > h2,
.updateExpedientForm .white-panel label.current-expedient,
.updateMealsForm .white-panel > h2,
.seatsForm .white-panel > h2 {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444;
  margin: 0 0 60px 0;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  padding: 0px !important;
}

.canAddMealPostDivSegments {
  padding: 0px !important;
}

.body-hibrid-page .ui-g .ui-lg-10.ui-md-9.ui-sm-12 > .white-panel span,
.canAddMealPostDivSegments {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
  margin-bottom: 0px !important;
}

#providerBookingsWrappersDiv .body-hibrid-page .ui-g .ui-lg-10.ui-md-9.ui-sm-12 > .white-panel .font-medium,
.body-hibrid-page .ui-g .ui-lg-10.ui-md-9.ui-sm-12 > .white-panel .font-medium {
  margin-bottom: 0px !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  letter-spacing: 0.38px !important;
  color: #103444 !important;
  font: var(--main-font-two) !important;
}

#providerBookingsWrappersDiv .ui-message.ui-staticmessage {
  background: #E0F6FF;
  background-image: url(/resources/media/icon-alert.svg);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  gap: 15px;
  margin: 0 0 40px 0 !important;
  background-size: 30px 30px !important;
  background-repeat: no-repeat !important;
  background-position: 20px 50% !important;
}

#providerBookingsWrappersDiv .ui-message.ui-staticmessage .ui-message-warn-detail {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 0.38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #103444 !important;
}

#providerBookingsWrappersDiv .ui-message.ui-staticmessage.ui-message-warn {
  border-left: none !important;
}

#canUpdateDocsDiv,
#canUpdateFrequentTravellerCardDiv,
#providerBookingsWrappersDiv,
#canUpdateExpedientNumberDiv,
#canUpdatePaxSeatDiv,
#canAddBaggageDiv,
#canAddMealPostDiv,
#canSpecialServicesPostDiv,
#canConnectBookingsDiv,
#canAddOSIPostDiv,
#canAddSSRPostDiv,
#canAddRemarkPostDiv,
.addSpecialServicesPostDiv {
  padding: 40px 40px 10px 40px !important;
  background-color: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  margin-bottom: 50px;
}

#canUpdateDocsDiv .white-panel {
  padding: 0px;
}

#canUpdateDocsDiv .ui-g.buttons-container {
  margin: 0px !important;
  justify-content: right;
}

#canUpdatePaxSeatDiv,
#canAddBaggageDiv,
#canAddMealPostDiv,
#canUpdateFrequentTravellerCardDiv,
#canUpdateDocsDiv,
#canSpecialServicesPostDiv,
#canConnectBookingsDiv,
#canAddOSIPostDiv,
#canAddSSRPostDiv,
#canAddRemarkPostDiv,
#canUpdateExpedientNumberDiv,
.fa.fa-wheelchair {
  margin-top: 50px;
  width: 100%;
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
}

#canUpdateFrequentTravellerCardDiv h4,
#canUpdatePaxSeatDiv .white-panel .ui-g h3,
#canAddBaggageDiv .white-panel h4,
#canAddMealPostDiv .white-panel h4,
#canSpecialServicesPostDiv .white-panel h4,
.addSpecialServicesPostDiv .ui-accordion-header,
#canUpdatePaxSeatDiv h4 {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px;
  color: #103444;
  text-transform: uppercase !important;
}

#canUpdateFrequentTravellerCardDiv form label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #002333;
  text-transform: uppercase;
  margin-bottom: 7px;
  display: inline-block;
}

#canUpdateFrequentTravellerCardDiv form img {
  width: 100% !important;
  height: auto !important;
}

#canUpdateFrequentTravellerCardDiv form button span,
#canAddOSIPostDiv form .ui-g.buttons-container span,
#canAddSSRPostDiv form .ui-g.buttons-container span,
#canAddRemarkPostDiv form .ui-g.buttons-container span,
.addSpecialServicesPostDiv form .ui-g.buttons-container button > span,
.body-hibrid-page form button > span {
  color: white !important;
}

#canUpdateFrequentTravellerCardDiv form button {
  padding-right: 41px !important;
  position: relative !important;
  padding-left: 20px !important;
}

#canUpdateFrequentTravellerCardDiv form button span:hover::after {
  transform: translate(5px, -50%);
}

#canUpdateFrequentTravellerCardDiv form button span::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 5.04px 9.33px;
  width: 5.04px;
  height: 9.33px;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

#canSpecialServicesPostDiv h2,
.addSpecialServicesPostDiv h2 {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px;
  color: #103444;
  margin: 0 0 60px 0 !important;
  margin: 0 0 30px 0 !important;
  text-transform: uppercase;
}

#canSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv,
.addSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv,
#canAddMealPostDiv .ui-g.paxSpecialMealDiv {
  display: flex;
  align-items: center;
  background-color: #E0F6FF;
  padding: 20px;
  margin: 0 0 40px 0;
  max-width: 60%;
  width: 100%;
  font-weight: 700 !important;
  margin-bottom: 0px !important;
}

#canSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv > div:nth-of-type(2),
.addSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv > div:nth-of-type(2),
#canAddMealPostDiv .ui-g.paxSpecialMealDiv > div:nth-of-type(2) {
  margin-left: 24px;
}

#canSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv > div:nth-of-type(2) label,
.addSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv > div:nth-of-type(2) label,
#canAddMealPostDiv .ui-g.paxSpecialMealDiv > div:nth-of-type(2) label,
#canAddMealPostDiv .ui-g.paxSpecialMealDiv > div:nth-of-type(2) label {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
}

#canSpecialServicesPostDiv .ui-g.white-panel .ui-g .ui-g.label,
.addSpecialServicesPostDiv .ui-g.white-panel .ui-g .ui-g.label {
  width: 100% !important;
  margin: 0px;
  padding: 0px;
}

#canAddMealPostDiv .ui-g.paxSpecialMealDiv > div:nth-of-type(1) label::before {
  background-image: url(/resources/media/icon-bread.svg);
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

#canSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv > div:nth-of-type(1) label::before,
.addSpecialServicesPostDiv .ui-g.paxSpecialServiceStatusDiv > div:nth-of-type(1) label::before {
  background-image: url(/resources/media/icon-wheelchair.svg);
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

/*input t sus label*/
#canUpdateExpedientNumberDiv .ui-outputlabel.ui-widget.bold-text.current-expedient,
#canAddOSIPostDiv h4,
#canAddSSRPostDiv h4,
#canAddRemarkPostDiv h4 {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px;
  color: #103444;
  margin-bottom: 10px !important;
}

#canUpdateExpedientNumberDiv div.field > label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #002333;
  text-transform: uppercase;
  margin-bottom: 7px;
  display: inline-block;
}

/*end input t labels*/
/*buttons volver*/
#canUpdateFrequentTravellerCardDiv .ui-g.buttons-container {
  justify-content: end !important;
  width: 101%;
}

/*end buttons volver*/
/*buttons añadir*/
#canConnectBookingsDiv form button span::after,
#canAddOSIPostDiv .ui-g.buttons-container span::after,
#canUpdateFrequentTravellerCardDiv form button span::after,
#canAddOSIPostDiv form .ui-g.buttons-container span::after,
#canAddSSRPostDiv form .ui-g.buttons-container span::after,
#canAddRemarkPostDiv form .ui-g.buttons-container span::after,
.addSpecialServicesPostDiv form .ui-g.buttons-container span::after,
#canAddMealPostDiv form button span::after,
#canUpdateExpedientNumberDiv form button span::after,
.body-hibrid-page form button:not(.btn-prev) span::after {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
  background-repeat: no-repeat;
  background-size: 5.04px 9.33px;
  width: 5.04px;
  height: 9.33px;
  background-size: 6px 12px;
  width: 6px;
  height: 12px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  color: white !important;
}

#canConnectBookingsDiv form button span:hover::after,
#canAddOSIPostDiv .ui-g.buttons-container span:hover::after,
#canUpdateFrequentTravellerCardDiv form button span:hover::after,
#canAddOSIPostDiv form .ui-g.buttons-container span:hover::after,
#canAddSSRPostDiv form .ui-g.buttons-container span:hover::after,
#canAddRemarkPostDiv form .ui-g.buttons-container span:hover::after,
.addSpecialServicesPostDiv form .ui-g.buttons-container button:hover span::after,
#canAddMealPostDiv form button:hover span::after,
#canUpdateExpedientNumberDiv form button:hover span::after,
.body-hibrid-page form button:not(.btn-prev):hover span::after {
  transform: translate(5px, -50%);
}

#canConnectBookingsDiv form button,
#canAddOSIPostDiv .ui-g.buttons-container button,
#canUpdateFrequentTravellerCardDiv form button button,
#canAddOSIPostDiv form .ui-g.buttons-container button,
#canAddSSRPostDiv form .ui-g.buttons-container button,
#canAddRemarkPostDiv form .ui-g.buttons-container button,
.addSpecialServicesPostDiv form .ui-g.buttons-container button,
#canAddMealPostDiv form button,
#canUpdateExpedientNumberDiv form button,
.body-hibrid-page form button {
  padding-left: 24px !important;
  padding-right: 54px !important;
}

/*end buttons añadir*/
/*REGION RESERVAR ASIENTOS DIV*/
#canUpdatePaxSeatDiv div:first-child.white-panel {
  padding: 0px !important;
}

#canUpdatePaxSeatDiv .update-seat-segment-info .update-seat-segment-info,
#canUpdatePaxSeatDiv .update-seat-segment-info .ui-outputlabel,
.canAddMealPostDivSegments {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-transform: none;
  color: #103444;
}

#canUpdatePaxSeatDiv .update-seat-segment-info .segment-hour {
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
}

#canUpdatePaxSeatDiv .seats-segment-row.passengers-seat-summary {
  border-left: 2px solid #000000 !important;
  margin-left: 7px;
  min-height: 90px;
  padding-left: 45px;
}

#canUpdatePaxSeatDiv .seats-segment-row.passengers-seat-summary .button-show-seat-map a {
  color: #05A5C7 !important;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-decoration: underline !important;
  text-align: center;
}

#canUpdatePaxSeatDiv form .white-panel .seats-segment-row.passengers-seat-summary .pax-info-seat label {
  font-style: normal;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-transform: none;
  color: #103444;
}

#canUpdatePaxSeatDiv form .white-panel .seats-segment-row.passengers-seat-summary .pax-info-seat {
  background-color: #E0F6FF;
  padding: 20px;
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
}

#canUpdatePaxSeatDiv form .white-panel .seats-segment-row.passengers-seat-summary .pax-info-seat button {
  background-color: inherit !important;
  background-color: transparent !important;
  border: 0 !important;
  width: 30px !important;
  max-width: none !important;
  min-width: auto !important;
  height: 30px !important;
  margin-right: 15px;
}

#canUpdatePaxSeatDiv form .white-panel .seats-segment-row.passengers-seat-summary .pax-info-seat .button-remove-seat {
  background-image: url(/resources/media/btn-remove-icon.svg) !important;
}

#canUpdatePaxSeatDiv form .white-panel .seats-segment-row.passengers-seat-summary .pax-info-seat .button-remove-seat > span::before {
  content: " " !important;
}

#canUpdatePaxSeatDiv .row-seat-fare-list {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-transform: none;
  color: #103444;
}

.totalSeatsSelectionPost .total-price-seats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #F4F4F4;
  margin: 45px 0 30px 0;
  padding: 20px;
  width: 100%;
}

.totalSeatsSelectionPost .total-price-seats > label {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 24px;
  letter-spacing: 0.38px;
  color: #103444;
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
}

.totalSeatsSelectionPost .total-price-seats > label:first-child {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

/*END REGION RESERVAR ASIENTOS*/
/*#region animales agregar servicio*/
#canSpecialServicesPostDiv .addSpecialServicesPostDiv,
.addSpecialServicesPostDiv .addSpecialServicesPostDiv {
  padding: 0px !important;
}

.addSpecialServicesPostDiv .ui-accordion {
  padding: 0px;
  margin: 0px 0 30px 0;
}

.addSpecialServicesPostDiv form .ui-g.buttons-container {
  justify-content: flex-start !important;
}

.addSpecialServicesPostDiv form .ui-g.buttons-container {
  justify-content: flex-start !important;
}

.addSpecialServicesPostDiv form .ui-g.buttons-container button > span {
  padding-right: 0px !important;
  padding-left: 0px;
}

#canSpecialServicesPostDiv .ui-accordion.ui-widget > .ui-accordion-header:nth-of-type(3),
#canSpecialServicesPostDiv .ui-accordion.ui-widget > .ui-accordion-header:nth-of-type(5),
.addSpecialServicesPostDiv .ui-accordion.ui-widget > .ui-accordion-header:nth-of-type(3),
.addSpecialServicesPostDiv .ui-accordion.ui-widget > .ui-accordion-header:nth-of-type(5) {
  margin-top: 30px !important;
}

#canSpecialServicesPostDiv .ui-accordion-header,
#canSpecialServicesPostDiv .ui-accordion-content,
.addSpecialServicesPostDiv .ui-accordion-header,
.addSpecialServicesPostDiv .ui-accordion-content {
  padding-left: 0px !important;
  padding: 40px !important;
  width: auto;
}

#canSpecialServicesPostDiv .ui-accordion-header::after,
.addSpecialServicesPostDiv .ui-accordion-header::after {
  right: 40px !important;
  top: 27px;
}

.addSpecialServicesPostDiv .ui-accordion-header,
.addSpecialServicesPostDiv .ui-accordion-content {
  background: #F4F4F4 !important;
}

.addSpecialServicesPostDiv .ui-accordion-header span.fas,
.addSpecialServicesPostDiv .ui-accordion-header::before {
  display: none;
}

.addSpecialServicesPostDiv form .field > label:first-child {
  margin-bottom: 7px !important;
}

.addSpecialServicesPostDiv .ui-accordion-content {
  padding: 40px !important;
}

/*~endregion*/
.body-hibrid-page .ui-g .buttons-container.back {
  justify-content: right !important;
}

.addSpecialServicesPostDiv form .ui-g .buttons-container {
  justify-content: left !important;
}

.hTitulo2 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #103444;
}

.addOSIForm .fa-user,
.addRemarkForm .fa-user,
.addSSRForm .fa-user,
.baggageForm .fa-user,
.seatsForm .fa-user,
.updateConnectedBookingsForm .fa-user,
.updateDocForm .fa-user,
.updateExpedientForm .fa-user,
.updateFrequentTravellerCardForm .fa-user,
.updateMealsForm {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.5px !important;
  color: #103444 !important;
}

#carousel-teletipos {
  width: 100%;
  margin: auto;
  display: block;
  background-color: #103444;
  height: 40px;
  opacity: 0.7;
}

#carousel-teletipos table,
#carousel-teletipos .carousel-container-card {
  width: 100% !important;
  text-align: center !important;
}

#carousel-teletipos label {
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  letter-spacing: 1.2px !important;
  color: #FFFFFF !important;
}

#carousel-teletipos .ui-carousel-prev,
#carousel-teletipos .ui-carousel-next {
  background-color: rgba(244, 244, 244, 0.4196078431);
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: 9px 18px;
  background-position: center;
  opacity: 0.6;
}

#carousel-teletipos .ui-carousel-prev {
  background-image: url(/resources/media/icon-btn-prev-hover.svg);
}

#carousel-teletipos .ui-carousel-next {
  background-image: url(/resources/media/icon-btn-next-hover.svg);
}

#carousel-teletipos .ui-carousel-content .ui-carousel-next span::before,
#carousel-teletipos .ui-carousel-content .ui-carousel-prev > span::before {
  content: " " !important;
}

#carousel-teletipos .ui-carousel-container, #carousel-teletipos .ui-carousel-items-container, #carousel-teletipos .ui-carousel-items-content {
  height: 100%;
}

/*#region informacion de trayectos y busqueda*/
#datasearch .avail-summary-container #journey-dates,
.avail-summary-car .avail-summary-container .ida-car #journey-dates {
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  margin-right: 2px;
  background-color: #103444;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.38px;
  color: #FFFFFF;
  padding: 13px 30px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  height: 50px;
}

#datasearch .avail-summary-container #journey-dates::after,
.avail-summary-car .avail-summary-container #journey-dates::after {
  background-image: url(/resources/media/icon-calendar.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: " ";
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.fecha .data-car-calendar::before {
  background-image: url(/resources/media/icon-date.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: " ";
  width: 1.125rem;
  height: 1.125rem;
  background-size: 1.125rem 1.125rem;
  position: absolute;
}

.fecha .data-car-calendar span {
  margin-left: 1.5rem;
}

.search {
  height: 50px;
  position: relative;
  width: 100%;
  bottom: -3rem;
}

.avail-summary-container {
  background-color: #005EB8;
  border-radius: 20px;
  min-height: 40px;
  max-width: 1200px;
  margin: auto;
  padding: 60px 20px 20px 20px;
  position: relative;
  width: 100%;
}

#datasearch .avail-summary-container,
.avail-summary-car .avail-summary-container, #datasearchTrain {
  display: flex;
  height: 50px;
  border-radius: 32px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #FFFFFF;
  flex-wrap: nowrap;
  align-items: center;
  margin: auto;
  padding: 0;
  bottom: 24px;
}

.content-car-avail {
  margin-top: 26px;
}

.content-car-avail .main-panel {
  padding-top: 0;
}

#datasearch .avail-summary-container .ida,
.avail-summary-car.avail-summary-container .ida,
#datasearch .ui-g.avail-summary-container .number-of-pax,
#journey-dates-ida,
#journey-dates-multi,
#datasearch .ui-g.avail-summary-container > div {
  font: 100% "DM Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  letter-spacing: 0.38px !important;
  height: 100%;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  background-color: #103444;
}

#btnSearchListSearch {
  font: 100% "DM Sans", sans-serif !important;
  background-color: #005EB8 !important;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 26px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#datasearch .avail-summary-container .ida,
.avail-summary-car .avail-summary-container .ida,
.ui-g.avail-summary-container .number-of-pax,
#journey-dates-ida,
#journey-dates-multi,
#datasearch.avail-summary-container > div,
#btnSearchListSearch,
.avail-summary-container-MULTI .multitrayecto,
.avail-summary-container-MULTI .multitrayecto > div,
.avail-summary-container-MULTI label {
  flex: 1 1 0;
}

#datasearch .avail-summary-container-MULTI #journey-dates-multi {
  display: none;
}

#btnSearchListSearch.btn-search {
  background-position: 26px 50%;
  justify-content: center;
  min-width: 250px;
}

#datasearch .avail-summary-container:hover::after {
  transform: translateX(5px);
  transition: all 0.3s ease;
}

#datasearch.avail-summary-container .ida {
  align-items: start;
}

.see-map-quote-row div a {
  margin-left: 40px;
}

.steps-reserva-header {
  display: flex;
  flex-direction: column;
}

.steps-reserva-header .row-link-iconography {
  display: flex;
  position: relative !important;
}

.btn-style-02 {
  margin: 0;
}

.btn-style-02 a span {
  margin: 0 10px;
}

#datasearch .avail-summary-container-IDA #journey-dates-ida {
  margin-right: 2px;
  padding-left: 24px;
}

.avail-summary-container-IDAVUELTA #ida-vuelta-trayectos span:first-child {
  margin-right: 11px !important;
  justify-content: left;
  padding-left: 23px;
}

#datasearch .avail-summary-container-IDA #journey-dates-ida span,
#ida-vuelta-trayectos span {
  display: flex;
  align-items: center;
}

#datasearch .avail-summary-container-IDA #journey-dates-ida span::before,
.avail-summary-container-IDAVUELTA #ida-vuelta-trayectos span:first-child::before {
  background-image: url(/resources/media/icon-calendar.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 18px;
  height: 22px;
  background-size: 18px 18px;
  content: "" !important;
  left: 370px;
  margin-right: 8px;
}

#datasearch .avail-summary-container-IDA .number-of-pax::before,
#datasearch .avail-summary-container-MULTI .number-of-pax::before,
#datasearch .avail-summary-container-IDAVUELTA .number-of-pax::before,
#datasearch .avail-summary-container .number-of-pax::before {
  background-image: url(/resources/media/icon-passenger.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 18px;
  height: 22px;
  background-size: 18px 18px;
  content: "" !important;
  filter: brightness(0) invert(1);
  margin-left: 24px;
  margin-right: 10px;
}

#datasearch .avail-summary-container-IDA .ui-widget.number-of-pax,
#datasearch .avail-summary-container-MULTI .ui-widget.number-of-pax,
#datasearch .avail-summary-container-IDAVUELTA .ui-widget.number-of-pax,
#datasearch .avail-summary-container .ui-widget.number-of-pax {
  flex-direction: row;
}

.avail-summary-container-IDAVUELTA .ida #journey label:nth-child(2)::before {
  background-image: url(/resources/media/icon-road-left-right.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  left: -27px;
  filter: brightness(0) invert(1);
}

.avail-summary-container-IDAVUELTA .ida #journey label:nth-child(2) {
  margin-left: 44px;
  font: 100% "DM Sans", sans-serif;
  position: relative;
}

.avail-summary-container-IDA .ida #journey label:nth-child(2)::before {
  background-image: url(/resources/media/icon-left.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  left: -27px;
  filter: brightness(0) invert(1);
}

.avail-summary-container-IDA .ida #journey label:nth-child(2) {
  margin-left: 1.6em;
  font: 100% "DM Sans", sans-serif;
  position: relative;
}

#datasearch .avail-summary-container-IDAVUELTA #ida-vuelta-trayectos {
  margin-right: 2px;
}

#btnSearchListSearch-MULTI {
  width: 64px;
  flex: initial;
}

/*#endregion*/
#datasearch .avail-summary-container-MULTI::after {
  background-image: none;
}

#datasearch .avail-summary-container .multitrayecto {
  display: flex;
  height: 64px;
  background-color: #FFFFFF;
  flex-wrap: nowrap;
  align-items: center;
}

#datasearch .avail-summary-container .ida:first-child,
.avail-summary-car .avail-summary-container .ida:first-child,
#datasearch .avail-summary-container .multitrayecto div:first-child {
  width: 180px;
  background-image: url(/resources/media/icon-flights.svg);
  background-position: 29px 50%;
  padding-left: 57px;
}

#datasearch .avail-summary-container-IDAVUELTA .ida #journey label {
  margin-right: -8px !important;
}

#datasearch .avail-summary-container-IDAVUELTA #btnSearchListSearch.btn-search {
  background-position: 20px 50% !important;
}

#datasearch .avail-summary-container .ida,
.avail-summary-car .avail-summary-container .ida-car,
#datasearch .avail-summary-container .multitrayecto div,
#datasearch .avail-summary-container .number-of-pax {
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  flex-direction: column;
  background-color: #103444;
  font-weight: 400;
  font-size: 15px !important;
  letter-spacing: 0.38px;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0 50%;
  height: 50px;
}

#datasearch .avail-summary-container .multitrayecto div {
  display: grid;
  grid-template-rows: 50% 30%;
  justify-content: flex-start;
  padding-left: 24px;
  padding-top: 10px;
  border-right: solid #FFFFFF 2px;
}

#datasearch .avail-summary-container .multitrayecto div br {
  display: none;
}

#datasearch .avail-summary-container .multitrayecto div span {
  grid-column: 1/3;
}

#datasearch .avail-summary-container .multitrayecto div label {
  height: 100%;
}

#datasearch .avail-summary-container .ida #journey,
#datasearch .avail-summary-container .ida #journey label,
#datasearch .avail-summary-container .multitrayecto div label {
  font: 100% "DM Sans", sans-serif !important;
  font-size: 15px !important;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin-right: 8px;
}

#datasearch .avail-summary-container .multitrayecto div label label.font-aw-label {
  margin-left: 8px;
}

#datasearch .avail-summary-container .ida #journey-dates,
#datasearch .avail-summary-container .multitrayecto div span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.38px;
  display: flex;
}

.left-column-data-journey-container {
  padding: 20px;
  border-bottom: 2px solid #FFFFFF;
}

.left-column-data-journey-container .logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.left-column-data-journey-container .logo-container img {
  width: 100%;
  max-width: 80px;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 10px;
  margin: 0;
  margin-right: 5px;
}

.left-column-data-journey-container h4 {
  margin: 10px 0;
}

.left-column-data-journey-container .other-data-item {
  padding: 0;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

div.ui-messages-info.ui-corner-all,
div.ui-messages-warn.ui-corner-all,
div.ui-messages-error.ui-corner-all,
div.ui-messages-fatal.ui-corner-all,
div.ui-messages-success.ui-corner-all,
.ui-messages-warn.ui-corner-all {
  margin-top: 0px !important;
}

.ui-message .ui-message-detail .ui-g,
#globalMessages ul,
#globalMessages ul,
#globalMessages ul,
#globalMessages ul {
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: block !important;
  height: auto !important;
  align-items: center;
  letter-spacing: 0.38px;
  color: #1F4252;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-left: 0px !important;
}

#globalMessages .ui-messages-info ul .ui-messages-info-summary,
#globalMessages .ui-messages-error ul .ui-messages-error-summary,
#globalMessages .ui-messages-fatal ul .ui-messages-fatal-summary,
#globalMessages .ui-messages-success ul .ui-messages-fatal-summary {
  font-weight: 700 !important;
}

.ui-message-info,
.ui-message-warn,
.ui-message-error,
.ui-message-fatal,
.ui-message-success {
  margin: 0px 0px 10px 0px !important;
}

.ui-message.ui-message-info,
.ui-message.ui-message-warn,
.ui-message.ui-message-error,
.ui-message.ui-message-fatal,
.ui-message.ui-message-success,
#globalMessages .ui-messages-info,
#globalMessages .ui-messages-warn,
#globalMessages .ui-messages-error,
#globalMessages .ui-messages-fatal,
#globalMessages .ui-messages-success {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  /*padding: 20px;*/
  gap: 15px;
  border-radius: 10px;
  /*margin: 20px 0px !important;*/
  width: auto;
}

.ui-messages-warn.ui-corner-all span.ui-messages-warn-summary {
  font-weight: 400;
}

#globalMessages .ui-messages-close {
  display: none !important;
}

.ui-message.ui-message-success .ui-message-success-icon::before,
#globalMessages .ui-messages-success .ui-messages-success-icon::before {
  background-image: url(/resources/media/alert-success.svg);
  content: " " !important;
}

.ui-message.ui-message-info .ui-message-info-icon::before,
#globalMessages .ui-messages-info .ui-messages-info-icon::before {
  content: "\f05a" !important;
  color: #0070ab;
}

.ui-message.ui-message-warn .ui-message-warn-icon::before,
#globalMessages .ui-messages-warn .ui-messages-warn-icon::before,
.ui-messages-warn.ui-corner-all .ui-messages-warn-icon::before {
  background-image: url(/resources/media/alert-warning.svg);
  content: " " !important;
}

.ui-message.ui-message-error .ui-message-error-icon::before,
#globalMessages .ui-messages-error .ui-messages-error-icon::before {
  background-image: url(/resources/media/alert-danger-warning.svg);
  content: " " !important;
}

.ui-message.ui-message-fatal .ui-message-fatal-icon::before,
#globalMessages .ui-messages-fatal .ui-messages-fatal-icon::before {
  background-image: url(/resources/media/alert-danger.svg);
  content: " " !important;
}

.ui-message.ui-message-fatal .ui-message-fatal-icon,
.ui-message.ui-message-info .ui-message-info-icon,
.ui-message.ui-message-warn .ui-message-warn-icon,
.ui-message.ui-message-error .ui-message-error-icon,
.ui-message.ui-message-success .ui-message-error-icon,
#globalMessages .ui-messages-fatal .ui-messages-fatal-icon,
#globalMessages .ui-messages-info .ui-messages-info-icon,
#globalMessages .ui-messages-warn .ui-messages-warn-icon,
#globalMessages .ui-messages-error .ui-messages-error-icon,
#globalMessages .ui-messages-success .ui-messages-success-icon {
  margin-left: 5px !important;
}

.ui-message.ui-message-info .ui-message-info-icon::before,
.ui-message.ui-message-warn .ui-message-warn-icon::before,
.ui-message.ui-message-error .ui-message-error-icon::before,
.ui-message.ui-message-fatal .ui-message-fatal-icon::before,
.ui-message.ui-message-success .ui-message-success-icon::before,
#globalMessages .ui-messages-fatal .ui-messages-fatal-icon::before,
#globalMessages .ui-messages-info .ui-messages-info-icon::before,
#globalMessages .ui-messages-warn .ui-messages-warn-icon::before,
#globalMessages .ui-messages-error .ui-messages-error-icon::before,
#globalMessages .ui-messages-success .ui-messages-success-icon::before,
.ui-messages-warn.ui-corner-all .ui-messages-warn-icon::before {
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*.ui-message.ui-message-info,
#globalMessages .ui-messages-info {
    background: $color-message-background-info !important;
    border: 1px solid $color-message-info !important;
    border-left: 1px solid $color-message-info !important;
    margin-left: auto!important;
    margin-right: auto!important;
}*/
/*.ui-message.ui-message-warn,
#globalMessages .ui-messages-warn {
    background: $color-message-background-warn !important;
    border: 1px solid $color-message-warn !important;
    border-left: 1px solid $color-message-warn !important;
    margin-left: auto!important;
    margin-right: auto!important;
}*/
.ui-message.ui-message-warn,
#globalMessages .ui-messages-warn, #globalMessages .ui-messages-error, #globalMessages .ui-messages-info, #globalMessages .ui-messages-fatal {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

#globalMessages .ui-messages-warn .ui-messages-warn-icon,
#globalMessages .ui-messages-error .ui-messages-error-icon,
#globalMessages .ui-messages-info .ui-messages-info-icon,
#globalMessages .ui-messages-fatal .ui-messages-fatal-icon {
  display: none;
}

#globalMessages .ui-messages-warn ul, #globalMessages .ui-messages-error ul, #globalMessages .ui-messages-fatal ul, #globalMessages .ui-messages-info ul {
  margin-right: 0px;
}

#globalMessages .ui-messages-warn ul li,
.ui-messages-warn.ui-corner-all {
  background: #ffe399 !important;
  border: 1px solid #ff9e00 !important;
  border-left: 1px solid #ff9e00 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px;
  border-radius: 10px;
  padding: 20px;
}

.ui-messages-warn.ui-corner-all {
  background: #ffe399 !important;
}

#globalMessages .ui-messages-error ul li,
#globalMessages .ui-messages-fatal ul li {
  background: #f8b7bd !important;
  border: 1px solid #e44049 !important;
  border-left: 1px solid #e44049 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px;
  border-radius: 10px;
  padding: 20px;
}

#globalMessages .ui-messages-info ul li {
  background: #c1e6f6 !important;
  border: 1px solid #0070ab !important;
  border-left: 1px solid #0070ab !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px;
  border-radius: 10px;
  padding: 20px;
}

#globalMessages .ui-messages-warn ul li .ui-messages-warn-summary {
  background-image: url(/resources/media/alert-warning.svg);
  content: " " !important;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  display: inline-block !important;
}

#globalMessages .ui-messages-error ul li .ui-messages-error-summary, #globalMessages .ui-messages-fatal ul li .ui-messages-fatal-summary {
  background-image: url(/resources/media/alert-danger-warning.svg);
  content: " " !important;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  display: inline-block !important;
}

#globalMessages .ui-messages-info ul li .ui-messages-info-summary {
  background-image: url(/resources/media/alert-info.svg);
  content: " " !important;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  display: inline-block !important;
}

.ui-message.ui-message-error,
.ui-message.ui-message-fatal {
  background: #f8b7bd !important;
  border: 1px solid #e44049 !important;
  border-left: 1px solid #e44049 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ui-message.ui-message-success,
#globalMessages .ui-messages-success {
  background: #E2FAEC !important;
  border: 1px solid #3EDE7E !important;
  border-left: 1px solid #3EDE7E !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#providerBookingsWrappersDiv #info-call-ndc span.ui-message-info-icon::before {
  font-weight: bold !important;
  content: "\f05a" !important;
}

.proposal-car {
  font-family: "DM Sans", sans-serif;
  margin: 0;
  color: #103444;
  font-weight: 500;
  letter-spacing: 1.5px;
}

.ui-g.air.proposal-car {
  background-color: transparent;
}

.proposal-car-information {
  padding: 0 10px 0 0 !important;
}

.ui-g.air.proposal-car-data.proposal-car-data-alert {
  border-radius: 10px;
}

.proposal-car-data {
  padding: 40px;
  margin: 0 !important;
}

.proposal-car-data-alert {
  padding-top: 0;
}

#car-avail-form {
  padding: 40px;
  border-radius: 10px;
  box-sizing: border-box;
}

#car-avail-form .checkField {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.order-by-div-car {
  display: flex;
  justify-content: flex-end;
}

.order-by-div-car #priceOrderContainer {
  display: contents;
}

.avail-summary-car {
  z-index: 1000;
  height: 0 !important;
}

.avail-results-order-car {
  grid-template-columns: 50% 50%;
}

.avail-summary-car .avail-summary-container .ida-car:first-child {
  width: 180px;
  background-image: url(/resources/media/icon-car-white.svg);
  background-position: 29px 50%;
  padding-left: 57px;
  background-size: 30px;
}

.ida-car {
  flex-direction: row !important;
  flex-wrap: nowrap;
  border-right: none;
}

.avail-summary-car .avail-summary-container .ida-car #journey {
  align-items: center;
  height: 50px;
  display: flex;
}

.avail-summary-car .avail-summary-container .ida-car #journey label {
  font-size: 13px !important;
  display: flex;
  align-items: center;
}

.avail-summary-car .avail-summary-container .ida-car .font-aw-label,
.avail-summary-car .avail-summary-container .ida-car .ui-outputlabel-label {
  padding-left: 1rem;
}

.avail-summary-car .avail-summary-container .ida-car #journey-dates {
  padding: 0 1rem 0 2.25rem;
  margin-right: 0;
  width: 160px;
}

#completeSearch .modal-search {
  flex-direction: column;
  top: auto;
  margin-top: 1.5rem;
}

#completeSearch .avail-summary-container::after {
  content: "" !important;
  display: none;
}

#completeSearch .modal-contain {
  background-color: #FFFFFF !important;
  padding: 20px;
  display: block !important;
}

#completeSearch .modal-contain > div {
  background-color: #FFFFFF;
}

.proposal-car .car-caracteristics .caracteristic,
.car-description,
.proposal-car .location-info {
  padding-bottom: 10px !important;
}

.car-image {
  margin: auto;
}

.proposal-car .car-caracteristics .caracteristic label:before,
.proposal-car .car-caracteristics .caracteristic .gi-icon {
  font-size: 25px;
}

.car-price-detail {
  margin: 0 20px;
  width: calc(100% - 40px);
  font-size: 12px;
}

.car-price-row {
  flex-wrap: nowrap;
  display: grid;
  grid-template-columns: 45% 45%;
  gap: 10px;
}

.car-price-row .price-label,
.car-price-row .amount {
  width: 100%;
}

.car-extra-service .gi-icon {
  font-size: 50px !important;
}

.passenger-card-container .fa-male:before {
  content: "\f183";
  font-size: 33px;
  margin-left: 15px;
  color: #103444;
}

.passenger-card-container .fa-female:before {
  content: "\f183";
  font-size: 33px;
  margin-left: 15px;
  color: #103444;
}

.passenger-card-container .fa-baby:before {
  content: "\f77c";
  font-size: 33px;
  margin-left: 15px;
  color: #103444;
}

.passenger-card-container .fa-child:before {
  content: "\f1ae";
  font-size: 33px;
  margin-left: 15px;
  color: #103444;
}

.car-extra-service-info {
  font-size: 1.1rem;
}

.fare-feature {
  display: inline-block;
  padding-inline: 40px;
  margin-bottom: 1rem;
}

.fare-feature::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin-right: 0.5rem;
  background-size: 1rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fare-feature-icon-change::before {
  background-image: url(/resources/images/icon-changes.svg);
}

.fare-feature-icon-cancel::before {
  background-image: url(/resources/images/icon-cancel.svg);
}

.fare-feature-icon-bike::before {
  background-image: url(/resources/images/icon-bike.svg);
}

.fare-feature-icon-pet::before {
  background-image: url(/resources/images/icon-pet.svg);
}

.fare-feature-icon-restaurant::before {
  background-image: url(/resources/images/icon-restaurant.svg);
}

.fare-feature-icon-refund::before {
  background-image: url(/resources/images/icon-refund.svg);
}

.fare-feature-icon-suitcase::before {
  background-image: url(/resources/media/icon-suitcase-cabin.svg);
}

.fare-feature-icon-seat::before {
  background-image: url(/resources/images/icon-seat.svg);
}

.fare-feature-icon-info::before {
  background-image: url(/resources/images/icon-info.svg);
}

.fare-feature-icon-unknown::before {
  background-image: url(/resources/images/icon-circle.svg);
}

.fare-feature-icon-update::before {
  background-image: url(/resources/images/icon-update.svg);
}

/*#region responsives */
@media only screen and (max-width: 1600px) {
  #top-row {
    display: none;
  }
}
@media (max-width: 1600px) {
  .additional-price-responsive label span {
    font-size: 21px;
  }
}
@media (max-width: 1200px) {
  #menu-sticky {
    width: 100%;
  }
  #availTabMenu {
    max-width: initial;
  }
  .avail-results-order {
    grid-template-columns: 50% 50%;
  }
  .avail-results-order-air-schemule {
    grid-template-columns: 270px calc(100% - 270px);
  }
  .showResponsive {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .voucherContainer > div {
    margin-left: 1%;
  }
}
@media (max-width: 1024px) {
  .additional-price-responsive label span {
    font-size: 25px;
  }
}
@media (max-width: 991px) {
  .sidebar-dialog {
    width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media only screen and (max-width: 1024px) {
  #body-container .avail-detail-view-availcard .ui-g.air {
    flex-wrap: wrap !important;
  }
}
@media only screen and (max-width: 991px) {
  .avail-results-order {
    grid-template-columns: 100%;
    margin-top: 0;
    width: calc(100% - 0px);
  }
  #body {
    overflow: hidden;
    display: block;
  }
  #header-container,
  .menu-container,
  .footer-container {
    width: 100%;
  }
  #avail-container {
    border-radius: inherit;
  }
  .input-date-range {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  #carousel-teletipos {
    display: none;
  }
  #availTabMenu {
    display: none;
    border-radius: inherit;
    border-top: 0 solid #FFFFFF;
    border-right: 0 solid #FFFFFF;
    border-left: 0 solid #FFFFFF;
  }
  .ui-g .menu-responsive {
    display: none !important;
  }
  .menu {
    display: flex !important;
  }
  .ui-g.menu {
    height: 75px;
  }
  #availabilityForm button[type=submit] {
    width: auto !important;
  }
  #car-avail-form button[type=submit] {
    width: auto !important;
    display: flex !important;
    align-items: center;
    padding: 25px 36px 23px 38px;
  }
  .menu-bar {
    display: none !important;
  }
  .adaptable-container {
    width: 100%;
  }
  #availTabMenu > .tabs-menu-main-page {
    border-radius: 0 0 0 0;
  }
  #avail-container .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem,
  .ui-tabmenu .ui-menuitem-link,
  .ui-tabmenu .ui-menuitem-icon,
  #avail-container .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a.ui-menuitem-link {
    display: flex !important;
    margin: 0;
    padding-top: 5px;
    overflow: hidden;
  }
  #console tbody,
  #console,
  #console tbody tr {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #console tbody tr td {
    display: flex;
    padding: 5px;
    align-items: center;
  }
  #header {
    overflow: hidden;
    display: block;
    margin: 0;
    background-color: #005EB8;
    position: relative;
    height: 72px;
  }
  .menu-item-close::before {
    content: "<";
    width: 25px;
    margin: 0 5px;
    font-weight: 600;
    float: left;
    color: #FFFFFF;
  }
  .menu-item-close::after {
    content: "";
  }
  .ui-selectoneradio label {
    padding: 10px;
  }
  .avail-detail-view .air .air-price,
  .avail-detail-view .background-color-light-grey .air-price {
    margin: auto;
    border: 0;
  }
  .menu-toggle .down-icon {
    background-image: url(/resources/media/icon-menu.svg);
  }
  .notifications-toggle a {
    background-color: #FFFFFF;
    color: #005EB8;
  }
  .notifications-toggle {
    content: "";
    right: 0;
    left: inherit;
    height: 30px;
    width: 30px;
    padding: 0;
    background-image: url(/resources/media/icon-bell.svg) !important;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 23px 28.53px;
    display: block;
    margin: 0;
    position: relative;
  }
  #menu-sticky {
    width: 100%;
    max-width: 100%;
  }
  #newAirSearchSelectOptions {
    display: flex;
    flex-direction: column-reverse;
  }
  #airSearchTypeSelection,
  .modalTrainOptions {
    display: flex;
    flex-direction: column-reverse;
  }
  #console {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #requestType {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  #buttonTypeAir.ui-selectonebutton {
    display: flex !important;
    justify-content: center;
  }
  #menu-sticky.scrollStyle #menu-logo {
    display: none;
  }
  #availTabMenu.scrollStyle {
    position: fixed;
    top: 0;
    z-index: 1002;
    overflow: hidden;
    margin-top: 0;
  }
  .footer-info,
  .footer-info a {
    border-left: none;
  }
  .column-button-form {
    display: flex;
    justify-content: flex-end;
  }
  .footer {
    width: 100%;
  }
  /*#endregion*/
  .footer .footer-container .footer-logo {
    width: 80px;
    height: 60px;
    margin-top: 0;
    margin-left: 0;
  }
  .footer .footer-container .footer-links {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: auto 0 auto auto;
  }
  .footer .footer-container .footer-info {
    display: flex;
    margin: auto 0;
    align-items: center;
  }
  /*date*/
  .month-wrapper {
    width: 100% !important;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
  }
  .month-wrapper .gap {
    display: none;
  }
  .date-picker-wrapper .month-wrapper table {
    margin: 5px;
    width: calc(100% - 10px) !important;
  }
  .date-picker-wrapper.no-shortcuts {
    padding-bottom: 0;
    background-color: #FFFFFF !important;
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    width: calc(100% - 64px);
  }
  .date-picker-wrapper .drp_top-bar .default-top {
    display: none;
  }
  .footer .footer-container .footer-info .footer-company {
    font-weight: bold;
  }
  /*#body-container .ui-g,*/
  #body-container h2 {
    justify-content: flex-start;
  }
  .bookingForm .white-panel h2 {
    justify-content: left;
  }
  .segment {
    display: flex !important;
  }
  .segment-departure,
  .segment-detail,
  .segment-arrival {
    justify-content: flex-start !important;
  }
  .avail-detail-view .air .air-avail-table .segment-info,
  .air-journeis-info .air-avail-table .segment-info {
    width: 100%;
    white-space: inherit;
    display: flex;
    flex-direction: column;
  }
  #completeSearch .avail-summary-container {
    background-color: #FFFFFF;
    width: 100%;
    max-width: 1200px;
    height: auto;
  }
  .segment .ui-lg-12 {
    width: auto;
  }
  .fa.fa-plane.fa-2x {
    transform: rotate(45deg);
    margin: 0;
  }
  .avail-detail-view .air .segment-info * {
    padding: 0 !important;
  }
  .box-resumen-item {
    display: flex;
    flex-direction: column;
  }
  .box-resumen-item .reserva-btn-container {
    grid-column: span 2;
    width: 100%;
  }
  .btn-style-02 {
    margin: 0;
    width: 100%;
  }
  .btn-style-02 a {
    justify-content: space-between;
  }
  .box-resumen-item .price,
  .box-resumen-item .fecha {
    align-self: flex-start;
  }
  .pax-data-container h3 {
    line-height: 32px !important;
  }
  .pax-tickets-container {
    flex-direction: column;
    gap: 0;
  }
  .pax-tickets-container label {
    margin-bottom: 0;
  }
  .cesionDatosPanel .ui-selectoneradio {
    display: flex;
    flex-direction: column;
  }
  .passenger-type-column {
    justify-content: center;
    width: 100% !important;
  }
  .ui-steps .ui-steps-item .ui-steps-title {
    display: initial !important;
  }
  #body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul li {
    border-left: none;
    display: none;
  }
  #body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul {
    display: block;
    border-radius: 50px;
  }
  body .ui-steps.ui-steps-readonly.ui-widget.ui-helper-clearfix ul .step-active {
    display: block !important;
  }
  #availResults:not(.availResultsUpdate),
  #quoteResults,
  .main-panel,
  .booking-central-column {
    max-width: 1199px;
    margin: auto;
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
  }
  #availResults, #quoteResults {
    padding: 10px;
    justify-content: center !important;
  }
  #proposalForm {
    margin-top: 1rem;
  }
  #proposalForm.trainProposalForm {
    margin-top: 0;
  }
  #body-container .ui-g .avail-results-order-train {
    display: flex !important;
    justify-content: right !important;
    width: 100%;
  }
  .ui-g.train-journey-group-header {
    flex-direction: row;
  }
  #availResults_content {
    width: calc(100% - 40px);
    margin-top: 60px;
  }
  .filtered-elements-count-tanden:not(.flex-no-margin) {
    margin-top: -60px !important;
  }
  .no-fare-header-air .border {
    margin-left: 0 !important;
  }
  .filtered-elements-count-trains {
    left: 10px;
  }
  .FilterBTN {
    display: none;
  }
  .footer-info,
  .footer-links a {
    border-left: none;
  }
  #airList > .buttons-container {
    justify-content: center;
  }
  .btnSumary {
    display: block;
    border-radius: 0;
    max-width: 56px;
    margin: 0 !important;
    padding: 0;
    background-position: 50% 50% !important;
    height: 70px;
  }
  .btn-search-data {
    font: "DM Sans", sans-serif;
    font-style: normal;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    background-color: #103444;
    color: #FFFFFF;
    padding: 20px 20px 20px 53px;
    background-image: url(/resources/media/icon-flights.svg);
    background-repeat: no-repeat;
    background-position: 24px 50%;
    background-size: 20px 20px;
    border: none;
    height: 70px;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }
  .avail-summary-car .btn-search-data {
    background-image: url(/resources/media/icon-car-white.svg);
  }
  .avail-summary-train .btn-search-data {
    background-image: url(/resources/media/icon-trains.svg);
  }
  .btn-search-data::after {
    background-image: url(/resources/media/icon-btn-next-hover.svg);
    background-repeat: no-repeat;
    background-size: 6px 12px;
    width: 6px;
    height: 12px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    left: auto;
    transform: translateY(-50%);
    transition: all 0.3s ease;
  }
  #trainSearch .btn-search-data::after {
    top: 198px;
  }
  #carSearch .btn-search-data::after {
    top: 35px;
  }
  .btnSumary::after {
    display: none;
  }
  #datasearch .avail-summary-container .ida,
  .avail-summary-car .avail-summary-container .ida,
  #datasearch .avail-summary-container .multitrayecto div,
  #datasearch .avail-summary-container .number-of-pax,
  #datasearch .avail-summary-container .ida #journey,
  #datasearch .avail-summary-container .ida #journey label,
  #datasearch .avail-summary-container .multitrayecto div label {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
    margin: 18px !important;
    text-align: center;
  }
  #proposalRow_content .ui-g.air {
    flex-wrap: wrap;
  }
  .avail-summary-container-IDAVUELTA #ida-vuelta-trayectos span:first-child,
  #datasearch .avail-summary-container-IDA #journey-dates-ida {
    margin-right: 2px !important;
    justify-content: left;
    padding-left: 0;
  }
  #datasearch .avail-summary-container-IDA #journey-dates-ida span,
  #ida-vuelta-trayectos span,
  .avail-summary .collapsed-search span,
  .avail-summary .collapsed-search .id {
    flex-direction: column;
  }
  #datasearch,
  .avail-summary .collapsed-search {
    position: fixed;
    top: 0;
    right: 0;
    height: 100% !important;
    width: 100% !important;
    left: 0;
    bottom: 0;
    background-color: #005EB8 !important;
    display: none;
    opacity: 0;
  }
  #datasearch .avail-summary-container .ida,
  .avail-summary-car .avail-summary-container .ida,
  #datasearch .ui-g.avail-summary-container .number-of-pax,
  #journey-dates-ida,
  #journey-dates-multi,
  #datasearch .ui-g.avail-summary-container > div #datasearch,
  #datasearch .ida-vuelta-trayectos {
    background-color: #005EB8 !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding-left: 0 !important;
  }
  .avail-summary-car #journey-dates,
  .avail-summary-car #journey-dates label {
    background-color: #005EB8 !important;
  }
  .avail-summary-car .fa-exchange-alt:before {
    position: absolute;
    left: 50%;
    transform: translateX(-5px);
  }
  #datasearch .avail-summary-container-IDA .number-of-pax::before,
  #datasearch .avail-summary-container-MULTI .number-of-pax::before,
  #datasearch .avail-summary-container-IDAVUELTA .number-of-pax::before,
  #datasearch .avail-summary-container-IDA #journey-dates-ida span::before,
  .avail-summary-container-IDAVUELTA #ida-vuelta-trayectos span:first-child::before {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  #datasearch .avail-summary {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 56px calc(100% - 56px) !important;
    border-radius: 0;
    flex-wrap: nowrap;
  }
  #datasearch .avail-summary-container,
  .avail-summary-car .avail-summary-container {
    justify-content: center;
    flex-direction: column;
    height: auto;
    background: none;
    position: initial;
    width: 80%;
    transform: initial;
    border: 1px solid #fff;
    align-items: center;
    border-radius: 10px;
    background-color: #005EB8 !important;
    margin: 100px auto auto auto !important;
  }
  .avail-summary-car .avail-summary-container .ida-car,
  .avail-summary-car .avail-summary-container .ida-car #journey-dates {
    height: auto;
    border: none;
    padding: 0;
  }
  .avail-summary-car .avail-summary-container .ida-car #journey {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: none;
    height: auto;
  }
  .avail-summary-car .avail-summary-container .ida-car #journey label {
    flex-direction: column;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .avail-summary-car .avail-summary-container .ida-car:first-child {
    width: auto;
    background-image: url(/resources/media/icon-car-white.svg);
    background-position: 50% 0;
    padding-top: 50px;
    background-size: 50px;
    padding-left: 0;
    height: auto;
    margin: 0;
  }
  .avail-summary-car #datasearch {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    padding: 0;
    margin: 0;
    bottom: 0;
    border-radius: 0;
    overflow-y: auto;
    background-color: #005EB8;
  }
  .avail-summary-car .avail-summary-container #journey-dates::after {
    transform: translate(0%, -130%);
  }
  #btnSearchListSearch {
    border: solid 1px #fff;
    border-radius: 50px;
  }
  #datasearch .avail-summary-container .ida:first-child,
  #datasearch .avail-summary-container .multitrayecto div:first-child {
    background-image: url(/resources/media/icon-flights.svg);
    background-position: 50% 20%;
    padding-top: 55px;
  }
  #datasearch .avail-summary-container-IDAVUELTA #ida-vuelta-trayectos {
    margin-right: 2px;
    flex-direction: column;
    background-color: #005EB8;
  }
  #datasearch #journey label:first-child {
    margin-right: 35px;
  }
  #completeSearch,
  #completeSearch .avail-summary-container {
    border-radius: 0;
    padding: 0;
  }
  .clouse-datasearch {
    display: block;
    height: 70px;
  }
  .menuTopSticky {
    position: sticky;
    top: 0 !important;
    z-index: 1000;
    height: 70px;
  }
  #datasearch .avail-summary-container::after,
  .avail-summary-car .avail-summary-container::after {
    display: none;
  }
  /*NUEVO MENU*/
  #availabilityForm {
    margin: 0 12px;
    width: calc(100% - 24px);
  }
  .header-right {
    margin: 21px 20px 0 0;
  }
  .notifications-toggle label {
    display: none;
  }
  #notifications-toggle a::before {
    display: none;
  }
  #btnResponsiveSearch {
    background-image: url(/resources/media/icon-search.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
    position: relative;
  }
  #notifications-toggle a {
    color: #005EB8;
    text-decoration: none;
  }
  .notifications-links {
    display: none;
  }
  .availTabMenuResponsivePanel-active,
  .notifications-links-active {
    display: block !important;
    transform: translateX(0%);
  }
  .availTabMenuResponsivePanel-active {
    z-index: 1002;
  }
  #availTabMenuResponsivePanel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFFFFF;
    background-color: #103444;
  }
  #availTabMenuResponsive {
    padding: 0 25px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 400;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    display: block;
    margin-bottom: 11px;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a {
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 30px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 14px 16px 12px 16px;
    display: block;
    height: auto;
    line-height: 24px;
    font-weight: 400;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a {
    background-color: #FFFFFF !important;
    overflow: hidden;
    color: #103444 !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .ui-icon {
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px;
    padding: 0;
    margin: 0 16px 0 0;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a:after {
    content: " ";
    position: absolute;
    background-image: url(/resources/media/icon-menu-next.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 6px 12px;
    width: 6px;
    height: 12px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    left: auto;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a:after {
    background-image: url(/resources/media/icon-menu-next-hover.svg);
  }
  /*ICONS*/
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-plane {
    background-image: url(/resources/media/icon-flights.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-plane {
    background-image: url(/resources/media/icon-flights-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-car {
    background-image: url(/resources/media/icon-cars-hover.svg) !important;
    background-size: 24px !important;
    color: white;
    filter: brightness(0) invert(1);
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-car {
    filter: none;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-flight-hotel {
    background-image: url(/resources/media/icon-hotel_flight.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-flight-hotel {
    background-image: url(/resources/media/icon-hotel_flight-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-ship {
    background-image: url(/resources/media/icon-cruises.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-ship {
    background-image: url(/resources/media/icon-cruises-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-signature {
    background-image: url(/resources/media/icon-digital_signature.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-signature {
    background-image: url(/resources/media/icon-digital_signature-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-activities {
    background-image: url(/resources/media/icon-activities.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-activities {
    background-image: url(/resources/media/icon-activities-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-taxi {
    background-image: url(/resources/media/icon-bookroad.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-taxi {
    background-image: url(/resources/media/icon-bookroad-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-bus {
    background-image: url(/resources/media/icon-busway.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-bus {
    background-image: url(/resources/media/icon-busway-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-train {
    background-image: url(/resources/media/icon-trains.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-train {
    background-image: url(/resources/media/icon-trains-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-hotel {
    background-image: url(/resources/media/icon-hotels.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-hotel {
    background-image: url(/resources/media/icon-hotels-hover.svg) !important;
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li a .fa-passenger-card {
    background-image: url(/resources/media/icon-passenger-card.svg) !important;
    background-size: 24px !important;
    color: white;
    filter: brightness(0) invert(1);
  }
  #availTabMenuResponsive .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a .fa-passenger-card {
    background-image: url(/resources/media/icon-passenger-card.svg) !important;
  }
  /*ICONS*/
  #availTabMenuResponsive .ui-tabmenu .ui-menuitem-text {
    display: block;
  }
  .header-user-name,
  .header-exit {
    display: none;
  }
  .header-time {
    display: none;
  }
  .contact-agency {
    display: none;
  }
  .menu-toggle {
    padding: 0;
    margin: 36px 0 0 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(/resources/media/icon-menu-hover.svg) !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 28px 20px;
    width: 28px;
    height: 20px;
    transform: translateY(-50%);
    overflow: hidden;
    display: block;
    cursor: pointer;
  }
  #header-container,
  .ui-menu.ui-menu-dynamic,
  .ui-menu.ui-menu-dynamic.ui-connected-overlay-enter-done,
  .avail-filters-column,
  .proposal-info,
  .notifications-links {
    width: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
  }
  #btnSearchListSearch.btn-search {
    justify-content: center;
    background: transparent url(/resources/media/icon-search.svg) no-repeat 24px 50% !important;
    position: relative;
    padding: 14px 14px 14px 14px;
    min-width: 250px;
    margin-bottom: 14px;
  }
  #btnSearchListSearch.btn-search::after {
    background-image: url(/resources/media/icon-btn-next-hover.svg);
    background-repeat: no-repeat;
    background-size: 6px 12px;
    width: 6px;
    height: 12px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    left: auto;
    transform: translateY(-50%);
    transition: all 0.3s ease;
  }
  #datasearch .avail-summary-container-IDAVUELTA .number-of-pax::before {
    background-image: url(/resources/media/icon-pax.svg);
    background-size: 20px 20px;
  }
  /*FIN NUEVO MENU*/
  /*AIR BOOKING RETRIEVE*/
  #buscarReservas {
    width: 100%;
  }
  #requestPanel,
  #bookRetrieveResults {
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  #bookRetrieveTable {
    padding: 0;
  }
  #bookRetrieveTable select,
  #authorizationsTable_reflowDD {
    box-sizing: border-box;
    width: calc(100% - 10px);
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.38px;
    border: 1px solid #C2C2C2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #777777;
    padding: 12px 56px 12px 20px;
    background: #FFFFFF url(/resources/media/icon-select.svg) no-repeat;
    background-position-x: 100%;
    background-position-y: -4px;
  }
  #bookRetrieveTable_data td a {
    margin: auto;
  }
  #bookRetrieveTable_paginator_bottom select {
    width: 120px;
  }
  #bookStatus tbody tr {
    display: flex;
    flex-direction: column;
  }
  #bookStatus tbody tr td {
    margin-bottom: 30px;
  }
  #bookRetrieveResults table tbody#bookRetrieveTable_data tr td[role=gridcell] .ui-column-title {
    margin: -0.4em 0em -0.4em 0em;
    font-weight: bold;
  }
  #airBookingRetrieveView,
  #body-container {
    margin-top: 0;
  }
  #body-container {
    padding-bottom: 100px !important;
  }
  .bookingForm .ui-g .buttons-container {
    display: flex;
    justify-content: center !important;
    align-items: center;
    flex-wrap: wrap !important;
    /*
    Puesto important ya que no se encuentra padre donde redefinir. Se encuentra un !important en otro flex-wrap, pero si se cambia
    se estropea toda la estetica de la aplicación, y encima de ese !important no se encuentra mas padre que lo propio del framework.
    */
  }
  .bookingForm .ui-g .buttons-container button.ui-button {
    max-width: 250px !important;
    padding-left: 13px !important;
    width: 100% !important;
  }
  .journey-detail {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.38px;
  }
  #logo-container {
    display: flex;
    flex-direction: column;
  }
  /*FIN AIR BOOKING RETRIEVE*/
  /*AUTORIZACIONES*/
  #authorizationsTable_data .column-action {
    height: 50px;
  }
  #autorizationDetails {
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px);
  }
  .autorizators-cards-container {
    justify-content: center !important;
  }
  .container-tab-active,
  .container-tab-inactive {
    width: 100%;
  }
  .autorization-list-menu div {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  .autorization-list-menu ul {
    width: 90% !important;
  }
  /*FIN AUTORIZACIONES*/
  .sidebar-dialog.ui-sidebar-active {
    max-width: 100% !important;
    width: 90% !important;
    max-height: 80% !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0;
  }
  .bookingForm .right-zone {
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .bookingForm .price-detail {
    display: grid;
    grid-template-columns: 100%;
    height: fit-content;
  }
  .bookingForm .price-detail .paxPrice-container {
    grid-column: span 1;
    border-bottom: 1px solid #D8D8D8;
  }
  .bookingForm .passenger-card-container .passenger-card .price span {
    font-size: 15px;
  }
  .bookingForm .messenger .ui-panel-titlebar .ui-icon-plusthick,
  .bookingForm .messenger .ui-panel-titlebar .ui-icon-minusthick {
    position: relative;
    margin-bottom: 20px;
  }
  .firma-digital-view {
    display: flex;
    flex-direction: column;
  }
  .firma-digital-view ul.ui-tabs-nav {
    width: 300px !important;
  }
  .firma-digital-view ul li a {
    padding: 5px 5px 5px 5px;
  }
  .firma-digital-view ul {
    width: 300px;
    margin: 0 !important;
    margin-bottom: 20px !important;
  }
  .firma-digital-view div.ui-tabs-panels {
    width: 100% !important;
  }
  .segmentsResponsive td .segment .segment-departure .departure-detail .ui-g,
  .segmentsResponsive td .segment .segment-arrival .arrival-detail .ui-g {
    justify-content: center !important;
  }
  .box-resumen-item .fecha .fecha .date-value {
    padding-left: 0;
  }
  .bookingForm .references-invoices {
    grid-template-columns: 50% 50% !important;
  }
  .formularioPago .box-resumen-item .fecha {
    margin-left: inherit !important;
  }
  .outbound-return-container {
    grid-template-columns: 35% 30% 35%;
    height: auto;
  }
  .proposal-info .price-detail .total-price div {
    width: 50%;
  }
  .proposal-info .price-detail .total-fee div {
    width: 50%;
  }
  .buttons-container.buttons-container-train {
    width: auto;
  }
  .logo-adjustment {
    display: flex !important;
    align-items: center;
    text-align: center;
    white-space: nowrap;
  }
  .relative-position {
    position: relative;
  }
  .bookingForm .passenger-card-detail .price-detail {
    grid-template-columns: 100%;
  }
  .row2 {
    grid-row: 2;
  }
  .bookingForm .price-colum div {
    padding: 0 !important;
  }
  .date-range-picker-from {
    padding-right: 0 !important;
  }
  .train-fares-label {
    min-width: 240px;
  }
}
@media only screen and (max-width: 768px) {
  #bookRetrieveTable_data td,
  #bookRetrieveTable_data td p,
  #bookRetrieveTable_data td label {
    border-bottom: none;
  }
  #bookRetrieveTable_data td {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #bookRetrieveTable table thead#bookRetrieveTable_head tr th {
    display: none;
  }
  #bookRetrieveResults table tbody#bookRetrieveTable_data tr,
  #bookRetrieveTable table tbody#bookRetrieveTable_data tr {
    display: grid;
  }
  #bookRetrieveResults table tbody#bookRetrieveTable_data tr td[role=gridcell] .ui-column-title {
    margin: -0.4em 0em -0.4em 0em;
    font-weight: bold;
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    text-align: center;
  }
  .book-retrieve-table-user {
    max-width: none;
  }
  .journey-segment .right-column, .journey-detail .right-column {
    padding-top: 0 !important;
  }
  .login-body .primary-footer-cotainer .primary-footer .row-footer {
    display: inline-block;
  }
  .login-page .login-body .login-footer a {
    display: block;
  }
  .login-body .links-container {
    display: block;
  }
  .login-body .links-container .footer-column,
  .footer-logo {
    margin-bottom: 36px;
  }
  .passenger-card-group1 {
    margin: 30px;
  }
  .bookingForm .passenger-card-container .passenger-card .name {
    text-align: center;
    display: block;
    margin: auto;
  }
  .footer {
    border-radius: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    height: auto;
  }
  .footer-container {
    display: grid !important;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
  }
  .footer .footer-container .footer-logo {
    grid-column: span 2;
    width: 100%;
  }
  .footer-logo > img {
    margin: auto;
    display: block;
  }
  .footer-container > a,
  .footer-container > div {
    margin-bottom: 20px;
  }
  .main-panel {
    width: 100%;
  }
  .main-panel .white-panel {
    padding: 10px;
  }
  .bookingForm .passenger-card-detail {
    display: grid;
    grid-template-columns: 100%;
    padding: 0;
  }
  .bookingForm .pax-data-container {
    padding: 20px;
  }
  .bookingForm .price-colum {
    margin-top: 0;
    margin-bottom: 0;
  }
  .bookingForm .price-colum .ui-g {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
  }
  .bookingForm .price-colum .ui-g label {
    justify-content: flex-end;
  }
  .bookingForm .passenger-card-detail-general {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bookingForm .passenger-card-detail-general .name span {
    font-size: 15px;
  }
  .bookingForm .personal-data-column {
    width: 100%;
  }
  .bookingForm h3 {
    margin: 0 0 20px 0;
    font-size: 20px;
  }
  .air-journey-group-header {
    flex-direction: row;
    padding: 10px !important;
  }
  .air-journey-group-header .ui-sm-12 {
    width: 70%;
  }
  .air-journey-group-header .fare-info {
    width: 30%;
  }
  #priceOrderContainer {
    width: 100%;
  }
  #priceOrderContainer #priceOrder {
    width: 100%;
  }
  /*#region tabla availAirList*/
  .hideResponsive {
    display: none !important;
  }
  .tablaListTable thead {
    display: none !important;
  }
  .avail-list-view.ui-datatable.tablaListTable table tbody tr {
    height: auto;
  }
  .listTableSegment .segment-data.fare {
    margin-top: 14px;
  }
  .listTableSegment .segment-data {
    text-align: left;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    letter-spacing: 1.5px;
    color: #103444;
    align-items: baseline;
    flex-direction: column;
    padding: 0;
  }
  .listTableSegment .segment-data span.titulo,
  .listTableSegment .segment-data span.texto {
    padding-bottom: 0 !important;
  }
  .ui-datatable.tablaListTable table tbody tr .ui-row-toggler.ui-icon-circle-triangle-e::before,
  .ui-datatable.tablaListTable table tbody tr .ui-row-toggler.ui-icon-circle-triangle-s::before {
    color: #FFFFFF;
    background-color: #005EB8;
    margin-left: 10px;
    background-size: 20px 14.05px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column-reverse;
    font-size: 12px;
  }
  .avail-list-view.ui-datatable.tablaListTable table tbody tr td:nth-child(7) {
    text-align: right !important;
  }
  .avail-list-view.ui-datatable.tablaListTable table tbody tr td:nth-child(7) label {
    top: 0 !important;
  }
  .segment-data-boton {
    max-width: 247px !important;
    text-align: left !important;
  }
  .avail-list-view.ui-datatable.tablaListTable table tbody tr.ui-widget-content.ui-datatable-odd,
  .avail-list-view.ui-datatable.tablaListTable table tbody tr.ui-widget-content.ui-datatable-even {
    background-color: white !important;
  }
  .tablaListTable table tbody tr td .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {
    margin-top: 10px;
  }
  .ui-datatable.tablaListTable table tr.ui-expanded-row {
    border-bottom: none;
  }
  .listTableSegment {
    padding: 20px !important;
  }
  .showResponsive {
    display: block;
  }
  /******tabsview*****/
  .air-journey-group-header-responsive {
    justify-content: center !important;
  }
  .segmentsResponsive .ui-g.segment-departure,
  .segmentsResponsive .ui-g.segment-arrival {
    flex-wrap: nowrap !important;
  }
  .segmentsResponsive .ui-g.segment-detail {
    margin-top: 50px !important;
  }
  .segmentsResponsive .ui-g.segment-detail .ui-g {
    justify-content: center !important;
  }
  .segmentsResponsive .ui-g.segment-detail .segment-info {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .segmentsResponsive .ui-g.segment-detail .segment-info label {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1.5px;
  }
  .departure-detail,
  .arrival-detail {
    padding-left: 40px;
  }
  .avail-detail-view .air .air-avail-table td {
    width: auto !important;
  }
  /*#endregion tabla availAirList*/
  .air-avail-table-responsive tbody {
    display: flex;
    flex-direction: column;
  }
  .air-avail-table-responsive tbody tr:not(.segmentsResponsive) {
    display: grid;
    grid-template-columns: 30px 30% auto 30%;
    grid-template-rows: auto auto;
    width: calc(100% - 30px);
  }
  .air-avail-table-responsive tbody tr td.trImagen {
    grid-column: 2/3 !important;
    display: flex !important;
    align-items: center !important;
  }
  .air-avail-table-responsive tbody tr td.trImagen span {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1.5px;
    color: #103444;
    margin-left: 8px;
  }
  .air-avail-table-responsive tbody tr td.down {
    grid-column: 4/5 !important;
    display: flex;
    align-items: center;
  }
  .air-avail-table-responsive tbody tr td.down span {
    letter-spacing: 1.5px;
    text-decoration-line: underline;
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 24px !important;
  }
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(4) span {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 24px !important;
    letter-spacing: 1.5px;
    color: #103444;
  }
  .avail-detail-view .air-avail-table-responsive tbody tr td.ui-selection-column {
    grid-row: 1/4;
    display: flex !important;
    align-items: center !important;
  }
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(3),
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(5) {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
  }
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(3) span,
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(5) span {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px;
    line-height: 24px !important;
    text-align: center;
    letter-spacing: 1.5px;
  }
  .avail-detail-view .air .air-journey-group-header *:not(.link) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .avail-detail-view .air .air-journey-group-header *:not(.link) label {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1.5px;
  }
  .ui-datalist {
    width: calc(100% - 10px);
  }
  #availResults:not(.availResultsUpdate) .ui-datatable.tablaListTable table,
  #quoteResults .ui-datatable.tablaListTable table {
    border-collapse: collapse;
    width: calc(100% - 30px);
    table-layout: fixed;
  }
  .avail-list-view.ui-datatable.tablaListTable tbody td[role=gridcell]:not(.hideResponsive) {
    display: table-cell;
    width: initial;
    float: initial;
  }
  #availResults, #quoteResults {
    padding: 0;
  }
  #availResults_content {
    width: calc(100% - 20px);
  }
  /*#ENDREGION LISTA*/
  /*#CARS*/
  .avail-results-car .ui-datalist {
    width: 100%;
    text-align: center;
    color: #103444;
  }
  .proposal-car {
    justify-content: center;
  }
  .proposal-car .left-column .car-company .car-company-image img {
    width: 120px;
    margin: auto;
  }
  .car-description-container {
    flex-direction: column;
  }
  .hotel-autorizacion-info {
    display: flex;
    flex-direction: column;
  }
  .air-price-detail .price-label,
  .air-price-detail .amount {
    width: 50%;
  }
  .pasenger-responsive {
    position: absolute;
    right: 0;
    text-align: left;
  }
  .month-wrapper, #dropoff-date_panel, #pickup-date_panel {
    height: auto;
    width: auto;
  }
  #dropoff-date_panel .ui-datepicker-group,
  #pickup-date_panel .ui-datepicker-group,
  #dateIDA_panel .ui-datepicker-group {
    position: static;
    display: block;
    width: calc(100% - 10px);
  }
  #dateIDA_panel {
    height: auto;
  }
  .avails-trains .ui-datatable-reflow .ui-datatable-data td[role=gridcell].train-selector {
    display: flex;
    margin-left: 5%;
    width: 95%;
  }
  /** Carousel Teletipos */
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
@media (min-width: 991px) {
  .date-range-picker-from {
    padding-right: 0.5em !important;
  }
  .date-range-picker-to {
    padding-left: 0.5em !important;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  #customerStandarContainer,
  #carrierContainer {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
@media (max-width: 640px) {
  .date-range-picker-from {
    padding-bottom: 0.5em !important;
  }
  .date-range-picker-to {
    padding-top: 0.5em !important;
  }
}
@media (max-width: 640px) {
  .ui-paginator-pages .ui-paginator-page:nth-last-child(-n+10) {
    display: none;
  }
  #availResults .ui-g.row-numberElements-and-iconography {
    position: relative;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    height: 5rem;
  }
  #airList #availResults #availResults_content {
    margin: 0;
  }
  #airList #availResults {
    margin-top: 0;
    padding-top: 0;
  }
  form.menuTopStickyMargin {
    display: flex;
    justify-content: center;
    margin: 0;
  }
  .avail-results-order .ui-g.result-order-options {
    flex-direction: column;
    width: 60%;
  }
  span#airList div#availResults {
    margin-top: 0;
    padding-top: 0;
  }
  #proposalList.avail-detail-view {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 640px) {
  /*#REGION VISTA LISTA*/
  #filtrosExclusivos_content {
    padding: 0;
  }
  #filtrosExclusivos .ui-g {
    width: 100% !important;
  }
  #bookRetrieveResults table tbody#bookRetrieveTable_data tr,
  #bookRetrieveTable table tbody#bookRetrieveTable_data tr {
    display: grid;
  }
  #bookRetrieveResults table tbody#bookRetrieveTable_data tr td:first-child,
  #bookRetrieveTable table tbody#bookRetrieveTable_data tr td:first-child {
    grid-row: 10;
    align-items: center;
  }
  .ui-datepicker-touch-ui.ui-datepicker th {
    padding: 0.7em 0.3em !important;
  }
  .ui-datepicker-touch-ui.ui-datepicker td span {
    padding: 0 !important;
  }
  .avail-results-order-car {
    padding-top: 60px;
  }
  .air-avail-table-responsive tbody {
    display: flex;
    flex-direction: column;
  }
  .air-avail-table-responsive tbody tr td.trImagen {
    grid-column: 2/3 !important;
    display: flex !important;
    align-items: center !important;
  }
  .air-avail-table-responsive tbody tr td.trImagen span {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1.5px;
    color: #103444;
    margin-left: 8px;
  }
  .air-avail-table-responsive tbody tr td.down {
    grid-column: 4/5 !important;
    display: flex;
    align-items: center;
  }
  .air-avail-table-responsive tbody tr td.down span {
    letter-spacing: 1.5px;
    text-decoration-line: underline;
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 24px !important;
  }
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(4) span {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 24px !important;
    letter-spacing: 1.5px;
    color: #103444;
  }
  .avail-detail-view .air-avail-table-responsive tbody tr td.ui-selection-column {
    grid-row: 1/4;
    display: flex !important;
    align-items: center !important;
  }
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(3),
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(5) {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
  }
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(3) span,
  .avail-detail-view .air-avail-table-responsive table tbody tr td:nth-child(5) span {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px;
    line-height: 24px !important;
    text-align: center;
    letter-spacing: 1.5px;
  }
  .avail-detail-view .air .air-journey-group-header *:not(.link) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .avail-detail-view .air .air-journey-group-header *:not(.link) label {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1.5px;
  }
  /*#ENDREGION LISTA*/
  .hideResponsive,
  .avail-list-view.ui-datatable.tablaListTable table tbody tr td.noText .ui-column-title {
    display: none !important;
  }
  .avails-trains .tablaListTable .ui-datatable-reflow .ui-datatable-data td[role=gridcell].train-selector {
    display: flex;
    margin-left: 5%;
    width: 95%;
  }
  .tablaListTable .ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) {
    text-align: left;
    display: table-cell;
    float: inherit;
    clear: left;
    width: auto !important;
  }
  .showResponsive {
    display: block;
  }
  .tablaListTable table tbody tr td .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {
    margin-top: 10px;
  }
  .avail-list-view.ui-datatable.tablaListTable table tbody tr td.big-text label {
    line-height: 24px;
    letter-spacing: 1.5px;
  }
  .avail-list-view.ui-datatable.tablaListTable table tbody tr td.carrier-column label {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1.5px;
  }
  .avails-trains .ui-datatable-reflow .ui-datatable-data td[role=gridcell].train-selector {
    display: flex;
    margin-left: auto !important;
    width: 95%;
    justify-content: center;
  }
  .avails-trains .ui-datatable-reflow .ui-datatable-data td[role=gridcell],
  .avails-trains .train-journey-group-header div {
    text-align: center !important;
  }
  .train-result-table td {
    border-bottom: none !important;
    text-align: center !important;
  }
  .avail-results-order .ui-g.result-order-options {
    flex-wrap: nowrap !important;
    align-items: center;
    flex-direction: column;
    gap: 10px !important;
  }
  #bookRetrieveTable_paginator_bottom .ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
    display: flex !important;
    /*
    Este important es para hacer que en la vista responsive en los paginadores de
    consulta de reservas unicamente se muestre en numero de pagina actual
    */
  }
  #bookRetrieveTable_paginator_bottom .ui-paginator-page.ui-state-default,
  .train-result-table td[role=gridcell] span.ui-column-title,
  .avail-column-duration span.ui-column-title {
    display: none !important;
  }
  .ui-dialog.loading {
    margin-left: 10%;
  }
  .ui-dialog.loading .air-loading-content {
    margin-left: -15%;
  }
  #prices-sidebar-breakdown > div > div {
    width: 50%;
  }
  #profiles-panel .passengers-form-container div#customerContainer,
  #profiles-panel .passengers-form-container .passengers-form-row .passenger-name div,
  #profiles-panel .passengers-form-container .passengers-form-row .passenger-form-field div,
  #AcordeonFrmStandar #profilesStandar #customerStandarContainer,
  #profilesPassengersContainer label,
  #profilesPassengersContainer #passengersSelector div,
  #rowCarrier #corporativeCodesStandardAmadeusContainer,
  #rowCarrier #corporativeCodesStandardNDCContainer,
  #rowCarrier #carrierContainer,
  #discounts #discountsTitle,
  #discounts #largeFamilyContainer,
  #discounts #residentDiscountContainer,
  #checkSelectors #checkFiltersRow,
  #checkSelectors #checkFiltersRow #checkSelector div {
    padding-left: 0;
    padding-right: 0;
  }
  #checkSelectors #checkFiltersRow #checkSelector div label {
    padding-left: 0.5em;
  }
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div input[value=PRICE] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div.ui-state-active input[value=PRICE] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div.ui-state-hover input[value=PRICE] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div input[value=SCHEDULE] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div.ui-state-active input[value=SCHEDULE] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div.ui-state-hover input[value=SCHEDULE] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div input[value=OUTBOUND] + span:first-of-type {
    width: 100%;
    padding-left: 25px;
    padding-right: 0;
  }
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div input[value=OUTBOUND] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div.ui-state-active input[value=OUTBOUND] + span:first-of-type,
  #requestType .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.selectorButtonTypeAir div.ui-state-hover input[value=OUTBOUND] + span:first-of-type {
    width: 60%;
    padding-left: 25px;
    padding-right: 0;
  }
  .selectorButtonTypeAir .ui-button.ui-state-default {
    display: flex;
    align-items: center;
  }
  .train-quote-filterButton {
    display: none;
  }
  .avail-results-order-train {
    flex-direction: column;
  }
  .avail-results-order-train div#priceOrder {
    margin: 0;
  }
  #train-quote-priceOrder {
    align-items: center;
  }
  .avail-summary-car #collapsedSearch {
    display: none;
  }
  #carResultsFilterContainer {
    flex-direction: column;
    align-items: center;
    margin: 1rem 0 0 0;
    padding: 0;
  }
  .main-panel div#availResults {
    margin: 0;
  }
}
@media screen and (max-width: 450px) {
  #bookRetrieveTable_paginator_bottom {
    padding-left: 12px;
  }
  #menu-toggle a.fa.fa-bars.fa-2x {
    display: none;
  }
  #trainSearches #trainSearchButtonDiv {
    padding: 0;
  }
  .modalTrainOptions .ui-selectoneradio {
    flex-direction: column;
  }
  li.ui-datalist-item form div label {
    font-size: 10px;
  }
  .avail-detail-view .air .air-price .price {
    font-size: 20px;
  }
  .header-item.header-time {
    display: none;
  }
  .avails-trains .ui-datatable-reflow .ui-datatable-data td[role=gridcell].train-selector {
    display: flex;
    margin-left: 5%;
    width: 95%;
  }
  .ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) {
    padding: 0;
    margin-top: 10px;
  }
  .train-icon-responsive {
    width: 50%;
  }
  .air-journey-group-header-responsive {
    justify-content: initial !important;
  }
  .ui-paginator, .ui-paginator-pages, #proposalRow_paginator_top, #proposals_paginator_top,
  #proposalRow_paginator_bottom, #proposals_paginator_bottom {
    justify-content: center;
  }
  .sidebar-dialog.ui-sidebar-active.iconography {
    width: calc(100% - 30px) !important;
  }
  .sidebar-dialog.ui-sidebar-active.iconography .row-data {
    grid-template-columns: 50% 50%;
  }
  .sidebar-dialog.ui-sidebar-active.iconography .row-data label.fa,
  .sidebar-dialog.ui-sidebar-active.iconography .row-data label.fas {
    grid-template-columns: 15% 85% !important;
    display: grid !important;
  }
  #alternateProposals .air-journeis-info .ui-g:not(.air-journey-group-header) .field {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #alternateProposals .air-price .change-fare-button button {
    margin-left: auto;
    margin-right: auto;
  }
  .standar-request-type-selector .ui-selectonebutton .ui-button.ui-state-default {
    padding: 7px 8px 7px 8px !important;
  }
  .tablaSesionDatos table tbody tr td {
    display: flex !important;
  }
  .options-add-insurance-container table tbody tr td {
    display: flex !important;
    align-items: center !important;
  }
  .bookingForm .price-colum {
    width: calc(100% - 28px) !important;
  }
  .air-journey-group-header .ui-sm-12 {
    width: 100%;
  }
  .ui-g.air-journey-group-header {
    height: auto !important;
  }
  #airBookingRetrieveView #bookingDateFromContainer,
  #airBookingRetrieveView #bookingDateToContainer,
  #airBookingRetrieveView #purchaseDateFromContainer,
  #airBookingRetrieveView #purchaseDateToContainer,
  #airBookingRetrieveView #departureDateFromContainer,
  #airBookingRetrieveView #departureDateToContainer,
  #airBookingRetrieveView #first-digits-ticketContainer,
  #airBookingRetrieveView #second-digits-ticketContainer {
    width: 100% !important;
  }
  .second-digits-ticket-search::before {
    content: " " !important;
  }
  /*calendario botones next and prev*/
  #bookingDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
  #purchaseDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
  #departureDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
  #bookingDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
  #purchaseDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon,
  #departureDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev > span.ui-icon {
    background-image: none !important;
  }
  #bookingDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
  #purchaseDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
  #departureDateFrom_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
  #bookingDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
  #purchaseDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon,
  #departureDateTo_panel .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next > span.ui-icon {
    background-image: none !important;
  }
  #send-agent-remark-button {
    min-width: 43px !important;
    height: 43px;
  }
  .bookingForm .messenger .ui-panel-titlebar .ui-icon-plusthick,
  .bookingForm .messenger .ui-panel-titlebar .ui-icon-minusthick {
    position: relative !important;
  }
  #train-quote-priceOrder {
    flex-direction: column;
  }
}
@media (max-width: 1000px) {
  .captio-form-container {
    display: flex;
    flex-wrap: wrap;
  }
}
div.ui-messages-info.ui-corner-all,
div.ui-messages-warn.ui-corner-all,
div.ui-messages-error.ui-corner-all,
div.ui-messages-fatal.ui-corner-all,
div.ui-messages-success.ui-corner-all {
  margin-top: 0px !important;
}

.ui-message .ui-message-detail .ui-g,
#template-message ul,
#template-message ul,
#template-message ul,
#template-message ul,
.ui-messages-warn.ui-corner-all ul {
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: block !important;
  height: auto !important;
  align-items: center;
  letter-spacing: 0.38px;
  color: #1F4252;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-left: 0px !important;
}

#template-message .ui-messages-info ul .ui-messages-info-summary,
#template-message .ui-messages-error ul .ui-messages-error-summary,
#template-message .ui-messages-fatal ul .ui-messages-fatal-summary,
#template-message .ui-messages-success ul .ui-messages-fatal-summary {
  font-weight: 700 !important;
}

.ui-message-info,
.ui-message-warn,
.ui-message-error,
.ui-message-fatal,
.ui-message-success {
  margin: 0px 0px 10px 0px !important;
}

.ui-message.ui-message-info,
.ui-message.ui-message-warn,
.ui-message.ui-message-error,
.ui-message.ui-message-fatal,
.ui-message.ui-message-success,
#template-message .ui-messages-info,
#template-message .ui-messages-warn,
#template-message .ui-messages-error,
#template-message .ui-messages-fatal,
#template-message .ui-messages-success {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  padding: 20px !important;
  gap: 15px;
  border-radius: 10px;
  margin: 20px 0px !important;
  width: auto;
}

#template-message .ui-messages-close {
  display: none !important;
}

.ui-message.ui-message-success .ui-message-success-icon::before,
#template-message .ui-messages-success .ui-messages-success-icon::before {
  background-image: url(/resources/media/alert-success.svg);
  content: " " !important;
}

.ui-message.ui-message-info .ui-message-info-icon::before,
#template-message .ui-messages-info .ui-messages-info-icon::before {
  content: "\f05a" !important;
  color: #0070ab;
}

.ui-message.ui-message-warn .ui-message-warn-icon::before,
#template-message .ui-messages-warn .ui-messages-warn-icon::before {
  background-image: url(/resources/media/alert-warning.svg);
  content: " " !important;
}

.ui-message.ui-message-error .ui-message-error-icon::before,
#template-message .ui-messages-error .ui-messages-error-icon::before {
  background-image: url(/resources/media/alert-danger-warning.svg);
  content: " " !important;
}

.ui-message.ui-message-fatal .ui-message-fatal-icon::before,
#template-message .ui-messages-fatal .ui-messages-fatal-icon::before {
  background-image: url(/resources/media/alert-danger.svg);
  content: " " !important;
}

.ui-message.ui-message-fatal .ui-message-fatal-icon,
.ui-message.ui-message-info .ui-message-info-icon,
.ui-message.ui-message-warn .ui-message-warn-icon,
.ui-message.ui-message-error .ui-message-error-icon,
.ui-message.ui-message-success .ui-message-error-icon,
#template-message .ui-messages-fatal .ui-messages-fatal-icon,
#template-message .ui-messages-info .ui-messages-info-icon,
#template-message .ui-messages-warn .ui-messages-warn-icon,
#template-message .ui-messages-error .ui-messages-error-icon,
#template-message .ui-messages-success .ui-messages-success-icon {
  margin-left: 5px !important;
}

.ui-message.ui-message-info .ui-message-info-icon::before,
.ui-message.ui-message-warn .ui-message-warn-icon::before,
.ui-message.ui-message-error .ui-message-error-icon::before,
.ui-message.ui-message-fatal .ui-message-fatal-icon::before,
.ui-message.ui-message-success .ui-message-success-icon::before,
#template-message .ui-messages-fatal .ui-messages-fatal-icon::before,
#template-message .ui-messages-info .ui-messages-info-icon::before,
#template-message .ui-messages-warn .ui-messages-warn-icon::before,
#template-message .ui-messages-error .ui-messages-error-icon::before,
#template-message .ui-messages-success .ui-messages-success-icon::before {
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ui-message.ui-message-info,
#template-message .ui-messages-info {
  background: #c1e6f6 !important;
  border: 1px solid #0070ab !important;
  border-left: 1px solid #0070ab !important;
}

.ui-message.ui-message-warn,
#template-message .ui-messages-warn {
  background: #ffe399 !important;
  border: 1px solid #ff9e00 !important;
  border-left: 1px solid #ff9e00 !important;
}

.ui-message.ui-message-error,
.ui-message.ui-message-fatal,
#template-message .ui-messages-error,
#template-message .ui-messages-fatal {
  background: #f8b7bd !important;
  border: 1px solid #e44049 !important;
  border-left: 1px solid #e44049 !important;
}

.ui-message.ui-message-success,
#template-message .ui-messages-success {
  background: #E2FAEC !important;
  border: 1px solid #3EDE7E !important;
  border-left: 1px solid #3EDE7E !important;
}

.ui-messages ul {
  margin: 0 25px;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  padding: 5px;
}

.unfulfilled-list {
  list-style: disc;
  margin: 0;
  padding: 0;
}

.unfulfilled-list li {
  list-style: none;
  font: 100% "DM Sans", sans-serif !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: block !important;
  height: auto !important;
  align-items: center;
  letter-spacing: 0.38px;
  color: #103444;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-left: 0px !important;
}

#messages_container {
  display: none !important;
}

.ui-growl {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 301px;
  background: #FFFFFF;
}

.flightNumberFilter-button.fa-trash-alt:before {
  content: "\f2ed";
  display: block;
  padding: 8px;
}

#panel-perfil .perfil-div-container {
  padding: 14px;
}

#panel-perfil .panel-user-profile {
  min-height: 434px;
  margin: 0;
  padding: 20px 10px 20px 10px;
}

#panel-perfil img.circle-img {
  border-radius: 1000px;
  background-color: #f0f0f0;
  display: inline-block;
  width: 90px;
  height: 90px;
}

#panel-perfil .text-secondary {
  font-size: 0.8rem;
  font-weight: 400;
  color: #9fa8b9;
}

#panel-perfil .field {
  padding: 0;
  gap: 0.125rem;
}

#panel-perfil .field > label:first-child {
  color: black;
}

.preference-label {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.5rem;
  letter-spacing: 0.1rem;
}

.preference-label.security-label {
  font-weight: 500;
}

.preference-title {
  font-size: 0.9rem;
}

#panel-perfil .text-primary {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

#panel-perfil .ui-panelgrid-cell, #panel-perfil .field {
  font-size: 1rem;
  color: #212529;
  align-items: start;
}

#panel-perfil div#preferencesAirForm\:preferredOriginContainer {
  padding: 0;
}

.menu-options-perfil {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

.menu-options-perfil button {
  width: 100%;
  max-width: none;
  background-color: inherit;
  color: #103444;
  font-weight: 500;
  font-size: 16px;
  text-transform: inherit;
  text-align: left;
  line-height: 1.2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: inherit;
  height: 46px;
}

#panel-perfil .ui-selectonemenu {
  height: 35px;
}

.menu-options-perfil button {
  background-color: #FFFFFF;
  color: #103444;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  padding-left: 18px;
}

.menu-options-perfil button:hover {
  background-position: 5px 50% !important;
  background-repeat: no-repeat !important;
  background-size: 21px 21px !important;
}

.menu-options-perfil button.general {
  background-image: url(/resources/media/icon-profile-hover.svg);
}

.menu-options-perfil button.avion {
  background-image: url(/resources/media/icon-flights-hover.svg);
}

.menu-options-perfil button.tren {
  background-image: url(/resources/media/icon-trains-hover.svg);
}

.menu-options-perfil button.coche {
  background-image: url(/resources/media/icon-cars-hover.svg);
}

.menu-options-perfil button.security {
  background-image: url(/resources/media/icon-security-hover.svg);
}

.menu-options-perfil button.general:hover,
.selectedPreferenceGeneral {
  background-image: url(/resources/media/icon-profile.svg) !important;
}

.menu-options-perfil button.avion:hover,
.selectedPreferenceAir {
  background-image: url(/resources/media/icon-flights.svg) !important;
}

.menu-options-perfil button.tren:hover,
.selectedPreferenceTrain {
  background-image: url(/resources/media/icon-trains.svg) !important;
}

.menu-options-perfil button.coche:hover,
.selectedPreferenceCar {
  background-image: url(/resources/media/icon-car-white.svg) !important;
}

.menu-options-perfil button.security:hover,
.selectedPreferenceSecurity {
  background-image: url(/resources/media/icon-security.svg) !important;
}

#lang-Id {
  flex-direction: column;
  align-items: flex-start;
}

#panel-perfil span.ui-icon.ui-icon-triangle-1-s.ui-c {
  top: -10px;
}

#panel-perfil .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  background-position-y: -10px;
  background-size: 60px;
}

#panel-perfil input, #panel-perfil select {
  border-radius: 2px;
  font-size: 0.825rem;
  background: #ffffff;
  color: #2e323c;
  border: 1px solid #cfd1d8;
  padding: 6px 12px 6px 12px;
}

#panel-perfil .input-group {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

#panel-perfil .input-group-addon {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  width: 30px;
}

#panel-perfil .form-control {
  flex: 1;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  padding: 6px;
  height: calc(1.5em + 0.75rem + 2px);
}

#panel-perfil .input-group .fa-shield-alt::before {
  margin-right: 0;
}

.custom-panel-grid .validation-error-container .ui-messages-error .ui-messages-error-summary {
  display: inline-block;
  white-space: nowrap;
}

.custom-panel-grid.panel-user-profile .ui-g {
  align-items: start;
  padding: 0;
}

.custom-panel-grid .field {
  margin: 0;
}

/* estos dos important no se pueden quitar ya que de esta manera tenemos todos los colores de los botones activos */
.selectedPreferenceGeneral,
.selectedPreferenceAir,
.selectedPreferenceTrain,
.selectedPreferenceCar,
.selectedPreferenceSecurity {
  background-color: #005EB8 !important;
  color: #FFFFFF !important;
}

/*# sourceMappingURL=new_theme.css.map */