body, h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
  font-family: "Assistant", sans-serif;
}

.datepicker td, .datepicker th {
  width: auto;
}

.logo img {
  max-width: 100%;
}

.select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
  font-family: "Assistant", sans-serif;
}

.table.passenger-details td {
  vertical-align: top;
}

.booking-schedule-datepicker.form-group {
  margin-bottom: 0px;
  width: 145px;
}

.form-inline .form-control {
  width: 100%;
}

.purchase-payment-section .form-group {
  width: 100%;
}

.fixed-time .select2-container {
  width: auto !important;
}

.navbar-nav > .user-menu > .dropdown-menu {
  width: 350px;
}

.pagination .booking-schedule-current-date a,
.pagination .booking-schedule-current-date a:hover {
  background-color: #f7f1af;
  color: #333333;
}

.booking-schedule-datepicker.form-group {
  margin-bottom: 0px;
  width: 145px;
}

.aazp-custom .panel-heading .btn-default {
  background-color: #ffffff;
}

.aazp-custom input.full-width {
  width: 100%;
}

.aazp-custom .panel-heading span.badge {
  color: #777777;
  background-color: #f5f5f5;
}

.nav-bar-booking-schedule .navbar-header {
  width: 100%;
}

.aazp-custom .navbar-actions {
  padding: 10px;
  float: right;
}

.container-fluid .nav-bar-booking-pagination {
  margin-top: 11px;
  text-align: center;
}

.owner .radio {
  margin: 20px 10px;
  float: left;
}

.btn-label {
  color: #ffffff;
  display: block;
  float: right;
  width: 50%;
  min-width: 50%;
  /*margin:1px auto;*/
  padding: 5px 15px;
}
@media only screen and (max-width: 768px) {
  .btn-label {
    width: 100%;
  }
}

.label {
  color: #333333;
  font-weight: 550;
}

.label-status {
  /*color: #ffffff;*/
  display: block;
  float: left;
  width: 100%;
  min-width: 100%;
  margin: 1px auto;
  padding: 7px 15px;
}

/*const STATUS_NEW = 1;*/
/*const STATUS_CONFIRMED = 2;*/
/*const STATUS_AWAITING_RESPONSE = 6;*/
/*const STATUS_UNCONFIRMED = 7;*/
/*const STATUS_RECONFIRM = 8;*/
/*const STATUS_COMPLETED = 9;*/
.label-booking-status-1,
.label-voucher-status-1 {
  background-color: #dd4b39; /* primary Bootstrap */
  color: #f2f2f2;
}

.label-booking-status-2 {
  background-color: #00ccff; /* success Bootstrap */
  color: #f2f2f2;
}

.label-booking-status-6,
.label-voucher-status-5 {
  background-color: #00ccff; /* info Bootstrap */
  color: #f2f2f2;
}

.label-booking-status-7 {
  background-color: #dd4b39; /* danger Bootstrap */
  color: #f2f2f2;
}

.label-booking-status-8,
.label-voucher-status-2 {
  background-color: #f39c12; /* danger Bootstrap */
  color: #f2f2f2;
}

.label-booking-status-9,
.label-voucher-status-3 {
  background-color: #00a65a; /* info Bootstrap */
  /*background-color: #000000; !* info Bootstrap *!*/
  color: #f2f2f2;
}

/*const PAYMENT_STATUS_NONE = 0;*/
/*const PAYMENT_STATUS_PART = 1;*/
/*const PAYMENT_STATUS_FULL = 2;*/
/*const PAYMENT_STATUS_REFUND_FULL = 3;*/
.label-booking-payment-status-0 {
  background-color: #dd4b39; /* danger Bootstrap */
  color: #f2f2f2;
}

.label-booking-payment-status-1 {
  background-color: #f39c12; /* warning Bootstrap */
  color: #f2f2f2;
}

.label-booking-payment-status-2 {
  background-color: #00a65a; /* info Bootstrap */
  color: #f2f2f2;
}

