/*
Copyright (c) 2024 by EasyTaxiOffice - All Rights Reserved
Website: https://easytaxioffice.com
Email: support@easytaxioffice.com
*/
::-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: 0.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 0.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: 0.5;
}

.etoStep3GroupErrorLink span {
    float: left;
    margin-right: 10px;
}

.etoStep3GroupErrorLink a {
    float: left;
}

.etoStep3GroupErrorDetails ul {
    list-style: inside !important;
}

.etoFieldError {
    margin-top: 6px;
    font-size: 12px;
    padding: 6px 10px;
    color: #dd4b39;
    background: #ffeded;
    border: 1px #ffd3cc solid;
    max-width: 500px;
}

.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;
    text-transform: none;
}

.etoStep1HeaderMini .language-switcher-style-dropdown .btn-group .btn {
    padding: 0;
}

@media (max-width: 400px) {
    .v2-has-language-switcher-dropdown .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,
#etoPrivacyContainer .etoLabel,
#etoPaymentContainer .etoLabel,
#etoQuoteStep3ButtonContainer,
.eto-payment-button-style #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%;
    float: left;
}

.twitter-typeahead>.input-group {
    background-color: #fff;
}

.twitter-typeahead>.input-group>.input-group-addon {
    min-width: 30px;
}

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: 22px;
    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: 20px;
    line-height: 25px;
    word-break: break-word;
    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;
    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: 11px;
    right: 60px;
    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;
    height: 30px;
    text-align: center;
    color: #666666;
}

.etoMapStyle2ButtonActive {
    top: 11px;
    right: 341px;
    width: 20px;
    height: 24px;
    line-height: 10px;
    font-size: 12px;
}

.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 .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 #etoRoute1PickupFlightNumberContainer,
.etoJourneyTypeScheduled #etoPickupFlightTimeSection,
.etoJourneyTypeScheduled #etoRoute1PickupFlightCityContainer,
.etoJourneyTypeScheduled #etoRoute1DropoffFlightNumberContainer,
.etoJourneyTypeScheduled #etoDropoffFlightTimeSection,
.etoJourneyTypeScheduled #etoRoute1DropoffFlightCityContainer,
.etoJourneyTypeScheduled #etoRoute1RequirementsContainer,
.etoJourneyTypeScheduled .etoVehicleOtherOptionsContainer,
.etoJourneyTypeScheduled #etoRoute1WheelchairLoader,
.etoJourneyTypeScheduled #etoRoute1LuggageLoader,
.etoJourneyTypeScheduled #etoRoute1HandLuggageLoader,
.etoJourneyTypeScheduled .etoLagguageInfo,
.etoJourneyTypeScheduled .eto-v2-section-comments {
    display: none !important;
}

.etoJourneyTypeOneWay .etoRoute1JourneyDetailsMaster {
    border: 0 !important;
}

.etoJourneyTypeOneWay .etoRoute1JourneyDetailsMaster legend,
.etoJourneyTypeOneWay .etoRoute1SectionContainer fieldset legend,
.etoJourneyTypeOneWay .etoVehicleTabs {
    display: none !important;
}

.etoVehicleTabContent {
    display: none;
}

.etoVehicleTabContentActive {
    display: block;
}

.etoVehicleTabContent legend {
    display: none !important;
}

#etoStep2Container #etoButtonsContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    #etoStep2Container .etoVehicleTabContent {
        margin: 10px 0 10px 0 !important;
    }
}

.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;
    margin-right: 20px;
    display: inline-block;
}

.meet_and_greet_box {
    text-align: center;
}

.meet_and_greet_subtext {
    color: #999999;
}

.etoJourneyTypeOneWay .meet_and_greet_subtext {
    display: none;
}

.etoDifferentVehicle {
    float: right;
}

.etoRouteMapMasterBox {
    float: left;
}

#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;
}

#etoRoute1JourneyFromLoader .etoLabel,
#etoRoute1JourneyToLoader .etoLabel,
#etoRoute1WaypointsCompleteLoader .etoLabel,
#etoRoute2JourneyFromLoader .etoLabel,
#etoRoute2JourneyToLoader .etoLabel,
#etoRoute2WaypointsCompleteLoader .etoLabel {
    padding-top: 0px;
}

#etoStep3Container .etoJourneyLine label:after,
#etoStep3Container .etoLabel:not(#etoSubmitButtonLabel):not(#etoSubmitButtonManualLabel):after {
    display: inline-block;
    content: ":";
}

#etoRoute1ItemsContainer .etoLabel:after,
#etoRoute2ItemsContainer .etoLabel:after {
    display: none;
}

#etoStep3Container .etoInnerContainer {
    max-width: 100%;
}

