/*! * Datetimepicker for Bootstrap 3 * version : 4.17.37 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .image-airport{background:url(https://www.abc-transfers.com/booking/app/web/img/frontend/airport.svg) no-repeat left center;background-size:25px}.image-train{background:url(https://www.abc-transfers.com/booking/app/web/img/frontend/railway-station.svg) no-repeat left center;background-size:25px}.image-skiing{background:url(https://www.abc-transfers.com/booking/app/web/img/frontend/ski.svg) no-repeat left center;background-size:25px}.image-city{background:url(https://www.abc-transfers.com/booking/app/web/img/frontend/town.svg) no-repeat left center;background-size:25px}body [id^=pjWrapperShuttleBookingSearch]{color:var(--color-content-text);line-height:1.2;font-family:var(--font-family)}#pjWrapperShuttleBookingSearch,#pjWrapperShuttleBookingSearch .form-control{font-size:.85rem}#pjWrapperShuttleBookingSearch .form-control::placeholder{color:#020202;opacity:1}#pjWrapperShuttleBookingSearch .form-control:-ms-input-placeholder{color:#020202}#pjWrapperShuttleBookingSearch .form-control::-ms-input-placeholder{color:#020202}#pjWrapperShuttleBookingSearch .text-light-grey{color:#8696c1!important}#pjWrapperShuttleBookingSearch .text-light-blue{color:#cce5ff!important}#pjWrapperShuttleBookingSearch .text-blue{color:var(--color-content-primary)!important}#pjWrapperShuttleBookingSearch .text-green{color:#73c585!important}#pjWrapperShuttleBookingSearch .text-red{color:#de2016!important}#pjWrapperShuttleBookingSearch h3{font-size:1.3rem}#pjWrapperShuttleBookingSearch h5{font-size:1.1rem}#pjWrapperShuttleBookingSearch .form-group{margin-bottom:15px}#pjWrapperShuttleBookingSearch input:focus,#pjWrapperShuttleBookingSearch textarea:focus,input.select2-search__field:focus{outline:0;box-shadow:none!important}#pjWrapperShuttleBookingSearch .form-group.has-error .form-control,#pjWrapperShuttleBookingSearch .form-group.has-error .select2-container .select2-selection--single{border:2px solid #e26a75!important}#pjWrapperShuttleBookingSearch .form-group.has-error .error{color:#e26a75;font-size:.8rem}#pjWrapperShuttleBookingSearch .form-group.has-success .form-control,#pjWrapperShuttleBookingSearch .form-group.has-success .select2-container .select2-selection--single{border:2px solid #3fb45a!important}#pjWrapperShuttleBookingSearch .form-group.has-success .error{color:#3fb45a}#pjWrapperShuttleBookingSearch .form-control{border:1px solid var(--inputs-border-color);min-height:52px;padding:.375rem 1rem .375rem 3rem;background-color:var(--inputs-background,transparent)}#pjWrapperShuttleBookingSearch textarea.form-control{padding:.375rem 1rem .375rem 1rem}#pjWrapperShuttleBookingSearch .form-control[disabled],#pjWrapperShuttleBookingSearch .form-control[readonly],#pjWrapperShuttleBookingSearch .input-group-addon,#pjWrapperShuttleBookingSearch fieldset[disabled] .form-control{background-color:var(--inputs-background,transparent)}#pjWrapperShuttleBookingSearch .btn-primary{color:#fff;background-color:var(--color-content-primary);border-color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .btn-secondary{color:#707479;background-color:#f8f9fa;border-color:#f8f9fa}#pjWrapperShuttleBookingSearch .btn-secondary:hover{color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .select2-container{width:100%!important}.select2-results__option{position:relative}.select2-results__option span>span{margin-left:20px;font-size:.9rem}.select2-results__option .material-icons{vertical-align:top;font-size:27px;width:25px}.select2-results{font-size:18px!important;line-height:28px}.select2-results__option{padding:12px!important;border-bottom:1px solid var(--inputs-border-color)!important;user-select:none;-webkit-user-select:none}.select2-results__option:last-child{border-bottom:none!important}.select2-container--default .select2-results__option i{color:var(--color-content-primary);font-size:18px;width:15px}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--color-header-middle-text)!important;color:#fff;font-size:1rem}.select2-container--default .select2-search--dropdown .select2-search__field{border-color:var(--inputs-border-color)!important;height:48px!important;background-color:#fff;color:#000;border-radius:var(--inputs-border-radius,0)}.select2-container .select2-selection--single{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:1px solid var(--inputs-border-color)!important;height:52px!important;padding:.55rem 1rem .55rem 3rem;background:var(--inputs-background,transparent)}.select2-container .select2-selection--single{color:#191f26;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:var(--inputs-border-radius,0)}.select2-container--open .select2-dropdown{border-radius:0;padding:0;border:1px solid var(--inputs-border-color);border-top:none;border-radius:var(--inputs-border-radius)}#pjWrapperShuttleBookingSearch .select2-container .select2-selection--single .select2-selection__rendered{padding:0}#pjWrapperShuttleBookingSearch .select2-container--default .select2-selection--single .select2-selection__arrow{height:52px;position:absolute;right:1px;width:30px}.select2-container--default .select2-selection--single .select2-selection__arrow:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.select2-container--default .select2-selection--single .select2-selection__arrow b,.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#ccc transparent transparent transparent;position:absolute;top:25px;left:6px}.select2-results__option{padding:10px!important}#pjWrapperShuttleBookingSearch .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b,#pjWrapperShuttleBookingSearch .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:#191f26 transparent transparent transparent}#pjWrapperShuttleBookingSearch .alert{padding:.5rem 1rem}#pjWrapperShuttleBookingSearch .alert-success{color:#336e41;background-color:#d4edda;border-color:#c9e8d0}#pjWrapperShuttleBookingSearch .alert-success i.fa-solid,#pjWrapperShuttleBookingSearch .alert-success i.fad{font-size:30px;margin-right:15px;color:#73c585}#pjWrapperShuttleBookingSearch .alert-success .alert-desc{display:inline-block;font-size:.8rem}#pjWrapperShuttleBookingSearch .alert-success .alert-desc .alert-title{display:block;color:#155724;font-size:1rem;font-weight:600}#pjWrapperShuttleBookingSearch .alert-info{color:#4579b2;background-color:#cbe4ff;border-color:#d8e8fb}#pjWrapperShuttleBookingSearch .alert-info i.fa-solid,#pjWrapperShuttleBookingSearch .alert-info i.fad{font-size:30px;margin-right:15px;color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .alert-info .alert-desc{display:inline-block}#pjWrapperShuttleBookingSearch .alert-info .alert-desc .alert-title{display:block;color:#003e87;font-size:1rem;font-weight:600}#pjWrapperShuttleBookingSearch .alert-warning i.fa-solid,#pjWrapperShuttleBookingSearch .alert-warning i.fad{font-size:25px;margin-right:15px}#pjWrapperShuttleBookingSearch .alert-warning .alert-desc{display:inline-block}#pjWrapperShuttleBookingSearch .pjSbSearchForm{margin:0 0 35px;padding:15px;background:#fff}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbAddReturnTransfer .form-control::placeholder{color:#020202;opacity:1}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbAddReturnTransfer .form-control:-ms-input-placeholder{color:#020202;opacity:1}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbAddReturnTransfer .form-control::-ms-input-placeholder{color:#020202;opacity:1}#pjWrapperShuttleBookingSearch .pjSbSearchForm .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}#pjWrapperShuttleBookingSearch .pjSbSearchForm .btn{height:52px}#pjWrapperShuttleBookingSearch .pjSbSearchForm .btn-group .btn{background-color:#fff;border:1px solid var(--inputs-border-color);height:auto;color:inherit;font-size:.85rem;focus-ring-color:#000!important}#pjWrapperShuttleBookingSearch .pjSbSearchForm .btn-group .btn-primary,#pjWrapperShuttleBookingSearch .pjSbSearchForm .btn-group .btn:hover{background-color:var(--color-content-primary);color:#fff}#pjWrapperShuttleBookingSearch .input-group{position:relative}#pjWrapperShuttleBookingSearch .input-group .input-group-addon{position:absolute;left:15px;top:11px;z-index:4;color:var(--color-content-primary);font-size:25px;background:0 0}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation{position:relative}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation .pjSbSwitchLocationRightLeft{position:absolute;font-size:20px;color:#fff;background:var(--inputs-background,transparent);border:1px solid var(--inputs-border-color)!important;width:35px;height:35px;border-radius:50%;top:10px;right:-17px;z-index:2;text-align:center;line-height:35px}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation .pjSbSwitchLocationUpDown{position:absolute;font-size:20px;background:var(--inputs-background,transparent);border:1px solid var(--inputs-border-color)!important;width:35px;height:35px;border-radius:50%;top:33px;right:30px;z-index:2;text-align:center;line-height:35px}#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table td,#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table th{padding:5px}#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table td span.active,#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table td.active,#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table td.active:hover{background-color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table td.today:before{border-color:rgba(0,0,0,.2) transparent var(--color-content-primary)}#pjWrapperShuttleBookingSearch .pjSbAddReturnTransfer .form-control{cursor:pointer}#pjWrapperShuttleBookingSearch .pjSbPassengers .input-group .input-group-addon{left:35%}#pjWrapperShuttleBookingSearch .pjSbPassengers .form-control{padding:.375rem 0 .375rem 15px;font-size:18px}#pjWrapperShuttleBookingSearch .input-group .pjSbSpinLeft{position:absolute;left:15px}#pjWrapperShuttleBookingSearch .input-group .pjSbSpinRight{position:absolute;right:40px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle{position:relative;background:#fff;width:100%;margin:50px 0 60px 0;padding:15px 25px 10px 25px;-moz-box-shadow:0 4px 9px #ececec;-webkit-box-shadow:0 4px 9px #ececec;box-shadow:0 4px 9px #ececec}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .traveller-choice-img{position:absolute;left:30px;top:-30px;z-index:10}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .traveller-choice-img img{width:60px;background:#fff;display:none}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle img{max-width:100%;display:inline-block;text-align:center}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo .pjSbVehicleTitle{font-size:18px;font-weight:600;margin-bottom:15px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo .pjSbVehicleTitle .badget{min-width:110px;text-align:center;display:block;float:right;font-size:12px;text-transform:none;font-weight:400;background:var(--color-content-primary);padding:3px 10px;border-radius:5px;color:#fff}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo ul{list-style:none;margin:5px 0 10px 0;padding:5px 0}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo ul li{margin-top:10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo ul li a{color:#020202;text-decoration:none;border-bottom-style:dotted;border-bottom-width:1.5px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo ul li.pjSbVehicleMoreInfoButton{margin-top:20px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleInfo ul li a.pjSbVehicleMoreInfo{border:1px solid #707478;border-radius:5px;padding:5px 10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleData{border-right-style:dotted;border-right-width:2px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData{font-size:.8rem}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .selectdate i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .selectdate i.fad{font-size:40px;margin-bottom:10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .selectdate{margin-bottom:10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .btn{min-width:150px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .trSendInquiryButton{margin-top:30%}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .prices{line-height:1.7rem;margin-bottom:10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .prices .price{margin-top:20px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .prices.pjSbPriceHasDiscount .price{margin-top:0}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle.pjSbHasReturnDiscount{padding:15px 25px 50px 25px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .prices .price{font-size:1.5rem;color:#de2016;font-weight:600}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbPriceData .prices .price small{font-size:.5em}#pjWrapperShuttleBookingSearch .crossed-out-price{text-decoration:line-through}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .return-discount-info{position:absolute;bottom:0;background:#fff3cd;width:100%;left:0;padding:10px 20px;color:#ac9144;border-radius:.25rem!important}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc{color:#4e545a;margin-top:15px;position:relative}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc .pjSbVehicleDesc{background:#f8f9fa;padding:10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc .pjSbVehicleServicesDesc{padding:10px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc .pjSbVehicleLessInfo{position:absolute;right:5px;bottom:0}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc i.fad{color:#ced4db;font-size:30px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc h3{font-size:1.2rem;font-weight:600;margin-bottom:1.3rem}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc .pjSbVehicleServicesDesc i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc .pjSbVehicleServicesDesc i.fad{color:var(--color-content-primary);font-size:25px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleFullDesc .pjSbVehicleServicesDesc .form-group{margin-bottom:30px}#pjWrapperShuttleBookingSearch .row-flex{display:flex;flex-wrap:wrap}.tooltipster-sidetip .tooltipster-box{background:#fff!important;border:1px solid #ddd!important;border-radius:4px;max-width:300px}.tooltipster-sidetip .tooltipster-content{color:#020202!important;line-height:18px;padding:6px 14px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff!important;left:-2px!important;top:-3px!important}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#ddd!important;border:8px solid transparent}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .trChooseVehicleButton i{display:none}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .trChooseVehicleButton span{display:block}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .trChooseVehicleButton.active i{display:block;font-size:30px}#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .trChooseVehicleButton.active span{display:none}#pjWrapperShuttleBookingSearch .pjSbAlertAddReturnTransfer{background:var(--color-content-primary);color:#fff;border-color:#d8e8fb;padding:2rem;margin-bottom:1rem;border-radius:.25rem}#pjWrapperShuttleBookingSearch .pjSbAlertAddReturnTransfer tr.row{display:table-row}#pjWrapperShuttleBookingSearch .pjSbAlertAddReturnTransfer td i{font-size:30px}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul{list-style:none;margin:5px 0 10px 0;padding:5px 0;font-size:14px;border:2px solid #eceef0;border-radius:5px}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul{margin-left:0;margin-right:0}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul li{padding:10px 0;border-bottom:2px solid #eceef0;margin-left:0;margin-right:0}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul li:last-child{border-bottom:none}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul li img{max-width:35px;display:inline-block}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul li i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbExtrasInfo ul li i.fad{font-size:35px}#pjWrapperShuttleBookingSearch a{color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .badget-amount{background:var(--color-content-primary);color:#fff;padding:5px 10px;border-radius:5px;margin-left:10px;font-size:.66rem;font-weight:600}#pjWrapperShuttleBookingSearch .badget-free{background:green;color:#fff;padding:5px 10px;border-radius:5px;margin-left:10px;font-size:.66rem;font-weight:600}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo .pjSbExtraName{font-size:.9rem}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo .pjSbExtraName .badget-amount{white-space:nowrap}#pjWrapperShuttleBookingSearch .pjSbExtrasInfo .pjSbExtraDesc{font-size:.7rem;margin-top:5px}#pjWrapperShuttleBookingSearch .pjSbDepartureInfo .pjSbExtrasInfo table tr td,#pjWrapperShuttleBookingSearch .pjSbReturnInfo .pjSbExtrasInfo table tr td{line-height:1.45rem}#pjWrapperShuttleBookingSearch .pjSbBoxWrap{margin:0 0 35px;padding:15px;background:#fff}#pjWrapperShuttleBookingSearch .pjSbBox{padding:15px 25px 10px 25px;-moz-box-shadow:0 4px 9px #ececec;-webkit-box-shadow:0 4px 9px #ececec;box-shadow:0 4px 9px #ececec;border:2px solid #ececec;margin-bottom:20px}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox{padding:0}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox h3{padding:15px 25px 10px 25px;margin-bottom:0}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox .summary{padding:15px 25px 10px 25px;font-size:.85rem;border-top:2px solid #ececec}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox .summary .summary-item{margin-bottom:10px}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox .summary .summary-item i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox .summary .summary-item i.fad{color:var(--color-content-primary);font-size:20px;width:30px}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox .summary.pjSbTotalPrice h3{font-weight:700;padding-bottom:0;padding-top:0;color:#343a40}#pjWrapperShuttleBookingSearch .pjSbCartWrap .pjSbBox .summary .summary-item.summary-extras .img-responsive{max-width:30px}#pjWrapperShuttleBookingSearch .form-group small{font-size:.8em;color:#8696c1}#pjWrapperShuttleBookingSearch .pjSbSpins .form-control{padding:0}#pjWrapperShuttleBookingSearch .pjSbSpins .pjSbSpinLeft{position:absolute;left:0}#pjWrapperShuttleBookingSearch .pjSbSpins .pjSbSpinRight{position:absolute;right:52px}#pjWrapperShuttleBookingSearch .pjSbForm .form-control::placeholder{color:#8696c1}#pjWrapperShuttleBookingSearch .pjSbForm .form-control:-ms-input-placeholder{color:#8696c1}#pjWrapperShuttleBookingSearch .pjSbForm .form-control::-ms-input-placeholder{color:#8696c1}#pjWrapperShuttleBookingSearch .form-group label.control-label{margin-bottom:5px}#pjWrapperShuttleBookingSearch .pjSbRemoveReturnTransfer{text-decoration:none}#pjWrapperShuttleBookingSearch .pjSbRemoveReturnTransfer i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbRemoveReturnTransfer i.fad{color:#ced4db;font-size:30px;vertical-align:middle}#pjWrapperShuttleBookingSearch .pjSbBtnGoBack{color:#000;text-decoration:none;font-size:1rem;font-weight:600}#pjWrapperShuttleBookingSearch .pjSbBtnGoBack i{font-size:30px;color:#ced4da;padding-right:10px;vertical-align:sub}#pjWrapperShuttleBookingSearch .form-group.has-error small{display:none}#pjWrapperShuttleBookingSearch .pjSbPersonalTitles .btn-group .btn{background:#6c757d;border-color:#6c757d;color:#fff}#pjWrapperShuttleBookingSearch .pjSbPersonalTitles .btn-group .btn-primary,#pjWrapperShuttleBookingSearch .pjSbPersonalTitles .btn-group .btn:hover{color:#fff;background-color:var(--color-content-primary);border-color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .input-group .pjSbDialingCode{flex:unset;border-bottom-right-radius:0;border-top-right-radius:0}#pjWrapperShuttleBookingSearch .input-group .pjSbDialingCode{flex:unset;border-bottom-right-radius:0;border-top-right-radius:0;padding:0 10px;width:80px;text-align:center}#pjWrapperShuttleBookingSearch .input-group .pjSbPhone{border-bottom-left-radius:0;border-top-left-radius:0}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod{border:2px solid #cce5ff;border-radius:5px;padding:20px;margin-bottom:15px}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod .form-check-input[type=radio]{border-radius:50%;width:40px;height:40px;background:#cce5ff;border:1px solid #cce5ff;cursor:pointer}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod span.checked{position:relative}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod span.checked .form-check-input[type=radio]{background:var(--color-content-primary);border:1px solid var(--color-content-primary)}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod span.checked::before{font-family:fontawesome;content:"\f00c";font-weight:900;color:#fff;position:absolute;font-size:25px;top:9px;left:8px}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod table tr td{vertical-align:middle}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod table tr td i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod table tr td i.fad{font-size:40px;color:#cce5ff}#pjWrapperShuttleBookingSearch .pjSbPaymentMethods .pjSbPaymentMethod .payment-method-name{font-size:1rem;font-weight:600}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-group{margin-bottom:0}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-group.has-error label.error{display:block}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check{padding-left:0;margin-bottom:0}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check span{position:relative;cursor:pointer;display:inline-block}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check .form-check-input[type=checkbox]{font-size:20px;margin-top:0;margin-right:10px;margin-left:0;cursor:pointer}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check .form-check-label i.fa-solid,#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check .form-check-label i.fad{font-size:20px;vertical-align:middle}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check .checker{width:25px;float:left}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check .form-check-label{margin-left:5px;margin-top:2px}#pjWrapperShuttleBookingSearch .pjSbTermsInfo .form-check span.checked::before{font-family:fontawesome;font-weight:900;content:"\f00c";color:#fff;position:absolute;font-size:12px;top:4px;left:5px}#pjWrapperShuttleBookingSearch .pjSbSummaryWrap .alert-success .alert-desc{font-size:.9rem}#pjWrapperShuttleBookingSearch .pjSbSummaryWrap .pjSbBoxWrap{padding:40px}#pjWrapperShuttleBookingSearch .pjSbSummaryWrap .form-group{margin-bottom:20px}#pjWrapperShuttleBookingSearch .pjSbProgress{margin-bottom:20px;height:1.3rem;background-color:#e9ecef}#pjWrapperShuttleBookingSearch .pjSbProgress .progress-bar{background-color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .hide{display:none!important}#pjWrapperShuttleBookingSearch .show{display:block!important}#pjWrapperShuttleBookingSearch .pjSbHeadNav .caret{display:inline-block;width:0;height:0;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}#pjWrapperShuttleBookingSearch .pjSbHeadNav .dropdown-toggle::after{display:none}#pjWrapperShuttleBookingSearch .pjSbHeadNav .pjSbNav .btn{border:none}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-toggle{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}#pjWrapperShuttleBookingSearch .pjSbNav.open .dropdown-toggle{border-radius:4px 4px 0 0}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-toggle .caret{border-top-width:5px;-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-ms-transition:-ms-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:transform .5s ease-in-out}#pjWrapperShuttleBookingSearch .pjSbNav.open .dropdown-toggle .caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#pjWrapperShuttleBookingSearch .pjSbNav.open .dropdown-menu{display:block}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu{right:0;left:auto;top:33px;font-size:.85rem;background:var(--color-content-primary);border:0}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu li{padding:1px 0;margin-bottom:1px}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu li.active,#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu li:hover{background:#cce5ff}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu li.active a,#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu li:hover a{color:#212529}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu a{padding:0 15px;line-height:1.5;white-space:nowrap;text-decoration:none;color:#fff}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu li a img{vertical-align:inherit}#pjWrapperShuttleBookingSearch .pjSbNav .dropdown-menu .pjBsDdisabled{opacity:.7;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}#pjWrapperShuttleBookingSearch .pjSbNavLang .dropdown-toggle img{margin-top:-2px}#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget .picker-switch table td a{cursor:pointer;color:#fff;background-color:var(--color-content-primary);border-color:var(--color-content-primary);padding:5px 15px;border-radius:.25rem}#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget .picker-switch table td{text-align:right}#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td,#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td span{height:30px;line-height:30px;width:30px}#pjWrapperShuttleBookingSearch .pjSbSpinWrap small{color:#8696c1}#pjWrapperShuttleBookingSearch .alert .fad{color:inherit}#pjWrapperShuttleBookingSearch .return-discount-info .fad{color:#ac9144}.trSaferpayIframe .btn.btn-next{color:#fff;background-color:var(--color-content-primary);border-color:var(--color-content-primary)}#pjWrapperShuttleBookingSearch .pjSbPaymentMethod input:checked::before,#pjWrapperShuttleBookingSearch .pjSbTermsInfo input:checked::before{visibility:hidden}[id^=pjWrapperShuttleBookingSearch] .btn-check:focus .btn,[id^=pjWrapperShuttleBookingSearch] .btn:focus{outline:0;box-shadow:none!important}.select2-container--default .select2-results>.select2-results__options{background:var(--inputs-background,transparent)}.modal-backdrop.in{opacity:0}.modal-backdrop.in.in{opacity:.5}#pjWrapperShuttleBookingSearch .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}#pjWrapperShuttleBookingSearch .fade.in{opacity:1}.modal-open{overflow:hidden}#pjWrapperShuttleBookingSearch .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}#pjWrapperShuttleBookingSearch .modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}#pjWrapperShuttleBookingSearch .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open #pjWrapperShuttleBookingSearch .modal{overflow-x:hidden;overflow-y:auto}#pjWrapperShuttleBookingSearch .modal-dialog{position:relative;width:auto;margin:10rem auto}#pjWrapperShuttleBookingSearch .modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}#pjWrapperShuttleBookingSearch .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}#pjWrapperShuttleBookingSearch .modal-backdrop.fade{opacity:0}#pjWrapperShuttleBookingSearch .modal-backdrop.in{opacity:.5}#pjWrapperShuttleBookingSearch .modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}#pjWrapperShuttleBookingSearch .modal-header .close{margin-top:-2px}#pjWrapperShuttleBookingSearch .modal-title{margin:0;line-height:1.42857143}#pjWrapperShuttleBookingSearch .modal-body{position:relative;padding:15px}#pjWrapperShuttleBookingSearch .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}#pjWrapperShuttleBookingSearch .modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}#pjWrapperShuttleBookingSearch .modal-footer .btn-group .btn+.btn{margin-left:-1px}#pjWrapperShuttleBookingSearch .modal-footer .btn-block+.btn-block{margin-left:0}#pjWrapperShuttleBookingSearch .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}#pjWrapperShuttleBookingSearch .trBookingDetailsInputTimePick{border:0;background:#fff;color:#fff}#pjWrapperShuttleBookingSearch .pjSbBookingDetailsTimeModal .picker-switch a{display:none}#pjWrapperShuttleBookingSearch .pjSbSwitchLocation .input-group-addon{background:0 0}#pjWrapperShuttleBookingSearch .pjSbVehicle .trChooseVehicleButton:hover{text-decoration:none}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:9999}.loading-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:1}.spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:1rem;z-index:10000}.spinner-grow{animation:spinner-grow .75s linear infinite}@keyframes spinner-grow{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.text-light-grey{color:#d3d3d3}#pjWrapperShuttleBookingSearch .return-time-field,#pjWrapperShuttleBookingSearch .time-field{position:relative;margin-bottom:30px}#pjWrapperShuttleBookingSearch .input{width:300px;background:#fff;padding:14px;border-radius:6px;cursor:pointer;box-shadow:0 0 0 2px #000 inset}#pjWrapperShuttleBookingSearch .picker{width:300px;background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);margin-top:10px;display:none;position:absolute;z-index:10}#pjWrapperShuttleBookingSearch .toggle{display:flex;justify-content:center;gap:10px;margin-bottom:14px}#pjWrapperShuttleBookingSearch .toggle button{border:none;padding:6px 14px;border-radius:6px;background:#f2f4f7;cursor:pointer}#pjWrapperShuttleBookingSearch .toggle .active{background:#35415b;color:#fff}#pjWrapperShuttleBookingSearch .wheels{display:flex;justify-content:center;gap:22px}#pjWrapperShuttleBookingSearch .wheels.center{justify-content:center}#pjWrapperShuttleBookingSearch .wheel-wrap{text-align:center}#pjWrapperShuttleBookingSearch .arrow{font-size:22px;cursor:pointer;user-select:none}#pjWrapperShuttleBookingSearch .arrow.hidden{visibility:hidden}#pjWrapperShuttleBookingSearch .wheel{height:150px;width:64px;overflow-y:auto;scrollbar-width:none}#pjWrapperShuttleBookingSearch .wheel::-webkit-scrollbar{display:none}#pjWrapperShuttleBookingSearch .item{height:30px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:all .18s cubic-bezier(.22,.61,.36,1)}#pjWrapperShuttleBookingSearch .item.active{background:#e95440;border-radius:6px;color:#fff;opacity:1;transform:scale(1.05)}#pjWrapperShuttleBookingSearch .wheel-wrap .arrow:first-child{margin-bottom:10px}#pjWrapperShuttleBookingSearch .wheel-wrap .arrow:last-child{margin-top:10px}#pjWrapperShuttleBookingSearch .save{margin-top:14px;width:100%;padding:12px;border:none;border-radius:6px;background:#e95440;color:#fff;cursor:pointer;font-size:16px}#pjWrapperShuttleBookingSearch .select2-container--default .select2-results>.select2-results__options{margin-left:0;padding-left:0}@media screen and (max-width:575px){#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table td,#pjWrapperShuttleBookingSearch .bootstrap-datetimepicker-widget table th{padding:2px}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation .form-group{margin-bottom:0}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation .form-group .form-control{border-bottom:0}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation .select2-container{margin-bottom:-2px}#pjWrapperShuttleBookingSearch .pjSbSearchForm .pjSbPickupDropoffLocations .pjSbPickupLocation .select2-container--default .select2-selection--single{border-bottom-right-radius:0;border-bottom-left-radius:0}#pjWrapperShuttleBookingSearch .pjSbSummaryWrap .pjSbBoxWrap{padding:15px}#pjWrapperShuttleBookingSearch .pjSbSummaryWrap .form-group{margin-bottom:15px}}@media screen and (max-width:991px){#pjWrapperShuttleBookingSearch .pjSbVehicles .pjSbVehicle .pjSbVehicleData{border-right-style:none;border-right-width:0;border-bottom-style:dotted;border-bottom-width:2px;margin-bottom:5px}#pjWrapperShuttleBookingSearch .pjSbSummaryWrap .pjSbBoxWrap{padding:30px}}@media screen and (min-width:768px){#pjWrapperShuttleBookingSearch .pjSbCartWrap{position:-webkit-sticky;position:sticky;top:20px;z-index:100}#pjWrapperShuttleBookingSearch .pjSbCartWrap .row{align-items:flex-start}} #pjWrapperShuttleBookingSearch.pj-layout3{--l3-brand-accent:#F2562F;--l3-brand-accent-dark:#D8431F;--l3-brand-accent-soft:#FDEDE8;--l3-brand-navy:#16233D;--l3-brand-navy2:#2C3E63;--l3-brand-green:#1F8A50;--l3-brand-green-bg:#E9F7EF;--l3-brand-gold:#B7791F;--l3-neutral-text:#16233D;--l3-neutral-muted:#5A6678;--l3-neutral-muted-light:#A6AEBD;--l3-neutral-muted2:#717C8E;--l3-neutral-line:#E6EAF0;--l3-neutral-line2:#EDF0F4;--l3-neutral-line3:#F0F2F6;--l3-neutral-soft:#FBFCFD;--l3-neutral-bg:#F4F6F9;--l3-neutral-card:#ffffff;--rd-accent:var(--l3-brand-accent);--l3-accent:var(--l3-brand-accent);--rd-accent-dark:var(--l3-brand-accent-dark);--l3-accent-dark:var(--l3-brand-accent-dark);--rd-accent-soft:var(--l3-brand-accent-soft);--rd-navy:var(--l3-brand-navy);--l3-navy:var(--l3-brand-navy);--rd-navy2:var(--l3-brand-navy2);--rd-text:var(--l3-neutral-text);--rd-muted:var(--l3-neutral-muted);--l3-muted:var(--l3-neutral-muted-light);--l3-muted2:var(--l3-neutral-muted2);--rd-line:var(--l3-neutral-line);--l3-line:var(--l3-neutral-line);--rd-line2:var(--l3-neutral-line2);--l3-line2:var(--l3-neutral-line3);--l3-soft:var(--l3-neutral-soft);--rd-bg:var(--l3-neutral-bg);--rd-card:var(--l3-neutral-card);--rd-green:var(--l3-brand-green);--l3-green:var(--l3-brand-green);--rd-green-bg:var(--l3-brand-green-bg);--rd-gold:var(--l3-brand-gold)} /* ========================================================================== Layout 3 -- STANDALONE SEARCH FORM skin ("Transfer Suche") Loaded by pjActionLoadCssNew only when o_new_booking_design == 3, layered AFTER pjTransferResNewLayout.css, and scoped to #pjWrapperShuttleBookingSearchShuttleBookingSearch.pj-layout3 (the id below is rewritten from `pjWrapperShuttleBookingSearch` by the controller). It re-skins the existing search markup (elements/pjActionSearchNew.php) to match the customer's mockup -- a white card on the host page's own background. NB: the navy gradient in the mockup is the CUSTOMER'S page, not the widget, so the widget stays transparent. ========================================================================== */ #pjWrapperShuttleBookingSearch.pj-layout3{ /* Colour tokens (--l3-*) come from pjLayout3Theme.css, loaded first -- edit that ONE file to re-theme this widget and the booking widget together. */ font-family:'Manrope',system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--l3-navy); background:transparent; } #pjWrapperShuttleBookingSearch.pj-layout3 *, #pjWrapperShuttleBookingSearch.pj-layout3 *::before, #pjWrapperShuttleBookingSearch.pj-layout3 *::after{ box-sizing:border-box; } /* The white card ------------------------------------------------------------ */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm{ background:#fff; border-radius:22px; padding:22px; box-shadow:0 24px 60px rgba(10,20,40,.32); max-width:980px; margin:0 auto; } /* When this skin is layered on the MAIN booking widget (which also loads pjLayout3.css), suppress that file's navy search-hero band + its extra positioning so the booking-page search card is the same plain white card as the mockup. Harmless on the standalone widget (no such ::before exists). */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm::before{ display:none !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm{ position:static; z-index:auto; margin-top:0; } /* Mobile: trim the card's LEFT/RIGHT padding (22px -> 15px) so the fields use more of the narrow screen width; top/bottom keep the roomier 22px. */ @media (max-width:767px){ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm{ padding-left:15px; padding-right:15px; } } /* Trip toggle (One Way / With Return) --------------------------------------- */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbHeadNav{ margin:0 0 16px; display:block; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbFormNav{ display:inline-flex; background:var(--l3-line2); border-radius:13px; padding:4px; gap:4px; box-shadow:none; border:none; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbFormNav .pjSbSwitch, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbFormNav .pjSbSwitch:hover, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbFormNav .pjSbSwitch:focus{ padding:9px 22px !important; border-radius:10px !important; border:none !important; background:transparent !important; color:var(--l3-muted2) !important; font-weight:700 !important; font-size:14.5px !important; line-height:1.2 !important; box-shadow:none !important; margin:0 !important; min-width:0 !important; text-decoration:none !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbFormNav .pjSbSwitch.btn-primary{ background:var(--l3-accent) !important; color:#fff !important; font-weight:800 !important; } /* Locale picker (if shown) sits to the right, unobtrusive */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbHeadNav .form-group{ margin:0; } /* Route row: from | (swap) | to --------------------------------------------- */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupDropoffLocations{ position:relative; display:grid; grid-template-columns:1fr 1fr; gap:58px; align-items:center; margin:0 0 10px; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation{ position:static !important; padding:0; width:auto; max-width:none; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .form-group, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .form-group{ margin:0; } /* The bordered location "pill" (icon + select2) */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group{ display:flex; align-items:center; gap:12px; height:64px; flex-wrap:nowrap; border:1.5px solid var(--l3-line); border-radius:14px; padding:0 16px; background:var(--l3-soft); transition:border-color .15s, background .15s; } /* Coral border only while FOCUSED (mockup). A filled-but-unfocused field keeps the normal grey border -- only the floating label appears (handled separately). */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:focus-within, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:focus-within{ border-color:var(--l3-accent); background:#fff; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation.hasSelected .input-group, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation.hasSelected .input-group{ background:#fff; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group-addon, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group-addon{ position:static !important; background:transparent !important; border:none !important; padding:0 !important; margin:0 !important; font-size:18px; line-height:1; flex:0 0 auto; width:auto; min-width:0; left:auto; top:auto; transform:none; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group-addon, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group-addon .fad, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group-addon.text-blue{ color:var(--l3-accent) !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group-addon, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group-addon .fad, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group-addon.text-blue{ color:var(--l3-navy) !important; } /* select2 single, borderless inside the pill */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm .select2-container{ flex:1 1 auto; width:auto !important; min-width:0; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm .select2-container--default .select2-selection--single{ border:none !important; background:transparent !important; height:auto !important; padding:0 !important; outline:none !important; box-shadow:none !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm .select2-selection--single .select2-selection__rendered{ padding:0 !important; line-height:1.2 !important; color:var(--l3-navy); font-size:16px; font-weight:700; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm .select2-selection--single .select2-selection__placeholder{ color:var(--l3-muted); font-weight:600; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm .select2-selection--single .select2-selection__arrow{ display:none !important; } /* Swap button: centred circle between the two location pills. High specificity + !important to beat the base's absolute top-right placement. */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupDropoffLocations .pjSbPickupLocation .pjSbSwitchLocationRightLeft{ position:absolute !important; left:50% !important; top:50% !important; right:auto !important; transform:translate(-50%,-50%) !important; width:48px !important; height:48px !important; border-radius:50% !important; border:1.5px solid var(--l3-line) !important; background:#fff !important; display:flex !important; align-items:center; justify-content:center; color:var(--l3-navy) !important; text-decoration:none; z-index:3; line-height:1 !important; transition:border-color .15s, color .15s; } /* swap arrows are navy (mockup) and stay navy on hover (customer: no colour change on hover). Extra specificity to beat both the .text-blue rule AND the pickup-pin rule (.pjSbPickupLocation .input-group-addon .fad), since the swap link is nested inside .pjSbPickupLocation. */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .pjSbSwitchLocationRightLeft .input-group-addon .fad, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .pjSbSwitchLocationRightLeft .input-group-addon.text-blue, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .pjSbSwitchLocationRightLeft .input-group-addon, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .pjSbSwitchLocationRightLeft:hover .input-group-addon .fad{ color:var(--l3-navy) !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSwitchLocationRightLeft .input-group-addon{ background:transparent !important; border:none !important; padding:0 !important; font-size:17px; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSwitchLocationUpDown{ display:none; } /* Floating label (ABHOLORT / ZIELORT) + coral focus, mockup style. It shows when the field is open or a value is chosen; the value then sits below it. */ #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-loc-label{ position:absolute; top:11px; left:46px; margin:0; padding:0; z-index:2; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--l3-muted); line-height:1; pointer-events:none; display:none; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:has(.select2-container--open), #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:has(.select2-container--open){ border-color:var(--l3-accent) !important; background:#fff !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:has(.select2-container--open) .pj-l3-loc-label, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:has(.select2-container--open) .pj-l3-loc-label, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation.hasSelected .pj-l3-loc-label, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation.hasSelected .pj-l3-loc-label{ display:block; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:has(.select2-container--open) .select2-selection__rendered, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:has(.select2-container--open) .select2-selection__rendered, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation.hasSelected .select2-selection__rendered, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation.hasSelected .select2-selection__rendered{ transform:translateY(9px); } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:has(.select2-container--open) .select2-selection__placeholder, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:has(.select2-container--open) .select2-selection__placeholder{ visibility:hidden; } /* When open with nothing chosen yet, the floating label replaces the placeholder text. */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation:not(.hasSelected) .input-group:has(.select2-container--open) .select2-selection__rendered, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation:not(.hasSelected) .input-group:has(.select2-container--open) .select2-selection__rendered{ visibility:hidden; } /* ---- Layout 3 custom location autocomplete (replaces select2) --------------- Visible input sits in the pill; suggestions attach right below it, full width. */ #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-loc-input{ flex:1 1 auto; min-width:0; border:none !important; background:transparent !important; outline:none; box-shadow:none !important; font-family:inherit; font-size:16px; font-weight:700; color:var(--l3-navy); padding:0 !important; height:auto !important; /* Pin line-height/min-height/box-sizing: the field centres this input in a 64px pill and the floating-label design nudges it down 9px, so a host theme (Impreza) inflating the input via inherited line-height / min-height / padding makes the value text sink to the bottom of the pill on the embed. !important so no host input rule can grow this input. */ line-height:1.5 !important; min-height:0 !important; box-sizing:border-box !important; vertical-align:baseline !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-loc-input::placeholder{ color:var(--l3-muted); font-weight:600; } /* Coral border ONLY while focused (mockup); the floating label also shows once a value is chosen, but a filled-unfocused field keeps the neutral grey border. */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:focus-within, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:focus-within{ border-color:var(--l3-accent) !important; background:#fff !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation.hasSelected .input-group, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation.hasSelected .input-group{ background:#fff !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:focus-within .pj-l3-loc-label, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:focus-within .pj-l3-loc-label, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation.hasSelected .pj-l3-loc-label, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation.hasSelected .pj-l3-loc-label{ display:block; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .input-group:focus-within .pj-l3-loc-input, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .input-group:focus-within .pj-l3-loc-input, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation.hasSelected .pj-l3-loc-input, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation.hasSelected .pj-l3-loc-input{ transform:translateY(9px); } /* suggestions panel: attached directly under the pill, same width */ #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbPickupLocation .form-group, #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbDropoffLocation .form-group{ position:relative; } #pjWrapperShuttleBookingSearch.pj-layout3 .pjSbSearchForm > form{ position:relative; } /* The panel is created by the JS and PORTALED to inside a .pj-l3-sugportal wrapper (see _l3InitAC). On DESKTOP it OVERLAYS the controls (position:absolute, document coords set by JS), so opening it never pushes the controls row -- or, when the widget sits in a page header, the whole page -- down. Living at level with a high z-index, it is never clipped by a host container's overflow:hidden and never covered by a WP content block below the widget; being anchored to the initial containing block (no transformed ancestor), a host-page CSS transform can't throw it off-screen either (unlike a position:fixed overlay). Mobile uses the full-screen sheet, so this never opens on the phone. The wrapper is UNSCOPED (outside #pjWrapperShuttleBookingSearch) so the panel still hides/shows when the portal is not currently carrying the widget id; the .pj-l3-sg row styles below apply while open, when the JS puts the widget id back on the portal (needed for the id-scoped Font Awesome icons). The --l3-navy fallback mirrors the mobile sheet so the row text colour is right even without it. */ .pj-l3-sugportal{ position:static; margin:0; padding:0; --l3-navy:#00222F; } .pj-l3-sugportal, .pj-l3-sugportal *, .pj-l3-sugportal *::before, .pj-l3-sugportal *::after{ box-sizing:border-box; } /* While open the JS puts the widget id on the portal (for the id-scoped Font Awesome icons), which otherwise makes the wrapper-ROOT rules (#pjWrapperShuttleBookingSearch.pj-layout3: position:relative, min-height, background, overflow-x:clip ...) apply to the portal -- turning it into a tall, POSITIONED box that becomes the containing block for the absolute panel (so document coords land ~min-height px too low) and adds page height. Neutralise all of that ON THE PORTAL ONLY. id+class+class out-specifies the id+class root rules, so this wins even over !important. */ #pjWrapperShuttleBookingSearch.pj-layout3.pj-l3-sugportal{ position:static !important; min-height:0 !important; height:auto !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; overflow:visible !important; width:auto !important; max-width:none !important; border-radius:0 !important; } .pj-l3-sugportal .pj-l3-suggest{ display:none; position:absolute; z-index:100250; overflow:hidden; background:#fff; border:1px solid #EDF0F4; border-radius:14px; box-shadow:0 16px 40px rgba(16,35,61,.16); font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif; } .pj-l3-sugportal .pj-l3-suggest.is-open{ display:block; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg{ display:flex; align-items:center; gap:11px; padding:9px 14px; cursor:pointer; border-bottom:1px solid #F1F3F7; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg:last-child{ border-bottom:none; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg:hover{ background:#FBFCFD; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg-ic{ width:34px; height:34px; border-radius:9px; background:#F4F6F9; flex:0 0 auto; display:flex; align-items:center; justify-content:center; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg-ic i{ font-size:15px; color:#717C8E !important; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg-ic svg{ color:#717C8E; display:block; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg-tx{ display:flex; flex-direction:column; min-width:0; line-height:1.25; } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg-nm{ font-size:14.5px; font-weight:700; color:var(--l3-navy); } #pjWrapperShuttleBookingSearch.pj-layout3 .pj-l3-sg-sub{ font-size:12.5px; font-weight:600; color:#8A93A3; } /* Mobile full-screen location search sheet (mockup "Mobile Suche") ------------- Tapping a pickup/drop-off field on the phone opens this over the whole widget: a header (back + search input) and a "BELIEBTE ORTE" list. Hidden until .is-open. */ /* UNSCOPED + self-contained: the sheet is appended to (see JS) to escape a host-page transform that would otherwise trap this position:fixed overlay and render it wider than the screen. Outside #pjWrapperShuttleBookingSearch it can't inherit the widget's vars / box-sizing / font / row styles, so it carries its own. */ .pj-l3-locsheet{ --l3-navy:#16233D; --l3-accent:#F2562F; display:none; position:fixed; inset:0; z-index:100300; background:#fff; flex-direction:column; font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif; } .pj-l3-locsheet, .pj-l3-locsheet *, .pj-l3-locsheet *::before, .pj-l3-locsheet *::after{ box-sizing:border-box; } .pj-l3-locsheet.is-open{ display:flex; } .pj-l3-locsheet-hd{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid #EDF0F4; } /* Step-header back-button design (.pj-rd-mhdr-back), sized to the 44px search field beside it so the two are the same height and read as one row. Scoped with .pj-l3-portal (always on the sheet's host div) to out-specify the bundled bootstrap reset `[id^="pjWrapperShuttleBookingSearch"] button{border- radius:0}` -- without the extra class it zeroed the corners and the button stayed square. */ .pj-l3-portal .pj-l3-locsheet-back{ flex:0 0 auto; width:44px; height:44px; border-radius:11px; border:1.5px solid #E6EAF0; background:#fff; color:#16233D; font-size:16px; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; } .pj-l3-portal .pj-l3-locsheet-back i{ font-size:16px; color:#16233D; } .pj-l3-portal .pj-l3-locsheet-field{ flex:1 1 auto; display:flex; align-items:center; gap:9px; min-width:0; /* Neutral border to match the back button beside it (they read as one row); the orange accent stays only on the magnifier icon below, not as a full orange box around the field. .pj-l3-portal prefix + !important so a host theme can't repaint it (accent/dark) either. */ border:1.5px solid #E6EAF0 !important; border-radius:12px !important; padding:0 14px; height:44px; background:#fff !important; box-shadow:none !important; outline:none !important; } .pj-l3-locsheet-field .fad{ color:var(--l3-accent); font-size:15px; flex:0 0 auto; } .pj-l3-locsheet-input{ flex:1 1 auto; min-width:0; border:0; outline:none; background:transparent; /* 16px (not 15) so iOS Safari doesn't auto-zoom when this input is auto-focused as the sheet opens -- that zoom then sticks after the sheet closes and makes the whole search form look enlarged (its side margins shrink). Applies to both widgets (shared sheet). */ font-size:16px; font-weight:600; color:var(--l3-navy); height:100%; } /* The sheet is portaled onto inside a div that carries the widget's own id (#pjWrapperShuttleBookingSearchShuttleBooking[Search]), so the bundled bootstrap reset `[id^="pjWrapperShuttleBookingSearch"] input{font-size:inherit}` (specificity 0,0,1,1) out-weighs the plain `.pj-l3-locsheet-input` (0,0,1,0) above and drags the input down to the inherited 0.85rem (13.6px) -- under 16px, which is exactly what makes iOS Safari auto-zoom on focus (customer FBS: "lỗi popup pickup/dropoff vẫn còn"). Re-assert 16px with the .pj-l3-portal prefix (0,0,2,0, same pattern as .pj-l3-locsheet-back above) + !important so no host reset can win. */ .pj-l3-portal .pj-l3-locsheet-input{ font-size:16px !important; } /* The sheet lives on (outside #pjWrapperShuttleBookingSearch), so a host theme's input styling (e.g. Impreza `input[type="text"]{border;background;box-shadow}`, specificity 0,1,1) out-weighs the plain `.pj-l3-locsheet-input{border:0}` (0,1,0) and paints a second border/box INSIDE our search field ("box-in-box", incl. a focus ring on auto-focus). Re-assert a clean transparent input with the .pj-l3-portal prefix (0,2,0) + !important so no host rule wins; the single border stays on .pj-l3-locsheet-field only. */ .pj-l3-portal .pj-l3-locsheet-input, .pj-l3-portal .pj-l3-locsheet-input:focus, .pj-l3-portal .pj-l3-locsheet-input:focus-visible{ border:0 !important; outline:none !important; box-shadow:none !important; background:transparent !important; margin:0 !important; border-radius:0 !important; } /* iOS Safari zooms the whole page when a focused field's font-size is < 16px, and that zoom then STICKS -- shrinking the search form's side margins and making text unreadable (customer FBS: "as soon as I click the search field, the screen zooms in"). The visible search inputs are already 16px; also pin every OTHER field the pickup/dropoff search can focus -- the hidden native