.label-booking-payment-status-3 {
  background-color: #ca7ca8;
  color: #f2f2f2;
}

/*const PAYMENT_INTENT_STATUS_FAILED = 5;*/
/*const PAYMENT_INTENT_STATUS_PROCESSING = 1;*/
/*const PAYMENT_INTENT_STATUS_SUCCESS = 2;*/
.label-payment-intent-status-5,
.label-payment-intent-status-1,
.label-payment-intent-status-2 {
  /*padding: 0px;*/
  font-size: 12px;
}

.label-payment-intent-status-5 {
  background-color: #dd4b39; /* FAILED */
  color: #f2f2f2;
}

.label-payment-intent-status-1 {
  background-color: #f39c12; /* PROCESSING */
  color: #f2f2f2;
}

.label-payment-intent-status-2 {
  background-color: #00a65a; /* SUCCESS */
  color: #f2f2f2;
}

.label-payment-intent-status-3 { /* REFUNDED */
  background-color: #e8daef;
  color: #f2f2f2;
}

.label-payment-intent-status-4 { /* CANCELLED */
  background-color: #dd4b39;
  color: #f2f2f2;
}

.btn-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-warning {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.booking-row-container.state-success {
  background-color: #dff0d8;
}

.booking-row-container.state-warning {
  background-color: #fcf8e3;
}

.booking-row-container.state-info {
  background-color: #d9edf7;
}

.booking-row-container.state-danger {
  background-color: #f2dede;
}

.booking-row-container,
.booking-rows-header-container {
  display: grid;
  grid-template-columns: 16% repeat(7, 1fr);
  gap: 5px 5px;
  padding: 6px 0px 6px 4px;
  /*margin: 1px 0px 0px;*/
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 768px) and (max-width: 991px) {
  .booking-row-container,
  .booking-rows-header-container {
    grid-template-columns: 10% repeat(7, 1fr);
    gap: 8px 10px;
  }
}
.booking-row-container {
  grid-template-rows: repeat(3, max-content);
}

.booking-meta {
  grid-column: 1;
  grid-row: 1/span 5;
}

.bookings-header-meeting-time,
.bookings-header-meeting-location,
.bookings-header-flight-name,
.bookings-header-user,
.bookings-header-name {
  grid-row: 1;
  font-weight: 600;
}

.booking-meeting-location,
.booking-flight-name,
.booking-no-passengers,
.booking-passenger-names {
  grid-row: 1;
}

.booking-passenger-names,
.bookings-header-name {
  grid-column: span 3;
}

.booking-contact-info {
  grid-row: 2;
  grid-column: span 8;
  display: grid;
}

.booking-contact-info-name {
  grid-row: 2;
  grid-column: span 8;
}

.booking-contact-info-phone {
  grid-column: span 8;
}

.booking-contact-info-email {
  grid-column: span 8;
}

.booking-notes {
  grid-column: span 8;
  padding: 8px 0px;
}

.passengers div div {
  margin-bottom: 0px;
}

#booking_owner {
  margin: 20px 0px;
}

#form_paymentType label {
  min-width: 130px;
  margin-right: 30px;
  margin-left: 5px;
}

#form_paymentType {
  display: grid;
  grid-template-columns: 25% [col_start] 25% [col_start] 25% [col_start] 25% [col_start];
}

#form_paymentType .checkbox {
  margin-top: 4px;
  margin-bottom: 4px;
}

.purchase-payment-type-section .payment-type {
  width: 45px;
}

div[id^=payment-type-button-] {
  border: 1px solid #D2DED6;
  border-radius: 3px;
  background-color: #f4f4f4;
  min-height: 125px;
  margin: 10px 5px;
  cursor: pointer;
}

div[id^=payment-type-button-] ins {
  text-align: center;
}

div[id^=booking-owner-button-] {
  border: 1px solid #D2DED6;
  border-radius: 3px;
  background-color: #f4f4f4;
  min-height: 125px;
  margin: 10px 5px;
  cursor: pointer;
}