#etoLeadPassengerTitle,
#etoContactTitle,
#etoRoute1Passengers,
#etoRoute1Luggage,
#etoRoute1HandLuggage,
#etoRoute1ChildSeats,
#etoRoute1BabySeats,
#etoRoute1InfantSeats,
#etoRoute1Wheelchair,
#etoRoute2Passengers,
#etoRoute2Luggage,
#etoRoute2HandLuggage,
#etoRoute2ChildSeats,
#etoRoute2BabySeats,
#etoRoute2InfantSeats,
#etoRoute2Wheelchair {
    width: 80px;
}

.etoJourneyLineServicesDuration>span,
select#etoServicesDuration,
select#etoRoute1WaitingTime,
select#etoRoute2WaitingTime {
    text-transform: capitalize;
}

#etoRoute1ItemsLabel,
#etoRoute2ItemsLabel {
    display: none;
}

#etoLeadPassenger0,
#etoLeadPassenger1 {
    margin-right: 5px;
}

.etoJourneyLine {
    margin: 0 20px 0 0;
    display: block;
}

.etoJourneyLine>label {
    width: 150px;
}

.etoLagguageInfo {
    margin: 15px 0 15px 0px;
}

.etoChildSeatsContainer {
    margin: 20px 0 20px 0px;
}

#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,
#etoStep3Container #etoPrivacyContainer .etoInnerContainer {
    float: none;
}

#etoDiscountCodeInfoLoader {
    text-align: left;
    float: left;
}

#etoDiscountCodeInfoLoader .alert {
    padding: 11px;
}

.etoDiscountCodeMaster {
    text-align: left;
    margin-right: 20px;
}

#etoDiscountCodeContainer {
    display: inline-block;
}

.form-group-terms i.form-control-feedback,
.form-group-privacy i.form-control-feedback {
    display: none !important;
}

#etoTermsContainer,
#etoPrivacyContainer {
    margin: 0 0 20px 0;
    text-align: left;
}

#etoTermsContainer .etoInnerContainer>label,
#etoPrivacyContainer .etoInnerContainer>label {
    margin: 0 0 0px 10px;
}

.etoPaymentLogosContainer {
    text-align: left;
    margin-top: 40px;
}

.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;
}

.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%;
}

.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: #333;
}

#etoBookingLogoutFormContainer a {
    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) {
    #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%;
    }

    .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: 450px) {
    .etoVehicleImageBG {
        width: 80px;
        height: 40px;
    }
}

@media (max-width: 370px) {
    .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-edit {
    display: none;
    position: absolute;
    right: 2px;
    top: 8px;
}

.v2-steps-edit-name {
    display: none;
    margin-left: 5px;
    font-size: 12px;
}

.v2-steps-step-can-edit .v2-steps-edit {
    display: inline-block;
}

.v2-steps-step-can-edit {
    cursor: pointer;
}

.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-step2 .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;
}

.etoRouteReturnSectionContainerActive .eto-v2-vehicle {
    width: 100%;
    min-width: 100%;
}

.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: 20px;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
    font-weight: 300;
    background: none;
    display: inline-block;
}

.eto-v2-vehicle-price .etoVehicleTotalPrice span {
    font-size: 12px;
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: right;
}

/* .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;
}

.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%;
}

.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: 1px rgb(255 255 255 / 0%) solid !important;
    float: right;
}

.etoVehicleChildSeatsOptionsContainer select.etoError,
.etoVehicleOtherOptionsContainer select.etoError {
    border: 1px #dd4b39 solid !important;
}

.etoVehicleChildSeatsOptionsContainer>div,
.etoVehicleOtherOptionsContainer>div {
    width: 46%;
    margin: 0 4% 2px 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,
.eto-main-container input::-moz-placeholder,
.eto-main-container input:-ms-input-placeholder,
.eto-main-container input:-moz-placeholder,
.eto-main-container textarea::-webkit-input-placeholder,
.eto-main-container textarea::-moz-placeholder,
.eto-main-container textarea:-ms-input-placeholder,
.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;
    }

    #etoRoute1PickupFlightNumberContainer .etoInnerContainer,
    #etoRoute2PickupFlightNumberContainer .etoInnerContainer,
    #etoRoute1DropoffFlightNumberContainer .etoInnerContainer,
    #etoRoute2DropoffFlightNumberContainer .etoInnerContainer {
        float: right;
        width: 30%;
    }
}

#etoTotalPriceContainer {
    margin: 20px 0;
}

/* #etoTotalPriceContainer .etoLabel {
  display: none !important;
} */
#etoTotalPriceDisplay {
    display: inline-block;
    /* padding: 10px;
  background: #f7f7f7;
  border: 1px #ebebeb solid; */
    color: #333;
    font-size: 18px;
}

