@charset "UTF-8";
.show-up-to-md {
  display: none;
}

.hide-up-to-md {
  display: block;
}

.hide-up-to-md-inline {
  display: inline;
}

@media (max-width: 767px) {
  .show-up-to-md {
    display: block;
  }

  .hide-up-to-md,
.hide-up-to-md-inline {
    display: none;
  }
}
.show-flex-up-to-md {
  display: none;
}

.hide-flex-up-to-md {
  display: flex;
}

.hide-flex-up-to-md-inline {
  display: inline;
}

@media (max-width: 767px) {
  .show-flex-up-to-md {
    display: flex;
  }

  .hide-flex-up-to-md,
.hide-flex-up-to-md-inline {
    display: none;
  }
}
.btn {
  border-radius: 0;
  font-weight: 700;
}
.btn.btn-dark {
  color: #fff;
  background-color: #313d4e;
}
.btn.btn-light {
  color: #313d4e;
  background-color: #fff;
  border-color: #a1a3a5;
}
.btn.btn-primary {
  color: #fff;
  background-color: #3EB4E4;
}

.form-control {
  border-radius: 0;
  font-weight: 700;
  font-size: 12pt;
  border-width: 0;
  background-color: #fff;
  color: #313d4e;
}
.form-control.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.modal .form-control {
  border-width: 1px;
}

.form-group label {
  color: #b1b1b1;
  font-size: 12pt;
}
.form-group label.error {
  color: #dc3545;
}
.form-group .form-control {
  border: solid 1px #b1b1b1;
}

.invalid-feedback {
  background-color: #fff;
}

.slick-prev:before,
.slick-next:before {
  color: #313d4e;
}

.border-right {
  border-color: #f2f2f2;
}

@media (max-width: 767px) {
  .container, .container-fluid {
    padding-left: 3px;
    padding-right: 3px;
  }
}
/*
@include bs-media-min-md {
	.tab-content {
		padding: 15px;   
	}
}
*/
/* These styles deal with the hotel-datepicker customizations for the new search widget. */
/* Right align the datepicker so that it doesn't fall outside the search widget. */
.datepicker--open {
  right: 0;
}

/* This is the smaller price display for each day. */
.day-price {
  display: block;
  font-size: 75%;
}

/* This overrides the from/to dates in the header, so that we can make the clickable. */
.datepicker__info-text--start-day {
  font-weight: normal;
}

.datepicker__info-text--end-day {
  font-weight: normal;
}

.datepicker__info-text--start-day.selected,
.datepicker__info-text--end-day.selected {
  font-weight: bold;
}

/* ==========================================================================
   FareScroller Component Styles
   --------------------------------------------------------------------------
   These styles define layout, button appearance, scrolling behavior, and 
   theming support for the FareScroller component — a horizontal date/fare 
   ribbon designed to replace the legacy slider with a cleaner, more 
   interactive experience.
   ========================================================================== */
:root {
  --fare-color-primary: #337ab7;
  --fare-color-hover: #eaf3fc;
  --fare-color-gradient: linear-gradient(to bottom, #cddce8, #97c5ea);
  --fare-color-selected: #fff9db;
  --fare-color-fareText: #23527c;
}

.farescroller-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 0;
  margin: 0;
  position: relative;
}

.farescroller-nav {
  font-size: 15px;
  color: #706e6e;
  cursor: pointer;
  z-index: 2;
}

.fare-scroller-left {
  margin-right: -8px;
}

.fare-scroller-right {
  margin-left: -8px;
}

.farescroller-viewport {
  overflow: hidden;
  display: block;
  flex-grow: 1;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
}

.farescroller-track {
  display: flex;
  transition: transform 0.3s ease;
}

.farescroller-button {
  user-select: none;
  flex: 0 0 150px;
  margin: 0;
  text-align: center;
  height: 60px;
  padding: 4px;
  padding-bottom: 0px;
  background: #fff;
  font-family: Arial, sans-serif;
  width: 140px;
}

.farescroller-date {
  font-weight: 400;
  margin-top: 10px;
  font-size: 13.3px;
  line-height: 12px;
}

.farescroller-icon {
  width: 20px;
  height: 20px;
}

.format-fare {
  font-weight: 700;
  font-size: 13.3px;
  margin-top: 2px;
  color: var(--fare-color-fareText);
  border-color: #ccc;
}

.farescroller-button.no-flight {
  background-color: #f5f5f5;
  color: #999;
  opacity: 0.9;
  cursor: default;
}

.farescroller-button.selected-date {
  background-color: var(--fare-color-selected);
}

.farescroller-button:not(.no-flight):not(.selected-date):hover {
  cursor: pointer;
  background-color: var(--fare-color-hover);
}

.farescroller-button.no-flight .farescroller-price img {
  opacity: 0.6;
}

/* END CAPS */
.farescroller-endcap {
  user-select: none;
  width: 70px;
  min-width: 70px;
  height: 38px;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-radius: 6px;
  overflow: hidden;
  margin: 10px 0px;
  cursor: pointer;
}