div[id^=booking-owner-button-] ins {
  text-align: center;
}

#booking_owner label {
  margin-right: 30px;
  margin-left: 5px;
}

.fa.fa-camera.photos,
.fa.fa-camera.no-photos {
  font-size: 10px;
}

.photos {
  color: #00a65a;
}

.no-photos {
  color: #dd4b39;
}

.refunded {
  background-color: #e8daef;
}

.label-refunded {
  background-color: #ca7ca8;
}

#form_paymentType label {
  min-width: 130px;
  margin-right: 30px;
  margin-left: 5px;
}

.purchase-payment-type-section .payment-type {
  width: 45px;
}

div[id^=payment-type-button-] {
  border: 1px solid #D2DED6;
  border-radius: 3px;
  background-color: #f4f4f4;
  min-height: 125px;
  margin: 10px 5px;
  cursor: pointer;
}

div[id^=payment-type-button-] ins {
  text-align: center;
}

#form_paymentAccount label {
  margin-right: 30px;
  margin-left: 5px;
}

#form_paymentAccount {
  margin: 20px 0px;
}

.purchase-payment-account-section .payment-account {
  width: 45px;
}

div[id^=payment-account-button-] {
  border: 1px solid #D2DED6;
  border-radius: 3px;
  background-color: #f4f4f4;
  min-height: 125px;
  margin: 10px 5px;
  cursor: pointer;
}

div[id^=payment-account-button-] ins {
  text-align: center;
}

div.sonata-ba-field div[id*=_flightScheduleTimes_]:not([id*=_availableOnline]):not([id*=_scheduleTime]):not([id*=_availableFlights]):not([id^=sonata-ba-field-container-]) {
  display: grid;
  grid-gap: 10px;
  margin-bottom: 0.5em;
  /*grid-template-columns: 37% [col-start] 11% [col-start] 11% [col-start] 11% [col-start] 20% [col-start] 20% [col-start];*/
  /*grid-template-columns: 30% [col-start] 45% [col-start] 20% [col-start];*/
  grid-template-columns: repeat(30, 3% [col-start]);
  grid-auto-flow: row;
}

div[id*=_flightScheduleTimes_][id*=_availableOnline] {
  grid-row: 1;
  grid-column: span 2;
}

div[id*=_flightScheduleTimes_][id*=_scheduleTime] {
  grid-row: 1;
  grid-column: 1/span 5;
}

div[id*=_flightScheduleTimes_][id*=_availableFlights] {
  grid-row: 1;
  grid-column: span 10;
}

div.sonata-ba-field div[id*=_passengers_]:not([id*=_flight]):not([id*=_gender]):not([id*=_pilot]):not([id^=sonata-ba-field-container-]) {
  display: grid;
  grid-gap: 10px 0px;
  margin-bottom: 0.5em;
  /*grid-template-columns: 37% [col-start] 11% [col-start] 11% [col-start] 11% [col-start] 20% [col-start] 20% [col-start];*/
  /*grid-template-columns: 30% [col-start] 45% [col-start] 20% [col-start];*/
  grid-template-columns: repeat(100, 1% [col-start]);
  grid-auto-flow: row;
}
@media screen and (max-width: 991px) {
  div.sonata-ba-field div[id*=_passengers_]:not([id*=_flight]):not([id*=_gender]):not([id*=_pilot]):not([id^=sonata-ba-field-container-]) {
    grid-template-columns: repeat(50, 2% [col-start]);
  }
}
@media screen and (max-width: 414px) {
  div.sonata-ba-field div[id*=_passengers_]:not([id*=_flight]):not([id*=_gender]):not([id*=_pilot]):not([id^=sonata-ba-field-container-]) {
    grid-template-columns: repeat(25, 4% [col-start]);
    padding-left: 3px;
  }
}

div[id*=_passengers_][id*=_name] {
  grid-row: 1;
  grid-column: 1/span 40;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_name] {
    grid-column: 1/span 18;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_name] {
    grid-column: 1/span 15;
  }
}