#etoTotalPriceDisplay .eto-vat-cal {
    font-size: 14px;
}

#etoPaymentContainer {
    margin-top: 10px;
}

#etoPaymentContainer .etoOuterContainer {
    margin-bottom: 0;
}

.eto-v2-payment-method-name {
    text-transform: uppercase;
    display: inline-block;
}

.eto-v2-payment-method-first-box .etoPaymentInfoPrice2 {
    display: block;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    word-break: break-word;
}

#etoPaymentContainer .eto-v2-payment-method:first-child .etoPaymentButton:not(.etoPaymentButtonWithLogo) {
    min-height: 115px;
}

#etoPaymentContainer .eto-v2-payment-method .etoPaymentButtonWithLogo {
    min-height: 140px;
}

#etoDiscountCodeInfoLoader .alert {
    margin: 0 0 5px 0;
    padding: 5px 10px;
}

#etoDiscountCodeInfoLoader .alert:last-child {
    margin-bottom: 20px;
}

.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-tickets-box,
.eto-v2-preferred-box {
    margin-bottom: 5px;
}

.eto-v2-tickets-field,
.eto-v2-preferred-field {
    float: left;
    background: #fff;
    border: 1px #dfdfdf solid;
    padding: 4px 8px;
    width: 32%;
}

.eto-v2-tickets-field {
    width: 49%;
}

.eto-v2-tickets-adults {
    margin-right: 2%;
}

.eto-v2-preferred-luggage {
    margin-left: 2%;
    margin-right: 2%;
}

.eto-v2-tickets-field i,
.eto-v2-preferred-field 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-tickets-children i {
    color: #c5c5c5;
}

.eto-v2-tickets-field select,
.eto-v2-preferred-field select {
    float: left;
    width: 60px;
    height: 36px;
    padding: 4px 5px;
    border: 0 !important;
}

.eto-v2-form-horizontal .eto-v2-tickets-box,
.eto-v2-form-horizontal .eto-v2-preferred-box {
    max-width: 350px;
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 400px) {

    .eto-v2-tickets-field,
    .eto-v2-preferred-field {
        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;
}

.eto-vat-cal {
    margin-left: 5px;
    color: #808080;
}

.etoVehicleContainer .eto-vat-cal {
    display: block;
    line-height: 12px;
    font-size: 12px;
}

#etoVehicleCheckoutTotal .eto-vat-cal {
    font-size: 12px;
}

.v2-has-vat .etoVehicleTotalPrice {
    top: 10px;
}

.v2-has-vat .etoVehicleSelectDisableInfo {
    bottom: 10px;
}

@media (max-width: 300px) {
    #etoMinimalContainer .etoStep1HeaderMini {
        text-align: center;
    }

    #etoMinimalContainer .etoStep1HeaderMini .language-switcher-style-dropdown {
        position: relative;
        top: auto;
        right: auto;
    }
}

.eto-payment-unconfirmed-container {
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    color: #333;
    padding: 15px;
    margin-bottom: 20px;
}

.eto-sale-discount-box {
    display: block;
    margin-bottom: 0 !important;
}

.eto-sale-discount-name {
    display: inline-block !important;
    text-transform: uppercase;
    color: red;
    margin-right: 5px;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    font-weight: bold;
}

.eto-sale-discount-value {
    display: inline-block !important;
    margin-bottom: 0 !important;
    text-decoration: line-through;
}

.eto-has-sale .etoVehicleColumn3 {
    min-height: 85px;
}

.etoBtnOtherBox {
    text-align: center;
    margin: 0 auto 20px auto;
}

.etoBtnOtherOr {
    margin-bottom: 10px;
    font-weight: bold;
}

.etoBtnOther {
    display: inline-block;
    margin: 5px;
    padding: 10px 24px;
    background-color: #fff;
    border: 2px #3c8dbc solid;
    cursor: pointer;
}

.etoBtnOther:hover {
    background-color: #3c8dbc;
    color: #fff;
}

#etoBtnOtherModal .modal-dialog {
    max-width: 400px;
}

.etoMod_Form {
    padding: 15px;
}

.etoMod_Row {
    margin-bottom: 10px;
    width: 100%;
}

.etoMod_Note {
    background-color: #f5f5f5;
    color: #7b7b7b;
    padding: 15px;
    text-transform: initial;
}

.etoMod_Link i {
    margin-right: 10px;
    width: 14px;
    text-align: center;
}

.etoMod_Link a:not(:hover) {
    color: #333;
}

.etoMod_Send {
    text-transform: uppercase;
}

.etoMod_Send i {
    margin-right: 5px;
}

.etoMod_FormError {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #d61f1f;
    color: #fff;
}

