/*
Copyright (c) 2020 by EasyTaxiOffice - All Rights Reserved
Website: https://easytaxioffice.com
Email: support@easytaxioffice.com
*/
@import url('//fonts.googleapis.com/css?family=Roboto:300,400');
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.01);
}
::-webkit-scrollbar-thumb {
  background-color: #dddddd;
}
.etoPaymentContainer {
  position: relative;
}
.etoPaymentDeposit {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  z-index: 999;
}
.etoPaymentDeposit select {
  height: 26px !important;
  width: auto !important;
  display: inline-block !important;
  background: #fff !important;
  color: #333 !important;
  border: 1px #003661 solid !important;
  border-radius: 0 !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
}
#etoRoute1ItemsContainer .etoInnerContainer .checkbox label,
#etoRoute2ItemsContainer .etoInnerContainer .checkbox label {
  float: left;
}
#calendar {
  position: relative;
}
#calendar .fc-toolbar h2 {
  font-size: 16px;
  line-height: 28px;
}
#etoAvailabilityModal .modal-header {
  padding: 0;
  border: 0;
}
#etoAvailabilityModal .modal-header .close {
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: 1;
  opacity: 1;
  margin: 0;
  padding: 5px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 0px 1px #9a9a9a;
  line-height: 20px;
}
.iframeLoading {
  text-align: center;
  margin-top: 50px;
}
.iframeLoadingProgress {
  display: inline-block;
}
.iframeLoadingText {
  margin-top: 20px;
  font-size: 15px;
}
fieldset {
  margin: 0 0 20px 0 !important;
  padding: 0px 0px !important;
  border: 0 !important;
}
fieldset legend {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 20px;
  border: 0;
  width: auto;
  padding: 0 10px 0px 0;
  color: #000;
}
label {
  font-weight: 400 !important;
}
.clear {
  clear: both;
}
.form-control-feedback {
  pointer-events: auto;
  cursor: pointer;
  font-size: 44px;
  height: 44px;
}
.input-group .etoError {
  border: 0 !important;
}
.has-feedback .form-control {
  padding-right: 32.5px;
}
.help-block {
  font-size: 14px;
}
.input-group {
  border: 1px #d2d6de solid;
}
.input-group:hover {
  border-color: #3c8dbc;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
}
.input-group.focus {
  border-color: #3c8dbc;
}
.input-group .form-control,
.input-group .input-group-addon {
  border: 0;
}
.form-control {
  width: 230px;
  max-width: 100%;
  height: 44px;
  padding: 12px 12px;
  border-color: #dcdcdc;
}
.form-control:focus {
  border-color: #3c8dbc;
}
.input-group-addon {
  height: 44px;
  padding: 4px 4px;
  font-size: 33px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
}
.input-group-addon span {
  display: inline-block;
  width: 34px;
}
.input-group .typeahead-wrap {
  display: table-cell;
  height: 44px;
  position: relative;
}
.checkbox {
  margin: 0px;
}
.checkbox label,
.radio label {
  line-height: 24px;
  padding-left: 0;
}
.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}
.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 1px solid #d2d6de;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}
.checkbox .cr:hover,
.radio .cr:hover {
  border-color: #3c8dbc;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
}
.radio .cr {
  border-radius: 50%;
}
.checkbox .cr,
.radio .cr {
  font-size: 18px;
}
.checkbox .cr .cr-icon {
  position: absolute;
  font-size: 1.8em;
  line-height: 0;
  top: -30%;
  left: 20%;
}
.radio .cr .cr-icon {
  position: absolute;
  font-size: 0.9em;
  line-height: 0;
  top: 15%;
  left: 16%;
  margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}