.farescroller-endcap .endcap-top {
  flex: 1;
  background-color: var(--fare-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.farescroller-endcap .endcap-top i {
  color: white;
  height: 18px;
  margin-top: 2px;
}

.farescroller-endcap .endcap-bottom {
  flex: 1;
  background-color: white;
  color: #030000;
  font-weight: 400;
  font-size: 13.3px;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0px;
  line-height: 15px;
}

.farescroller-endcap.first-nav .endcap-top i {
  transform: scaleX(-1);
}

.farescroller-message {
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  color: #333;
  font-size: 14px;
  font-style: italic;
  border-radius: 6px;
  margin: 0 2px;
  width: 100%;
}

.farescroller-viewport {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
}

.farescroller-viewport.open {
  transform: scaleY(1);
}

/* To support standalone search widget. */
.flight-search-box {
  /*
  @include bs-media-min-md {
  	.tab-content {
  		padding: 15px;   
  	}
  }
  */
  background-color: #3EB4E4;
  padding: 15px;
  padding-top: 30px;
  width: 90%;
  margin: 15px auto auto auto;
}
.flight-search-box .btn {
  border-radius: 0;
  font-weight: 700;
}
.flight-search-box .btn.btn-dark {
  color: #fff;
  background-color: #313d4e;
}
.flight-search-box .btn.btn-light {
  color: #313d4e;
  background-color: #fff;
  border-color: #a1a3a5;
}
.flight-search-box .btn.btn-primary {
  color: #fff;
  background-color: #3EB4E4;
}
.flight-search-box .form-control {
  border-radius: 0;
  font-weight: 700;
  font-size: 12pt;
  border-width: 0;
  background-color: #fff;
  color: #313d4e;
}
.flight-search-box .form-control.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.flight-search-box .modal .form-control {
  border-width: 1px;
}
.flight-search-box .form-group label {
  color: #b1b1b1;
  font-size: 12pt;
}
.flight-search-box .form-group label.error {
  color: #dc3545;
}
.flight-search-box .form-group .form-control {
  border: solid 1px #b1b1b1;
}
.flight-search-box .invalid-feedback {
  background-color: #fff;
}
.flight-search-box .slick-prev:before,
.flight-search-box .slick-next:before {
  color: #313d4e;
}
.flight-search-box .border-right {
  border-color: #f2f2f2;
}
@media (max-width: 767px) {
  .flight-search-box .container, .flight-search-box .container-fluid {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.flight-search-box label {
  color: #fff;
}
.flight-search-box .input-group .input-group-text {
  background-color: #fff;
  color: #3EB4E4;
  font-size: 16pt;
  line-height: 36px;
  border-width: 0;
  border-radius: 0;
}
.flight-search-box .input-group.disabled {
  background-color: #f2f2f2;
}
.flight-search-box .input-group.disabled .input-group-text,
.flight-search-box .input-group.disabled input {
  background-color: #f2f2f2;
}

@media (max-width: 1200px) {
  .flight-search-box {
    width: 90%;
  }
}
@media (max-width: 992px) {
  .flight-search-box {
    width: 100%;
  }
}
/* End of standalone search widget support. */
.common-body {
  /*
  @include bs-media-min-md {
  	.tab-content {
  		padding: 15px;   
  	}
  }
  */
  /*To fix some styles that were applied by this css file to new datepicker 2.0*/
  /* Overrides for treegrid. */
  /* Overrides for tablesorter. */
  /*----- Tab Links -----*/
  /* Clearfix */
  /*----- Content of Tabs -----*/
}
.common-body .btn {
  border-radius: 0;
  font-weight: 700;
}
.common-body .btn.btn-dark {
  color: #fff;
  background-color: #313d4e;
}
.common-body .btn.btn-light {
  color: #313d4e;
  background-color: #fff;
  border-color: #a1a3a5;
}
.common-body .btn.btn-primary {
  color: #fff;
  background-color: #3EB4E4;
}
.common-body .form-control {
  border-radius: 0;
  font-weight: 700;
  font-size: 12pt;
  border-width: 0;
  background-color: #fff;
  color: #313d4e;
}
.common-body .form-control.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.common-body .modal .form-control {
  border-width: 1px;
}
.common-body .form-group label {
  color: #b1b1b1;
  font-size: 12pt;
}
.common-body .form-group label.error {
  color: #dc3545;
}
.common-body .form-group .form-control {
  border: solid 1px #b1b1b1;
}
.common-body .invalid-feedback {
  background-color: #fff;
}
.common-body .slick-prev:before,
.common-body .slick-next:before {
  color: #313d4e;
}
.common-body .border-right {
  border-color: #f2f2f2;
}
@media (max-width: 767px) {
  .common-body .container, .common-body .container-fluid {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.common-body html {
  height: 100%;
}
.common-body body {
  height: 100%;
  background-color: #f2f2f2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.common-body header {
  background-color: #fff;
  color: #313d4e;
  font-weight: 400;
  font-size: 14pt;
}
.common-body header .navbar {
  padding: 0 1rem;
}
.common-body header a {
  color: #313d4e;
}
.common-body header a:visited {
  color: #313d4e;
}
.common-body header a:hover {
  color: #3EB4E4;
}
.common-body header .navbar-brand {
  background-image: url("../img/logo.jpg");
  height: 82px;
  width: 197px;
  padding: 0;
}
@media (max-width: 767px) {
  .common-body header .navbar-brand {
    background-size: 100%;
    height: 40px;
    width: 104px;
  }
}
.common-body header .navbar-nav {
  margin-top: 45px;
}
.common-body header .navbar-nav .nav-item.active {
  border-bottom: solid 4px #3EB4E4;
}
.common-body header .navbar-light .navbar-nav .nav-link {
  color: #313d4e;
}
.common-body header .navbar-collapse.collapse.show {
  z-index: 1;
}
.common-body header .navbar-collapse.collapse.show .navbar-nav {
  margin-top: 0;
}
.common-body header .navbar-collapse.collapse.show .nav-item {
  background-color: #fff;
  color: #313d4e;
  border-width: 0;
  border-left: solid 4px #fff;
}
.common-body header .navbar-collapse.collapse.show .nav-item .nav-link {
  color: #313d4e;
}
.common-body header .navbar-collapse.collapse.show .nav-item.active {
  border-left: solid 4px #3EB4E4;
}
@media (min-width: 992px) {
  .common-body header .header-form {
    position: absolute;
    top: 0;
    right: 16px;
  }
}
@media (min-width: 1200px) {
  .common-body header .header-form {
    position: absolute;
    top: 0;
    right: 16px;
  }
}
.common-body .pax-type-info {
  color: #3EB4E4;
}
.common-body h4.blue-text {
  margin-bottom: 16px;
}
.common-body .main-header-bar {
  background-color: #3EB4E4;
}
.common-body .main-header-bar h1 {
  font-size: 16pt;
  padding: 9px 6px;
  margin: 0;
  color: #fff;
}
@media (min-width: 768px) {
  .common-body .main-header-bar h1 {
    font-size: 24pt;
    padding: 20px 30px;
    margin-bottom: 0.5rem;
  }
}
.common-body footer {
  background-color: #f2f2f2;
  width: 100%;
}
.common-body footer .footer-links {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #313d4e;
  color: #fff;
}
.common-body footer .footer-links .link-row {
  padding: 2px 0;
}
.common-body footer .footer-links a {
  color: #fff;
}
.common-body footer .footer-links a:visited {
  color: #fff;
}
.common-body footer .footer-notice {
  background-color: #3EB4E4;
  color: #fff;
  line-height: 50px;
  font-size: 10pt;
}
.common-body footer .social-media-icon .fa-stack-2x {
  color: #3EB4E4;
}
.common-body footer .social-media-icon .fa-stack-1x {
  color: #fff;
}
.common-body .container-body {
  background-color: #fff;
  color: #313d4e;
  font-size: 14pt;
  min-height: 100%;
}
.common-body .container-body .inverted-color {
  color: #fff;
  background-color: #313d4e;
}
.common-body .container-body .alt-bg {
  background-color: #f2f2f2;
}
.common-body .Login-form-iframe {
  position: absolute;
  top: 20px;
  right: 40px;
  z-index: 999;
}
.common-body .header-paragraph {
  padding: 9px 21px;
}
.common-body .no-bottom-margin {
  margin-bottom: 0;
}
.common-body .big-bottom-margin {
  margin-bottom: 60px;
}
.common-body .xl-bottom-margin {
  margin-bottom: 140px;
}
.common-body .separator {
  height: 2px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  background-color: #d9d9d9;
}
.common-body .index-art-field {
  background-image: url("../img/index_art.jpg");
  background-size: cover;
  height: 720px;
  margin: 0 -15px;
  padding: 0 15px;
  padding-top: 94px;
}
.common-body .flight-search-box {
  background-color: #3EB4E4;
  padding: 15px;
  padding-top: 30px;
}
.common-body .flight-search-box label {
  color: #fff;
}
.common-body .input-group .input-group-text {
  background-color: #fff;
  color: #3EB4E4;
  font-size: 16pt;
  line-height: 36px;
  border-width: 0;
  border-radius: 0;
}
.common-body .input-group.disabled {
  background-color: #f2f2f2;
}
.common-body .input-group.disabled .input-group-text,
.common-body .input-group.disabled input {
  background-color: #f2f2f2;
}
.common-body .search-filter-box {
  border: solid 1px #f2f2f2;
}
.common-body .routes-schedules-whitespace {
  height: 175px;
}
.common-body .route-map {
  background-image: url("../img/RoutesSchedulesBackground.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 352px;
  margin-bottom: 19px;
}
.common-body h2 {
  color: #3EB4E4;
  font-weight: 700;
  margin: 0;
  line-height: 98px;
}
.common-body .travel-info-section h4.blue-text {
  margin-top: 30px;
}
.common-body h4 {
  color: #3EB4E4;
  font-weight: 700;
}
.common-body .modal-header {
  background-color: #3EB4E4;
  color: white;
}
.common-body .modal-header .close {
  color: white;
}
.common-body .modal-body h1, .common-body .modal-body h2, .common-body .modal-body h3, .common-body .modal-body h4, .common-body .modal-body h5, .common-body .modal-body h6 {
  font-size: 20px;
  color: #3EB4E4;
  font-weight: 700;
}
.common-body .modal-body h6 {
  color: #b1b1b1;
  font-weight: 700;
  font-size: 16px;
}
.common-body .featured-fares-row {
  padding-bottom: 15px;
}
.common-body .featured-fares-row .featured-fares .featured-fare {
  border: solid 2px #f2f2f2;
  border-left-width: 0;
  border-right-width: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-left-width: 2px;
}
.common-body .featured-fares-row .featured-fares .featured-fare.slick-current {
  border-left-color: #fff;
}
@media (max-width: 768px) and (min-width: 576px) {
  .common-body .featured-fares-row .featured-fares .featured-fare {
    max-width: 50%;
  }
}
@media (max-width: 576px) {
  .common-body .featured-fares-row .featured-fares .featured-fare {
    min-width: 100%;
  }
}
.common-body .featured-fares-row .featured-fares .featured-fare .featured-location-row {
  font-size: 10pt;
  font-weight: 700;
}
@media (max-width: 767px) {
  .common-body .featured-fares-row .featured-fares .featured-fare .featured-location-row {
    font-size: 7.5pt;
  }
  .common-body .featured-fares-row .featured-fares .featured-fare .featured-location-row i {
    font-size: 10pt;
  }
}
@media (max-width: 576px) {
  .common-body .featured-fares-row .featured-fares .featured-fare .featured-location-row div {
    max-width: 50%;
  }
}
.common-body .featured-fares-row .featured-fares .featured-fare .featured-date-row {
  font-size: 10pt;
  font-weight: 400;
}
.common-body .featured-fares-row .featured-fares .featured-fare .featured-total-row {
  font-size: 16pt;
  font-weight: 400;
}
@media (max-width: 767px) {
  .common-body .featured-fares-row .featured-fares .featured-fare .featured-total-row {
    font-size: 14.5pt;
  }
}
.common-body .fa-between-columns {
  color: #3EB4E4;
  float: right;
  font-size: 14pt;
  margin-right: -24px;
}
.common-body .aircraft-image-top {
  background-image: url("../img/aircraft_interior.png");
  height: 352px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 19px;
}
.common-body .aircraft-image-bottom {
  background-image: url("../img/aircraft_exterior.png");
  height: 302px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 50px;
  margin-bottom: 70px;
}
.common-body .aircraft-page-row {
  margin-left: 5px;
}
.common-body .aircraft-specs-row {
  width: 99%;
  margin-top: 60px;
  padding-bottom: 15px;
  height: 106px;
  border-style: none;
}
.common-body .aircraft-specs-row .aircraft-specs {
  background-color: #f2f2f2;
  border: none 2px #d9d9d9;
  border-left-style: solid;
  padding-top: 23px;
  padding-bottom: 23px;
  text-align: center;
  vertical-align: middle;
}
.common-body .aircraft-specs-row .aircraft-specs .spec-header-row {
  font-size: 10pt;
}
.common-body .aircraft-specs-row .aircraft-specs .spec-detail-row {
  font-size: 12pt;
  font-weight: 700;
}
.common-body .aircraft-specs-row .aircraft-specs:first-child {
  border-left-style: none;
}
.common-body .travel-info-sidebar {
  margin-top: 24px;
}
.common-body .travel-info-sidebar dl {
  font-size: 12pt;
}
.common-body .travel-info-sidebar dl dt {
  font-weight: 700;
  margin-top: 6px;
}
.common-body .travel-info-sidebar dl dd {
  font-weight: 400;
  margin: 0;
  margin-left: 15px;
  color: #313d4e;
}
.common-body .travel-info-sidebar dl a, .common-body .travel-info-sidebar dl a:visited, .common-body .travel-info-sidebar dl a:active {
  text-decoration: none;
  color: #313d4e;
}
.common-body .travel-info-sidebar dl a.active, .common-body .travel-info-sidebar dl a:visited.active, .common-body .travel-info-sidebar dl a:active.active {
  color: #3EB4E4;
  font-weight: 700;
}
.common-body .collapse-card .card .card-header {
  padding: 0;
}
.common-body .collapse-card .card .card-header h5 {
  margin: 0;
}
.common-body .collapse-card .card .card-header h5 .btn-link {
  color: #313d4e;
  width: 100%;
  text-align: left;
}
.common-body .collapse-card .card .card-header h5 .btn-link .chevron {
  float: right;
  margin-top: 4px;
}
.common-body .fa-blue-icon {
  color: #3EB4E4;
  background-color: #fff;
  font-size: 18pt;
}
.common-body .dark-background {
  background-color: #313d4e;
  color: #fff;
}
.common-body .btn-wide {
  width: 165px;
}
.common-body .btn-extra-wide {
  width: 300px;
}
.common-body input[type=checkbox].big-checkbox {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
.common-body input[type=checkbox].massive-checkbox {
  height: 38px;
  width: 38px;
  vertical-align: middle;
}
.common-body .selected-fare-tile {
  background-color: #f2f2f2;
}
.common-body .date-range-fares-row {
  display: none;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .common-body .date-range-fares-row {
    display: flex;
  }
}
.common-body .date-range-fares {
  border-bottom: 1px solid #f2f2f2;
  font-size: 10pt;
}
.common-body #divDepartingFlights > div > div > div {
  padding: 0;
}
.common-body .pax-type-selection {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.common-body .pax-type-selection .pax-type-inputs {
  font-size: 20px;
}
.common-body .pax-type-selection .pax-type-inputs span {
  padding: 2px;
}
.common-body .pax-type-selection .pax-type-selection-small-text {
  font-size: 10px;
  display: block;
}
.common-body .flight-row {
  display: none;
}
.common-body .flight-row-small {
  display: none;
}
@media (max-width: 767px) {
  .common-body .flight-row-small {
    display: table-row;
  }
}
@media (min-width: 768px) {
  .common-body .flight-row {
    display: table-row;
  }
}
.common-body .tabs {
  background: transparent;
  border: none;
}
.common-body .tabs .tab-links {
  background: transparent;
  border: none;
  border-bottom: 1px solid #c0c0c0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.common-body .tabs .tab-links .tab-link {
  background: transparent;
  border: none;
}
.common-body .tabs .tab-links .tab-link .active {
  background: transparent no-repeat bottom center;
  border: none;
}
.common-body .tabs .tab-links .tab-link > a {
  color: #000000;
  font-weight: bold;
  background: transparent;
}
.common-body .tabs .tab-links .tab-link.disabled > a {
  color: #c0c0c0;
  background: transparent;
}
.common-body .tabs .tab-links .tab-link.active > a {
  color: #3EB4E4;
  font-weight: bold;
  background: transparent;
}
.common-body .input-wrapper span {
  position: absolute;
  z-index: 99;
  padding: 4px;
  margin-left: 12px;
  width: 10%;
  line-height: 2;
}
.common-body .input-wrapper span.for-plaintext {
  padding: 3px;
  margin-left: 3px;
}
.common-body .input-wrapper input {
  text-indent: 25px;
  width: 100%;
}
.common-body .input-icon-floating-label-wrapper {
  position: relative;
}
.common-body .input-icon-floating-label-wrapper label {
  position: absolute;
  top: 0;
  left: 2.5rem;
  background: #fff;
  padding: 0 4px;
  transform: translateY(-50%);
  z-index: 1;
}
.common-body .input-icon-floating-label-wrapper input {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 45px;
}
.common-body .input-icon-floating-label-wrapper .icon-left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.common-body .input-icon-floating-label-wrapper .icon-right {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.common-body .input-icon-floating-label-autocomplete-wrapper {
  position: relative;
}
.common-body .input-icon-floating-label-autocomplete-wrapper label {
  position: absolute;
  top: 0;
  left: 2.5rem;
  background: #fff;
  padding: 0 4px;
  transform: translateY(-50%);
  z-index: 99;
}
.common-body .input-icon-floating-label-autocomplete-wrapper .autocompete-input-wrapper {
  position: relative;
  width: 100%;
}
.common-body .input-icon-floating-label-autocomplete-wrapper .autocompete-input-wrapper .input-group-append {
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
}
.common-body .input-icon-floating-label-autocomplete-wrapper input {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 45px;
}
.common-body .input-icon-floating-label-autocomplete-wrapper .icon-left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 99;
}
.common-body .input-icon-wrapper {
  position: relative;
}
.common-body .input-icon-wrapper input {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 45px;
}
.common-body .input-icon-wrapper .icon-left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.common-body .input-icon-wrapper .icon-right {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.common-body .x-wide-modal {
  width: 80%;
  max-width: none;
}
.common-body .show-fullscreen,
.common-body .show-smallscreen {
  display: none;
}
@media (max-width: 767px) {
  .common-body .show-smallscreen {
    display: block;
  }
  .common-body .smallscreen-font-size-80 {
    font-size: 80%;
  }
  .common-body .smallscreen-font-size-90 {
    font-size: 90%;
  }
  .common-body .smallscreen-pad-right-3 {
    padding-right: 3px;
  }
}
@media (min-width: 768px) {
  .common-body .show-fullscreen {
    display: block;
  }
  .common-body .fullscreen-pad-right-20 {
    padding-right: 20px;
  }
}
.common-body .slick-slide {
  padding: 23px 0;
}
.common-body .slick-slide.slick-center {
  background-color: lightgrey;
}
.common-body .placeholder-container {
  position: absolute;
  color: #6c757d;
}
.common-body .placeholder-container .placeholder-normal {
  font-size: 100%;
}
.common-body .placeholder-container .placeholder-small {
  font-size: 60%;
}
.common-body .flight-search-box .placeholder-container {
  position: absolute;
}
.common-body .loading-stage {
  text-align: center;
  padding: 120px 0;
  font-size: 36pt;
}
.common-body .display-none {
  display: none;
}
.common-body .progress-steps .progress-steps-row .show-behind {
  float: left;
  width: 99%;
  margin-right: -100%;
  border-width: 3px;
  border-color: #d9d9d9;
}
.common-body .progress-steps .progress-steps-row .show-behind.completed-progress {
  border-color: #ffffc3;
  width: clear;
}
.common-body .progress-steps .progress-steps-row .progress-step {
  color: #313d4e;
  float: left;
  font-size: 10pt;
  text-align: center;
}
.common-body .progress-steps .progress-steps-row .progress-icon {
  color: #d9d9d9;
  font-size: 18pt;
  position: absolute;
  margin-left: -12px;
  margin-top: 4px;
}
.common-body .progress-steps .progress-steps-row .progress-icon.progress-icon-active {
  color: #ffffc3;
}
.common-body .text-main-color {
  color: #3EB4E4;
}
.common-body .flight-box {
  display: none;
}
.common-body .flight-box-small {
  display: none;
}
.common-body .flight-box-small .flight-stop-row strong {
  display: block;
}
.common-body .flight-box .time,
.common-body .flight-box-small .time {
  color: #b1b1b1;
}
.common-body .dark-grey-text {
  color: #b1b1b1;
}
@media (max-width: 767px) {
  .common-body .flight-box-small {
    display: block;
  }
}
@media (min-width: 768px) {
  .common-body .flight-box {
    display: block;
  }
}
.common-body .flight-stop-row {
  color: #313d4e;
}
.common-body .flight-stop-row.summary {
  text-align: left;
  font-size: 10pt;
}
.common-body .flight-stop-row .show-behind {
  float: left;
  width: 99%;
  margin-right: -100%;
}
.common-body .flight-stop-row .flight-stop-block {
  float: left;
  font-size: 10pt;
  text-align: center;
}
.common-body .flight-stop-row .flight-stop-block.origin {
  text-align: left;
}
.common-body .flight-stop-row .flight-stop-block.destination {
  text-align: right;
}
@media (max-width: 992px) {
  .common-body .flight-stop-row.location .flight-stop-block, .common-body .flight-stop-row.time .flight-stop-block {
    width: 100% !important;
  }
}
.common-body .flight-option-row {
  border-top: solid 1px #d9d9d9;
}
.common-body .flight-option-row:first-child {
  border-top-width: 0;
}
.common-body .flight-option-row .fare-basis-details-toggle {
  display: none;
}
.common-body .flight-option-row .fare-tile {
  position: relative;
  vertical-align: middle;
  padding-bottom: 0;
}
.common-body .flight-option-row .fare-tile.fare-tile-unavailable a, .common-body .flight-option-row .fare-tile.fare-tile-unavailable span {
  text-decoration: line-through;
  color: #212529;
}
.common-body .flight-option-row .fare-tile .fare-details {
  top: 0;
  left: 0;
  width: 100%;
}
.common-body .flight-option-row .fare-tile .fare-details .fa-check {
  display: none;
}
.common-body .flight-option-row .fare-tile .fare-details.selected-fare .fa-check {
  display: inline;
}
.common-body .flight-option-row .selected-fare-tile .fare-basis-details-toggle {
  display: block;
  font-size: 12pt;
}
.common-body .fare-tile-grey {
  background-color: #f2f2f2;
}
.common-body .fare-select-column {
  width: 15%;
}
.common-body .fare-select-column.fare-select-column-3x {
  width: 45%;
}
@media (max-width: 767px) {
  .common-body .fare-select-column {
    width: 23%;
  }
  .common-body .fare-select-column.fare-select-column-3x {
    width: 69%;
  }
  .common-body .blank-fare {
    display: none;
  }
}
.common-body .flight-selection-extra-notes-content {
  margin-bottom: -30px;
  margin-top: 20px;
  font-weight: 700;
  font-style: italic;
}
.common-body .outbound-box h5 {
  margin: 0;
  padding: 3px;
  font-size: 12pt;
}
@media (min-width: 768px) {
  .common-body .outbound-box h5 {
    font-size: 16pt;
  }
}
.common-body .outbound-passenger-information-header, .common-body .inbound-passenger-information-header {
  font-size: 12pt;
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: solid 1px #f2f2f2;
}
.common-body .outbound-passenger-information-header strong, .common-body .inbound-passenger-information-header strong {
  font-size: 14pt;
}
.common-body .route-box hr {
  margin-top: 15px;
  margin-bottom: 0;
}
.common-body .route-box .fa-blue-icon {
  font-size: 18pt;
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: -12px;
}
.common-body .mobility-row {
  margin-bottom: 30px;
}
.common-body .mobility-comments-area {
  margin: 0 15px;
  padding: 15px;
  background-color: #f2f2f2;
}
.common-body .birthdate-row select.form-control {
  padding-left: 6px;
  padding-right: 6px;
}
.common-body .booking-reference {
  background-color: #f2f2f2;
  margin: 15px;
  padding: 30px 60px;
}
.common-body .flight-leg-summary-row {
  padding-left: 21px;
}
.common-body .flight-leg-summary-row > div {
  padding-top: 21px;
  padding-bottom: 21px;
}
@media (max-width: 767px) {
  .common-body .flight-leg-summary-row > div {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .common-body .flight-leg-summary-row > div p {
    margin-bottom: 3px;
  }
}
.common-body .confirmation-information-row {
  margin-top: 15px;
}
.common-body .terms-and-conditions {
  font-size: 9pt;
}
.common-body .terms-and-conditions h6 {
  color: #3EB4E4;
  font-weight: 700;
}
.common-body .wait-div,
.common-body .fullscreen-wait-div {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #666666;
  z-index: 30001;
  opacity: 0.8;
  filter: alpha(opacity=70);
  display: none;
}
.common-body .wait-div {
  position: absolute;
}
.common-body .wait-div h1,
.common-body .fullscreen-wait-div h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  color: White;
}
@media (max-width: 767px) {
  .common-body .arrivals {
    font-size: 10pt;
  }
  .common-body .departures {
    font-size: 10pt;
  }
}
.common-body a.viewFareRulesModal {
  color: white;
}
.common-body .modal .btn-primary {
  background-color: #3EB4E4;
}
.common-body .payment-details-header {
  background-color: #3EB4E4;
  margin: 20px 0 20px 0;
  color: white;
}
.common-body .cancel-leg-reason-modal {
  font-size: 14px;
  line-height: 20px;
}
.common-body .cancel-leg-reason-modal .cancel-leg-reason-reservation {
  line-height: 5px;
  border: 1px solid #d8d7d7;
  padding: 2%;
}
.common-body .text-right {
  text-align: right;
}
.common-body .sender-address {
  width: 500px;
  border: blue solid 1px;
  margin: 10px;
  padding: 10px;
}
.common-body #Sender_Telephone {
  border: blue solid 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.common-body #Sender_Email {
  border: blue solid 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.common-body .addresses-dropdown-origin {
  border: blue solid 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.common-body .btn-small {
  padding: 0px 10px;
}
.common-body .modal-dialog {
  padding-top: 1.75rem;
}
@media (min-width: 768px) {
  .common-body .datepicker__month {
    width: 49.8%;
  }
}
.common-body .field-optional {
  font-size: 60%;
  color: #bbb;
}
.common-body .tree tbody > tr:nth-child(even) {
  background-color: #fff;
}
.common-body .tree tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.common-body .tree .description {
  font-style: italic;
  margin-left: 8px;
  color: #aaa;
}
.common-body .tree .treegrid-expander {
  margin-right: 8px;
}
.common-body .tablesorter-skyline-generator .header,
.common-body .tablesorter-skyline-generator .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
}
.common-body .tablesorter-skyline-generator thead .headerSortDown,
.common-body .tablesorter-skyline-generator thead .tablesorter-headerSortDown,
.common-body .tablesorter-skyline-generator thead .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.common-body .tablesorter-skyline-generator thead .headerSortUp,
.common-body .tablesorter-skyline-generator thead .tablesorter-headerSortUp,
.common-body .tablesorter-skyline-generator thead .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.common-body .pager > * {
  display: inline;
  margin: 0 3px;
}
.common-body .has-unread-memos {
  font-weight: bolder;
}
.common-body .custom-card .custom-card-row {
  margin-right: auto;
  margin-left: auto;
  width: 46vw;
}
.common-body .custom-card .card-body {
  padding: 8%;
  border-top: 2px solid #3EB4E4;
}
.common-body .custom-card .card-body .card-title {
  text-align: center !important;
}
.common-body .custom-card .card-body .card-text {
  padding: 0 8% 0 8%;
}
.common-body .custom-card .card-body-col {
  padding: 5% 0 0 0;
}
.common-body .custom-card .image-body-col {
  padding: 0;
  text-align: center !important;
}
.common-body table {
  width: 100%;
}
.common-body table.fixed-layout {
  table-layout: fixed;
}
.common-body table.open-table > tbody > tr > td {
  padding: 20px 6px;
}
@media (max-width: 767px) {
  .common-body table.open-table > tbody > tr > td {
    padding: 6px 3px;
  }
}
@media (min-width: 768px) {
  .common-body table.open-table > tbody > tr > td.fullscreen-pad-right-20 {
    padding-right: 20px;
  }
}
.common-body table > thead > tr {
  background-color: #313d4e;
  color: #fff;
}
.common-body table > thead > tr > th {
  padding-top: 6px;
  padding-bottom: 6px;
}
.common-body table > tbody > tr > td {
  border-right: solid 1px #d9d9d9;
}
.common-body table > tbody > tr > td:last-child {
  border-right: none;
}
.common-body table > tbody > tr:nth-child(even) {
  background-color: #f2f2f2;
}
.common-body table > tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.common-body table > tbody > tr.baggage-dimensions-header {
  color: #007dbd;
  background-color: #AAAAAA;
  text-align: center;
  font-weight: bold;
}
.common-body table > tbody > tr.baggage-dimensions-details {
  color: #007dbd;
  background-color: lightgrey;
  text-align: center;
}
.common-body table.middle-table > thead > tr > th,
.common-body table.middle-table > tbody > tr > td {
  vertical-align: middle;
}
.common-body table.top-table > thead > tr > th,
.common-body table.top-table > tbody > tr > td {
  vertical-align: top;
}
.common-body table.col-1-top > thead > tr > th:first-child,
.common-body table.col-1-top > tbody > tr > td:first-child {
  vertical-align: top;
}
.common-body table.center-table > thead > tr > th,
.common-body table.center-table > tbody > tr > td {
  text-align: center;
}
.common-body table.left-table > thead > tr > th,
.common-body table.left-table > tbody > tr > td {
  text-align: left;
  padding-left: 19px;
}
.common-body table.col-1-left > thead > tr > th:first-child,
.common-body table.col-1-left > tbody > tr > td:first-child {
  text-align: left;
  padding-left: 19px;
}
.common-body .flight-charges-table-container {
  text-align: left;
  background-color: #313d4e;
  color: #fff;
  border-width: 0;
  font-size: 12pt;
  padding: 20px;
}
.common-body table.flight-charges-table {
  text-align: left;
  background-color: #313d4e;
  color: #fff;
  border-width: 0;
  font-size: 12pt;
}
.common-body table.flight-charges-table tbody, .common-body table.flight-charges-table tr, .common-body table.flight-charges-table th, .common-body table.flight-charges-table td {
  text-align: left;
  background-color: #313d4e;
  color: #fff;
  border-width: 0;
  font-size: 12pt;
}
.common-body table.flight-charges-table td {
  border-top: solid 1px #f2f2f2;
}
.common-body table.flight-charges-table h4 {
  padding: 0;
  font-size: 14pt;
}
.common-body .small-table {
  font-size: 80%;
  line-height: 16px;
}
.common-body .box {
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .common-body .box {
    margin: 3px auto;
    border: none;
  }
}
@media (min-width: 768px) {
  .common-body .box {
    margin: 10px auto;
    border: 1px solid #efefef;
  }
}
.common-body .box header {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#fff2f2f2", GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.common-body .box header:before,
.common-body .box header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.common-body .box header:after {
  clear: both;
}
.common-body .box .body {
  padding: 10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.common-body .tabs {
  width: 100%;
  display: inline-block;
  border-width: 0px;
}
.common-body .tab-links:after {
  display: block;
  clear: both;
  content: "";
}
.common-body .tab-links {
  background-color: white;
  border: 0px;
  margin: 0px;
  background: none !important;
}
.common-body .tab-links li {
  margin: 0 5px !important;
  float: left;
  list-style: none;
  cursor: default;
  display: inline-block;
  font-weight: 600;
  color: #4c4c4c;
  transition: all linear 0.15s;
}
.common-body .tab-content {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  z-index: -99;
}
@media (max-width: 767px) {
  .common-body .tab-content {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .common-body .tab-content {
    padding: 15px;
  }
}
.common-body .tab {
  display: none;
}
.common-body .tab.active {
  display: block;
}
.common-body .tab-links a {
  display: inline-block;
  border-radius: 5px 5px 0px 0px;
  text-decoration: none;
  /*transition: all linear 0.2s;*/
  border: 1px solid silver;
  border-bottom: 0px;
  background: lightgrey;
  width: 150px;
  text-align: center;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.common-body .tab-links .active {
  margin-top: 1px;
}
.common-body .active > a {
  margin-bottom: -1px;
  background: transparent;
}
.common-body .tab-links a:hover {
  background: #a7cce5;
  text-decoration: none;
}
.common-body .tab-links li.active a, .common-body .tab-links li.active a:hover {
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  color: #444;
}
.common-body .validation-summary-errors li {
  font-weight: bold;
  color: #ff0000;
}
.common-body > .index-art-field {
  height: 460px;
  background-position: center;
  padding-top: 0 !important;
}
.common-body #AccountForm {
  /*Hidden for RiseAir only. Remove from template if want this to be global.*/
}
.common-body #AccountForm .label-field {
  margin: 0 !important;
}
.common-body #AccountForm .account-header {
  display: none;
}

.common-body-iframe {
  margin-top: 40px;
}
.common-body-iframe .index-art-field {
  background: none;
}
.common-body-iframe .Login-form-iframe {
  right: 108px;
}

.modal {
  /*
  @include bs-media-min-md {
  	.tab-content {
  		padding: 15px;   
  	}
  }
  */
  /*To fix some styles that were applied by this css file to new datepicker 2.0*/
  /* Overrides for treegrid. */
  /* Overrides for tablesorter. */
}
.modal .btn {
  border-radius: 0;
  font-weight: 700;
}
.modal .btn.btn-dark {
  color: #fff;
  background-color: #313d4e;
}
.modal .btn.btn-light {
  color: #313d4e;
  background-color: #fff;
  border-color: #a1a3a5;
}
.modal .btn.btn-primary {
  color: #fff;
  background-color: #3EB4E4;
}
.modal .form-control {
  border-radius: 0;
  font-weight: 700;
  font-size: 12pt;
  border-width: 0;
  background-color: #fff;
  color: #313d4e;
}
.modal .form-control.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.modal .modal .form-control {
  border-width: 1px;
}
.modal .form-group label {
  color: #b1b1b1;
  font-size: 12pt;
}
.modal .form-group label.error {
  color: #dc3545;
}
.modal .form-group .form-control {
  border: solid 1px #b1b1b1;
}
.modal .invalid-feedback {
  background-color: #fff;
}
.modal .slick-prev:before,
.modal .slick-next:before {
  color: #313d4e;
}
.modal .border-right {
  border-color: #f2f2f2;
}
@media (max-width: 767px) {
  .modal .container, .modal .container-fluid {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.modal html {
  height: 100%;
}
.modal body {
  height: 100%;
  background-color: #f2f2f2;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.modal header {
  background-color: #fff;
  color: #313d4e;
  font-weight: 400;
  font-size: 14pt;
}
.modal header .navbar {
  padding: 0 1rem;
}
.modal header a {
  color: #313d4e;
}
.modal header a:visited {
  color: #313d4e;
}
.modal header a:hover {
  color: #3EB4E4;
}
.modal header .navbar-brand {
  background-image: url("../img/logo.jpg");
  height: 82px;
  width: 197px;
  padding: 0;
}
@media (max-width: 767px) {
  .modal header .navbar-brand {
    background-size: 100%;
    height: 40px;
    width: 104px;
  }
}
.modal header .navbar-nav {
  margin-top: 45px;
}
.modal header .navbar-nav .nav-item.active {
  border-bottom: solid 4px #3EB4E4;
}
.modal header .navbar-light .navbar-nav .nav-link {
  color: #313d4e;
}
.modal header .navbar-collapse.collapse.show {
  z-index: 1;
}
.modal header .navbar-collapse.collapse.show .navbar-nav {
  margin-top: 0;
}
.modal header .navbar-collapse.collapse.show .nav-item {
  background-color: #fff;
  color: #313d4e;
  border-width: 0;
  border-left: solid 4px #fff;
}
.modal header .navbar-collapse.collapse.show .nav-item .nav-link {
  color: #313d4e;
}
.modal header .navbar-collapse.collapse.show .nav-item.active {
  border-left: solid 4px #3EB4E4;
}
@media (min-width: 992px) {
  .modal header .header-form {
    position: absolute;
    top: 0;
    right: 16px;
  }
}
@media (min-width: 1200px) {
  .modal header .header-form {
    position: absolute;
    top: 0;
    right: 16px;
  }
}
.modal .pax-type-info {
  color: #3EB4E4;
}
.modal h4.blue-text {
  margin-bottom: 16px;
}
.modal .main-header-bar {
  background-color: #3EB4E4;
}
.modal .main-header-bar h1 {
  font-size: 16pt;
  padding: 9px 6px;
  margin: 0;
  color: #fff;
}
@media (min-width: 768px) {
  .modal .main-header-bar h1 {
    font-size: 24pt;
    padding: 20px 30px;
    margin-bottom: 0.5rem;
  }
}
.modal footer {
  background-color: #f2f2f2;
  width: 100%;
}
.modal footer .footer-links {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #313d4e;
  color: #fff;
}
.modal footer .footer-links .link-row {
  padding: 2px 0;
}
.modal footer .footer-links a {
  color: #fff;
}
.modal footer .footer-links a:visited {
  color: #fff;
}
.modal footer .footer-notice {
  background-color: #3EB4E4;
  color: #fff;
  line-height: 50px;
  font-size: 10pt;
}
.modal footer .social-media-icon .fa-stack-2x {
  color: #3EB4E4;
}
.modal footer .social-media-icon .fa-stack-1x {
  color: #fff;
}
.modal .container-body {
  background-color: #fff;
  color: #313d4e;
  font-size: 14pt;
  min-height: 100%;
}
.modal .container-body .inverted-color {
  color: #fff;
  background-color: #313d4e;
}
.modal .container-body .alt-bg {
  background-color: #f2f2f2;
}
.modal .Login-form-iframe {
  position: absolute;
  top: 20px;
  right: 40px;
  z-index: 999;
}
.modal .header-paragraph {
  padding: 9px 21px;
}
.modal .no-bottom-margin {
  margin-bottom: 0;
}
.modal .big-bottom-margin {
  margin-bottom: 60px;
}
.modal .xl-bottom-margin {
  margin-bottom: 140px;
}
.modal .separator {
  height: 2px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  background-color: #d9d9d9;
}
.modal .index-art-field {
  background-image: url("../img/index_art.jpg");
  background-size: cover;
  height: 720px;
  margin: 0 -15px;
  padding: 0 15px;
  padding-top: 94px;
}
.modal .flight-search-box {
  background-color: #3EB4E4;
  padding: 15px;
  padding-top: 30px;
}
.modal .flight-search-box label {
  color: #fff;
}
.modal .input-group .input-group-text {
  background-color: #fff;
  color: #3EB4E4;
  font-size: 16pt;
  line-height: 36px;
  border-width: 0;
  border-radius: 0;
}
.modal .input-group.disabled {
  background-color: #f2f2f2;
}
.modal .input-group.disabled .input-group-text,
.modal .input-group.disabled input {
  background-color: #f2f2f2;
}
.modal .search-filter-box {
  border: solid 1px #f2f2f2;
}
.modal .routes-schedules-whitespace {
  height: 175px;
}
.modal .route-map {
  background-image: url("../img/RoutesSchedulesBackground.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 352px;
  margin-bottom: 19px;
}
.modal h2 {
  color: #3EB4E4;
  font-weight: 700;
  margin: 0;
  line-height: 98px;
}
.modal .travel-info-section h4.blue-text {
  margin-top: 30px;
}
.modal h4 {
  color: #3EB4E4;
  font-weight: 700;
}
.modal .modal-header {
  background-color: #3EB4E4;
  color: white;
}
.modal .modal-header .close {
  color: white;
}
.modal .modal-body h1, .modal .modal-body h2, .modal .modal-body h3, .modal .modal-body h4, .modal .modal-body h5, .modal .modal-body h6 {
  font-size: 20px;
  color: #3EB4E4;
  font-weight: 700;
}
.modal .modal-body h6 {
  color: #b1b1b1;
  font-weight: 700;
  font-size: 16px;
}
.modal .featured-fares-row {
  padding-bottom: 15px;
}
.modal .featured-fares-row .featured-fares .featured-fare {
  border: solid 2px #f2f2f2;
  border-left-width: 0;
  border-right-width: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-left-width: 2px;
}
.modal .featured-fares-row .featured-fares .featured-fare.slick-current {
  border-left-color: #fff;
}
@media (max-width: 768px) and (min-width: 576px) {
  .modal .featured-fares-row .featured-fares .featured-fare {
    max-width: 50%;
  }
}
@media (max-width: 576px) {
  .modal .featured-fares-row .featured-fares .featured-fare {
    min-width: 100%;
  }
}
.modal .featured-fares-row .featured-fares .featured-fare .featured-location-row {
  font-size: 10pt;
  font-weight: 700;
}
@media (max-width: 767px) {
  .modal .featured-fares-row .featured-fares .featured-fare .featured-location-row {
    font-size: 7.5pt;
  }
  .modal .featured-fares-row .featured-fares .featured-fare .featured-location-row i {
    font-size: 10pt;
  }
}
@media (max-width: 576px) {
  .modal .featured-fares-row .featured-fares .featured-fare .featured-location-row div {
    max-width: 50%;
  }
}
.modal .featured-fares-row .featured-fares .featured-fare .featured-date-row {
  font-size: 10pt;
  font-weight: 400;
}
.modal .featured-fares-row .featured-fares .featured-fare .featured-total-row {
  font-size: 16pt;
  font-weight: 400;
}
@media (max-width: 767px) {
  .modal .featured-fares-row .featured-fares .featured-fare .featured-total-row {
    font-size: 14.5pt;
  }
}
.modal .fa-between-columns {
  color: #3EB4E4;
  float: right;
  font-size: 14pt;
  margin-right: -24px;
}
.modal .aircraft-image-top {
  background-image: url("../img/aircraft_interior.png");
  height: 352px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 19px;
}
.modal .aircraft-image-bottom {
  background-image: url("../img/aircraft_exterior.png");
  height: 302px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 50px;
  margin-bottom: 70px;
}
.modal .aircraft-page-row {
  margin-left: 5px;
}
.modal .aircraft-specs-row {
  width: 99%;
  margin-top: 60px;
  padding-bottom: 15px;
  height: 106px;
  border-style: none;
}
.modal .aircraft-specs-row .aircraft-specs {
  background-color: #f2f2f2;
  border: none 2px #d9d9d9;
  border-left-style: solid;
  padding-top: 23px;
  padding-bottom: 23px;
  text-align: center;
  vertical-align: middle;
}
.modal .aircraft-specs-row .aircraft-specs .spec-header-row {
  font-size: 10pt;
}
.modal .aircraft-specs-row .aircraft-specs .spec-detail-row {
  font-size: 12pt;
  font-weight: 700;
}
.modal .aircraft-specs-row .aircraft-specs:first-child {
  border-left-style: none;
}
.modal .travel-info-sidebar {
  margin-top: 24px;
}
.modal .travel-info-sidebar dl {
  font-size: 12pt;
}
.modal .travel-info-sidebar dl dt {
  font-weight: 700;
  margin-top: 6px;
}
.modal .travel-info-sidebar dl dd {
  font-weight: 400;
  margin: 0;
  margin-left: 15px;
  color: #313d4e;
}
.modal .travel-info-sidebar dl a, .modal .travel-info-sidebar dl a:visited, .modal .travel-info-sidebar dl a:active {
  text-decoration: none;
  color: #313d4e;
}
.modal .travel-info-sidebar dl a.active, .modal .travel-info-sidebar dl a:visited.active, .modal .travel-info-sidebar dl a:active.active {
  color: #3EB4E4;
  font-weight: 700;
}
.modal .collapse-card .card .card-header {
  padding: 0;
}
.modal .collapse-card .card .card-header h5 {
  margin: 0;
}
.modal .collapse-card .card .card-header h5 .btn-link {
  color: #313d4e;
  width: 100%;
  text-align: left;
}
.modal .collapse-card .card .card-header h5 .btn-link .chevron {
  float: right;
  margin-top: 4px;
}
.modal .fa-blue-icon {
  color: #3EB4E4;
  background-color: #fff;
  font-size: 18pt;
}
.modal .dark-background {
  background-color: #313d4e;
  color: #fff;
}
.modal .btn-wide {
  width: 165px;
}
.modal .btn-extra-wide {
  width: 300px;
}
.modal input[type=checkbox].big-checkbox {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
.modal input[type=checkbox].massive-checkbox {
  height: 38px;
  width: 38px;
  vertical-align: middle;
}
.modal .selected-fare-tile {
  background-color: #f2f2f2;
}
.modal .date-range-fares-row {
  display: none;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .modal .date-range-fares-row {
    display: flex;
  }
}
.modal .date-range-fares {
  border-bottom: 1px solid #f2f2f2;
  font-size: 10pt;
}
.modal #divDepartingFlights > div > div > div {
  padding: 0;
}
.modal .pax-type-selection {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.modal .pax-type-selection .pax-type-inputs {
  font-size: 20px;
}
.modal .pax-type-selection .pax-type-inputs span {
  padding: 2px;
}
.modal .pax-type-selection .pax-type-selection-small-text {
  font-size: 10px;
  display: block;
}
.modal .flight-row {
  display: none;
}
.modal .flight-row-small {
  display: none;
}
@media (max-width: 767px) {
  .modal .flight-row-small {
    display: table-row;
  }
}
@media (min-width: 768px) {
  .modal .flight-row {
    display: table-row;
  }
}
.modal .tabs {
  background: transparent;
  border: none;
}
.modal .tabs .tab-links {
  background: transparent;
  border: none;
  border-bottom: 1px solid #c0c0c0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.modal .tabs .tab-links .tab-link {
  background: transparent;
  border: none;
}
.modal .tabs .tab-links .tab-link .active {
  background: transparent no-repeat bottom center;
  border: none;
}
.modal .tabs .tab-links .tab-link > a {
  color: #000000;
  font-weight: bold;
  background: transparent;
}
.modal .tabs .tab-links .tab-link.disabled > a {
  color: #c0c0c0;
  background: transparent;
}
.modal .tabs .tab-links .tab-link.active > a {
  color: #3EB4E4;
  font-weight: bold;
  background: transparent;
}
.modal .input-wrapper span {
  position: absolute;
  z-index: 99;
  padding: 4px;
  margin-left: 12px;
  width: 10%;
  line-height: 2;
}
.modal .input-wrapper span.for-plaintext {
  padding: 3px;
  margin-left: 3px;
}
.modal .input-wrapper input {
  text-indent: 25px;
  width: 100%;
}
.modal .input-icon-floating-label-wrapper {
  position: relative;
}
.modal .input-icon-floating-label-wrapper label {
  position: absolute;
  top: 0;
  left: 2.5rem;
  background: #fff;
  padding: 0 4px;
  transform: translateY(-50%);
  z-index: 1;
}
.modal .input-icon-floating-label-wrapper input {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 45px;
}
.modal .input-icon-floating-label-wrapper .icon-left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.modal .input-icon-floating-label-wrapper .icon-right {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.modal .input-icon-floating-label-autocomplete-wrapper {
  position: relative;
}
.modal .input-icon-floating-label-autocomplete-wrapper label {
  position: absolute;
  top: 0;
  left: 2.5rem;
  background: #fff;
  padding: 0 4px;
  transform: translateY(-50%);
  z-index: 99;
}
.modal .input-icon-floating-label-autocomplete-wrapper .autocompete-input-wrapper {
  position: relative;
  width: 100%;
}
.modal .input-icon-floating-label-autocomplete-wrapper .autocompete-input-wrapper .input-group-append {
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
}
.modal .input-icon-floating-label-autocomplete-wrapper input {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 45px;
}
.modal .input-icon-floating-label-autocomplete-wrapper .icon-left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 99;
}
.modal .input-icon-wrapper {
  position: relative;
}
.modal .input-icon-wrapper input {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 45px;
}
.modal .input-icon-wrapper .icon-left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.modal .input-icon-wrapper .icon-right {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.modal .x-wide-modal {
  width: 80%;
  max-width: none;
}
.modal .show-fullscreen,
.modal .show-smallscreen {
  display: none;
}
@media (max-width: 767px) {
  .modal .show-smallscreen {
    display: block;
  }
  .modal .smallscreen-font-size-80 {
    font-size: 80%;
  }
  .modal .smallscreen-font-size-90 {
    font-size: 90%;
  }
  .modal .smallscreen-pad-right-3 {
    padding-right: 3px;
  }
}
@media (min-width: 768px) {
  .modal .show-fullscreen {
    display: block;
  }
  .modal .fullscreen-pad-right-20 {
    padding-right: 20px;
  }
}
.modal .slick-slide {
  padding: 23px 0;
}
.modal .slick-slide.slick-center {
  background-color: lightgrey;
}
.modal .placeholder-container {
  position: absolute;
  color: #6c757d;
}
.modal .placeholder-container .placeholder-normal {
  font-size: 100%;
}
.modal .placeholder-container .placeholder-small {
  font-size: 60%;
}
.modal .flight-search-box .placeholder-container {
  position: absolute;
}
.modal .loading-stage {
  text-align: center;
  padding: 120px 0;
  font-size: 36pt;
}
.modal .display-none {
  display: none;
}
.modal .progress-steps .progress-steps-row .show-behind {
  float: left;
  width: 99%;
  margin-right: -100%;
  border-width: 3px;
  border-color: #d9d9d9;
}
.modal .progress-steps .progress-steps-row .show-behind.completed-progress {
  border-color: #3EB4E4;
  width: clear;
}
.modal .progress-steps .progress-steps-row .progress-step {
  color: #313d4e;
  float: left;
  font-size: 10pt;
  text-align: center;
}
.modal .progress-steps .progress-steps-row .progress-icon {
  color: #d9d9d9;
  font-size: 18pt;
  position: absolute;
  margin-left: -12px;
  margin-top: 4px;
}
.modal .progress-steps .progress-steps-row .progress-icon.progress-icon-active {
  color: #3EB4E4;
}
.modal .text-main-color {
  color: #3EB4E4;
}
.modal .flight-box {
  display: none;
}
.modal .flight-box-small {
  display: none;
}
.modal .flight-box-small .flight-stop-row strong {
  display: block;
}
.modal .flight-box .time,
.modal .flight-box-small .time {
  color: #b1b1b1;
}
.modal .dark-grey-text {
  color: #b1b1b1;
}
@media (max-width: 767px) {
  .modal .flight-box-small {
    display: block;
  }
}
@media (min-width: 768px) {
  .modal .flight-box {
    display: block;
  }
}
.modal .flight-stop-row {
  color: #313d4e;
}
.modal .flight-stop-row.summary {
  text-align: left;
  font-size: 10pt;
}
.modal .flight-stop-row .show-behind {
  float: left;
  width: 99%;
  margin-right: -100%;
}
.modal .flight-stop-row .flight-stop-block {
  float: left;
  font-size: 10pt;
  text-align: center;
}
.modal .flight-stop-row .flight-stop-block.origin {
  text-align: left;
}
.modal .flight-stop-row .flight-stop-block.destination {
  text-align: right;
}
@media (max-width: 992px) {
  .modal .flight-stop-row.location .flight-stop-block, .modal .flight-stop-row.time .flight-stop-block {
    width: 100% !important;
  }
}
.modal .flight-option-row {
  border-top: solid 1px #d9d9d9;
}
.modal .flight-option-row:first-child {
  border-top-width: 0;
}
.modal .flight-option-row .fare-basis-details-toggle {
  display: none;
}
.modal .flight-option-row .fare-tile {
  position: relative;
  vertical-align: middle;
  padding-bottom: 0;
}
.modal .flight-option-row .fare-tile.fare-tile-unavailable a, .modal .flight-option-row .fare-tile.fare-tile-unavailable span {
  text-decoration: line-through;
  color: #212529;
}
.modal .flight-option-row .fare-tile .fare-details {
  top: 0;
  left: 0;
  width: 100%;
}
.modal .flight-option-row .fare-tile .fare-details .fa-check {
  display: none;
}
.modal .flight-option-row .fare-tile .fare-details.selected-fare .fa-check {
  display: inline;
}
.modal .flight-option-row .selected-fare-tile .fare-basis-details-toggle {
  display: block;
  font-size: 12pt;
}
.modal .fare-tile-grey {
  background-color: #f2f2f2;
}
.modal .fare-select-column {
  width: 15%;
}
.modal .fare-select-column.fare-select-column-3x {
  width: 45%;
}
@media (max-width: 767px) {
  .modal .fare-select-column {
    width: 23%;
  }
  .modal .fare-select-column.fare-select-column-3x {
    width: 69%;
  }
  .modal .blank-fare {
    display: none;
  }
}
.modal .flight-selection-extra-notes-content {
  margin-bottom: -30px;
  margin-top: 20px;
  font-weight: 700;
  font-style: italic;
}
.modal .outbound-box h5 {
  margin: 0;
  padding: 3px;
  font-size: 12pt;
}
@media (min-width: 768px) {
  .modal .outbound-box h5 {
    font-size: 16pt;
  }
}
.modal .outbound-passenger-information-header, .modal .inbound-passenger-information-header {
  font-size: 12pt;
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: solid 1px #f2f2f2;
}
.modal .outbound-passenger-information-header strong, .modal .inbound-passenger-information-header strong {
  font-size: 14pt;
}
.modal .route-box hr {
  margin-top: 15px;
  margin-bottom: 0;
}
.modal .route-box .fa-blue-icon {
  font-size: 18pt;
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: -12px;
}
.modal .mobility-row {
  margin-bottom: 30px;
}
.modal .mobility-comments-area {
  margin: 0 15px;
  padding: 15px;
  background-color: #f2f2f2;
}
.modal .birthdate-row select.form-control {
  padding-left: 6px;
  padding-right: 6px;
}
.modal .booking-reference {
  background-color: #f2f2f2;
  margin: 15px;
  padding: 30px 60px;
}
.modal .flight-leg-summary-row {
  padding-left: 21px;
}
.modal .flight-leg-summary-row > div {
  padding-top: 21px;
  padding-bottom: 21px;
}
@media (max-width: 767px) {
  .modal .flight-leg-summary-row > div {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .modal .flight-leg-summary-row > div p {
    margin-bottom: 3px;
  }
}
.modal .confirmation-information-row {
  margin-top: 15px;
}
.modal .terms-and-conditions {
  font-size: 9pt;
}
.modal .terms-and-conditions h6 {
  color: #3EB4E4;
  font-weight: 700;
}
.modal .wait-div,
.modal .fullscreen-wait-div {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #666666;
  z-index: 30001;
  opacity: 0.8;
  filter: alpha(opacity=70);
  display: none;
}
.modal .wait-div {
  position: absolute;
}
.modal .wait-div h1,
.modal .fullscreen-wait-div h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  color: White;
}
@media (max-width: 767px) {
  .modal .arrivals {
    font-size: 10pt;
  }
  .modal .departures {
    font-size: 10pt;
  }
}
.modal a.viewFareRulesModal {
  color: white;
}
.modal .modal .btn-primary {
  background-color: #3EB4E4;
}
.modal .payment-details-header {
  background-color: #3EB4E4;
  margin: 20px 0 20px 0;
  color: white;
}
.modal .cancel-leg-reason-modal {
  font-size: 14px;
  line-height: 20px;
}
.modal .cancel-leg-reason-modal .cancel-leg-reason-reservation {
  line-height: 5px;
  border: 1px solid #d8d7d7;
  padding: 2%;
}
.modal .text-right {
  text-align: right;
}
.modal .sender-address {
  width: 500px;
  border: blue solid 1px;
  margin: 10px;
  padding: 10px;
}
.modal #Sender_Telephone {
  border: blue solid 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.modal #Sender_Email {
  border: blue solid 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.modal .addresses-dropdown-origin {
  border: blue solid 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14pt;
}
.modal .btn-small {
  padding: 0px 10px;
}
.modal .modal-dialog {
  padding-top: 1.75rem;
}
@media (min-width: 768px) {
  .modal .datepicker__month {
    width: 49.8%;
  }
}
.modal .field-optional {
  font-size: 60%;
  color: #bbb;
}
.modal .tree tbody > tr:nth-child(even) {
  background-color: #fff;
}
.modal .tree tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.modal .tree .description {
  font-style: italic;
  margin-left: 8px;
  color: #aaa;
}
.modal .tree .treegrid-expander {
  margin-right: 8px;
}
.modal .tablesorter-skyline-generator .header,
.modal .tablesorter-skyline-generator .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
}
.modal .tablesorter-skyline-generator thead .headerSortDown,
.modal .tablesorter-skyline-generator thead .tablesorter-headerSortDown,
.modal .tablesorter-skyline-generator thead .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.modal .tablesorter-skyline-generator thead .headerSortUp,
.modal .tablesorter-skyline-generator thead .tablesorter-headerSortUp,
.modal .tablesorter-skyline-generator thead .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.modal .pager > * {
  display: inline;
  margin: 0 3px;
}
.modal .has-unread-memos {
  font-weight: bolder;
}
.modal .custom-card .custom-card-row {
  margin-right: auto;
  margin-left: auto;
  width: 46vw;
}
.modal .custom-card .card-body {
  padding: 8%;
  border-top: 2px solid #3EB4E4;
}
.modal .custom-card .card-body .card-title {
  text-align: center !important;
}
.modal .custom-card .card-body .card-text {
  padding: 0 8% 0 8%;
}
.modal .custom-card .card-body-col {
  padding: 5% 0 0 0;
}
.modal .custom-card .image-body-col {
  padding: 0;
  text-align: center !important;
}

.flight-search-box {
  background-color: transparent;
  padding-top: 0 !important;
  padding: 9px !important;
}
.flight-search-box .flight-selection {
  background-color: #ebf4ff;
  margin: 0 -30px;
}
@media (min-width: 768px) {
  .flight-search-box .no-left-padding {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .flight-search-box.flight-selection {
    width: auto;
  }
}
@media (min-width: 768px) {
  .flight-search-box.flight-selection {
    width: auto;
  }
}
.rise-air-content .progress-steps .progress-steps-row .show-behind {
  float: left;
  width: 99%;
  margin-right: -100%;
  border-width: 3px;
  border-color: #d9d9d9;
}
.rise-air-content .progress-steps .progress-steps-row .show-behind.completed-progress {
  border-color: #ffffc3;
  width: clear;
}
.rise-air-content .progress-steps .progress-steps-row .progress-step {
  color: #313d4e;
  float: left;
  font-size: 10pt;
  text-align: center;
}
.rise-air-content .progress-steps .progress-steps-row .progress-icon {
  color: #d9d9d9;
  font-size: 18pt;
  position: absolute;
  margin-left: -12px;
  margin-top: 4px;
}
.rise-air-content .progress-steps .progress-steps-row .progress-icon.progress-icon-active {
  color: #ffffc3;
}
.rise-air-content .container-lg {
  max-width: 100% !important;
}
.rise-air-content #logo {
  margin-right: auto;
}
.rise-air-content #logo img {
  max-width: 50%;
}
.rise-air-content .Login-form {
  line-height: 24px;
  font-size: 13px;
}
.rise-air-content .Login-form button {
  color: #3EB4E4;
}
.rise-air-content .site-header {
  color: #3EB4E4;
  font-size: 14px;
  line-height: 12px;
}
.rise-air-content .site-header nav.navbar .title-area {
  width: 201px;
}
.rise-air-content .site-header nav.navbar .links-area {
  width: 676px;
}
.rise-air-content .site-header nav.navbar Ul.nav {
  flex-wrap: nowrap;
}
.rise-air-content .site-header nav.navbar Ul.nav li.nav-item:not(:last-child) a {
  text-align: left;
}
.rise-air-content .site-header nav.navbar Ul.nav li.nav-item:last-child {
  flex: 2;
}
.rise-air-content .site-header nav.navbar Ul.nav li.nav-item:last-child .Login-form {
  float: right;
}
.rise-air-content .site-header nav.navbar Ul.nav .nav-item .nav-link {
  color: #3EB4E4;
  font-size: 14px;
  line-height: 12px;
  font-weight: bold;
}
.rise-air-content .site-header .sf-menu a {
  color: #3EB4E4;
  font-size: 14px;
  line-height: 12px;
  font-weight: bold;
}
.rise-air-content .site-header .sf-menu .sub-menu li {
  line-height: 0;
}
.rise-air-content .site-header .sf-menu ul ul li {
  background-color: #fff;
}
.rise-air-content .site-header .sf-menu ul ul li:hover {
  background-color: #d8d8d8;
}
.rise-air-content .site-header .title-area {
  background: url(../img/main-logo.png) right no-repeat;
  width: 85px;
  height: 58px;
}
.rise-air-content .site-header .title-area .site-title {
  text-indent: -9999px;
}
.rise-air-content .site-header .phone-numbers {
  margin-right: 10px;
}
.rise-air-content .site-header .phone-numbers hr {
  margin: 8px 0;
}
.rise-air-content .mobile-header {
  display: none;
}
.rise-air-content .footer-container {
  background: #80C3FF;
  border-top: 0px solid #3EB4E4;
  border-bottom: 0px solid #3EB4E4;
  border-left: 0px solid #3EB4E4;
  border-right: 0px solid #3EB4E4;
  clear: both;
  margin: 0 auto;
  padding: 0 0px 10px 0px;
  color: #F7F7F7;
  text-decoration: none;
}
.rise-air-content .footer-container a {
  color: #F7F7F7;
  text-decoration: none;
}
.rise-air-content .footer-container .btn-light, .rise-air-content .footer-container a.btn-light {
  background-color: #fff;
  color: #3EB4E4;
}
.rise-air-content .footer-container .btn-light:hover, .rise-air-content .footer-container a.btn-light:hover {
  background-color: #3EB4E4;
  color: #fff;
}
.rise-air-content .footer-container #MailchimpForm #mergeTable {
  display: inline-block;
}
.rise-air-content .footer-container #MailchimpForm #mergeTable #mailchimpInput {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  max-width: 169px;
  padding: 15px;
}
.rise-air-content .footer-container #MailchimpForm .submit_container {
  display: inline-block;
}
.rise-air-content .footer-container #MailchimpForm .submit_container .formEmailButton {
  background: #fff;
  color: #3EB4E4;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-left: -4px;
  padding: 18px 20px 17px 20px;
}
.rise-air-content .footer-container .social-footer-container {
  margin-bottom: 55px;
  padding: 35px 0;
  background-color: #a0acba;
}
.rise-air-content .footer-container .social-footer-container > .container > .row {
  margin-left: -70px;
  margin-right: -70px;
}
.rise-air-content .footer-container .social-footer-container > .container > .row .btn {
  padding: 6px 30px;
}

.modal-dialog.x-wide-modal {
  width: 80%;
  max-width: none;
}

.main-header-bar {
  max-width: 100% !important;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .main-header-bar {
    max-width: 90%;
  }

  #header .header-social-content {
    margin-right: 250px;
  }
}
.main-header-bar {
  background-color: #3EB4E4;
}

.main-header-bar h1 {
  font-size: 16pt;
  font-family: "Montserrat", sans-serif;
  padding: 9px 6px;
  margin: 0;
  color: #fff;
}

@media (min-width: 768px) {
  .main-header-bar h1 {
    font-size: 24pt;
    padding: 20px 30px;
  }
}
@media (max-width: 576px) {
  .rise-air-content #menu-header {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .rise-air-content #logo > img {
    max-width: 37%;
  }
  .rise-air-content .Login-form .header-form {
    transform: scale(1.2);
    margin-right: 0;
  }
  .rise-air-content .site-header {
    display: none;
  }
  .rise-air-content .mobile-header {
    display: block;
  }
  .rise-air-content .mobile-header .menu-container {
    float: left;
    height: 100px;
    padding: 26px 23px 0px 23px;
    position: relative;
    width: 100%;
    z-index: 9999;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    overflow: visible;
  }
  .rise-air-content .mobile-header .menu-container .header-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 8px;
  }
  .rise-air-content .mobile-header .menu-container .responsive-menu-icon {
    float: left;
    height: 70px;
    padding: 0;
    margin: 0;
    width: auto;
  }
  .rise-air-content .mobile-header .menu-container .mobile-toggle {
    background: none;
    border: none;
    box-shadow: none;
    float: none;
    text-align: center;
    padding: 0;
    width: auto;
  }
  .rise-air-content .mobile-header .nav-primary {
    margin-top: 100px;
  }
  .rise-air-content .mobile-header .nav-primary > div {
    background-color: #fff;
  }
  .rise-air-content .mobile-header .nav-primary > div li {
    width: 100%;
    list-style-type: none;
    padding: 0.5rem 1rem;
  }
  .rise-air-content .mobile-header .nav-primary > div li a {
    color: #313d4e;
  }
  .rise-air-content .mobile-header .nav-primary > div .nav-link {
    padding: 0;
  }
  .rise-air-content .mobile-header .phone-numbers {
    padding-left: 1rem;
  }
  .rise-air-content .mobile-header #menu-header {
    background-color: #fff;
    text-align: center;
    margin-top: 60px;
    height: 760px;
  }
  .rise-air-content .mobile-header #menu-header .nav-item a {
    text-decoration: none;
    color: #3EB4E4;
    border-right: 0 !important;
    border-bottom: 1px solid #EEEEEE !important;
    padding: 20px 24px 20px 24px;
    font-weight: bold;
    font-size: 20px;
  }
  .rise-air-content .mobile-header #menu-header .nav-item .Login-form form {
    justify-content: center;
  }
  .rise-air-content .mobile-header .sf-menu li {
    width: 100%;
  }

  .common-body .index-art-field {
    background: none;
    padding-top: 58px !important;
  }

  .rise-air-content #header .header-social-content {
    display: none;
  }
  .rise-air-content #header #main-nav {
    display: none;
  }
}
@media (max-width: 992px) {
  .rise-air-content #main-nav a {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .rise-air-content #logo > img {
    min-width: 100%;
  }
  .rise-air-content .container-lg {
    width: 1202px;
    margin-right: auto;
    margin-left: auto;
  }

  .flight-search-box .mb-3 {
    margin-bottom: 0 !important;
  }
}
.modal .btn-primary {
  background-color: #3EB4E4;
}