.etoMod_FormSuccess {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #60bd60;
    color: #ffffff;
}

.etoModRowError {
    border: 1px #d61f1f solid !important;
    border-left-width: 3px !important;
}

.etoMod_SummaryHeader {
    margin-bottom: 2px;
    font-size: 14px;
    color: #808080;
}

.etoMod_SummaryBox {
    margin-bottom: 10px;
}

.etoMod_SummaryName {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.etoMod_SummaryQuote {
    color: red;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.eto-discount-msg {
    line-height: 26px;
}

#discountVehMessage {
    padding: 6px 15px;
}

.eto-v2-trip #etoRoute2MapDirections,
#etoRoute2Container .eto-v2-section-box,
#etoRoute2Container .etoVehicleInnerContainer {
    background: #f0f8f9;
    border: 1px #dbe7e9 solid;
}

#etoRoute2Container div:not(.eto-v2-vehicle-price)>.etoVehicleTotalPrice {
    background: #f0f8f9;
}

#etoRoute2MapDirections.etoMapStyle2Directions {
    background: rgb(240 248 249 / 90%) !important;
}

/* Hide vehicle tabs */
@media (min-width: 780px) {
    .etoJourneyTypeReturn #etoStep2Container .etoRouteReturnSectionContainerActive fieldset.etoVehicleTabContent {
        display: inline-block !important;
        width: 50% !important;
        float: left;
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    .etoJourneyTypeReturn #etoStep2Container .etoRouteReturnSectionContainerActive:after {
        content: "";
        display: block;
        clear: both;
    }

    .etoJourneyTypeReturn #etoStep2Container .etoRouteReturnSectionContainerActive .etoVehicleTabContent legend {
        display: block !important;
        margin-bottom: 0px !important;
    }

    .etoJourneyTypeReturn #etoStep2Container ul.etoVehicleTabs {
        display: none !important;
    }

    .etoJourneyTypeReturn .etoMapBoxMainContainer .etoMapBox .etoVehicleTabContent {
        display: block !important;
    }
}

@media (max-width: 780px) {
    .etoJourneyTypeReturn #etoStep2Container .etoRouteReturnSectionContainerActive fieldset.etoVehicleTabContent {
        display: inline-block !important;
        width: 100% !important;
        float: none;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .etoJourneyTypeReturn #etoStep2Container .etoRouteReturnSectionContainerActive:after {
        content: "";
        display: block;
        clear: both;
    }

    .etoJourneyTypeReturn #etoStep2Container .etoRouteReturnSectionContainerActive .etoVehicleTabContent legend {
        display: block !important;
        margin-bottom: 0px !important;
    }

    .etoJourneyTypeReturn #etoStep2Container ul.etoVehicleTabs {
        display: none !important;
    }

    .etoJourneyTypeReturn .etoMapBoxMainContainer .etoMapBox .etoVehicleTabContent {
        display: block !important;
    }
}

/* Payment list */
.eto-payment-list-container {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 8px 8px;
    background: #ffffff;
    border: 1px #ebebeb solid;
    max-width: 500px;
}

.eto-payment-list-container-selected {
    background: #f2ffe4;
    border: 1px #d3e1c3 solid;
}

.eto-payment-list-inner {
    display: table;
    width: 100%;
}

.eto-payment-list-radio {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    text-align: left;
}

.eto-payment-list-radio label,
.eto-payment-list-text,
.eto-payment-list-name {
    display: inline-block;
}

.eto-payment-list-price {
    display: block;
}

.eto-payment-list-price .etoPaymentInfoPrice1 {
    margin-left: 0;
}

.eto-payment-list-logo {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: left;
}

.eto-payment-list-logo-img {
    max-height: 40px;
    max-width: 100%;
}

.eto-payment-list-deposit {
    margin-top: 5px;
    margin-left: 25px;
}

.eto-payment-list-deposit select {
    width: auto;
}

.eto-payment-list-style #etoTermsContainer,
.eto-payment-list-style #etoPrivacyContainer {
    margin: 10px 0 0 0;
}

.eto-payment-list-style #etoTotalPriceDisplay .etoPaymentInfoDiscount {
    font-size: 80%;
}

.eto-js-total-deposit-ghost {
    width: auto !important;
}

@media (max-width: 480px) {

    .eto-payment-list-inner,
    .eto-payment-list-radio,
    .eto-payment-list-logo {
        display: block;
        width: auto;
    }

    .eto-payment-list-logo {
        margin-top: 5px;
        margin-left: 25px;
    }
}

.eto-veh-availability-msg {
    font-weight: 500;
}

.eto-veh-availability-msg-sold {
    color: #eb5855;
}

.eto-veh-availability-msg-available {
    color: #4aab4c;
}