div[id*=_passengers_][id*=_flight] {
  grid-row: 1;
  grid-column: 42/span 35;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_flight] {
    grid-column: 20/span 18;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_flight] {
    grid-row: 2;
    grid-column: 1/span 25;
  }
}

div[id*=_passengers_][id*=_pilot] {
  grid-row: 1;
  /*grid-column: 17 / span 4;*/
  grid-column: 78/span 20;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_pilot] {
    grid-column: 39/span 11;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_pilot] {
    grid-row: 1;
    grid-column: 17/span 9;
  }
}

div[id*=_passengers_][id*=_gender] {
  grid-column: 1/span 15;
  grid-row: 2;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_gender] {
    grid-column: 1/span 8;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_gender] {
    grid-row: 3;
    grid-column: 1/span 6;
  }
}

div[id*=_passengers_][id*=_age] {
  grid-column: 17/span 20;
  grid-row: 2;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_age] {
    grid-column: 10/span 8;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_age] {
    grid-row: 3;
    grid-column: 8/span 5;
  }
}

div[id*=_passengers_][id*=_weight] {
  grid-column: 38/span 20;
  grid-row: 2;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_weight] {
    grid-column: 19/span 9;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_weight] {
    grid-row: 3;
    grid-column: 14/span 6;
  }
}

div[id*=_passengers_][id*=_physicalLevel] {
  grid-column: 59/span 15;
  grid-row: 2;
}
@media screen and (max-width: 991px) {
  div[id*=_passengers_][id*=_physicalLevel] {
    grid-column: 29/span 7;
  }
}
@media screen and (max-width: 414px) {
  div[id*=_passengers_][id*=_physicalLevel] {
    grid-row: 3;
    grid-column: 21/span 5;
  }
}

div[id*=_passengers_] label {
  display: none;
}

div[id*=_gender] label {
  display: block;
}

/*div[id*='_passengers_'][id*='_gender'],*/
/*div[id*='_passengers_'][id*='_age'],*/
/*div[id*='_passengers_'][id*='_weight'],*/
/*div[id*='_passengers_'][id*='_physicalLevel'] {*/
/*    display: none;*/
/*}*/
div[id*=_passengers] .sonata-collection-row:nth-child(odd) {
  background-color: #f4f4f4;
}

div[id*=_passengers] .sonata-collection-row {
  padding-top: 1em;
}

.passengersWidget div div div .form-group {
  margin-bottom: 0;
}

.table.table-condensed.table-container tr:nth-child(odd) {
  background-color: #f4f4f4;
}

@media screen and (max-width: 767px) {
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: unset;
  }
}
/*.booking-status span[class^='label'] {*/
/*    padding: 1%;*/
/*}*/
td span.label-default,
td span.label-danger,
td span.label-success,
td span.label-warning,
td span.label-primary,
td span.label-info {
  float: left;
  width: 100%;
  min-width: 100%;
  margin: 1px auto;
}

/*.booking-queue-navbar span {*/
/*    background-color: #efbf00;*/
/*}*/
.booking-queue-navbar i.fa-warning {
  color: #efbf00;
}

.booking-queue-navbar span.badge {
  background-color: #777777;
  /*background-color: #efbf00;*/
}

.pilot-availability button,
.pilot-availability-grid button {
  font-size: 1em;
}