.goto-login {
  background-color: #ffffff !important;
  color: #3EB4E4 !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 9px 15px !important;
  margin-right: 15px !important;
}

html {
  font-size: 100% !important;
}

/* cookie */
.nav-primary {
  position: absolute;
  transition: margin 0.5s;
  display: block;
  z-index: 10;
  margin-left: -110%;
  width: 100%;
}

.MenuOpen {
  margin-left: 0 !important;
}

.cookie_ff {
  background-color: #3EB4E4;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100000000000000;
  color: #fff;
  text-align: center;
}
.cookie_ff p {
  font-weight: 200;
  display: inline;
  line-height: 22px;
}
.cookie_ff a {
  color: #fff;
  text-decoration: underline;
}
.cookie_ff button {
  background: #fff;
  color: #3EB4E4;
  padding: 5px 10px;
  font-weight: 700;
  border: none;
}
.cookie_ff .cookie_close {
  text-decoration: none;
  margin-right: 10px;
}
.cookie_ff .cookie_accept {
  margin-left: 10px;
}

.enclosed {
  margin: 10px;
}

.list-dash p {
  margin-bottom: 0rem;
}

.covid-19-update {
  background: red;
  padding: 10px 20px 10px 0;
  color: white;
  cursor: pointer;
}

.covid-19-update-info {
  display: none;
}
.covid-19-update-info .covid-19-update-info-header {
  text-align: center;
}
.covid-19-update-info .covid-19-update-info-body {
  padding: 20px;
}

