/**
Escal Ouest Frontend Css
**/
html,
body {
  height: 100%;
  font-family: "Lato", "verdana", "sans serif";
  color: #666873;
}
.wrap {
  min-height: 80%;
  height: auto;
  margin: 0 auto 0;
  padding: 0 ;
}
.wrap > .container {
  padding: 150px 15px 0;
}
body.c-retailer .wrap > .container {
  width: 100%;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0 !important;
}
/*
.wrap {



  min-height: 100%;
  height: auto;
  margin: 0 auto -300px;
  padding: 0 0 60px;
}

.wrap > .container {
  padding: 150px 15px 20px;
  min-height: 800px;

}*/
#top-bar {
  color: #FFF;
  background: #E2001A;
  padding: 0 30px;
  font-size: 13px;
  line-height: 36px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
#top-bar a,
#top-bar .btn-link {
  color: #FFF;
}
body.env-dev #top-bar {
  background: #4d4d4d !important;
}
body.env-preprod #top-bar {
  background: #0f43ac !important;
}
.header-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: block;
  display: flex;
  align-content: stretch;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 36px 0 0 0;
  padding: 0;
  max-width: 100%;
  min-height: 100px;
  word-spacing: 0;
  -moz-text-size-adjust: 100%;
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
  background-color: #FFF;
}
.header-bar .branding {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(17, 17, 17, 0.14);
  line-height: 70px;
  padding: 0 30px;
}
.header-bar .menu-container {
  display: flex;
}
.header-bar #primary-menu {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  word-spacing: 0;
}
.header-bar #primary-menu > li {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  word-spacing: 0;
  text-align: center;
}
.header-bar #primary-menu > li > a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 18px 20px 18px 20px;
  padding: 4px 4px 4px 4px;
  color: #666873;
  border: 0;
  font: normal 600 18px / 27px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
}
.header-bar #primary-menu > li > a .menu-item-text {
  display: block;
  line-height: 27px;
  position: relative;
  text-size-adjust: 100%;
}
.header-bar #primary-menu > li > a .menu-item-text:before {
  position: absolute;
  visibility: hidden;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0.85;
  bottom: -6px;
  height: 2px;
  background-color: #e2001a;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.header-bar #primary-menu > li > a.active {
  background-color: #e2001a;
  color: #FFF;
  border-radius: 100px;
  padding: 0 40px;
  margin: 24px;
}
.header-bar #primary-menu > li > a.active:hover {
  background-color: #312C4F;
}
.header-bar #primary-menu > li > a:hover:not(.active) {
  background-color: transparent;
  color: #e2001a;
}
.header-bar #primary-menu > li > a:hover:not(.active) .menu-item-text:before {
  bottom: -6px;
  height: 2px;
  background-color: #e2001a;
  visibility: visible;
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.header-bar #primary-menu > li > a.nounderlined .menu-item-text:before,
.header-bar #primary-menu > li > a.nounderlined:hover .menu-item-text:before {
  content: none;
}
.header-bar .mobile-header-bar {
  position: fixed;
  top: 36px;
  z-index: 999;
  background-color: #FFF;
  display: flex;
  align-content: stretch;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  word-spacing: 0;
}
.header-bar .mobile-header-bar .mobile-navigation {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 0 30px;
  font-size: 30px;
}
.header-bar .mobile-header-bar .mobile-navigation a {
  align-content: center;
  align-items: center;
  display: flex;
  text-decoration: none;
}
.header-bar .mobile-header-bar .mobile-branding {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  padding: 10px 30px 0 30px;
}
.header-bar #primary-menu-mobile {
  position: fixed;
  right: 0;
  top: 98px;
  padding: 40px 20px;
  display: inline-block;
  background-color: #FFF;
  z-index: 999;
  -moz-text-size-adjust: 100%;
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
}
.header-bar #primary-menu-mobile > li {
  list-style-type: none;
  list-style-position: outside;
}
.header-bar #primary-menu-mobile > li > a {
  margin: 0;
  padding: 0;
  color: #666873;
  border: 0;
  font: normal 600 15px / 27px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
}
.header-bar #primary-menu-mobile > li > a .menu-item-text {
  display: block;
  line-height: 27px;
  position: relative;
  text-size-adjust: 100%;
}
.header-bar #primary-menu-mobile > li > a:hover,
.header-bar #primary-menu-mobile > li > a.active {
  background-color: transparent;
  color: #e2001a;
}
nav.navbar {
  width: 100%;
  top: 32px;
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
  background-color: #FFF;
}
nav.navbar a.navbar-brand {
  border-right: 1px solid rgba(17, 17, 17, 0.14);
  line-height: 70px;
}
nav.navbar li > a {
  color: #666873;
  border: 0;
  border-right: 1px solid rgba(17, 17, 17, 0.14);
  text-align: center;
  font: normal 600 15px / 70px "Lato", Helvetica, Arial, Verdana, sans-serif;
}
nav.navbar li > a .menu-item-text {
  position: relative;
}
nav.navbar li > a .menu-item-text:before {
  position: absolute;
  visibility: hidden;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0.85;
  bottom: -6px;
  height: 2px;
  background-color: #e2001a;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
nav.navbar li > a:hover,
nav.navbar li > a.active {
  background-color: transparent;
  color: #e2001a;
}
nav.navbar li > a:hover .menu-item-text:before,
nav.navbar li > a.active .menu-item-text:before {
  bottom: -6px;
  height: 2px;
  background-color: #e2001a;
  visibility: visible;
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.footer {
  margin-top: 20px;
  min-height: 300px;
  background-color: #E2001A;
  color: #FFF;
  padding-top: 60px;
  font-size: 14px;
  line-height: 25px;
}
.footer h4 {
  font-size: 16px;
}
.footer a {
  color: #FFF;
}
.footer img {
  max-width: 160px;
}
body.env-dev .footer {
  background: #4d4d4d !important;
}
body.env-preprod .footer {
  background: #0f43ac !important;
}
/*

.breadcrumb > li + li:before {
  font-family: "Font Awesome\ 5 Pro";
  padding: 0 5px;
  color: #ccc;
  content: "/\f054";
}
*/
h1 {
  font-size: 26px;
  margin: 10px 6px;
}
a,
a:hover {
  color: #E2001A;
}
a.cart-trash {
  color: #cecece;
}
a.cart-trash:hover {
  color: #E2001A;
}
.breadcrumb {
  background-color: transparent;
}
.btn {
  border-radius: 0;
}
.btn-primary {
  background-color: #E2001A;
  border-color: #E2001A;
  color: #FFF;
}
.btn-primary:hover {
  background-color: #E2001A;
  border-color: #E2001A;
  color: #ededed;
}
.btn-big {
  width: 100%;
  border-radius: 3px;
  padding: 20px 10px;
  white-space: normal;
}
.form-control,
.hasDatepicker {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #9a9a9a;
  padding: 2px 8px;
  height: 28px;
}
.hasDatepicker {
  height: 34px;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.alert-danger {
  color: #FFF;
  background-color: #ff7600;
  border-color: #ff7600;
}
.alert-success {
  color: #FFF;
  background-color: #00b96c;
  border-color: #00b96c;
}
#cart-countdown {
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  pointer-events: none;
  color: #000;
  font-weight: normal;
  min-width: 100px;
  text-align: center;
}
/**
BOOKING
**/
#booking-sidebar .panel {
  box-shadow: none;
  border-color: #E2001A;
}
#booking-sidebar .panel-heading {
  border-color: #E2001A;
  background-color: #E2001A;
  color: #FFF;
  padding: 6px 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#booking-sidebar label {
  display: block!important;
}
#booking-sidebar .btn-departure,
#booking-sidebar .btn-arrival,
#booking-sidebar .btn-roundtype {
  border: 1px solid #AAA;
  margin: 4px;
}
#booking-sidebar .btn-departure.selected,
#booking-sidebar .btn-arrival.selected,
#booking-sidebar .btn-roundtype.selected {
  background-color: #A0C520;
  color: #FFF;
}
#booking-sidebar .btn-departure.selected:before,
#booking-sidebar .btn-arrival.selected:before,
#booking-sidebar .btn-roundtype.selected:before {
  content: "\f00c";
  font-family: "Font Awesome\ 5 Pro";
  padding-right: 6px;
}
.btn-tour-selected,
.btn-pricecategory-selected,
#btn-validate-passengers,
#btn-add-to-cart {
  background-color: #A0C520;
  color: #FFF;
}
.btn-tour-selected:hover,
.btn-pricecategory-selected:hover,
#btn-validate-passengers:hover,
#btn-add-to-cart:hover,
.btn-tour-selected:active,
.btn-pricecategory-selected:active,
#btn-validate-passengers:active,
#btn-add-to-cart:active,
.btn-tour-selected:focus,
.btn-pricecategory-selected:focus,
#btn-validate-passengers:focus,
#btn-add-to-cart:focus {
  color: #FFF;
}
.btn-tour-selected:before,
.btn-pricecategory-selected:before,
#btn-validate-passengers:before,
#btn-add-to-cart:before {
  content: "\f00c";
  font-family: "Font Awesome\ 5 Pro";
  padding-right: 6px;
}
.btn-green {
  background-color: #A0C520;
  color: #FFF;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  color: #FFF;
}
#btn-add-to-cart:before {
  content: "\f217";
}
#btn-validate-tours {
  background-color: #A0C520;
  color: #FFF;
}
#btn-validate-tours:hover,
#btn-validate-tours:active,
#btn-validate-tours:focus {
  color: #FFF;
}
.fc-unthemed td.day-available {
  background-color: #286090;
  cursor: pointer;
}
.fc-unthemed td.day-available .fc-day-number {
  color: #FFF;
  font-weight: bold;
}
.fc-unthemed td.day-closed {
  background-color: #EEE;
}
.fc-unthemed td.day-closed .fc-day-number {
  color: #AAA;
}
.fc-unthemed td.day-closed.fc-other-month {
  background-color: transparent;
}
.fc-unthemed td.day-selected {
  background-color: #A0C520;
  cursor: pointer;
}
.fc-unthemed td.day-selected .fc-day-number {
  color: #FFF;
  font-weight: bold;
}
.fc-unthemed td.day-selected .fc-day-number:before {
  content: "\f00c";
  font-family: "Font Awesome\ 5 Pro";
  padding-right: 8px;
  font-weight: normal;
}
#booking-calendar .fc-toolbar h2,
#booking-calendar-back .fc-toolbar h2 {
  font-size: 16px;
}
#booking-calendar .fc-content-skeleton thead td,
#booking-calendar-back .fc-content-skeleton thead td {
  height: 25px;
}
#booking-calendar .fc-button,
#booking-calendar-back .fc-button {
  border-radius: 0!important;
  height: auto !important;
  padding: 0!important;
}
#booking-calendar .fc-basic-view .fc-body .fc-row,
#booking-calendar-back .fc-basic-view .fc-body .fc-row {
  min-height: 1em;
  height: auto!important;
}
#booking-calendar .fc-ltr .fc-basic-view .fc-day-top,
#booking-calendar-back .fc-ltr .fc-basic-view .fc-day-top {
  text-align: center;
}
#booking-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number,
#booking-calendar-back .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: none;
}
#booking-calendar .fc-row .fc-content-skeleton,
#booking-calendar-back .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}
#booking-calendar-container label,
#booking-calendar-back-container label {
  color: #FFF;
  background-color: #e31e32;
  margin-top: 30px;
  padding: 2px 4px;
  border-radius: 2px;
}
.bounce-left {
  animation: slideleft 1s ease-in-out infinite;
  margin-right: 20px;
}
@keyframes slideleft {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
}
.bounce-right {
  animation: slideright 1s ease-in-out infinite;
  margin-left: 20px;
}
@keyframes slideright {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
}
#fill-informations {
  margin: 0 40px;
  border: 3px dashed #EEE;
  color: #CCC;
  border-radius: 10px;
  font-size: 22px;
  text-align: left;
  padding: 30px;
}
#tours-list .pending {
  text-align: center;
  font-size: 40px;
  margin-top: 40px;
  color: #CCC;
}
td.header-cart {
  background-color: #666873;
  color: #FFF;
  font-weight: bold;
}
.table > tbody > tr > td.blank-cell {
  background-color: #FFF;
  border-left-color: #FFF;
  border-right-color: #FFF;
}
.table > tbody > tr > td.no-border {
  border-color: #FFF;
}
/**
Passengers
**/
#booking-summary .panel {
  box-shadow: none;
  border-color: #E2001A;
}
#booking-summary .panel-heading {
  border-color: #E2001A;
  background-color: #E2001A;
  color: #FFF;
  padding: 6px 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#validation-message {
  background: #ff7600;
  color: #FFF;
  padding: 10px;
  margin: 20px 0;
  font-weight: bold;
  border-radius: 6px;
  text-align: center;
}
.passenger-price-container {
  text-align: center;
  position: relative;
  font-weight: bold;
}
.passenger-price-container i.fa-spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  display: none;
  font-size: 24px;
  opacity: 0.5;
}
.passenger-price-container.computing .passenger-price {
  opacity: 0.3;
}
.passenger-price-container.computing i.fa-spinner {
  display: inline-block;
}
.pricategory-hint {
  font-size: 12px;
  color: #e31e32;
}
.choose-category .category-tips {
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: -440px;
  width: 450px;
  text-align: left;
  z-index: 9;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border: 3px dashed #AAA;
  color: #e31e32;
  border-radius: 10px;
  font-size: 18px;
  padding: 20px;
}
.togglepassword {
  font-size: 13px;
  margin-top: 4px;
  cursor: pointer;
}
.togglepassword:before {
  font-family: "Font Awesome\ 5 Pro";
  content: "\f0c8";
  padding-right: 6px;
}
.togglepassword.checked:before {
  font-family: "Font Awesome\ 5 Pro";
  content: "\f14a";
  padding-right: 6px;
}
.required > label:after {
  font-family: "Font Awesome\ 5 Pro";
  content: "\f069";
  color: #ff7600;
  margin-left: 6px;
  vertical-align: super;
  font-weight: lighter;
  font-size: 10px;
}
/**
Customer
**/
#customer-sidebar .panel {
  box-shadow: none;
  border-color: #E2001A;
}
#customer-sidebar .panel-heading {
  border-color: #E2001A;
  background-color: #E2001A;
  color: #FFF;
  padding: 6px 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#customer-sidebar .panel-body li {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 16px;
}
.bookings-container {
  border: 1px solid #666873;
  padding: 30px 20px;
  border-radius: 4px;
  margin: 10px 0;
  position: relative;
}
.booking-header {
  background-color: #666873;
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
  font-weight: bold;
}
.bluepriceflag {
  position: absolute;
  right: 20px;
  top: 14px;
  bottom: 0;
  color: #1c72ff;
}
.tourday-day {
  font-weight: bold;
  color: #FFF;
  background-color: #666873;
  margin-bottom: 4px;
  padding: 0 4px;
  border-radius: 3px;
}
.tourday-renderer hr {
  margin: 8px 0;
}
.tourday-renderer .progress {
  margin-bottom: 5px;
}
.customer-notes {
  font-size: 12px;
  background-color: #EFEFEF;
  padding: 10px;
}
.btn-check-passenger {
  background-color: #E2001A;
  color: #FFF;
  margin: 2px;
  padding: 2px 4px!important;
}
.btn-check-passenger:hover,
.btn-check-passenger:active,
.btn-check-passenger:focus {
  color: #FFF;
}
.btn-check-passenger.present {
  background-color: #18b033;
}
.passenger-name-container .show-edit,
.departure-step-container .show-edit,
.arrival-step-container .show-edit {
  display: none;
}
.passenger-name-container .btn-edit-name,
.departure-step-container .btn-edit-name,
.arrival-step-container .btn-edit-name,
.passenger-name-container .btn-edit-departurestep,
.departure-step-container .btn-edit-departurestep,
.arrival-step-container .btn-edit-departurestep,
.passenger-name-container .btn-edit-arrivalstep,
.departure-step-container .btn-edit-arrivalstep,
.arrival-step-container .btn-edit-arrivalstep {
  color: #e31e32;
  cursor: pointer;
}
.passenger-name-container.editing .show-edit,
.departure-step-container.editing .show-edit,
.arrival-step-container.editing .show-edit {
  display: inline-block;
}
.passenger-name-container.editing .hide-edit,
.departure-step-container.editing .hide-edit,
.arrival-step-container.editing .hide-edit {
  display: none;
}
.tunnel {
  display: flex;
  justify-content: space-around;
  vertical-align: middle;
  margin: 30px 0;
}
.tunnel .header {
  opacity: 0.25;
  font-size: 40px;
  font-weight: bold;
}
.tunnel .header.active {
  opacity: 1;
  color: #1faae1;
}
.tunnel .header.active a {
  color: #1faae1;
}
.tunnel .header.active a:hover,
.tunnel .header.active a:active,
.tunnel .header.active a:visited,
.tunnel .header.active a:focus {
  text-decoration: none;
}
#bookdestinations,
#passengerdestinations {
  margin-bottom: 10px;
}
#bookdestinations a,
#passengerdestinations a {
  color: #1faae1;
}
#bookdestinations a:hover,
#passengerdestinations a:hover,
#bookdestinations a:active,
#passengerdestinations a:active,
#bookdestinations a:visited,
#passengerdestinations a:visited,
#bookdestinations a:focus,
#passengerdestinations a:focus {
  text-decoration: none;
}
#bookdestinations a:hover,
#passengerdestinations a:hover {
  color: #e31e32;
}
.services-list {
  margin-top: 30px;
}
.services-list > div {
  padding: 10px;
  /*&:first-child
    {
      font-size: 1.2em;
      h3 { font-size: 28px;}
      .service-container
      {
        border-width: 2px;
      }
      .btn{
        font-size: 1.5em;
      }
    }*/
}
.services-list > div .service-container {
  border: 1px solid #666873;
  padding: 0 20px 20px 20px;
  border-radius: 6px;
}
.services-list > div .service-container h3 {
  margin: 0 -20px 20px -20px;
  background-color: #666873;
  color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px;
  text-align: center;
  font-size: 20px;
}
.services-list > div .service-container .btn {
  margin-top: 20px;
}
.services-list > div .service-container img {
  border-radius: 3px;
}
.stripped-list > div:nth-child(even) {
  background-color: #f9f9f9;
}
.booking-row-10 .col-status {
  color: #00b029;
  font-weight: bold;
}
.booking-row-0 .col-status {
  color: #ff6c00;
  font-weight: bold;
}
.booking-row--1,
.booking-row--2,
.booking-row--3 {
  font-style: italic;
  color: #c3c3c3;
}
.booking-row--1 a,
.booking-row--2 a,
.booking-row--3 a {
  color: #c3c3c3;
}
#passengers-table label.passengerinfos {
  min-width: 120px;
}
/**
HELPERS
**/
.ml100 {
  margin-left: 100px;
}
.man {
  margin: 0;
}
.mas {
  margin: 10px;
}
.mal {
  margin: 30px;
}
.mbn {
  margin-bottom: 0;
}
.mbs {
  margin-bottom: 10px;
}
.mbl {
  margin-bottom: 30px;
}
.mbm {
  margin-bottom: 20px;
}
.mtl {
  margin-top: 30px;
}
.mtm {
  margin-top: 20px;
}
.mbxl {
  margin-bottom: 50px;
}
.mtn {
  margin-top: 0;
}
.mts {
  margin-top: 10px;
}
.mls {
  margin-left: 10px;
}
.mlm {
  margin-left: 20px;
}
.mll {
  margin-left: 30px;
}
.mtl {
  margin-top: 30px;
}
.mrm {
  margin-right: 20px;
}
.mrm {
  margin-right: 20px;
}
.mrl {
  margin-right: 30px;
}
.mrs {
  margin-right: 10px!important;
}
.prs {
  padding-right: 10px;
}
.pln {
  padding-left: 0px;
}
.pls {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pls {
  padding-left: 10px;
}
.ptm {
  padding-top: 20px;
}
.pan {
  padding: 0;
}
.pas {
  padding: 10px;
}
.paddindlabel {
  padding-left: 100px;
}
.inbl {
  display: inline-block;
}
.block {
  display: block;
}
.extra {
  color: #888;
  font-size: 12px;
  font-style: italic;
}
.mh50 {
  max-height: 50px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px!important;
}
.w65 {
  width: 65px!important;
}
.w80 {
  width: 80px!important;
}
.w100 {
  width: 100px;
}
.w150 {
  width: 150px;
}
.w200 {
  width: 200px;
}
.w400 {
  width: 400px!important;
}
.w100p {
  width: 100% !important;
}
.mw80 {
  min-width: 80px;
}
.mw100 {
  min-width: 100px;
}
.lh32 {
  line-height: 32px;
}
.lh20 {
  line-height: 20px!important;
}
.lh28 {
  line-height: 28px !important;
}
.green {
  color: #00b96c;
}
.red {
  color: #F00;
}
.reddark {
  color: #E2001A;
}
.orange {
  color: orange;
}
.blue {
  color: #1faae1;
}
.wauto {
  width: auto;
}
.mauto {
  margin: auto;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.gray {
  color: #AAA;
}
.posrel {
  position: relative;
}
ul.clean {
  list-style-type: none;
}
.underlined:after {
  content: "";
  background-color: #CCC;
  display: block;
  height: 1px;
  margin: 6px 0 20px;
}
.nowrap {
  white-space: nowrap;
}
.pointer {
  cursor: pointer;
}
.btn-bordered {
  border: 1px solid #AAA;
}
.noborderside {
  border-right: 1px solid #FFF !important;
  border-left: 1px solid #FFF !important;
}
.text-warning {
  color: #ff7e00;
}
.progress-bar-warning {
  background-color: #ff7e00;
}
.text-danger {
  color: #E00;
}
.progress-bar-danger {
  background-color: #E00;
}
.text-color,
a.textcolor {
  color: #666873;
}
.price-striked {
  position: relative;
  margin-right: 10px;
}
.price-striked::before {
  content: '';
  border-bottom: 4px solid rgba(226, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.smaller {
  font-size: 0.85em;
}
.bigger {
  font-size: 1.25em;
}
/**
Responsive
**/
@media screen and (max-width: 1023px) {
  .header-bar {
    min-height: 60px;
  }
  .header-bar #primary-menu,
  .header-bar .branding {
    display: none;
  }
  .choose-category .category-tips {
    width: 300px;
    right: -300px;
  }
  .btn {
    white-space: initial;
  }
}
@media screen and (min-width: 1024px) {
  .header-bar .mobile-header-bar {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .text-center-xs {
    text-align: center;
  }
  .bluepriceflag {
    right: 2px;
    top: 2px;
  }
  #passenger-form table {
    border: 0;
    width: 100%;
  }
  #passenger-form table caption {
    font-size: 1.3em;
  }
  #passenger-form table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #passenger-form table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  #passenger-form table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: left;
  }
  #passenger-form table td:before {
    /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
    content: attr(data-label);
    float: none;
    display: block;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 2px;
  }
  #passenger-form table td:last-child {
    border-bottom: 0;
  }
  .choose-category .category-tips {
    display: none;
  }
}
/*# sourceMappingURL=frontend.css.map */