/*div.meetingTime_group div.col-sm-6 {*/
/*    display: grid;*/
/*    grid-gap: 10px;*/
/*    margin-bottom: 0.5em;*/
/*    grid-template-columns: 45% [col-start] 45% [col-start];*/
/*}*/
@media screen and (max-width: 992px) {
  .fixed-time .select2-container {
    width: 48% !important;
  }
  .passengers .row {
    margin-bottom: 0px;
  }
  .passenger {
    padding-bottom: 20px;
  }
  .purchase-payment-type-section .payment-type {
    width: 35px;
  }
  div[id^=payment-type-button-] {
    min-height: 106px;
    margin: 10px 9px;
  }
  div[id^=payment-type-button-] .form-group {
    margin: 0px;
  }
  div[id^=payment-type-button-] .form-group .radio {
    padding: 0px;
    margin: 0px;
  }
  .col-xs-12 > .form-group {
    width: 80%;
  }
  .nav-bar-booking-pagination .pagination.date-form {
    width: 34%;
  }
  .nav-bar-booking-pagination .pagination.date-nav-xs {
    width: 70%;
  }
  .pilot-availability button,
  .pilot-availability-grid button {
    font-size: 0.75em;
  }
  .box-body {
    padding-right: 20%;
  }
}
@media screen and (max-width: 768px) {
  .nav.navbar-nav.booking-queue-navbar li a,
  .nav.navbar-nav.booking-queue-navbar li a span {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 375px) {
  .nav-bar-booking-pagination .pagination.date-form {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .sumup-field {
    width: 60px;
  }
  .payment-amount-field {
    width: 120px;
  }
}
@media only screen and (max-width: 768px) {
  .sonata-ba-form-actions .btn {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 991px) {
  .booking-payment-panel .box-body,
  .passenger-payment-panel .box-body,
  .payment-summary-panel .box-body,
  .notes-panel .box-body,
  .passengers-panel .box-body {
    padding-right: 10px;
  }
}

.purchaseItem-row {
  display: grid;
  /*grid-template-columns: 37% [col-start] 11% [col-start] 11% [col-start] 11% [col-start] 20% [col-start] 20% [col-start];*/
  /*grid-template-columns: 30% [col-start] 45% [col-start] 20% [col-start];*/
  grid-template-columns: repeat(50, 2% [col-start]);
  grid-auto-flow: row;
}
@media screen and (max-width: 812px) {
  .purchaseItem-row {
    grid-template-columns: repeat(50, 2% [col-start]);
  }
}
@media screen and (max-width: 375px) {
  .purchaseItem-row {
    grid-template-columns: repeat(25, 4% [col-start]);
    padding-left: 3px;
  }
}
.purchaseItem-row .purchase-item-no {
  grid-row: 1;
  grid-column: 2/span 3;
}
@media screen and (max-width: 812px) {
  .purchaseItem-row .purchase-item-no {
    grid-column: 1/span 3;
    align-self: center;
  }
}
@media screen and (max-width: 375px) {
  .purchaseItem-row .purchase-item-no {
    grid-column: 1/span 2;
    align-self: center;
  }
}
.purchaseItem-row .purchase-item-product {
  grid-row: 1;
  grid-column: span 20;
}
@media screen and (max-width: 812px) {
  .purchaseItem-row .purchase-item-product {
    grid-column: 3/span 20;
    align-self: center;
  }
}
@media screen and (max-width: 375px) {
  .purchaseItem-row .purchase-item-product {
    grid-column: span 11;
  }
}
.purchaseItem-row .purchase-item-product-price {
  grid-row: 1;
  grid-column: 33/span 4;
  justify-self: end;
}
@media screen and (max-width: 812px) {
  .purchaseItem-row .purchase-item-product-price {
    grid-column: 26/span 10;
    align-self: center;
  }
}
@media screen and (max-width: 375px) {
  .purchaseItem-row .purchase-item-product-price {
    grid-column: span 4;
    align-self: center;
    padding-right: 3px;
  }
}
.purchaseItem-row .purchase-item-product-amount {
  grid-row: 1;
  grid-column: 41/span 5;
}
@media screen and (max-width: 812px) {
  .purchaseItem-row .purchase-item-product-amount {
    grid-column: 37/span 9;
    align-self: center;
  }
}
@media screen and (max-width: 375px) {
  .purchaseItem-row .purchase-item-product-amount {
    grid-column: span 5;
  }
}
.purchaseItem-row .purchase-item-delete-btn {
  grid-row: 1;
  grid-column: 47/span 2;
}
@media screen and (max-width: 812px) {
  .purchaseItem-row .purchase-item-delete-btn {
    grid-column: 47/span 3;
    align-self: center;
  }
}
@media screen and (max-width: 375px) {
  .purchaseItem-row .purchase-item-delete-btn {
    grid-column: span 3;
  }
}

.payment-summary-header,
.payment-summary-table {
  display: grid;
  grid-template-columns: repeat(25, 4% [col-start]);
  grid-auto-flow: row;
  width: 100%;
}
.payment-summary-header .payment-summary-payment-date,
.payment-summary-table .payment-summary-payment-date {
  grid-column: span 3;
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-date,
  .payment-summary-table .payment-summary-payment-date {
    grid-column: span 3;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-date,
  .payment-summary-table .payment-summary-payment-date {
    grid-column: span 5;
  }
}
.payment-summary-header .payment-summary-payment-for,
.payment-summary-table .payment-summary-payment-for {
  grid-column: span 4;
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-for.payment-summary-payment-for-long,
  .payment-summary-table .payment-summary-payment-for.payment-summary-payment-for-long {
    display: none;
  }
}
@media screen and (min-width: 376px) {
  .payment-summary-header .payment-summary-payment-for.payment-summary-payment-for-short,
  .payment-summary-table .payment-summary-payment-for.payment-summary-payment-for-short {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-for,
  .payment-summary-table .payment-summary-payment-for {
    grid-column: span 5;
  }
}
@media screen and (max-width: 812px) {
  .payment-summary-header .payment-summary-payment-for,
  .payment-summary-table .payment-summary-payment-for {
    grid-column: span 4;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-for,
  .payment-summary-table .payment-summary-payment-for {
    grid-column: span 6;
  }
}
.payment-summary-header .payment-summary-payment-notes,
.payment-summary-table .payment-summary-payment-notes {
  grid-column: span 9;
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-notes,
  .payment-summary-table .payment-summary-payment-notes {
    grid-column: span 6;
  }
}
@media screen and (max-width: 812px) {
  .payment-summary-header .payment-summary-payment-notes,
  .payment-summary-table .payment-summary-payment-notes {
    grid-column: span 6;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-notes,
  .payment-summary-table .payment-summary-payment-notes {
    display: none;
  }
}
.payment-summary-header .payment-summary-payment-type,
.payment-summary-table .payment-summary-payment-type {
  grid-column: span 2;
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-type,
  .payment-summary-table .payment-summary-payment-type {
    grid-column: span 2;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-type,
  .payment-summary-table .payment-summary-payment-type {
    display: none;
  }
}
.payment-summary-header .payment-summary-payment-amount-received,
.payment-summary-table .payment-summary-payment-amount-received {
  grid-column: span 3;
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-amount-received,
  .payment-summary-table .payment-summary-payment-amount-received {
    grid-column: span 4;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-amount-received,
  .payment-summary-table .payment-summary-payment-amount-received {
    grid-column: span 9;
  }
}
.payment-summary-header .payment-summary-payment-status,
.payment-summary-table .payment-summary-payment-status {
  grid-column: span 2;
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-status,
  .payment-summary-table .payment-summary-payment-status {
    grid-column: span 3;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-status,
  .payment-summary-table .payment-summary-payment-status {
    grid-column: span 5;
  }
}
.payment-summary-header .payment-summary-payment-refund-status,
.payment-summary-table .payment-summary-payment-refund-status {
  grid-column: span 2;
}
@media screen and (max-width: 991px) {
  .payment-summary-header .payment-summary-payment-refund-status,
  .payment-summary-table .payment-summary-payment-refund-status {
    grid-column: span 3;
  }
}
@media screen and (max-width: 375px) {
  .payment-summary-header .payment-summary-payment-refund-status,
  .payment-summary-table .payment-summary-payment-refund-status {
    display: none;
  }
}

.voucher-payment-summary-header,
.voucher-payment-summary-table {
  display: grid;
  grid-template-columns: repeat(25, 4% [col-start]);
  grid-auto-flow: row;
  width: 100%;
}
.voucher-payment-summary-header .payment-summary-payment-date,
.voucher-payment-summary-table .payment-summary-payment-date {
  grid-column: span 3;
}
@media screen and (max-width: 991px) {
  .voucher-payment-summary-header .payment-summary-payment-date,
  .voucher-payment-summary-table .payment-summary-payment-date {
    grid-column: span 4;
  }
}
@media screen and (max-width: 375px) {
  .voucher-payment-summary-header .payment-summary-payment-date,
  .voucher-payment-summary-table .payment-summary-payment-date {
    grid-column: span 8;
  }
}
.voucher-payment-summary-header .payment-summary-payment-notes,
.voucher-payment-summary-table .payment-summary-payment-notes {
  grid-column: span 10;
}
@media screen and (max-width: 991px) {
  .voucher-payment-summary-header .payment-summary-payment-notes,
  .voucher-payment-summary-table .payment-summary-payment-notes {
    grid-column: span 7;
  }
}
@media screen and (max-width: 812px) {
  .voucher-payment-summary-header .payment-summary-payment-notes,
  .voucher-payment-summary-table .payment-summary-payment-notes {
    grid-column: span 7;
  }
}
@media screen and (max-width: 375px) {
  .voucher-payment-summary-header .payment-summary-payment-notes,
  .voucher-payment-summary-table .payment-summary-payment-notes {
    display: none;
  }
}
.voucher-payment-summary-header .payment-summary-payment-amount-received,
.voucher-payment-summary-table .payment-summary-payment-amount-received {
  grid-column: span 3;
}
@media screen and (max-width: 991px) {
  .voucher-payment-summary-header .payment-summary-payment-amount-received,
  .voucher-payment-summary-table .payment-summary-payment-amount-received {
    grid-column: span 4;
  }
}
@media screen and (max-width: 375px) {
  .voucher-payment-summary-header .payment-summary-payment-amount-received,
  .voucher-payment-summary-table .payment-summary-payment-amount-received {
    grid-column: span 11;
  }
}
.voucher-payment-summary-header .payment-summary-payment-type,
.voucher-payment-summary-table .payment-summary-payment-type {
  grid-column: span 2;
}
@media screen and (max-width: 991px) {
  .voucher-payment-summary-header .payment-summary-payment-type,
  .voucher-payment-summary-table .payment-summary-payment-type {
    grid-column: span 2;
  }
}
@media screen and (max-width: 375px) {
  .voucher-payment-summary-header .payment-summary-payment-type,
  .voucher-payment-summary-table .payment-summary-payment-type {
    display: none;
  }
}
.voucher-payment-summary-header .payment-summary-payment-refund-status,
.voucher-payment-summary-table .payment-summary-payment-refund-status {
  grid-column: span 2;
}
@media screen and (max-width: 991px) {
  .voucher-payment-summary-header .payment-summary-payment-refund-status,
  .voucher-payment-summary-table .payment-summary-payment-refund-status {
    grid-column: span 3;
  }
}
@media screen and (max-width: 375px) {
  .voucher-payment-summary-header .payment-summary-payment-refund-status,
  .voucher-payment-summary-table .payment-summary-payment-refund-status {
    display: none;
  }
}

.available-online-label {
  font-size: 0.8em;
  padding: 2px 0px 2px 4px;
}

@media screen and (max-width: 991px) and (orientation: landscape) {
  .booking-row-container .booking-control-options {
    text-align: right;
  }
  .booking-row-container .display-landscape {
    display: block;
  }
  .booking-row-container span.display-landscape {
    display: inline;
  }
}
@media screen and (max-width: 991px) and (orientation: portrait) {
  .booking-row-container .display-landscape {
    display: none;
  }
}
@media screen and (max-width: 991px) and (orientation: portrait) {
  #flightScheduleTimeAvailabilityComponent div {
    width: 45%;
  }
  #flightScheduleTimeAvailabilityComponent div button {
    width: 100%;
  }
}

/*# sourceMappingURL=aazp.css.map */