.invalid-feedback {
  background-color: #3EB4E4 !important;
  font-size: inherit;
  color: white;
  font-weight: bold;
}

input.white-placeholder-text:placeholder-shown, textarea.white-placeholder-text:placeholder-shown {
  color: #FFFFFF;
}

.white-placeholder-text::placeholder {
  color: #fff;
}

/*Import our CargoPortal.scss*/
/*$primary-color Defined in parent stylesheet unique to each client*/
.cgport-validation-error {
  color: #BA0C2F;
  display: none;
  padding-top: 5px;
}
.cgport-validation-error.visible {
  display: block;
}
.form-group:has(.validation-error.visible) label {
  color: #BA0C2F;
}
.form-group:has(.validation-error.visible) input, .form-group:has(.validation-error.visible) textarea, .form-group:has(.validation-error.visible) select {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}
.form-group:has(.validation-error.visible) .append-icons-right:hover input[type=text], .form-group:has(.validation-error.visible) .append-icons-right:hover textarea, .form-group:has(.validation-error.visible) .append-icons-right:hover select {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}
.form-group:has(.validation-error.visible) .append-icons-right:hover .icons-appended-right {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}
.form-group:has(.validation-error.visible) .append-icons-right .icons-appended-right {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}

.mutliple-form-group:has(.validation-error.visible) .form-group label {
  color: #BA0C2F;
}
.mutliple-form-group:has(.validation-error.visible) .form-group input, .mutliple-form-group:has(.validation-error.visible) .form-group textarea, .mutliple-form-group:has(.validation-error.visible) .form-group select {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}
.mutliple-form-group:has(.validation-error.visible) .form-group .append-icons-right:hover input[type=text], .mutliple-form-group:has(.validation-error.visible) .form-group .append-icons-right:hover textarea, .mutliple-form-group:has(.validation-error.visible) .form-group .append-icons-right:hover select {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}
.mutliple-form-group:has(.validation-error.visible) .form-group .append-icons-right:hover .icons-appended-right {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}
.mutliple-form-group:has(.validation-error.visible) .form-group .append-icons-right .icons-appended-right {
  background-color: #F4DBDF !important;
  color: #000000 !important;
  border-color: #BA0C2F !important;
}