.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked+.cr {
  background: #1c70b1;
  border-color: #1c70b1;
  color: #fff;
}
.radio label input[type="radio"]:checked+.cr {
  color: #1c70b1;
}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
  opacity: .5;
}
.etoError {
  border-left: 3px #dd4b39 solid !important;
}
.etoError:hover {
  border-color: #dd4b39 !important;
}
.etoErrorContainer .input-group {
  border-left: 3px #dd4b39 solid !important;
}
.etoErrorContainer .form-control:focus,
.etoErrorContainer .input-group.focus,
.etoErrorContainer .input-group:hover {
  border-color: #dd4b39 !important;
}
.etoErrorContainer .checkbox label {
  color: #dd4b39;
}
#etoStep1Container .etoLabel {
  display: none;
}
#etoStep1Container #etoButtonsContainer .btn {
  height: 44px;
}
/* Booking */
.benefitsBox {
  padding: 10px 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 10px;
  background: #fffbf6;
  border: 1px #f3ede7 solid;
  color: #82725b;
  font-size: 14px;
}
.benefitsTitle {
  font-size: 16px;
  margin-bottom: 5px;
}
.benefitsList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.benefitsList li {
  margin: 0 0 0 0;
  padding: 0;
}
.benefitsList li:before {
  margin-right: 10px;
  content: "\f3ae";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#etoCompleteContainer {
  position: relative;
}
.etoLoadingBox {
  position: absolute;
  z-index: 99999;
  text-align: center;
  width: 100%;
}
.etoLoadingBoxInner {
  background: #fff;
  border: 1px #DDDDDD solid;
  padding: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 70px rgba(128, 128, 128, 0.33) !important;
  box-shadow: 1px 1px 70px rgba(128, 128, 128, 0.33) !important;
  text-align: center;
  max-width: 300px;
  width: 100%;
  display: inline-block;
}
.etoLoadingProgress {
  margin: 0;
}
.etoLoadingBoxInfo {
  margin: 10px 0;
}
.etoStep1HeaderMini,
.etoStep1Header,
.etoStep2Header,
.etoStep3Header {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  color: #484848;
}
.etoStep1HeaderMini {
  position: relative;
  text-align: center;
  margin: 0px 0 10px 0;
}
.etoStep1HeaderMini .language-switcher-style-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 14px;
}
.etoStep1HeaderMini .language-switcher-style-dropdown .btn-group .btn {
  padding: 0;
}
@media (max-width:400px) {
  .etoStep1HeaderMini {
    padding-right: 0px;
    text-align: left;
  }
}
#etoRoute1CategoryStart,
#etoRoute1CategoryEnd,
#etoRoute1LocationStartLoader,
#etoRoute1LocationEndLoader,
#etoRoute1Date,
#etoRoute2CategoryStart,
#etoRoute2CategoryEnd,
#etoRoute2LocationStartLoader,
#etoRoute2LocationEndLoader,
#etoRoute2Date,
.etoWaypointTextarea,
#etoRouteReturnContainer .etoLabel,
#etoQuoteStep1ButtonContainer .etoLabel,
#etoResetButtonContainer .etoLabel,
#etoRoute1VehicleContainer .etoLabel,
#etoRoute2VehicleContainer .etoLabel,
#etoRoute1MapContainer .etoLabel,
#etoRoute2MapContainer .etoLabel,
#etoQuoteStep2ButtonContainer .etoLabel,
#etoQuoteStep2ButtonHelper1Container .etoLabel,
#etoLeadPassengerContainer .etoLabel,
#etoTermsContainer .etoLabel,
#etoPaymentContainer .etoLabel,
#etoQuoteStep3ButtonContainer,
#etoStep3Container #etoSubmitButtonContainer,
.etoMinimalContainer #etoSubmitButtonContainer .etoLabel {
  display: none !important;
}
#etoRoute1DateGhostDate,
#etoRoute2DateGhostDate,
#etoRoute1DateGhostTime,
#etoRoute2DateGhostTime {
  display: none !important;
}
.etoAmPmTime {
  color: #b1b1b1;
  margin-left: 10px;
}
.etoGhostDateBox,
.etoGhostTimeBox {
  float: left;
  background: #fff;
  font-size: 15px;
}
.etoGhostDateBox {
  width: 49%;
}
.etoGhostTimeBox {
  width: 49%;
  margin-left: 2%;
}
.etoGhostDateStyle1 .etoGhostDateBox {
  width: 60%;
}
.etoGhostDateStyle1 .etoGhostTimeBox {
  width: 38%;
}
.etoGhostDateStyle1 .etoGhostDateBox>span.form-control {
  text-align: left;
}
.etoGhostWidget {
  display: block;
  clear: both;
  width: 100%;
  margin: 5px 0 0px 0;
  border: 1px solid #D2D6DE;
  padding: 4px;
  background-color: #fbfbfb;
}
.etoGhostDateTime:after {
  content: " ";
  clear: both;
  display: block;
}
.combodate {
  text-align: center;
  display: table;
  padding: 10px 0px;
}
.combodate .form-control {
  display: inline-block;
  padding: 0px 8px;
  height: 24px;
  float: left;
}
.eto-v2-form-horizontal .combodate {
  width: 100%;
}
.eto-v2-form-horizontal .combodate .form-control {
  padding: 0 4px;
}
.combodate:before,
.combodate:after {
  content: " ";
  clear: both;
  display: block;
}
.etoGhostTimeStyle1 select.hour {
  max-width: 55px;
}
.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget table,
.tt-menu,
.form-control,
select,
option,
#etoVehicleCheckoutTotal,
.etoVehicleTotalPrice,
.etoPaymentTotalPrice {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}
#etoMessageContainer .alert {
  margin-bottom: 10px;
  padding: 6px 30px 6px 10px;
  font-size: 13px;
}
#etoMessageContainer ul {
  margin: 0;
  padding: 0px 0px 10px 0px;
  list-style: none;
}
#etoMessageContainer ul:last-child {
  padding: 0px 0px 0px 0px;
}
#etoMessageContainer li {
  margin: 0;
}
.etoOuterContainer {
  margin-bottom: 10px;
}
.etoLabel {
  padding-right: 4px;
}
.etoGhostDate .input-group {
  width: 150px;
  margin-bottom: 10px;
}
.etoGhostTime .input-group {
  width: 150px;
  margin-bottom: 10px;
}
.etoGhostDateTime .input-group .input-group-addon {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
.bootstrap-datetimepicker-widget:before,
.bootstrap-datetimepicker-widget:after {
  display: none !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 100%;
  margin: 5px 0 0 0;
  border-radius: 0px;
  border-color: #D2D6DE;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 0px;
}
.bootstrap-datetimepicker-widget table {
  margin: 0;
}
.bootstrap-datetimepicker-widget table td {
  height: 34px;
  line-height: 34px;
}
.bootstrap-datetimepicker-widget table td span {
  height: 34px;
  line-height: 34px;
  margin: 0px;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td span {
  border-radius: 0px;
  font-weight: normal;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #00B4DC;
}
.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #00B4DC;
}
.bootstrap-datetimepicker-widget .timepicker table {
  width: auto;
  margin: 0 auto;
}
.bootstrap-datetimepicker-widget .timepicker a.btn,
.bootstrap-datetimepicker-widget .picker-switch a {
  color: #333;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  border: 1px #D2D6DE solid;
  font-weight: normal;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  color: #d8d8d8;
}
.bootstrap-datetimepicker-widget .picker-switch td {
  width: 50%;
}
.bootstrap-datetimepicker-widget .picker-switch td a {
  display: inline-block;
  padding: 0 5px;
}
.bootstrap-datetimepicker-widget .picker-switch td a:hover {
  background: #eee;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  width: auto;
  margin: 0 5px;
}
.bootstrap-datetimepicker-widget .picker-switch td span:hover {
  background: none;
}
#etoRoute1DateGhostDateWidget,
#etoRoute2DateGhostDateWidget {
  position: relative;
}
#etoRoute1DateGhostTimeWidget,
#etoRoute2DateGhostTimeWidget {
  position: relative;
}
.tt-hint {
  color: #999
}
.tt-menu {
  position: relative !important;
  width: 100%;
  max-width: 100%;
  max-height: 192px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 2px 0;
  padding: 0;
  background-color: #fbfbfb;
  border: 1px solid #D2D6DE;
}
.tt-menu:hover {
  border-color: #3c8dbc;
}
.tt-header {
  padding: 6px;
  color: #a9a9a9;
  font-size: 12px;
}
.powered-by-google-locations {
  margin: 6px 6px 6px 6px;
}
.tt-suggestion {
  padding: 4px 6px;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #1c70b1;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion p {
  margin: 0;
}
.tt-empty {
  padding: 4px 4px;
}
.tt-s-name {
  width: 90%;
}
.tt-s-category {
  display: inline-block;
  width: 24px;
  border-radius: 2px;
  background: none !important;
  color: #cccccc !important;
  line-height: 18px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 3px;
}
.tt-s-category i {
  position: relative;
  display: inline-block;
  line-height: 18px;
  font-size: 18px;
}
.tt-s-category i:before {
  position: relative;
  top: 1px;
}
.tt-suggestion:hover .tt-s-category {
  color: #fff !important;
}
.twitter-typeahead {
  width: 100%;
  max-width: 100%;
  /* height: 46px; */
  float: left;
}
input.typeahead {
  width: 100%;
  max-width: 100%;
}
.typeahead-icon-loading {
  font-size: 24px !important;
  line-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  top: -2px;
  position: relative;
}
#etoStep1Container {
  margin: 0px auto;
  max-width: 450px;
}
#etoStep1Container .etoLabel {
  float: left;
  max-width: 100%;
  width: 60px;
}
#etoStep1Container .etoInnerContainer {
  float: left;
  max-width: 100%;
  width: 100%;
}
.etoSwapLocationsButton {
  display: block;
  float: left;
  margin: 2px 10px 0px 0px;
  padding: 0 2px;
  color: #333;
  line-height: 20px;
}
.etoSwapLocationsButton>span {
  font-size: 19px;
}
.etoSwapLocationsButton>span:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.etoSwapLocationsButton:hover {
  color: #337AB7;
}
.etoWaypointsAddButton {
  display: block;
  float: left;
  margin: 2px 10px 0px 2px;
  line-height: 20px;
  color: #333;
}
.etoWaypointsAddButton:hover {
  color: #337AB7;
}
.etoWaypointsAddButtonContainer {
  max-width: 100%;
  width: 100%;
}
.etoWaypointsRemoveButton {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 10;
  background: #b7b7b7;
  font-size: 13px;
  color: #fff;
  width: 20px !important;
  height: 20px !important;
  line-height: 22px;
  border-radius: 50%;
}
.etoWaypointsRemoveButton:hover {
  background: #ad1212;
}
.eto-icon-geolocation {
  width: 24px !important;
  color: #a8a8a8;
}
.eto-icon-geolocation:before {
  position: relative;
  top: -3px;
  left: 0px;
  font-size: 20px;
}
#etoRoute2WaypointsButton {
  margin-bottom: 0px;
}
#etoRouteReturnContainer,
#etoQuoteStep1ButtonContainer,
#etoResetButtonContainer,
#etoManualQuoteButtonContainer,
.etoMinimalContainer #etoSubmitButtonContainer {
  max-width: 100%;
  width: 100%;
}
#etoManualQuoteButtonContainer {
  margin-bottom: 10px;
  padding: 6px 10px;
  font-size: 13px;
}
#etoResetButtonContainer {
  display: none;
}
#etoResetButton {
  padding: 0;
}
#etoRouteReturnContainer {
  width: auto;
  float: left;
  margin-left: 0px;
}
#etoRouteReturnContainer .etoInnerContainer {
  width: 230px;
}
#etoRouteReturnBtn1,
#etoRouteReturnBtn2 {
  float: left;
  width: 48%;
  margin: 0;
  padding: 2px;
}
#etoRouteReturnBtn1 {
  margin-right: 2%;
}
#etoRouteReturnBtn2 {
  margin-left: 2%;
}
#etoStep2Container fieldset {
  margin: 0 0 20px 0 !important;
  padding: 0px 0px !important;
  border: 0 !important;
}
#etoStep2Container fieldset legend {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
#etoRoute1VehicleContainer,
#etoRoute2VehicleContainer {
  margin-bottom: 20px;
}
#etoVehicleCheckoutTotal {
  text-align: center;
  margin-bottom: 10px;
}
#etoVehicleCheckoutTotal span {
  font-size: 25px;
  text-align: center;
}
.etoVehicleContainer {
  width: 50%;
  margin: 0 0 10px 0;
  padding: 0px 5px 0px 5px;
  float: left;
}
.etoRouteReturnSectionContainerActive .etoVehicleContainer {
  float: none;
  width: 100%;
  padding: 0;
}
.etoVehicleContainer label {
  width: 100%;
  margin: 0;
  padding: 0;
}
.etoVehicleInnerContainer {
  position: relative;
  background: #fff;
  border: 1px #ebebeb solid;
  padding: 15px;
  margin: 0px !important;
  border-radius: 0;
  cursor: pointer;
  box-shadow: none;
}
.etoVehicleInnerContainer:hover {
  border-color: #3c8dbc;
}
.etoVehicleInnerContainerSelected {
  -webkit-box-shadow: 0px 0px 5px #b3b3b3;
  box-shadow: 0px 0px 5px #b3b3b3;
  border-color: #3c8dbc !important;
}
.etoVehicleColumn1 {
  float: left;
}
.etoVehicleColumn2 {
  float: left;
}
.etoVehicleColumn3 {
  float: right;
}
.etoVehicleImage {
  margin-right: 10px;
}
.etoVehicleImage img {
  width: 130px;
}
.etoVehicleImageBG {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 130px;
  height: 60px;
}
.etoVehicleName {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.etoVehicleDetails {
  margin-top: 10px;
  color: #000;
}
.etoVehicleDetails>div[class*="etoVehicleDetails"] {
  float: left;
  margin-right: 5px;
}
.etoVehicleDetails>div[class*="etoVehicleDetails"]>span {
  display: inline-block;
  margin: 5px 0px 0px 2px;
}
.etoVehicleDetails>div[class*="etoVehicleDetails"]>img {
  display: inline-block;
  float: left;
  opacity: 0.3;
  height: 18px;
  margin-top: 5px;
}
.etoVehicleDetails2 img {
  margin-top: 2px;
}
.etoVehicleDetails3 img {
  margin-top: 6px;
}
.etoVehicleDetails4 img {
  height: 24px;
  margin-top: 2px;
}
.etoVehicleDetails5 img {
  height: 24px;
  margin-top: 2px;
}
.etoVehicleDetails6 img {
  height: 24px;
  margin-top: 2px;
}
.etoVehicleDetails7 img {
  height: 24px;
  margin-top: 2px;
}
.etoVehicleTotalPrice {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #000;
  font-size: 25px;
  line-height: 25px;
  text-align: right;
  font-weight: 300;
  background: #fff;
}
.etoVehicleTotalPrice span {
  font-size: 16px;
}
.etoVehicleInnerContainer select {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 60px;
  display: none;
}
.etoVehicleSelectButton {
  padding: 0;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  /*background: none;*/
  /*border: none;*/
  width: 24px;
  height: 24px;
  padding: 0 !important;
  border-radius: 0px !important;
}
.etoVehicleSelectButton i {
  font-size: 34px;
  line-height: 24px;
  top: -6px;
  left: 0px;
  position: relative;
}
.etoVehicleSelectDisableInfo {
  position: absolute;
  bottom: 15px;
  right: 15px;
  text-align: right;
  color: #000;
}
.etoVehicleOptions {
  position: relative;
}
.etoVehicleOptions select {
  margin: 0px 0px 0px 0px;
  width: 60px;
  position: absolute;
  top: -115px;
  right: 10px;
  background: #F1F1F1;
}
#etoRoute1MapContainer,
#etoRoute2MapContainer {
  margin: 10px 0 20px 0;
}
.etoRoute1MapChild img,
.etoRoute2MapChild img {
  width: auto;
  height: auto;
  max-width: none;
}
#etoRoute1Map,
#etoRoute2Map {
  position: relative;
  width: 100%;
  height: 320px;
  background: #FFF;
  border: 1px #ebebeb solid;
}
#etoRoute1MapDirections,
#etoRoute2MapDirections {
  position: relative;
  height: 320px;
  background: #FFF;
  border: 1px #ebebeb solid;
  margin: 0;
  padding: 10px;
  overflow-y: auto;
  text-align: left;
}
.etoRoute1MapBtnShow,
.etoRoute2MapBtnShow {
  color: #333;
}
.etoRoute1MapBtnShow i,
.etoRoute1MapBtnHide i,
.etoRoute2MapBtnShow i,
.etoRoute2MapBtnHide i {
  font-size: 20px;
  float: left;
  margin-right: 5px;
}
.etoMapStyle2 {
  position: relative;
}
.etoMapStyle2Map {
  height: 300px !important;
}
.etoMapStyle2Directions {
  position: absolute !important;
  top: 1px;
  right: 1px;
  z-index: 1;
  height: 170px !important;
  width: 350px;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0 3px;
  border: 0 !important;
}
.etoMapStyle2Button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  border-radius: 3px;
  border: 0;
  outline: 0;
  padding: 5px;
  width: 30px;
  text-align: center;
  color: #666666;
}
.etoMapStyle2Button:hover {
  color: #000;
}
#etoQuoteStep2ButtonContainer {
  margin-bottom: 30px;
  text-align: center;
}
#etoQuoteStep2ButtonHelper1Container {
  display: none;
  text-align: center;
}
.etoJourneyTypeScheduled .bootstrap-datetimepicker-widget table td.day:not(.disabled) {
  font-weight: bold;
}
.etoJourneyTypeScheduled .etoVehicleInnerContainer #etoPassengersGhost {
  display: block;
  top: 12px;
  right: 130px;
  padding: 4px;
}
.etoJourneyTypeScheduled .etoVehicleTotalPrice {
  top: 12px;
}
.etoJourneyTypeScheduled .etoVehicleContainer {
  width: 100%;
}
form#etoForm:not(.etoJourneyTypeScheduled) #etoRoute1ItemsContainer .item_field_type_address,
.etoJourneyTypeScheduled .etoVehicleSelectButton,
.etoJourneyTypeScheduled .etoVehicleInnerContainer .etoVehicleDetails,
.etoJourneyTypeScheduled #etoRoute1AddressStartCompleteContainer,
.etoJourneyTypeScheduled #etoRoute1AddressEndCompleteContainer,
.etoJourneyTypeScheduled #etoLeadPassengerContainer,
.etoJourneyTypeScheduled #etoRoute1MeetAndGreetContainer,
.etoJourneyTypeScheduled #etoRoute1FlightNumberContainer,
.etoJourneyTypeScheduled #etoFlightLandingTimeSection,
.etoJourneyTypeScheduled #etoRoute1DepartureCityContainer,
.etoJourneyTypeScheduled #etoRoute1DepartureFlightNumberContainer,
.etoJourneyTypeScheduled #etoDepartureFlightTimeSection,
.etoJourneyTypeScheduled #etoRoute1DepartureFlightCityContainer,
.etoJourneyTypeScheduled #etoRoute1RequirementsContainer,
.etoJourneyTypeScheduled .etoVehicleOtherOptionsContainer,
.etoJourneyTypeScheduled #etoRoute1WheelchairLoader,
.etoJourneyTypeScheduled #etoRoute1LuggageLoader,
.etoJourneyTypeScheduled #etoRoute1HandLuggageLoader,
.etoJourneyTypeScheduled .etoLagguageInfo {
  display: none !important;
}
.etoJourneyTypeOneWay .etoRoute1JourneyDetailsMaster {
  border: 0 !important;
}
.etoJourneyTypeOneWay .etoRoute1JourneyDetailsMaster legend,
.etoJourneyTypeOneWay .etoRoute1SectionContainer fieldset legend,
.etoJourneyTypeOneWay .etoVehicleTabs {
  display: none !important;
}
/* @media (min-width: 992px) {
  .etoVehicleTabs {
    display: none !important;
  }
} */
.etoVehicleTabContent {
  display: none;
}
.etoVehicleTabContentActive {
  display: block;
}
.etoVehicleTabContent legend {
  display: none !important;
}
#etoStep2Container #etoButtonsContainer {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  /* .etoVehicleTabContent legend {
    display: none !important;
  } */
  #etoStep2Container .etoVehicleTabContent {
    margin: 10px 0 10px 0 !important;
  }
  /* #etoStep2Container #etoButtonsContainer {
    margin-top: 10px;
    margin-bottom: 10px;
  } */
}
.etoVehicleTabs {
  margin-bottom: 5px;
}
.etoVehicleTabs>li>a {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  padding: 2px 10px;
  border-radius: 0;
  border-color: #ebebeb !important;
  background-color: #f7f7f7;
  color: #444;
}
.etoVehicleTabs>li.active>a {
  border-color: #ddd !important;
  background-color: #fff;
  color: #555;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-bottom-color: transparent !important;
}
.tabs-below>.nav-tabs {
  border-bottom: 0;
}
.tabs-below>.nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below>.nav-tabs>li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below>.nav-tabs>li>a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below>.nav-tabs>li>a:hover,
.tabs-below>.nav-tabs>li>a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}
.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover,
.tabs-below>.nav-tabs>.active>a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
#etoRoute1MeetAndGreetContainer,
#etoRoute2MeetAndGreetContainer {
  margin-bottom: 0px;
  float: right;
}
#etoRoute1MeetAndGreetContainer .checkbox,
#etoRoute2MeetAndGreetContainer .checkbox {
  display: inline-block;
}
#etoRoute1MeetAndGreetContainer .etoLabel,
#etoRoute2MeetAndGreetContainer .etoLabel {
  float: left;
  margin-right: 10px;
}
#etoRoute1MeetAndGreetContainer .etoInnerContainer select,
#etoRoute2MeetAndGreetContainer .etoInnerContainer select {
  float: left;
  max-width: 140px;
  color: #000;
  font-weight: bold;
}
#etoRoute1MeetAndGreetContainer .checkbox,
#etoRoute2MeetAndGreetContainer .checkbox {
  background: #f7f7f7;
  border: 1px #ebebeb solid;
  border-radius: 0px;
  padding: 6px 6px;
}
#etoRoute1MeetingPointContainer .etoInnerContainer,
#etoRoute2MeetingPointContainer .etoInnerContainer {
  width: 380px;
}
#etoStep3Container .etoLabel {
  margin: 0;
  /* float: left;
  max-width: 100%;
  width: 150px;
  padding-top: 10px; */
}
#etoRoute1JourneyFromLoader .etoLabel,
#etoRoute1JourneyToLoader .etoLabel,
#etoRoute1WaypointsCompleteLoader .etoLabel,
#etoRoute2JourneyFromLoader .etoLabel,
#etoRoute2JourneyToLoader .etoLabel,
#etoRoute2WaypointsCompleteLoader .etoLabel {
  padding-top: 0px;
}
#etoStep3Container .etoJourneyLine label:after,
#etoStep3Container .etoLabel:after {
  display: inline-block;
  content: ":";
}
#etoRoute1ItemsContainer .etoLabel:after,
#etoRoute2ItemsContainer .etoLabel:after {
  display: none;
}
#etoStep3Container .etoInnerContainer {
  /* float: left; */
  max-width: 100%;
}
#etoLeadPassengerTitle,
#etoContactTitle,
#etoRoute1Passengers,
#etoRoute1Luggage,
#etoRoute1HandLuggage,
#etoRoute1ChildSeats,
#etoRoute1BabySeats,
#etoRoute1InfantSeats,
#etoRoute1Wheelchair,
#etoRoute2Passengers,
#etoRoute2Luggage,
#etoRoute2HandLuggage,
#etoRoute2ChildSeats,
#etoRoute2BabySeats,
#etoRoute2InfantSeats,
#etoRoute2Wheelchair {
  width: 80px;
}
/* #etoRoute1WaitingTime,
#etoRoute2WaitingTime {
  width: 150px;
} */
#etoRoute1ItemsLabel,
#etoRoute2ItemsLabel {
  display: none;
}
#etoLeadPassenger0,
#etoLeadPassenger1 {
  margin-right: 5px;
}
/* .etoJourneyLineContainer {
  margin-bottom: 10px;
} */
.etoJourneyLine {
  margin: 0 20px 0 0;
  display: block;
}
.etoJourneyLine>label {
  width: 150px;
}
.etoLagguageInfo {
  margin: 15px 0 15px 0px;
}
.etoChildSeatsContainer {
  margin: 20px 0 20px 0px;
}
/* .etoVehicleChildSeatsOptionsContainer {
  margin: 20px 0 30px 0;
} */
/* @media (min-width: 768px) {
  .etoVehicleChildSeatsOptionsContainer>div:not(.clear),
  .etoVehicleOtherOptionsContainer>div:not(.clear) {
    float: left;
    margin-right: 20px;
  }
  .etoVehicleChildSeatsOptionsContainer>div:not(#etoRoute1BabySeatsLoader):not(#etoRoute2BabySeatsLoader) .etoLabel,
  .etoVehicleOtherOptionsContainer>div:not(#etoRoute1PassengersLoader):not(#etoRoute2PassengersLoader) .etoLabel {
    width: auto !important;
    margin-right: 10px;
  }
} */
#etoRoute1ExtraChargesContainer ul,
#etoRoute2ExtraChargesContainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#etoRoute1ExtraChargesContainer ul li,
#etoRoute2ExtraChargesContainer ul li {
  margin: 0 0 2px 0;
  padding: 0;
}
#etoRoute1ExtraChargesContainer .etoLabel,
#etoRoute2ExtraChargesContainer .etoLabel,
#etoRoute1TotalPriceContainer .etoLabel,
#etoRoute2TotalPriceContainer .etoLabel {
  padding-top: 0px;
}
#etoStep3Container #etoPaymentContainer .etoInnerContainer,
#etoStep3Container #etoTermsContainer .etoInnerContainer {
  float: none;
}
#etoDiscountCodeInfoLoader {
  text-align: left;
  float: left;
}
#etoDiscountCodeInfoLoader .alert {
  padding: 11px;
}
.etoDiscountCodeMaster {
  text-align: left;
  float: left;
  margin-right: 20px;
}
#etoDiscountCodeContainer {
  display: inline-block;
}
.form-group-terms i.form-control-feedback {
  display: none !important;
}
#etoTermsContainer {
  margin: 0px 0 20px 0;
  text-align: left;
}
#etoTermsContainer .etoInnerContainer>label {
  margin: 0 0 0px 10px;
}
.etoPaymentLogosContainer {
  text-align: left;
  margin-top: 40px;
}
/* #etoPaymentContainer {
  margin-top: 30px;
}
.etoPaymentContainer {
  margin: 0 0 30px 0;
} */
.etoPaymentHeader {
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #000;
}
.etoPaymentContainer input[type="radio"] {
  display: none;
}
.etoPaymentContainer label {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
/* #etoTotalPriceContainer #etoTotalPriceDisplay {
  font-size: 25px;
} */
.etoPaymentButton {
  text-transform: none;
  width: 100%;
  font-weight: normal;
  float: none;
  display: block;
  margin: 0 auto;
  padding: 0 6px;
  font-size: 16px;
  min-height: 50px;
  white-space: pre-wrap;
  font-weight: bold;
}
.etoPaymentButtonLogoTable {
  margin-top: 10px;
  display: table;
  width: 100%;
  display: none;
}
.etoPaymentButtonLogo {
  padding: 0px 10px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  background: rgb(255, 255, 255);
  border-radius: 0;
  border: 1px rgb(67, 94, 117) solid;
  box-shadow: inset 0px 0px 30px rgb(156, 163, 169);
}
.etoPaymentImage {
  display: inline-block;
  max-width: 100%;
  max-height: 40px;
}
.etoPaymentInfoPrice1 {
  margin-left: 10px;
  font-weight: bold;
}
.etoPaymentInfoPrice2 {
  margin: 5px 0;
  font-weight: bold;
  font-size: 20px;
  display: none;
}
.etoPaymentInfoDiscount {
  font-size: 50%;
  color: #ABABAB;
  font-weight: normal;
  text-decoration: line-through;
  margin-right: 5px;
}
.etoPaymentInfoPrice2 .etoPaymentInfoDiscount {
  margin-right: 5px;
  color: #8bbde4;
}
#etoBookingLogoutFormContainer a {
  margin-bottom: 10px;
}
/* #etoBookingCheckoutType fieldset {
  border: 0 !important;
} */
/* #etoBookingCheckoutType .radio {
  margin-top: 0px;
  margin-bottom: 10px;
} */
#etoBookingCheckoutType .radio label {
  display: block;
}
#etoRoute1Requirements,
#etoRoute1Requirements {
  height: 80px;
  max-height: 150px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .etoRouteReturnSectionContainer:not(.etoRouteReturnSectionContainerActive) #etoRoute1VehicleContainer,
  .etoRouteReturnSectionContainer:not(.etoRouteReturnSectionContainerActive) #etoRoute2VehicleContainer {
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media (max-width: 768px) {
  /* .etoPaymentContainer {
    margin-bottom: 30px !important;
  } */
  #etoQuoteStep2ButtonHelper1Container {
    display: block;
  }
  .etoVehicleContainer {
    float: none;
    width: 100%;
    padding: 0;
  }
  .etoRoute1MapParent,
  .etoRoute2MapParent {
    text-align: left;
  }
}
@media (max-width:400px) {
  #etoStep1Container .etoInnerContainer,
  #etoStep1Container .etoLabel,
  #etoStep1Container #etoRoute1DateContainer,
  #etoStep1Container #etoRoute2DateContainer {
    float: none;
    width: 100%;
  }
  .etoWaypointsAddButtonContainer {
    float: none;
    width: 100%;
    margin-left: 0px;
  }
  #etoRoute1MeetAndGreetContainer,
  #etoRoute2MeetAndGreetContainer {
    margin-bottom: 10px;
    float: none;
  }
  #etoQuoteStep1ButtonContainer,
  #etoResetButtonContainer,
  #etoManualQuoteButtonContainer,
  .etoMinimalContainer #etoSubmitButtonContainer {
    width: 100%;
    margin-left: 0;
  }
  #etoStep3Container .etoInnerContainer,
  #etoStep3Container .etoLabel,
  .etoJourneyLine,
  .etoJourneyLine>span {
    float: none;
    width: 100%;
  }
  /* #etoLeadPassengerContainer,
   .etoLagguageInfo {
    margin-left: 0px;
  } */
  .etoVehicleInnerContainer {
    padding: 15px 10px;
  }
  .etoVehicleImage {
    margin-top: 10px;
  }
  .etoVehicleImage img {
    width: 80px;
  }
  .etoVehicleImageBG {
    width: 80px;
    height: 40px;
  }
  .etoVehicleTotalPrice {
    right: 10px;
  }
  .etoVehicleSelectDisableInfo {
    right: 10px;
  }
  .combodate {
    text-align: left;
    margin: 0;
  }
}
@media (max-width:320px) {
  .etoGhostDateBox {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .etoGhostDateBox>span.form-control {
    text-align: left;
  }
  .etoGhostTimeBox {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .etoVehicleColumn1 {
    float: none;
  }
  .etoVehicleImage {
    margin-top: 0px;
    margin-bottom: 5px;
  }
}
/* Cancel page */
#booking-cancel {
  margin: 0px auto;
  max-width: 700px;
}
#booking-cancel .create-button {
  margin-top: 20px;
  text-align: center;
}
#booking-cancel .info-box {
  display: table;
}
#booking-cancel .info-box-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#booking-cancel .info-box-text {
  text-transform: none;
  white-space: normal;
  font-size: 18px;
}
#booking-cancel .progress-description {
  white-space: normal;
  margin-top: 5px;
}
#booking-cancel .ref-number {
  color: #ffe9a7;
}
@media (max-width: 767px) {
  #booking-cancel .info-box-icon {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 70px;
  }
  #booking-cancel .info-box-content {
    display: block;
    clear: both;
    margin: 0;
    padding: 10px;
    text-align: center;
  }
}
/* Finish page */
#booking-finish {
  margin: 0px auto;
  max-width: 700px;
}
#booking-finish .footer-text {
  margin-top: 20px;
}
#booking-finish .create-button {
  margin-top: 20px;
  text-align: center;
}
#booking-finish .info-box {
  display: table;
}
#booking-finish .info-box-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#booking-finish .info-box-text {
  text-transform: none;
  white-space: normal;
  font-size: 18px;
}
#booking-finish .progress-description {
  white-space: normal;
  margin-top: 5px;
}
#booking-finish .ref-number {
  color: #ffe9a7;
}
#booking-finish .request-time {
  font-weight: bold;
}
@media (max-width: 767px) {
  #booking-finish .info-box-icon {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 70px;
  }
  #booking-finish .info-box-content {
    display: block;
    clear: both;
    margin: 0;
    padding: 10px;
    text-align: center;
  }
}
/* Pay page */
#booking-pay {
  margin: 0px auto;
  max-width: 700px;
}
#booking-pay .footer-text {
  margin-top: 20px;
}
#booking-pay .create-button {
  margin-top: 20px;
  text-align: center;
}
#booking-pay .info-box {
  display: table;
}
#booking-pay .info-box-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#booking-pay .info-box-text {
  text-transform: none;
  white-space: normal;
  font-size: 18px;
}
#booking-pay .progress-description {
  white-space: normal;
  margin-top: 5px;
}
#booking-pay .ref-number {
  color: #ffe9a7;
}
#paymentForm {
  text-align: center;
}
#paymentForm .button {
  margin-top: 10px;
}
@media (max-width: 767px) {
  #booking-pay .info-box-icon {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 70px;
  }
  #booking-pay .info-box-content {
    display: block;
    clear: both;
    margin: 0;
    padding: 10px;
    text-align: center;
  }
}
/* Error page */
#booking-error .details-link {
  display: inline-block;
  float: right;
  font-size: 18px;
  color: #fff;
  margin-left: 5px;
}
/* --- V2 ------------------------------------------------------------------- */
/* Journey */
/* .etoRoutesContainer {
  background: #f5f5f5;
  border: 1px #ededed solid;
  padding: 5px 10px;
} */
.eto-v2-button i {
  margin-left: 5px;
}
/* .eto-v2-services-tabs {
  margin-top: 0px !important;
  margin-bottom: -1px !important;
} */
.eto-v2-services-tabs .radio {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.eto-v2-services-tabs .radio label {
  margin: 0;
  padding: 0;
  width: 100%;
}
.eto-v2-services-tabs .radio .cr {
  display: none;
}
.eto-v2-services-tabs .radio .cr-val {
  display: block;
  margin: 0 1px 0px 0;
  padding: 4px 10px;
  line-height: 20px;
  border-radius: 0px;
  text-align: center;
  color: #333;
  border: 1px transparent solid;
}
.eto-v2-services-tabs .radio:hover .cr-val,
.eto-v2-services-tabs .radio input[type="radio"]:checked+.cr+.cr-val {
  background: #f7f7f7;
  border: 1px #ebebeb solid;
}
@media (max-width: 500px) {
  .eto-v2-services-tabs {
    text-align: center;
  }
  .eto-v2-services-tabs .radio {
    float: none;
    margin-bottom: 1px;
  }
}
#etoStep1Container #etoServicesContainer:not(.eto-v2-services-tabs) .input-group,
#etoStep1Container #etoServicesDurationContainer .input-group {
  display: block;
}
#etoStep1Container #etoServicesContainer:not(.eto-v2-services-tabs) select,
#etoStep1Container #etoServicesDurationContainer select {
  display: block;
  float: none;
  width: 100%;
}
#etoStep1Container #etoServicesContainer:not(.eto-v2-services-tabs) .input-group,
#etoStep1Container #etoServicesDurationContainer .input-group,
#etoStep1Container .etoGhostDateTime .etoGhostTimeBox,
#etoStep1Container .etoGhostDateTime .etoGhostDateBox {
  position: relative;
  padding-left: 20px;
  background-color: #fff;
}
#etoStep1Container .etoGhostDateTime .etoGhostTimeBox {
  padding-left: 25px;
}
#etoStep1Container .etoGhostDateTime .etoGhostTimeBox .combodate select {
  min-width: 50px;
}
#etoStep1Container .typeahead-wrap input {
  padding-left: 32px;
}
#etoStep1Container #etoServicesContainer:not(.eto-v2-services-tabs) .input-group:before,
#etoStep1Container #etoServicesDurationContainer .input-group:before,
#etoStep1Container .typeahead-wrap:before,
#etoStep1Container .etoGhostDateTime .etoGhostTimeBox:before,
#etoStep1Container .etoGhostDateTime .etoGhostDateBox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 10;
  top: 13px;
  left: 10px;
  font-size: 20px;
}
#etoStep1Container #etoServicesContainer:not(.eto-v2-services-tabs) .input-group:before {
  content: "\f4a5";
}
#etoStep1Container #etoServicesDurationContainer .input-group:before {
  content: "\f4b4";
}
#etoStep1Container .typeahead-wrap:before {
  content: "\f455";
}
#etoStep1Container .etoGhostDateTime .etoGhostTimeBox:before {
  content: "\f402";
}
#etoStep1Container .etoGhostDateTime .etoGhostDateBox:before {
  content: "\f3f3";
  left: 8px;
}
#etoServicesContainer:not(.eto-v2-services-tabs) .input-group-addon,
#etoServicesDurationContainer .input-group-addon,
.etoGhostDateTime .input-group-addon,
.twitter-typeahead .eto-icon-default {
  display: none !important;
}
.input-group {
  border-color: #dfdfdf;
}
#etoRouteReturnContainer {
  margin: 0 !important;
}
#etoRouteReturnContainer .etoInnerContainer {
  width: auto;
}
#etoRouteReturnContainer .checkbox label .cr {
  display: none;
}
#etoRouteReturnContainer .checkbox label input[type="checkbox"]:checked+.cr+.cr-label {
  border-bottom: 1px #333 solid;
}
#etoRouteReturnContainer:hover .cr-label {
  color: #337AB7;
  border-color: #337AB7 !important;
}
#etoStep1Container .etoOuterContainer,
#etoStep2Container .etoOuterContainer {
  margin-top: 5px;
  margin-bottom: 5px;
}
#etoStep1Container #etoQuoteStep1Button i,
#etoStep1Container #etoSubmitButton i {
  display: none !important;
}
.eto-v2-form-horizontal #etoStep1Container {
  margin: 0 auto;
  max-width: 100%;
}
.eto-v2-form-horizontal #etoStep1Container #etoServicesContainer:not(.eto-v2-services-tabs),
.eto-v2-form-horizontal #etoStep1Container #etoServicesDurationContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute1DateContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute2DateContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute1CategoryStartContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute1CategoryEndContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute2CategoryStartContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute2CategoryEndContainer,
.eto-v2-form-horizontal #etoStep1Container .etoWaypointsSubContainer {
  float: left;
  width: 100%;
  max-width: 240px;
  margin-right: 5px;
}
.eto-v2-form-horizontal #etoStep1Container #etoServicesDurationContainer {
  max-width: 150px;
}
.eto-v2-form-horizontal #etoStep1Container #etoButtonsContainer {
  float: left;
}
.eto-v2-form-horizontal #etoStep1Container #etoQuoteStep1Button .eto-v2-button-label,
.eto-v2-form-horizontal #etoStep1Container #etoSubmitButton .eto-v2-button-label {
  display: none !important;
}
.eto-v2-form-horizontal #etoStep1Container #etoQuoteStep1Button i,
.eto-v2-form-horizontal #etoStep1Container #etoSubmitButton i {
  display: inline-block !important;
  margin-left: 0 !important;
  font-size: 22px;
}
.eto-v2-form-horizontal #etoRoute1WaypointsPosition2,
.eto-v2-form-horizontal #etoRoute2WaypointsPosition2,
.eto-v2-form-horizontal .etoWaypointsAddButtonContainer {
  clear: both;
}
.eto-v2-form-horizontal #etoStep1Container .etoOuterContainer,
.eto-v2-form-horizontal #etoStep2Container .etoOuterContainer {
  margin-top: 2px;
  margin-bottom: 2px;
}
.eto-v2-form-horizontal .etoGhostDateBox,
.eto-v2-form-horizontal .etoGhostTimeBox {
  display: inline-block;
  width: 50%;
  margin-left: 0;
  border: 0;
}
.eto-v2-form-horizontal .etoGhostDateBox {
  width: 55%;
}
.eto-v2-form-horizontal .etoGhostTimeBox {
  width: 45%;
}
.eto-v2-form-horizontal #etoStep1Container .etoGhostDateTime .etoGhostTimeBox {
  padding-left: 0px;
}
.eto-v2-form-horizontal #etoStep1Container .etoGhostDateTime .etoGhostTimeBox::before {
  display: none;
}
.eto-v2-form-horizontal #etoStep1Container #etoRoute1DateContainer,
.eto-v2-form-horizontal #etoStep1Container #etoRoute2DateContainer {
  background: #fff;
  border: 1px #dfdfdf solid;
}
@media (max-width:320px) {
  #etoStep1Container #etoServicesDurationContainer .input-group,
  #etoStep1Container .etoGhostDateTime .etoGhostTimeBox,
  #etoStep1Container .etoGhostDateTime .etoGhostDateBox {
    padding-left: 0px;
  }
  #etoStep1Container .typeahead-wrap input {
    padding-left: 12px;
  }
  #etoStep1Container #etoServicesDurationContainer .input-group:before,
  #etoStep1Container .typeahead-wrap:before,
  #etoStep1Container .etoGhostDateTime .etoGhostTimeBox:before,
  #etoStep1Container .etoGhostDateTime .etoGhostDateBox:before {
    display: none;
  }
  .etoGhostDateBox,
  .etoGhostTimeBox {
    margin: 0 0 5px 0 !important;
  }
}
/* Steps */
.language-switcher-booking .language-switcher-style-dropdown {
  position: relative;
  top: auto;
  right: auto;
  z-index: auto;
  text-align: right;
  margin: 0;
}
.v2-steps-main {
  margin-bottom: 20px;
}
.v2-steps {
  position: relative;
  background: #fff;
  border: 1px #ebebeb solid;
}
.v2-steps-step:hover,
.v2-steps-step:active,
.v2-steps-step:focus,
.v2-steps-step {
  outline: 0;
  float: left;
  color: #888;
}
.v2-steps-step {
  display: inline-block;
  position: relative;
  min-width: 180px;
  padding: 4px 10px 4px 28px;
  height: 36px;
}
.v2-steps-step1 {
  padding-left: 10px;
}
.v2-steps-step::before,
.v2-steps-step::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #ebebeb;
}
.v2-steps-step::before {}
.v2-steps-step::after {
  z-index: 2;
  right: -17px;
  border-left: 18px solid #fff;
}
.v2-steps-step-active.v2-steps-step::before {
  border-left-color: #ebebeb;
}
.v2-steps-step-active.v2-steps-step::after {
  border-left-color: #f7f7f7;
}
.v2-steps-step-active.v2-steps-step {
  background: #f7f7f7;
}
.v2-steps-icon {
  display: none;
  position: absolute;
  left: 5px;
  color: #d7d7d7;
  opacity: 0;
}
.v2-steps-icon i {
  display: inline-block;
  font-size: 30px;
  line-height: 24px;
}
.v2-steps-title,
.v2-steps-name {
  display: block;
  color: #888;
  line-height: 16px;
  font-size: 14px;
  text-transform: uppercase;
}
.v2-steps-title+.v2-steps-name,
.v2-steps-name+.v2-steps-title {
  line-height: 12px;
  font-size: 10px;
}
.v2-steps-step-active .v2-steps-icon {
  display: inline-block;
}
.v2-steps-step-active .v2-steps-title,
.v2-steps-step-active .v2-steps-name,
.v2-steps-step:hover .v2-steps-title,
.v2-steps-step:hover .v2-steps-name {
  color: #000;
}
.v2-steps-lang {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 4;
}
.v2-steps-lang .language-switcher .btn-group button:hover {
  color: #333 !important;
}
.v2-steps-lang .language-switcher-style-dropdown .btn-group .btn {
  padding: 3px 6px !important;
  color: #333 !important;
}
.v2-steps-lang .language-switcher .btn-group.open button {
  color: #333 !important;
}
.v2-steps-lang .language-switcher-style-dropdown .btn-group .btn .caret {
  display: none !important;
}
.v2-steps-lang img.language-flag {
  float: left;
  margin-top: 2px;
}
.v2-steps-lang .language-switcher .dropdown-menu {
  width: auto;
  width: max-content;
}
.v2-book-by-phone {
  margin-top: 10px;
  text-align: right;
}
.v2-book-by-phone a {
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  line-height: 12px;
  font-size: 12px;
}
.v2-book-by-phone a:focus,
.v2-book-by-phone a:active,
.v2-book-by-phone a:hover {
  color: #000;
}
.v2-book-by-phone a i {
  float: left;
  margin-right: 8px;
  line-height: 12px;
  font-size: 16px;
}
.v2-book-by-phone a span {
  float: left;
}
.v2-book-by-phone-number {
  font-size: 13px;
}
.v2-current-step1 .footer-branding,
.v2-current-step1 .v2-book-by-phone {
  display: none;
}
.v2-current-step3 .etoMapBoxMainContainer {
  display: none !important;
}
@media (max-width:740px) {
  .v2-steps-step {
    min-width: auto;
  }
}
@media (max-width:540px) {
  .v2-steps {
    margin-right: 10px;
  }
  .v2-steps-step {
    display: table;
    width: 100%;
    min-width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding: 4px 10px;
  }
  .v2-steps-icon i {
    font-size: 22px;
    line-height: 16px;
  }
  .v2-steps-name {
    display: table-cell;
    vertical-align: middle;
    float: none;
    margin-right: 0px;
    font-size: 10px;
  }
  .v2-steps-title {
    display: none;
  }
  .v2-steps-lang {
    top: 5px;
  }
  .v2-book-by-phone {
    text-align: left;
  }
}
/* Vehicles */
.eto-v2-vehicle {
  float: left;
  display: inline-block;
  position: relative;
  margin: 0 0.666% 20px 0.666%;
  padding: 0;
  width: 32%;
  min-height: 280px;
  min-width: 280px;
}
.eto-v2-vehicle label {
  position: relative;
  width: 100%;
  display: block;
  font-weight: 300 !important;
  background: #fff;
  border: 1px transparent solid !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none;
}
.eto-v2-vehicle label.etoVehicleInnerContainerSelected,
.eto-v2-vehicle:hover label {
  border: 1px #888 solid !important;
}
.eto-v2-vehicle label.etoVehicleInnerContainerSelected,
.eto-v2-vehicle:hover label,
.eto-v2-vehicle label {
  border: 0 !important;
}
.eto-v2-vehicle-top {
  display: block;
  width: 100%;
  height: 180px;
  padding: 10px 10px 10px 10px;
}
.eto-v2-vehicle-bottom {
  display: table;
  width: 100%;
}
.eto-v2-vehicle-name {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
.eto-v2-vehicle-desc {
  display: block;
  width: 100%;
  color: #808080;
  font-size: 12px;
  line-height: 16px;
}
.eto-v2-vehicle-img {
  display: block;
}
.eto-v2-vehicle-img-bg {
  background-repeat: no-repeat;
  background-size: contain;
  /* background-position: center; */
  width: 100%;
  height: 130px;
}
.eto-v2-vehicle-details {
  display: table-cell;
  width: 50%;
  height: 100%;
  padding: 0px;
}
.eto-v2-vehicle-details-item {
  display: block;
  clear: both;
  font-size: 12px;
  color: #333;
}
.eto-v2-vehicle-details-item-icon {
  float: left;
  width: 18px;
  text-align: center;
  margin-right: 5px;
}
.eto-v2-vehicle-details-item-value {
  float: left;
  margin-right: 5px;
}
.eto-v2-vehicle-details-item-name {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 103px;
}
.eto-v2-vehicle-price {
  display: table-cell;
  width: 50%;
  height: 100%;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px #ebebeb solid;
  color: #333;
}
.eto-v2-vehicle-price .eto-vehicle-not-available-msg {
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.eto-v2-vehicle:hover label .eto-v2-vehicle-price,
.eto-v2-vehicle label.etoVehicleInnerContainerSelected .eto-v2-vehicle-price {
  background: #f7f7f7;
  border-color: #ebebeb;
}
.eto-v2-vehicle-reserve span,
.eto-v2-vehicle-reserve a,
.eto-v2-vehicle-reserve a:active,
.eto-v2-vehicle-reserve a:focus,
.eto-v2-vehicle-reserve a:hover {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}
.eto-v2-vehicle-reserve i {
  display: inline-block;
  margin-left: 5px;
  color: #000;
}
.eto-v2-vehicle-disable-info {
  display: none;
  color: #000;
}
.eto-v2-vehicle-price .etoVehicleTotalPrice {
  margin: 0;
  padding: 0;
  position: relative;
  top: auto;
  right: auto;
  color: inherit;
  font-size: 34px;
  line-height: 34px;
  text-align: left;
  font-weight: 300;
  background: none;
  display: inline-block;
}
/* .eto-v2-vehicle select {
  display: block;
  color: #333 !important;
} */
/* @media (min-width: 1200px) {
  .eto-v2-vehicle {
    margin: 0 1% 20px 1%;
    width: 23%;
  }
} */
@media (max-width: 900px) {
  .eto-v2-vehicle {
    margin: 0 1% 20px 1%;
    width: 48%;
  }
}
@media (max-width: 700px) {
  .eto-v2-vehicle {
    float: none;
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    min-height: auto;
  }
}
/* Trip */
.eto-v2-trip {
  display: block;
}
.eto-v2-trip-summary {
  display: block;
  float: left;
  width: 55%;
}
.eto-v2-trip-map {
  display: block;
  float: left;
  width: 45%;
}
.eto-v2-trip-fullwidth .eto-v2-trip-summary,
.eto-v2-trip-fullwidth .eto-v2-trip-map {
  display: block;
  float: none;
  width: 100%;
}
.eto-v2-trip #etoRoute1MapDirections,
.eto-v2-trip #etoRoute2MapDirections {
  position: relative;
  height: 320px;
  border: 0;
  margin: 0;
  padding: 10px;
  overflow-y: auto;
  text-align: left;
  background: #f7f7f7;
  border: 1px #ebebeb solid;
}
.eto-v2-trip #etoRoute1Map,
.eto-v2-trip #etoRoute2Map {
  position: relative;
  width: 100%;
  height: 320px;
  background: #f7f7f7;
  border: 0px #ebebeb solid;
}
@media (max-width: 500px) {
  .eto-v2-trip-summary,
  .eto-v2-trip-map {
    display: block;
    float: none;
    width: 100%;
  }
}
.eto-v2-summary {
  color: #000;
  font-size: 12px;
}
.eto-v2-summary-header {
  margin-bottom: 10px;
}
.eto-v2-summary-header-title {
  float: left;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin-left: 5px;
}
.eto-v2-summary-header-edit {
  float: right;
  cursor: pointer;
  color: #000;
}
.eto-v2-summary-header-edit:hover {
  color: #000;
}
.eto-v2-summary-route-name {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: 10px;
}
.eto-v2-summary-route-name-number {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.eto-v2-summary-route-name-number span.name {
  float: left;
  display: block;
  width: 20%;
  color: #99701e;
  font-weight: normal;
}
.eto-v2-summary-route-name-number span.line {
  float: left;
  display: block;
  border-top: 1px #ca9226 solid;
  width: 80%;
  margin-top: 10px;
}
.eto-v2-summary-header-edit span {
  line-height: 20px;
}
.eto-v2-summary-header-edit i {
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
}
.eto-v2-summary-header {}
.eto-v2-summary-details {}
.eto-v2-summary-details-row {
  float: left;
  width: 46%;
  margin-right: 4%;
}
.eto-v2-summary-details-row-to {
  margin-right: 0;
}
.eto-v2-summary-details-title span {
  float: left;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: 5px;
}
.eto-v2-summary-details-title i {
  float: right;
  font-size: 18px;
  line-height: 20px;
}
.eto-v2-summary-details-address {
  border: 1px #e4e4e4 solid;
  padding: 5px;
  min-height: 50px;
}
.eto-v2-summary-details-time {
  margin-right: 15px;
  margin-bottom: 5px;
}
.eto-v2-summary-details-distance,
.eto-v2-summary-details-duration {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
.eto-v2-summary-details-info {
  margin-top: 10px;
}
.eto-v2-summary-details-info-name {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
.eto-v2-summary-details-info-value {}
.eto-v2-summary-note {
  position: relative;
  margin-top: 20px;
  padding-left: 15px;
}
.eto-v2-summary-note i {
  position: absolute;
  top: 0;
  left: 0;
}
.eto-v2-summary-note span {}
.eto-v2-summary-vehicles {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px #e4e4e4 solid;
  padding: 5px;
  /* min-height: 50px; */
}
.eto-v2-summary-vehicle {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
/* Inputs */
.eto-v2-field {
  position: relative;
}
.eto-v2-field-label {
  position: absolute;
  top: 6px;
  left: 13px;
  z-index: 10;
  line-height: 10px;
  font-size: 10px;
  color: #888;
}
.eto-v2-field-no-label .eto-v2-field-label {
  display: none !important;
}
.eto-v2-field-has-value:not(.eto-v2-field-no-label) .form-control {
  padding: 18px 12px 8px 12px;
}
.eto-v2-field-has-value:not(.eto-v2-field-no-label) .iti .form-control {
  padding-left: 52px;
}
.eto-v2-field-has-value:not(.eto-v2-field-no-label) .iti .iti__selected-flag .iti__flag,
.eto-v2-field-has-value:not(.eto-v2-field-no-label) .iti .iti__selected-flag .iti__arrow {
  margin-top: 10px;
}
.iti .iti__country-list {
  z-index: 11;
}
.iti-mobile .iti.iti--container {
  position: absolute !important;
}
.iti-mobile .iti .iti__country-list {
  width: 95%;
}
/* Details */
.eto-v2-section {
  max-width: 480px;
}
.eto-v2-section-box {
  padding: 10px 10px;
  margin-bottom: 20px;
  background: #f7f7f7;
  border: 1px #ebebeb solid;
  color: #333;
}
.eto-v2-section-label {
  display: none;
}
.eto-v2-container-1,
.eto-v2-container-2,
.eto-v2-container-3 {
  float: left;
  width: 50%;
}
.etoJourneyTypeReturn .eto-v2-container-3 {
  float: none;
  width: 100%;
  clear: both;
}
.etoJourneyTypeReturn .eto-v2-section-benefits {
  min-height: 178px;
}
@media (max-width: 768px) {
  .eto-v2-section,
  .eto-v2-checkout,
  .eto-v2-container-1,
  .eto-v2-container-2,
  .eto-v2-container-3 {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.eto-v2-checkout {
  width: 100%;
  /* margin-bottom: -1px; */
}
.eto-v2-checkout .radio {
  margin: 0px;
}
.eto-v2-checkout-guest {
  float: left;
}
.eto-v2-checkout-register {
  float: left;
}
.eto-v2-checkout-login {
  float: left;
}
.eto-v2-checkout .cr {
  display: none !important;
}
.eto-v2-checkout .radio .cr-val {
  padding: 2px 10px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  border: 1px transparent solid;
  color: #333;
}
.eto-v2-checkout-separator {
  display: inline-block;
  float: left;
  height: 12px;
  width: 1px;
  margin: 8px 2px;
  background: #333;
}
.eto-v2-checkout .radio input[type="radio"]+.cr+.cr-val:hover,
.eto-v2-checkout .radio input[type="radio"]:checked+.cr+.cr-val {
  border: 1px #367fa9 solid;
  background: #3c8dbc;
  color: #fff;
}
#etoLeadPassengerTitleContainer,
#etoContactTitleContainer {
  display: none;
}
.eto-main-container {
  max-width: 980px;
  margin: 0 auto;
}
.eto-main-container .form-group {
  margin-bottom: 10px;
}
#etoRoute1RequirementsContainer .form-control,
#etoRoute2RequirementsContainer .form-control,
.eto-v2-section-journey-details .form-control,
#etoLeadPassengerSectionContainer .form-control,
#etoContactSectionContainer .form-control,
#etoLeadPassengerSectionContainer .iti,
#etoContactSectionContainer .iti {
  width: 100%;
  max-width: 100%;
}
#etoBookingRegisterForm .input-group {
  width: 100%;
}
.form-control:hover,
.form-control.hover,
.form-control:focus,
.form-control.focus,
.input-group:hover,
.input-group.hover,
.input-group:focus,
.input-group.focus {
  border-color: #bec6cf;
}
.eto-v2-header-label {
  margin-bottom: 5px;
  font-size: 16px;
  color: #000;
}
.eto-v2-section-contact-details,
.eto-v2-section-checkout-type,
.eto-v2-section-login-form,
.eto-v2-section-register-form,
.eto-v2-section-logout-form,
.eto-v2-section-options-items,
.eto-v2-section-journey-details,
.eto-v2-section-comments {
  padding-bottom: 0;
}
.eto-v2-section-register-form #registerButton,
.eto-v2-section-login-form-buttons,
.etoMoreOptionToggle {
  margin-bottom: 10px;
}
.eto-v2-section-benefits {
  margin-bottom: 50px;
}
.eto-v2-benefits-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.eto-v2-benefits-list ul li {
  position: relative;
  margin: 0px 0px 5px 0px;
  padding-left: 24px;
  width: 50%;
  display: inline-block;
  font-size: 16px;
  float: left;
}
.eto-v2-benefits-list ul li:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f3fd";
  font-size: 34px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.eto-v2-section-benefits .eto-v2-section-label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 360px) {
  .eto-v2-benefits-list ul li {
    width: 100%;
  }
}
.eto-v2-section-benefits,
.eto-v2-section-payment {
  padding: 0 10px;
}
.etoJourneyTypeReturn .eto-v2-section-payment {
  max-width: 100%;
}
.etoJourneyTypeReturn .eto-v2-section-benefits {
  min-height: 0;
  margin-bottom: 20px;
}
.eto-v2-card-logos {
  width: 600px;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.etoVehicleChildSeatsOptionsContainer,
.etoVehicleOtherOptionsContainer {
  margin: 0px 0 10px 0;
  background: #fff;
  padding: 10px;
  border: 1px #dcdcdc solid;
}
.etoVehicleChildSeatsOptionsContainer .eto-v2-field-label,
.etoVehicleOtherOptionsContainer .eto-v2-field-label {
  margin-top: 16px;
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
  line-height: 14px;
  font-size: 14px;
  color: #888;
  float: left;
  margin-top: 7px;
}
.etoVehicleChildSeatsOptionsContainer .etoOuterContainer,
.etoVehicleOtherOptionsContainer .etoOuterContainer {
  margin-bottom: 0px;
}
.etoVehicleChildSeatsOptionsContainer select,
.etoVehicleOtherOptionsContainer select {
  padding: 6px !important;
  width: auto !important;
  min-width: 50px !important;
  height: auto;
  border: 0 !important;
  float: right;
}
.etoVehicleChildSeatsOptionsContainer>div,
.etoVehicleOtherOptionsContainer>div {
  width: 46%;
  margin: 0 4% 0 0;
  display: inline-block;
  float: left;
}
.etoVehicleChildSeatsOptionsContainer {
  margin-top: 10px;
}
@media (max-width: 400px) {
  .etoVehicleChildSeatsOptionsContainer>div,
  .etoVehicleOtherOptionsContainer>div {
    width: 100%;
    margin: 0;
    display: block;
    float: none;
  }
}
.eto-main-container input::-webkit-input-placeholder {
  color: #888;
}
.eto-main-container input::-moz-placeholder {
  color: #888;
}
.eto-main-container input:-ms-input-placeholder {
  color: #888;
}
.eto-main-container input:-moz-placeholder {
  color: #888;
}
.eto-main-container textarea::-webkit-input-placeholder {
  color: #888;
}
.eto-main-container textarea::-moz-placeholder {
  color: #888;
}
.eto-main-container textarea:-ms-input-placeholder {
  color: #888;
}
.eto-main-container textarea:-moz-placeholder {
  color: #888;
}
.eto-v2-payment-method {
  float: left;
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 46%;
  margin: 0 4% 15px 0;
}
.eto-v2-payment-method .etoPaymentContainer {
  margin: 0;
}
@media (max-width: 400px) {
  .eto-v2-payment-method {
    float: none;
    position: relative;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 0 15px 0;
  }
}
@media (min-width: 400px) {
  .eto-v2-field-label-flight {
    float: left;
    width: 70%;
    margin-top: 5px;
    padding-right: 5px;
    line-height: 18px;
  }
  #etoRoute1FlightNumberContainer .etoInnerContainer,
  #etoRoute2FlightNumberContainer .etoInnerContainer,
  #etoRoute1DepartureFlightNumberContainer .etoInnerContainer,
  #etoRoute2DepartureFlightNumberContainer .etoInnerContainer {
    float: right;
    width: 30%;
  }
}
#etoTotalPriceContainer {
  display: none !important;
  width: 46%;
  float: left;
  margin: 0 4% 15px 0;
}
#etoTotalPriceContainer .etoLabel {
  display: none !important;
}
#etoTotalPriceContainer .etoInnerContainer {
  display: table;
  width: 100%;
}
#etoTotalPriceDisplay {
  display: table-cell;
  width: 100%;
  height: 123px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  background: #fafafa;
  color: #333;
  border: 1px #ebebeb solid;
  background: #ffb423;
  color: #fff;
  border: 0;
  font-size: 35px;
}
#etoPaymentContainer {
  margin-top: 10px;
}
#etoPaymentContainer .etoOuterContainer {
  margin-bottom: 0;
}
.eto-v2-payment-method-name {
  text-transform: uppercase;
}
/* #etoPaymentContainer .eto-v2-payment-method:first-child .etoPaymentInfoPrice2, */
.eto-v2-payment-method-first-box .etoPaymentInfoPrice2 {
  display: block;
  font-size: 40px;
  font-weight: normal;
}
#etoPaymentContainer .eto-v2-payment-method:first-child .etoPaymentButton {
  min-height: 115px;
}
#etoDiscountCodeInfoLoader .alert {
  margin: 0 0 5px 0;
  padding: 5px 10px;
}
#etoDiscountCodeInfoLoader .alert:last-child {
  margin-bottom: 20px;
}
/* #etoRoute1JourneyFromLoader,
#etoRoute2JourneyFromLoader,
#etoRoute1JourneyToLoader,
#etoRoute2JourneyToLoader,
#etoRoute1JourneyDetailsLoader,
#etoRoute2JourneyDetailsLoader,
#etoRoute1ExtraChargesContainer,
#etoRoute2ExtraChargesContainer,
#etoRoute1TotalPriceContainer,
#etoRoute2TotalPriceContainer, */
.etoLagguageInfo {
  display: none !important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  line-height: 14px;
}
form:not(.etoJourneyTypeScheduled) .eto-v2-time-picker-minutes-active .combodate,
form:not(.etoJourneyTypeScheduled) .eto-v2-time-picker-minutes-active .eto-v2-time-picker-combined,
form:not(.etoJourneyTypeScheduled) .eto-v2-time-picker-minutes-active #etoRoute1DateGhostDateBox,
form:not(.etoJourneyTypeScheduled) .eto-v2-time-picker-minutes-active #etoRoute2DateGhostDateBox {
  display: none !important;
}
form:not(.etoJourneyTypeScheduled) .eto-v2-time-picker-minutes-active #etoRoute1DateGhostTimeBox,
form:not(.etoJourneyTypeScheduled) .eto-v2-time-picker-minutes-active #etoRoute2DateGhostTimeBox {
  margin-left: 0 !important;
  width: 100% !important;
}
form.etoJourneyTypeScheduled .eto-v2-time-picker-minutes {
  display: none !important;
}
.eto-v2-preferred-box {
  margin-bottom: 5px;
}
.eto-v2-preferred-passengers,
.eto-v2-preferred-luggage,
.eto-v2-preferred-hand_luggage {
  float: left;
  background: white;
  border: 1px #dfdfdf solid;
  padding: 4px 8px;
  width: 32%;
}
.eto-v2-preferred-luggage {
  margin-left: 2%;
  margin-right: 2%;
}
.eto-v2-preferred-passengers i,
.eto-v2-preferred-luggage i,
.eto-v2-preferred-hand_luggage i {
  float: left;
  display: inline-block;
  width: 18px;
  font-size: 20px;
  line-height: 36px;
}
.eto-v2-preferred-passengers i {
  font-size: 22px;
}
.eto-v2-preferred-hand_luggage i {
  color: #8c8c8c;
}
.eto-v2-preferred-passengers select,
.eto-v2-preferred-luggage select,
.eto-v2-preferred-hand_luggage select {
  float: left;
  width: 60px;
  height: 36px;
  padding: 4px 5px;
  border: 0 !important;
}
.eto-v2-form-horizontal .eto-v2-preferred-box {
  max-width: 350px;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 400px) {
  .eto-v2-preferred-passengers,
  .eto-v2-preferred-luggage,
  .eto-v2-preferred-hand_luggage {
    width: 100%;
    margin: 0 0 5px 0;
  }
}
/* New layout */
.content-wrapper,
.right-side {
  background-color: #fff;
}
.main-page-title {
  display: block;
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  padding: 15px 4px 15px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
}
.main-page-title a {
  color: #333;
}
.main-page-title a:hover {
  color: #3c8dbc;
}
.main-page-title i {
  margin-right: 4px;
}
.user-panel>.info>p {
  font-weight: 400;
}
.sidebar-menu {
  margin-bottom: 40px;
}
.copyright-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 20px;
  padding: 5px 15px;
  background: #222d32;
  border-top: 1px #20292d solid;
  font-size: 11px;
  color: #4b646f;
}
.copyright-box a:not(:hover) {
  color: #4b646f !important;
}
.copyright-box a:hover {
  color: #b8c7ce !important;
}
@media (max-width: 768px) {
  .main-header .logo {
    display: none !important;
  }
  .main-sidebar,
  .left-side,
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 50px !important;
  }
}
@media (min-width: 767px) {
  .main-header {
    display: none !important;
  }
  .main-sidebar,
  .left-side {
    padding-top: 0px !important;
  }
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 0px !important;
  }
}
.sidebar .user-panel {
  overflow: visible !important;
  border-bottom: 1px solid #303f44;
  min-height: 60px;
}
.user-panel-locale {
  margin: 0;
}
.user-panel-locale>.btn-group {
  width: 100%;
}
.user-panel-locale>.btn-group>button {
  width: 100%;
  background: #222d32 !important;
  border-color: #222d32 !important;
  color: #b8c7ce !important;
  font-size: 12px;
  text-align: left;
  padding: 2px 0px;
}
.user-panel-locale .language-name {
  margin-left: 4px;
}
.user-panel-locale .dropdown-menu {
  border-color: #2d3b42;
  background-color: #3c454a;
  border-radius: 0;
  padding: 0;
  left: -40px;
}
.user-panel-locale .dropdown-menu>li>a {
  padding: 6px 8px;
  font-size: 12px;
  color: #b8c7ce !important;
}
.user-panel-locale .dropdown-menu>li>a:hover {
  background-color: #505b61 !important;
  color: #fff !important;
}
.user-panel-locale .eto-language-flag {
  width: 26px;
  margin-right: 4px;
}
.user-panel-locale .eto-language-name {
  display: inline-block;
}
.navbar-custom-menu-horizontal {
  display: none;
  float: left !important;
}
.eto-navbar-horizontal-nav .navbar-custom-menu-horizontal {
  display: block;
}
.eto-navbar-horizontal-nav .sidebar-toggle,
.eto-navbar-horizontal-nav .main-page-title {
  display: none !important;
}
.etoNoVehiclesMessage {
  margin-bottom: 20px;
  padding: 0 5px;
}
.etoNoVehiclesMessage>div {
  margin-bottom: 10px;
}