.cgport-ui-steps .cgport-ui-step {
  margin-bottom: 3rem;
}

.cgport-big-radio-label {
  font-size: 16pt !important;
}
.cgport-big-radio-label input {
  width: 12pt;
  height: 12pt;
}

.cgport-big-checkbox {
  height: 12pt;
  width: 12pt;
  vertical-align: middle;
}

.cgport-icon-primary-color {
  color: #3EB4E4;
}

.cgport-font-color-primary {
  color: #3EB4E4;
}

.cgport-border-top-primary {
  border-top: 2px solid #3EB4E4;
  padding-top: 15px;
}

.cgport-grey-box {
  background-color: #F7F7F7;
  margin-bottom: 16px;
  padding: 6px 12px;
}

.cgport-tag {
  background-color: #d8f0fa;
  color: #3EB4E4;
  border: solid 1px #3EB4E4;
  border-radius: 100px;
  padding: 5px 10px;
  display: inline-block;
}

.cgport-note {
  border-radius: 5px;
  padding: 20px;
  background-color: #d8f0fa;
  color: #3EB4E4;
  border: solid 1px #3EB4E4;
}

.cgport-append-icons-right {
  position: relative;
  display: flex;
}
.cgport-append-icons-right input[type=text], .cgport-append-icons-right textarea, .cgport-append-icons-right select {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 1%;
  position: relative;
  flex: 1 1 auto;
  padding-right: 5px;
}
.cgport-append-icons-right .cgport-icons-appended-right {
  background-color: #FFFFFF !important;
  border-color: #A2AAAD !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  padding: 8px 10px 0 0;
  padding-left: 5px;
}
.cgport-append-icons-right:hover input[type=text], .cgport-append-icons-right:hover textarea, .cgport-append-icons-right:hover select {
  background-color: #FFFFFF !important;
  border-color: #3EB4E4 !important;
}
.cgport-append-icons-right:hover .cgport-icons-appended-right {
  background-color: #FFFFFF !important;
  border-color: #3EB4E4 !important;
}
.cgport-append-icons-right:focus-within .cgport-icons-appended-right {
  background-color: #FFFFFF !important;
  border-color: #000000 !important;
  outline: none;
}

.cgport-input[type=text], .cgport-textarea, .cgport-select {
  background-color: #FFFFFF !important;
  border-color: #A2AAAD !important;
}
.cgport-input[type=text]::placeholder, .cgport-textarea::placeholder, .cgport-select::placeholder {
  color: #A2AAAD !important;
}
.cgport-input[type=text]:hover, .cgport-textarea:hover, .cgport-select:hover {
  background-color: #FFFFFF !important;
  border-color: #3EB4E4 !important;
}
.cgport-input[type=text]:focus, .cgport-input[type=text]:focus-visible, .cgport-textarea:focus, .cgport-textarea:focus-visible, .cgport-select:focus, .cgport-select:focus-visible {
  background-color: #FFFFFF !important;
  border-color: #000000 !important;
  outline: none;
}
.cgport-input[type=text][disabled], .cgport-textarea[disabled], .cgport-select[disabled] {
  background-color: #FFFFFF !important;
  color: #A2AAAD !important;
  border-color: #A2AAAD !important;
}

.track-and-trace .track-and-trace-search img {
  width: 100%;
}
.track-and-trace .track-and-trace-search .track-search-row {
  margin: 0;
}
.track-and-trace .tracking-details-toggle-icon {
  color: #3EB4E4;
  margin-top: -20px;
}
.track-and-trace .tracking-overview-container {
  margin-top: 20px;
}
.track-and-trace .tracking-overview-container .track-results-journey {
  width: 100%;
  padding-bottom: 150px;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node {
  width: 100%;
  position: relative;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node > * {
  display: block;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node .track-results-journey-node-container {
  position: absolute;
  top: 13.3333333333px;
  left: 80px;
  margin-top: 0;
  text-align: left;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node .track-results-journey-node-container > * {
  display: block;
  padding-bottom: 5px;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node .journey-node-icon {
  text-align: center;
  background-color: #d8f0fa;
  padding-top: 5px;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  position: relative;
  z-index: 1;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node .journey-node-label {
  text-transform: uppercase;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node.journey-node-visited .journey-node-icon {
  background-color: #3EB4E4;
}
@media (min-width: 576px) {
  .track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node {
    margin-right: -50px;
    margin-left: -50px;
    width: 100px;
    float: left;
  }
  .track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node .journey-node-icon {
    margin-left: 30px;
  }
  .track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-node .track-results-journey-node-container {
    margin-top: 20px;
    text-align: center;
    float: unset;
    position: unset;
    top: unset;
    left: unset;
  }
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-line {
  width: 10px;
  height: 150px;
  background-color: #d8f0fa;
  margin-left: 25px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-line.journey-node-visited {
  background-color: #3EB4E4;
}
@media (min-width: 576px) {
  .track-and-trace .tracking-overview-container .track-results-journey .track-results-journey-line {
    height: 10px;
    max-width: 200px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
    float: left;
  }
}
@media (min-width: 576px) {
  .track-and-trace .tracking-overview-container .track-results-journey {
    padding-left: 100px;
  }
}
.track-and-trace .tracking-details-container {
  width: 100%;
}
.track-and-trace .tracking-details-container .track-event-row {
  width: 100%;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-date {
  color: #3EB4E4;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-left {
  position: relative;
  padding-left: 30px;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-left.track-event-has-line {
  border-left: solid 1px #d8f0fa;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-left.track-event-date {
  padding-bottom: 20px;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-right {
  padding-left: 30px;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-right.track-event-has-line {
  border-left: solid 1px #d8f0fa;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-right.track-event-right-blank {
  display: none;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-right .movement-text {
  padding-top: 10px;
  margin-bottom: 0;
}
.track-and-trace .tracking-details-container .track-event-row .track-event-icon {
  width: 16px;
  height: 16px;
  border-radius: 100px;
  display: inline-block;
  position: absolute;
  left: -8px;
  background-color: #d8f0fa;
}
.track-and-trace .tracking-details-container .track-event-row.track-day-row .track-event-left,
.track-and-trace .tracking-details-container .track-event-row.track-day-row .track-event-right {
  padding-top: 20px;
}
.track-and-trace .tracking-details-container .track-event-row.track-day-separator-row {
  padding-left: 30px;
  margin-top: -1px;
}
.track-and-trace .tracking-details-container .track-event-row.track-day-separator-row .track-day-separator-row {
  padding-left: 30px;
  border-top: solid 1px #000;
}
.track-and-trace .tracking-details-container .track-event-row.track-event-visited .track-event-right.track-event-has-line {
  border-left: solid 1px #3EB4E4;
}
.track-and-trace .tracking-details-container .track-event-row.track-event-visited .track-event-left.track-event-has-line {
  border-left: solid 1px #3EB4E4;
}
.track-and-trace .tracking-details-container .track-event-row.track-event-visited .track-event-icon {
  background-color: #3EB4E4;
}
@media (min-width: 576px) {
  .track-and-trace .tracking-details-container {
    width: 80%;
    margin: 0 auto;
  }
  .track-and-trace .tracking-details-container .track-event-row {
    content: "";
    clear: both;
    display: flex;
  }
  .track-and-trace .tracking-details-container .track-event-row .track-event-left {
    float: left;
    width: 30%;
    padding-bottom: 10px;
    padding-left: 0;
  }
  .track-and-trace .tracking-details-container .track-event-row .track-event-left.track-event-has-line {
    border-left: solid 0px #d8f0fa;
  }
  .track-and-trace .tracking-details-container .track-event-row .track-event-right {
    float: left;
    width: 70%;
  }
  .track-and-trace .tracking-details-container .track-event-row .track-event-right.track-event-right-blank {
    display: block;
  }
  .track-and-trace .tracking-details-container .track-event-row .track-event-right .movement-text {
    padding-top: unset;
    margin-bottom: unset;
  }
  .track-and-trace .tracking-details-container .track-event-row .track-event-icon {
    left: unset;
    right: -8px;
  }
  .track-and-trace .tracking-details-container .track-event-row.track-day-row .track-event-left,
.track-and-trace .tracking-details-container .track-event-row.track-day-row .track-event-right {
    border-top: solid 1px #000;
  }
  .track-and-trace .tracking-details-container .track-event-row.track-day-separator-row {
    display: none;
  }
  .track-and-trace .tracking-details-container .track-event-row.track-event-visited .track-event-left.track-event-has-line {
    border-left: solid 0px #3EB4E4;
  }
}

/*for passord Toggle button*/
.toggle-password {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-left: none !important;
  background-color: transparent !important;
  padding: 5px;
  cursor: pointer;
}

/*dim the icon by default */
.toggle-password i {
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.2s ease-in-out;
}

/*On hover: ONLY darken the icon, NOT the button border */
.toggle-password:hover i,
.toggle-password:focus i {
  color: rgba(0, 0, 0, 0.8);
}

/*prevent border from changing color on hover */
.toggle-password:hover,
.toggle-password:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.social-media-button {
  width: 250px !important;
  padding-top: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 12px !important;
  font-size: 14px !important;
  border-style: none !important;
  border-width: 0 !important;
  background-clip: border-box !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  border-bottom-left-radius: 9px !important;
  border-bottom-right-radius: 9px !important;
  box-shadow: 6px 6px 8px 0px rgba(0, 30, 53, 0.18) !important;
  max-width: 100% !important;
}

.look-disabled-input {
  background-color: #e9ecef !important;
  cursor: not-allowed;
}

/* This section is in regards to the new login form story: 41440 */
.login-form {
  width: 100%;
  max-width: 400px;
  margin: auto;
}

.login-input {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}

.login-button {
  width: 50%;
  border-radius: 25px !important;
  display: block;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
}

.login-page-right-panel a {
  text-decoration: underline;
  color: #007bff;
}

/* Custom signing styles */
.custom-signin-banner {
  background-color: #3EB4E4;
  color: white;
  text-align: center;
  padding: 5px 5px;
  margin-bottom: 5px;
  border-radius: 5px;
}

.custom-signin-banner h2 {
  color: white;
  font-size: 2rem;
}

.custom-form-label {
  color: black !important;
  font-weight: bold !important;
  padding-left: 7px;
  margin-bottom: 3px;
  display: block;
}

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