.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} /*! * 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} /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperBusReservation_theme1 .btn, #pjWrapperBusReservation_theme1 .pjBsForm .form-control, #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu a, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .input-group-addon, #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .pjBsSeat, #pjWrapperBusReservation_theme1 .pjBsForm .checkbox a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== #Animations ========================================================================== */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* ========================================================================== #General ========================================================================== */ #pjWrapperBusReservation_theme1 a[href^=tel] { color: inherit; } #pjWrapperBusReservation_theme1 a:focus { outline: unset; outline: none; } #pjWrapperBusReservation_theme1 .pjBsContainer { padding: 15px; } #pjWrapperBusReservation_theme1 .pjBsRowInline { font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsRowInline [class^="col-"] { display: inline-block; float: none; vertical-align: bottom; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperBusReservation_theme1 .btn-default { height: 35px; margin-top: 9px; padding: 0 10px; border: 1px solid #bebabb; font-size: 15px; line-height: 35px; font-weight: normal; text-transform: capitalize; } #pjWrapperBusReservation_theme1 .btn-primary { height: 35px; margin-top: 9px; padding: 0 10px; border: 1px solid #1b6aac; font-size: 15px; line-height: 35px; font-weight: normal; } #pjWrapperBusReservation_theme1 .btn-link { margin: 0; padding: 0 5px; text-align: inherit; white-space: normal; } #pjWrapperBusReservation_theme1 .btn-link:hover, #pjWrapperBusReservation_theme1 .btn-link:focus { text-decoration: none; } /* ========================================================================== #Modals ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsModal .modal-title { font-size: 15px; line-height: 1.4; font-weight: normal; text-transform: capitalize; } /* ========================================================================== #pjBsHeader ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-toggle { border: 1px solid #bebabb; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #pjWrapperBusReservation_theme1 .pjBsNav.open .dropdown-toggle { border-radius: 4px 4px 0 0; } #pjWrapperBusReservation_theme1 .pjBsNav .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; } #pjWrapperBusReservation_theme1 .pjBsNav.open .dropdown-toggle .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu { margin: 0; border-radius: 0; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu li { padding: 1px 0; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu a { padding: 0 15px; line-height: 1.5; } #pjWrapperBusReservation_theme1 .pjBsNav .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; } #pjWrapperBusReservation_theme1 .pjBsNavLang .dropdown-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-align: right; } #pjWrapperBusReservation_theme1 .pjBsNavLang .dropdown-toggle img { margin-top: -2px; } /* ========================================================================== #pjBsForms ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsForm .form-group { margin-bottom: 10px; } #pjWrapperBusReservation_theme1 .pjBsForm label, #pjWrapperBusReservation_theme1 .pjBsForm .control-label { font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsForm .form-control { padding: 0 15px; border: 1px solid #bfbbbc; } #pjWrapperBusReservation_theme1 .pjBsForm select.form-control { cursor: pointer; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsFieldInline { width: auto; } #pjWrapperBusReservation_theme1 .pjBsForm .checkbox label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapperBusReservation_theme1 .pjBsForm .checkbox input { margin-top: 3px; cursor: pointer; } #pjWrapperBusReservation_theme1 .pjBsForm .checkbox a:hover { text-decoration: none; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsCaptcha { font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsCaptcha .form-control, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsCaptcha img { display: inline-block; vertical-align: middle; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsCaptcha .form-control { width: 170px; margin-right: 7px; } #pjWrapperBusReservation_theme1 .pjBsForm .help-block, #pjWrapperBusReservation_theme1 .pjBsForm .help-block * { margin: 0; } #pjWrapperBusReservation_theme1 .pjBsForm .help-block { overflow: hidden; } #pjWrapperBusReservation_theme1 .pjBsForm .help-block li { overflow: hidden; max-width: 100%; font-size: 15px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } /* ========================================================================== #pjBsDatePicker ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker { position: relative; width: 100%; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .form-control { display: block; width: 100%; padding-right: 30px; border-radius: 4px; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .input-group-addon { position: absolute; top: 50%; right: 10px; width: auto; height: auto; padding: 0; display: inline-block; z-index: 2; float: none; border: 0; background: none; font-size: 15px; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .input-group-addon .glyphicon { color: inherit; } /* ========================================================================== #Select2 Autocomplete ========================================================================== */ .select2-container { position: relative; display: inline-block; margin: 0; vertical-align: middle; box-sizing: border-box; } #pjWrapperBusReservation_theme1 .select2-container { width: 100% !important; } .select2-container .select2-selection--single.pjBsSelect2Preview { display: block; height: 34px; cursor: pointer; box-sizing: border-box; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single.pjBsSelect2Preview .select2-selection__rendered { overflow: hidden; display: block; padding-right: 20px; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-selection--single.pjBsSelect2Preview .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single.pjBsSelect2Preview .select2-selection__rendered { padding-right: 15px; padding-left: 20px; } .select2-container .select2-selection--multiple.pjBsSelect2Preview { display: block; min-height: 34px; cursor: pointer; box-sizing: border-box; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple.pjBsSelect2Preview .select2-selection__rendered { overflow: hidden; display: inline-block; padding-left: 8px; white-space: nowrap; text-overflow: ellipsis; } .select2-container .pjBsSelect2Dropdown .select2-search--inline { float: left; } .select2-container .pjBsSelect2Dropdown .select2-search--inline .select2-search__field { margin-top: 5px; padding: 0; border: none; font-size: 100%; box-sizing: border-box; } .select2-container .pjBsSelect2Dropdown .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown.pjBsSelect2Dropdown { position: absolute; left: -100000px; z-index: 1051; display: block; width: 100%; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; } .pjBsSelect2Dropdown .select2-results { display: block; } .pjBsSelect2Dropdown .select2-results__options { margin: 0; padding: 0; list-style: none; } .pjBsSelect2Dropdown .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .pjBsSelect2Dropdown .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown.pjBsSelect2Dropdown { left: 0; } .select2-container--open .select2-dropdown--above.pjBsSelect2Dropdown { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below.pjBsSelect2Dropdown { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .pjBsSelect2Dropdown .select2-search--dropdown { display: block; padding: 4px; } .pjBsSelect2Dropdown .select2-search--dropdown .select2-search__field { width: 100%; padding: 4px; box-sizing: border-box; } .pjBsSelect2Dropdown .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .pjBsSelect2Dropdown .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { position: fixed; left: 0; top: 0; z-index: 99; display: block; width: auto; min-width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0; border: 0; background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .select2-hidden-accessible { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; clip: rect(0 0 0 0) !important; } .select2-container--default .select2-selection--single.pjBsSelect2Preview { border: 1px solid #bfbbbc; } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__rendered { line-height: 32px; } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__clear { float: right; font-weight: normal; cursor: pointer; } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__arrow { position: absolute; top: 1px; right: 1px; width: 20px; height: 32px; } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__arrow b { position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -2px; margin-left: -4px; border-style: solid; border-width: 5px 4px 0 4px; } .select2-container--default[dir="rtl"] .select2-selection--single.pjBsSelect2Preview .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single.pjBsSelect2Preview .select2-selection__arrow { right: auto; left: 1px; } .select2-container--default.select2-container--disabled .select2-selection--single.pjBsSelect2Preview { cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single.pjBsSelect2Preview .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single.pjBsSelect2Preview .select2-selection__arrow b { border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview { border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__rendered { width: 100%; margin: 0; padding: 0 5px; list-style: none; box-sizing: border-box; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__placeholder { float: left; margin-top: 5px; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__clear { float: right; margin-top: 5px; margin-right: 10px; font-weight: normal; cursor: pointer; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice { float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; border: 1px solid #aaa; border-radius: 4px; cursor: default; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice__remove { display: inline-block; margin-right: 2px; font-weight: normal; cursor: pointer; } .select2-container--default[dir="rtl"] .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple.pjBsSelect2Preview .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple.pjBsSelect2Preview .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice { margin-right: auto; margin-left: 5px; } .select2-container--default[dir="rtl"] .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice__remove { margin-right: auto; margin-left: 2px; } .select2-container--default.select2-container--focus .select2-selection--multiple.pjBsSelect2Preview { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple.pjBsSelect2Preview { 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.pjBsSelect2Preview, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple.pjBsSelect2Preview { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single.pjBsSelect2Preview, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple.pjBsSelect2Preview { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .pjBsSelect2Dropdown .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .pjBsSelect2Dropdown .select2-search--inline .select2-search__field { border: none; background: transparent; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .pjBsSelect2Dropdown .select2-results > .select2-results__options { overflow-y: auto; max-height: 200px; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option[role=group] { padding: 0; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .pjBsSelect2Dropdown .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 .pjBsSelect2Dropdown .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 .pjBsSelect2Dropdown .select2-results__option { font-size: 15px; line-height: 1.4; } .select2-container--default .pjBsSelect2Dropdown .select2-results__group { display: block; padding: 6px; font-size: 15px; text-transform: capitalize; cursor: default; } /* ========================================================================== #pjBsFormAvailability ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsBackgroundBody { background-color: #f9f9f9; width:100%; height:auto; /*border-radius: 25px;*/ } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsErrorMessage { margin: 0; padding-top: 10px; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormActions { padding-top: 15px; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle { padding-top: 75px; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle p { margin: 0; padding-bottom: 10px; font-size: 15px; line-height: 1.6; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle .pjBsFormArticleTitle { margin: 0; padding-bottom: 10px; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle .pjBsFormArticleImage { padding-bottom: 5px; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle .pjBsFormArticleImage img { max-width: 100%; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormNav { margin-bottom: 0; margin-top: 16px; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormNav .btn { height: 34px; line-height: 32px; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormNav .btn.active { -webkit-box-shadow: none; box-shadow: none; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .form-group { margin-bottom: 10px; } /* ========================================================================== #pjBsFormTickets ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead { padding-bottom: 20px; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsFormTitle { margin: 0; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsFormTitle strong { font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate { margin: 0; padding: 5px 0; font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dt, #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd { display: inline-block; float: none; width: auto; min-width: 1px; margin: 0; padding-right: 10px; font-size: 15px; line-height: 1.4; font-weight: normal; vertical-align: middle; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd strong { font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a:hover, #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a:focus { text-decoration: none; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsHead .pjBsSeatsTitle { margin: 0; font-size: 15px; line-height: 1.1; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li > .row { font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li > .row > * { /*overflow: hidden;*/ display: inline-block; float: none; padding-top: 5px; vertical-align: top; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusTitle { margin: 0; font-size: 15px; line-height: 1.4; font-weight: normal; /*text-transform: capitalize;*/ } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusTitle a, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusTitle a:hover, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusTitle a:focus { text-decoration: none; } #pjWrapperBusReservation_theme1 .pjBsListTicks li { padding: 2px 0; font-size: 15px; line-height: 1.5; } #pjWrapperBusReservation_theme1 .pjBsListTicks .glyphicon { margin-right: 10px; font-size: 15px; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusAvailableSeats { margin: 0; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusDate { margin: 0; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusDuration { margin: 0; font-size: 15px; line-height: 1.4; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .form-group { margin: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .form-group label { font-size: 15px; line-height: 1.2; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsFormControlsInline { font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsFormControlsInline .form-control, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsFormControlsInline p { display: inline-block; vertical-align: middle; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsFormControlsInline .form-control { width: 45px; margin-right: 2px; padding: 0 0 0 5px; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsFormControlsInline p { margin: 0; font-size: 15px; line-height: 1.4; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .form-group { padding: 5px 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .input-group .form-control, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .input-group .input-group-addon { padding: 0 5px; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody { padding-bottom: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsPickupSeatsBody { padding-bottom: 15px; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats { padding-bottom: 10px; font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats p, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats dl, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats .btn-link { display: inline-block; margin: 0; padding-right: 20px; font-size: 15px; line-height: 1.4; vertical-align: baseline; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats .btn-link { padding: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats p { font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats p strong { font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats dl dt, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats dl dd { overflow: visible; display: inline-block; float: none; width: auto; min-width: 1px; margin: 0; font-size: 15px; line-height: 1.4; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeat { display: inline-block; width: 20px; height: 20px; font-size: 15px; line-height: 20px; font-weight: normal; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .pjBsSeat { position: absolute; cursor: pointer; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .bs-available:hover, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .bs-selected { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .bs-booked { cursor: default; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot { padding-top: 15px; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot .pjBsSeatsKey { margin: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot .pjBsSeatsKey li { padding: 0 10px 0 0; font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot .pjBsSeatsKey span { display: inline-block; margin-right: 5px; font-size: 15px; font-weight: normal; vertical-align: middle; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormFoot .pjBsTotalPrice { overflow: hidden; margin: 0; padding-bottom: 15px; font-size: 15px; line-height: 1.4; font-weight: normal; } /* ========================================================================== #pjBsFormCheckout ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormHead { padding-bottom: 15px; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormHead .pjBsFormTitle { font-size: 15px; line-height: 1.4; font-weight: normal; text-decoration: } #pjWrapperBusReservation_theme1 .pjBsFormBoxes { padding: 10px 0 30px; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxInner { min-height: 290px; padding: 15px 10px; border-radius: 4px; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxTitle { margin: 0; font-size: 15px; line-height: 1.4; font-weight: normal; text-transform: capitalize; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData { margin: 0; padding: 5px 0; font-size: 0; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dt, #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dd { display: inline-block; float: none; margin: 0; font-size: 15px; line-height: 1.4; vertical-align: top; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dt { font-weight: normal; text-align: left; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dd { padding-left: 5px; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData p { margin: 0; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData .btn-link { padding: 0; vertical-align: baseline; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormBody .pjBsFormTitle { margin: 0; padding-bottom: 5px; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .control-label { font-weight: normal; text-align: left; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .form-group { padding: 15px 10px 0; border-top: 1px solid #ded8d8; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormTitle { margin: 0; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormActions { padding-top: 30px; border-top: 1px solid #ded8d8; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormActions p { margin: 0; padding-bottom: 20px; font-size: 15px; line-height: 1.4; font-weight: normal; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormActions p .btn-link { padding: 0; font-size: inherit; line-height: inherit; vertical-align: baseline; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormMessages { padding-top: 20px; padding-bottom: 20px;border-top: 1px solid #ded8d8; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData { margin: 0; padding-bottom: 10px; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData li { padding: 10px 0; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData dl { margin: 0; padding: 0; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData dt, #pjWrapperBusReservation_theme1 .pjBsListPersonalData dd { display: inline-block; float: none; margin: 0; font-size: 15px; line-height: 1.4; vertical-align: middle; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData dt { font-weight: normal; text-align: left; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData dd { font-weight: normal; } #pjWrapperBusReservation_theme1 #pjBrCaptchaImage{cursor: pointer;} #pjWrapperBusReservation_theme1 .ticket_select { min-width: 192px; } #pjWrapperBusReservation_theme1 .ticket_select .input-group-addon { min-width: 100px; } /* RTL */ html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9, html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9 { float: right; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pull-left { float: right!important; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pull-right { float: left!important; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .dropdown-menu { right: 0; left: auto; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses { padding-right: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group .form-control:last-child, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-addon:last-child, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:first-child > .btn:not(:first-child), html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:last-child > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:last-child > .btn-group > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:last-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group .form-control:first-child, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-addon:first-child, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:first-child > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:first-child > .btn-group > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:first-child > .dropdown-toggle, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .input-group-addon:last-child { border-left: 1px solid #ddd; border-right: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dt { text-align: right; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dd { padding-right: 5px; padding-left: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsForm .pjBsCaptcha .form-control { margin-left: 7px; margin-right: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .checkbox label, html[dir="rtl"] #pjWrapperBusReservation_theme1 .radio label { padding-right: 20px; padding-left: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .checkbox input[type="checkbox"], html[dir="rtl"] #pjWrapperBusReservation_theme1 .checkbox-inline input[type="checkbox"], html[dir="rtl"] #pjWrapperBusReservation_theme1 .radio input[type="radio"], html[dir="rtl"] #pjWrapperBusReservation_theme1 .radio-inline input[type="radio"] { margin-right: -20px; margin-left: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsPickupSeatsFoot ul, html[dir="rtl"] #pjWrapperBusReservation_theme1 .help-block.with-errors ul { padding-right: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot .pjBsSeatsKey li { padding: 10px; padding-right: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats p, html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats dl, html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats .btn-link { padding-left: 20px; padding-right: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot .pjBsSeatsKey span { margin-right: 0; margin-left: 5px; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsFormCheckout .control-label, html[dir="rtl"] #pjWrapperBusReservation_theme1 .pjBsListPersonalData dt { text-align: right; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group-vertical > .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group > .btn { float: right; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group .btn + .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group .btn + .btn-group, html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group .btn-group + .btn, html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group .btn-group + .btn-group { margin-right: -1px; margin-left: 0; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group > .btn:last-child:not(:first-child), html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } html[dir="rtl"] #pjWrapperBusReservation_theme1 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } /* ========================================================================== .Modal ========================================================================== */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } /* ========================================================================== .Modal ========================================================================== */ #pjWrapperBusReservation_theme1 .bsMapContainer, #pjWrapperBusReservation_theme1 .bsReturnMapContainer{ border: 1px solid #d1d0cb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 14px; } #pjWrapperBusReservation_theme1 .bsMapContainer .bsSystemMessage, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bsSystemMessage{ margin: 10px; } #pjWrapperBusReservation_theme1 .bsMapContainer .empty, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .empty { background-color: #135E8D; color: #FFFFFF; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-available, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-available{ background: #1b6aac none repeat scroll 0 0; cursor: pointer; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-booked, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-booked{ background: #ed0909 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-selected, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-selected{ background: #56ae33 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-available:hover, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-available:hover{ background: #56ae33 none repeat scroll 0 0; -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #pjWrapperBusReservation_theme1 .bsMapHolder, #pjWrapperBusReservation_theme1 .bsReturnMapHolder{ position: relative; overflow: auto; overflow-y: hidden; -ms-overflow-y: hidden; } #pjWrapperBusReservation_theme1 .bsMapContainer .rect, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .rect{ cursor: pointer; display: block; font-size: 0.9em; overflow: hidden; position: absolute; text-align: center; z-index: 1000; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatAvailable { background: #1b6aac none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatSelected { background: #56ae33 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatBooked { background: #ed0909 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .pjBsListPassengerData .dl-horizontal dt{ width: 200px; } #pjWrapperBusReservation_theme1 .pjBsFormActions .btn{ margin-bottom: 5px; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and (max-width: 1199px) { /* ========================================================================== #pjBsFormAvailability ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li > .row > * { padding-top: 2px; padding-bottom: 2px; } } @media only screen and (max-width: 767px) { /* ========================================================================== #Forms ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsForm .pjBsFieldInline { width: 100%; } /* ========================================================================== #pjBsFormTickets ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsFormTitle, #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate { float: none !important; } /* ========================================================================== #pjBsFormAvailability ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormActions { padding-top: 0; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle { padding-top: 0; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle .pjBsFormArticleTitle { font-size: 15px; } /* ========================================================================== #pjBsFormBoxes ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox { padding: 10px; } } @media only screen and (max-width: 640px) { /* ========================================================================== #pjBsFormBoxes ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .row .row .col-xs-4 { width: 50%; } } @media only screen and (max-width: 520px) { /* ========================================================================== #pjBsFormBoxes ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox { width: 100%; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsHead .col-xs-4 { display: none; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .col-xs-8 { width: 100%; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .col-xs-4 { width: 50%; } } @media only screen and (max-width: 450px) { #pjWrapperBusReservation_theme1 .pjBsFormAvailability .col-xss-12 { width: 100%; } } @media only screen and (max-width: 440px) { /* ========================================================================== #pjBsFormAvailability ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li > .row > .col-xs-9 { padding-right: 5px; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .row .row .col-xs-4 { width: 100%; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .form-control { padding: 0 25px 0 10px; } #pjWrapperBusReservation_theme1 .pjBsSelectsRow .col-xs-6 { width: 100%; } } @media only screen and (max-width: 360px) { /* ========================================================================== #pjBsFormBoxes ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li > .row .row .col-xs-4 { width: 100%; } #pjWrapperBusReservation_theme1 .pjBsFormActions .btn{ width: 100%; } } /* ################ MS ############################################################ ################################################################################ */ /* ====================== Global ================================================== */ .ms-simple-btn { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0); background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:15px; padding:8px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .ms-simple-btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0); background-color:#e9e9e9; } .ms-simple-btn:active { position:relative; top:1px; } .ms-relative { position: relative; } .myHr { clear: both; margin: 0 0 10px 0; display: block; height: 10px; border-bottom: dashed 1px lightgray; } .hidden { display: none; } .hiddeni { display: none!important; } .superhidden { display: none!important; opacity: 0!important; visibility: hidden!important; width: 0!important; height: 0!important; position: fixed!important; z-index: -1!important; top: -1000px!important; } .ms-relative { position: relative; } .ms-disabled { opacity: 0.5; pointer-events: none; } .ms-tooltip { position: relative; display: inline-block; } .ms-tooltip .ms-tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 100%; left: -42px; } .ms-tooltip:hover .ms-tooltiptext { visibility: visible; } /* ===================== Header ============================================================= */ /* ===== menu ddl ===== */ .pjBsHeader .pull-left.pjBsNav { position: relative; width: 100%; } .pjBsHeader .pull-left .btn.dropdown-toggle { display: none; } .pjBsHeader .pull-left .dropdown-menu { background-color: transparent; display: flex; position: absolute; top: -1px; left: 0px; border: none!important; box-shadow: none!important; width: 400px; z-index: 10; } .pj-ddl-main-menu, .pj-ddl-main-menu a { background-color: transparent!important; color: black!important; } .pj-ddl-main-menu .pjBrBtnMenu::before { font-family: FontAwesome; display: inline-block; vertical-align: middle; font-size: 15px; border: solid 1px transparent; border-radius: 50%; height: 26px; width: 26px; text-align: center; margin-right: 7px; color: white!important; line-height: 26px; } .pj-ddl-main-menu #booking_step1::before {content: "\f279";letter-spacing: -1px;} .pj-ddl-main-menu #booking_step2::before {content: "\f207";letter-spacing: 0;} .pj-ddl-main-menu #booking_step3::before {content: "\f2bb";letter-spacing: 0;} .pj-ddl-main-menu #booking_step4::before {content: "\f274";letter-spacing: -3px;line-height: 23px;} /* after (done) */ .pj-ddl-main-menu .pjBrBtnMenu.past::before { content: "\f00c"!important; background-color: green; } /* current */ .pj-ddl-main-menu .pjBrBtnMenu.present::before { background-color: #ff3f9d; } /* before (disabled) */ .pj-ddl-main-menu .pjBrBtnMenu.future::before { background-color: gray; } /* disable language */ .ms-invisible-lang { opacity: 0; visibility: hidden; width: 1px; color: transparent; background-color: transparent; pointer-events: none; } /* ===================== /Seats ============================================================= */ .pjBsBusTitle-title, .pjBsBusTitle-title + br { display: none; } .dropdown-menu .active .pjBrBtnMenu.active { pointer-events: none; } .ddl-ret { padding-left: 25px!important; } .ret-check-overlay { position: absolute; width: 97%; height: 93%; text-align: right; padding-right: 53%; cursor: pointer; /*background-color: rgba(0,0,0,0.3);*/ z-index: 1; } .ret-check-overlay:hover { background-color: rgba(202, 202, 202, 0.25); border-radius: 15px; margin-left: -10px; } .ret-check-deactivated { opacity: 0.6; cursor: not-allowed; /*pointer-events: none;*/ } .ret-course-block .pull-right.pjBrDestinationTip { display: block; z-index: 3; position: absolute; right: 0; } .no-ticket-info { position: absolute; z-index: 3; color: #b50303; bottom: 30%; margin: auto; font-size: 16px; display: none; left: 50%; } .ddl-ret { /*visibility: hidden;*/ pointer-events: none; } .ddl-ret::-ms-expand { display: none; } .ddl-ret { /*for firefox*/ -moz-appearance: none; /*for chrome*/ -webkit-appearance:none; } /*.ret-course-block .input-group-addon { border-left: solid 1px #bfbfbf!important; border-radius: 3px!important; position: absolute!important; width: 100px!important; height: 34px!important; font-size: 15px!important; line-height: 30px!important; }*/ .check-dus { display: block; width: 43%; text-align: right; position: absolute; } @import "compass/css3"; /* functionality */ input[type="checkbox"].graphic { display: none; } input[type="checkbox"].graphic + .check-label, input[type="checkbox"].graphic + .check-label:after { padding: 0; display: inline-block; } input[type="checkbox"].graphic + .check-label { position: relative; /* style */ font-size: 36px; font-family: Verdana; text-shadow: 0 0 9px rgba(0,0,0,0.4); color: #333; pointer-events: none; } input[type="checkbox"].graphic + .check-label:after { position: absolute; right: 20px; /* style */ width:68px; height: 69px; } /* checked state indicator images */ input[type="checkbox"].graphic + .check-label:after { /*background:url(https://cl.ly/image/0B0E1b0z003I/cross.png) no-repeat 0px 50%;*/ content: ''; z-index:2; transform:scale(0.75) rotate(0deg); } input[type="checkbox"].graphic:checked + .check-label:after { background-image:url(data:image/png;base64,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); opacity: 1; } /* animation (only works in Firefox) */ input[type="checkbox"].graphic + .check-label:hover::after { transform:scale(0.77) rotate(360deg); } input[type="checkbox"].graphic, input[type="checkbox"].graphic + .check-label, input[type="checkbox"].graphic + .check-label:after { transition: all .5s cubic-bezier(1.000, -0.360, 0.000, 1.385); /* custom */ transition-timing-function: cubic-bezier(1.000, -0.360, 0.000, 1.385); /* custom */ } .no-more-seats { height: 100px; width: 220px; color: #ff3f9d; font-size: 15px; } /* ===================== /Checkout ========================================================== */ .hr-form { } .form-block-title { } .form-block-title-retur, .form-block-retur { display: none!important; } .form-block-title-factura { display: inline-block; padding-right: 13px; } .passager-title { font-size: 16px; font-weight: 600; padding: 20px; /*border-top: dashed 1px #9c9c9c;*/ } .passager-block.passager-block-dus { display: block; width: 90%; /*padding: 20px;*/ /*border: dashed 1px #948383;*/ margin: 9px; border-radius: 3px; } .checkout-input-label { display: inline-block; } /* .chkinlblctrl { width: 30px!important; margin-right: -16px!important; padding-top: 1px!important; margin-right: 5px!important; width: auto!important; padding-right: 0!important; padding-top: 0!important; } */ .chkinlblctrl { margin-right: 15px!important; width: 160px!important; } .chkinlblctrl + div { width: 100%!important; } .form-block-factura input, .form-block-factura select { width: 100%!important; } #copy_first_client_data { width: auto!important; margin-bottom: 16px; } /* ====================== Preview ============================================================ */ .form-block-factura .ms-width-dt { width: 180px!important; } .ms-break-word { width: 180px!important; display: inline-block; } .panel-body.pjBsBgBody { background: none; background-color: #f9f9f9; } /* ====================== Media ============================================================== */ @media (min-width: 769px){ /* ============== desktop only ============================== */ /* ========== General ============================= */ .show-on-desktop { display: block; } .hide-on-desktop { display: none; } .left-column-desktop, .right-column-desktop { width: 50%; float: left; } /* ========== Header ============================= */ /* ========== Search ============================= */ /*#confirmation_message { position: absolute; top: 200px; background-color: white; padding: 5px; border-radius: 3px; color: #4e4e4e; padding-left: 15px; }*/ #confirmation_message { background-color: #f9f9f9; padding: 5px; border-radius: 3px; color: #4e4e4e; margin-top: 10px; padding-left: 15px; } /* ========== Seats ============================== */ /* info icon */ .pjBsBusTitle .glyphicon.glyphicon-question-sign::before { background: #15437a; content: "\e086"; font-size: 43px; display: block; color: #f7f7f7; border-radius: 31px; border: solid 1px #15437a; line-height: 49px; width: 50px; text-align: center; height: 50px; } .dus-course-block .pjBsBusTitle .glyphicon.glyphicon-question-sign::before { position: absolute; top: -75px; left: -55px; } .ret-course-block .pjBsBusTitle .glyphicon.glyphicon-question-sign::before { margin-top: 3px; margin-left: -69px; } /* ========== Preview ============================ */ .form-block-dus .ms-width-dt { width: 125px!important; text-overflow: clip!important; } .panel-body.pjBsBgBody { height: 105px; } /* ========= Chekout ============================ */ .chkinlblctrl + div { width: 420px!important; margin-left: 15px!important; } .form-block-factura input, .form-block-factura select { width: 420px!important; } } @media (max-width: 767px) { /* ============== mobile + tablet ========================== */ .show-on-tablet { display: block; } .hide-on-tablet { display: none; } /* ============ Header ====================================== */ .pjBsHeader { height: 90px; } /* ===== menu ddl ===== */ /*.pjBsHeader .pull-left.pjBsNav .pjBrBtnMenu { width: 41px; font-size: 0; }*/ .dropdown-menu.pj-ddl-main-menu { display: block!important; columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 80%!important; } /* ============ Checkout ==================================== */ .passager-block.passager-block-dus { display: inline-block; width: 99%!important; } .no-ticket-info { bottom: 30%; right: 0; height: 50px; line-height: 46px; background: white; left: 0; text-align: center; border: solid 1px; } input[type="checkbox"].graphic + .check-label, input[type="checkbox"].graphic + .check-label:after { right: -80px; } .ticket_select .input-group { width: 150px; margin: 0 auto 20px; float: right; } /* ============= Seats ====================================== */ .ddl-ret { padding-left: 20px!important; } .dus-course-block .pjBsBusDate, .ret-course-block .pjBsBusDate { width: 141px!important; /*border-left: solid 2px #8c8080!important;*/ /*padding: 0 5px;*/ box-sizing: border-box!important; margin: 5px 0!important; } .pjBsBusTitle .glyphicon.glyphicon-question-sign::before { background: #15437a; content: "\e086"; font-size: 23px; display: block; color: #f7f7f7; border-radius: 31px; border: solid 1px #15437a; line-height: 29px; width: 30px; text-align: center; height: 30px; } .dus-course-block .pjBsBusTitle .glyphicon.glyphicon-question-sign::before { position: absolute; top: -75px; left: -55px; } .ret-course-block .pjBsBusTitle .glyphicon.glyphicon-question-sign::before { margin-top: 10px; margin-left: -69px; } .lbl-datetime { font-size: 15px; color: #343839; margin-bottom: -7px!important; } .check-dus { width: 60px; bottom: 57px; right: 155px; } .check-label-ret { display: block!important; position: absolute!important; right: 70px!important; bottom: 38px!important; } input[type="checkbox"].graphic:checked + .check-label:after { background-size: 50px 50px; background-repeat: no-repeat; } } @media (max-width: 420px) { /* ================ Mobile only ============ */ /* ================= General ====================== */ .show-on-mobile { display: block; } .hide-on-mobile { display: none; } /* ================= Header ======================= */ /* ===== menu ddl ===== */ /*.pjBsHeader .pull-left.pjBsNav a.pjBrBtnMenu { font-size: 10px; padding: 0!important; } .dropdown-menu.pj-ddl-main-menu { margin-left: -10px!important; }*/ .pjBsHeader { height: 54px; } .pjBsHeader .pull-left.pjBsNav .pjBrBtnMenu { width: 41px; font-size: 0; } .dropdown-menu.pj-ddl-main-menu { display: flex!important; } } /* ========================================================================== #General ========================================================================== */ #pjWrapperBusReservation_theme1 { color: #545e5f; } #pjWrapperBusReservation_theme1 * { font-family: 'Open Sans', sans-serif; } #pjWrapperBusReservation_theme1 .fa { font-family: 'FontAwesome'; } #pjWrapperBusReservation_theme1 .glyphicon { font-family: 'Glyphicons Halflings'; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperBusReservation_theme1 .btn-default { border-color: #bebabb; color: #525a5d; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 27%, rgba(250,248,249,1) 43%, rgba(245,241,240,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(250,248,249,1) 43%,rgba(245,241,240,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(250,248,249,1) 43%,rgba(245,241,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f1f0',GradientType=0 ); } #pjWrapperBusReservation_theme1 .btn-default:hover, #pjWrapperBusReservation_theme1 .btn-default:focus { border-color: #1b6aac; color: #1b6aac; background: rgb(245,241,240); background: -moz-linear-gradient(top, rgba(245,241,240,1) 0%, rgba(250,248,249,1) 57%, rgba(253,253,253,1) 73%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(245,241,240,1) 0%,rgba(250,248,249,1) 57%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(245,241,240,1) 0%,rgba(250,248,249,1) 57%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1f0', endColorstr='#ffffff',GradientType=0 ); } #pjWrapperBusReservation_theme1 .btn-primary { border-color: #1b6aac; color: #fff; background: rgb(64,152,226); background: -moz-linear-gradient(top, rgba(64,152,226,1) 0%, rgba(46,134,208,1) 100%); background: -webkit-linear-gradient(top, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); background: linear-gradient(to bottom, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2e86d0',GradientType=0 ); } #pjWrapperBusReservation_theme1 .btn-primary:hover, #pjWrapperBusReservation_theme1 .btn-primary:focus { border-color: #1b6aac; background: rgb(46,134,208); background: -moz-linear-gradient(top, rgba(46,134,208,1) 0%, rgba(64,152,226,1) 100%); background: -webkit-linear-gradient(top, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); background: linear-gradient(to bottom, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e86d0', endColorstr='#4098e2',GradientType=0 ); } #pjWrapperBusReservation_theme1 .btn-link { color: #56ae33; } #pjWrapperBusReservation_theme1 .btn-link:hover, #pjWrapperBusReservation_theme1 .btn-link:focus { color: #1b6aac; } /* ========================================================================== #Modals ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsModal .modal-title { color: #343839; } /* ========================================================================== #pjBsForms ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsForm label, #pjWrapperBusReservation_theme1 .pjBsForm .control-label { color: #35393a; } #pjWrapperBusReservation_theme1 .pjBsForm .form-control { border-color: #bfbbbc; background: #fff; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1); } #pjWrapperBusReservation_theme1 .pjBsForm .form-control:focus { border-color: #1b6aac; -webkit-box-shadow: 0 0 10px rgba(26, 106, 172, .3); box-shadow: 0 0 10px rgba(26, 106, 172, .3); } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsAsterisk { color: #ed0909; } #pjWrapperBusReservation_theme1 .pjBsForm .checkbox a { color: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsForm .checkbox a:hover { color: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsForm .has-error .form-control, #pjWrapperBusReservation_theme1 .pjBsForm .has-error .pjBsDatePicker .input-group-addon, #pjWrapperBusReservation_theme1 .pjBsForm .has-error .pjBsDatePicker .form-control:focus ~ .input-group-addon { border-color: #a94442; } #pjWrapperBusReservation_theme1 .pjBsForm .has-error label, #pjWrapperBusReservation_theme1 .pjBsForm .has-error li { color: #a94442; } #pjWrapperBusReservation_theme1 .pjBsForm .has-success .form-control, #pjWrapperBusReservation_theme1 .pjBsForm .has-success .pjBsDatePicker .input-group-addon, #pjWrapperBusReservation_theme1 .pjBsForm .has-success .pjBsDatePicker .form-control:focus ~ .input-group-addon { border-color: #3c763d; } #pjWrapperBusReservation_theme1 .pjBsForm .has-success label, #pjWrapperBusReservation_theme1 .pjBsForm .has-success li { color: #3c763d; } /* ========================================================================== #pjBsDatePicker ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .input-group-addon { color: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .input-group-addon:hover { color: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker td.disabled, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker td.disabled:hover { background: none; color: #ded8d8; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .today:before { border-bottom-color: #56ae33 !important; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .day:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .month:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .year:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .decade:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .hour:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .minute:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .active { background: #2f87cf; color: #fff; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .prev span, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .next span { color: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .prev:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .next:hover { background: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .prev:hover span, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .next:hover span { color: #fff; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .picker-switch { color: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .picker-switch:hover, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .bootstrap-datetimepicker-widget .active, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .bootstrap-datetimepicker-widget .active:hover { background: #1b6aac; color: #fff; } #pjWrapperBusReservation_theme1 .pjBsForm .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; } #pjWrapperBusReservation_theme1 .pjBsForm .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; } #pjWrapperBusReservation_theme1 .pjBsForm .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; } #pjWrapperBusReservation_theme1 .pjBsForm .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; } #pjWrapperBusReservation_theme1 .pjBsForm .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; } /* ========================================================================== #Select2 Autocomplete ========================================================================== */ .select2-dropdown.pjBsSelect2Dropdown { border-color: #aaa; background-color: #fff; } .select2-container--default .select2-selection--single.pjBsSelect2Preview { border-color: #bfbbbc; background: #fff; border-radius: 4px; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1); } .select2-container--default.select2-container--open .select2-selection--single.pjBsSelect2Preview { border-color: #1b6aac; -webkit-box-shadow: 0 0 10px rgba(26, 106, 172, .3); box-shadow: 0 0 10px rgba(26, 106, 172, .3); } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__rendered { color: #444; } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single.pjBsSelect2Preview .select2-selection__arrow b { border-color: #2f2d2e transparent transparent transparent; } .select2-container--default.select2-container--disabled .select2-selection--single.pjBsSelect2Preview { background-color: #eee; } .select2-container--default.select2-container--open .select2-selection--single.pjBsSelect2Preview .select2-selection__arrow b { border-color: transparent transparent #2f2d2e transparent; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview { border-color: #aaa; background-color: #fff; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice { border-color: #aaa; background-color: #e4e4e4; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice__remove { color: #999; } .select2-container--default .select2-selection--multiple.pjBsSelect2Preview .select2-selection__choice__remove:hover { color: #333; } .select2-container--default.select2-container--focus .select2-selection--multiple.pjBsSelect2Preview { border-color: #000; } .select2-container--default.select2-container--disabled .select2-selection--multiple.pjBsSelect2Preview { background-color: #eee; } .select2-container--default .pjBsSelect2Dropdown .select2-search--dropdown .select2-search__field { border-color: #aaa; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option { color: #2f2d2e; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option--highlighted { background: #2f87cf; color: #fff; } .select2-container--default .pjBsSelect2Dropdown .select2-results__option[aria-selected="true"], .select2-container--default .pjBsSelect2Dropdown .select2-results__option--highlighted[aria-selected="true"] { background-color: #56ae33; color: #fff; } .select2-container--default .pjBsSelect2Dropdown .select2-results__group { color: #56ae33; } /* ========================================================================== #pjBsMain ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsMain, #pjWrapperBusReservation_theme1 .pjBsMain .pjBsHeader, #pjWrapperBusReservation_theme1 .pjBsMain .pjBsBody, #pjWrapperBusReservation_theme1 .pjBsMain .pjBsFoot { border-color: #ded8d8; } /* ========================================================================== #pjBsHeader ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsHeader { background: #f7f7f7; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-toggle { border-color: #bebabb; color: #2f2d2e; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 27%, rgba(250,248,249,1) 43%, rgba(245,241,240,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(250,248,249,1) 43%,rgba(245,241,240,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(250,248,249,1) 43%,rgba(245,241,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f1f0',GradientType=0 ); } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-toggle:hover, #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-toggle:focus { color: #2f87cf; background: rgb(245,241,240); background: -moz-linear-gradient(top, rgba(245,241,240,1) 0%, rgba(250,248,249,1) 57%, rgba(253,253,253,1) 73%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(245,241,240,1) 0%,rgba(250,248,249,1) 57%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(245,241,240,1) 0%,rgba(250,248,249,1) 57%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1f0', endColorstr='#ffffff',GradientType=0 ); } #pjWrapperBusReservation_theme1 .pjBsNav.open .dropdown-toggle { border-color: #2f87cf; background: #2f87cf; color: #fff; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu { border-color: #2f87cf; background: #2f87cf; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu a { color: #fff; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu a:hover { background: #1b6aac; color: #fff; } #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu .active a { background: #56ae33; } /* ========================================================================== #pjBsBody ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsMain .pjBsBody { background: #fff; } /* ========================================================================== #pjBsFormAvailability ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormArticle .pjBsFormArticleTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormAvailability .pjBsFormNav .btn.active { border-color: #1b6aac; color: #fff; background: rgb(46,134,208); background: -moz-linear-gradient(top, rgba(46,134,208,1) 0%, rgba(64,152,226,1) 100%); background: -webkit-linear-gradient(top, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); background: linear-gradient(to bottom, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e86d0', endColorstr='#4098e2',GradientType=0 ); } /* ========================================================================== #pjBsFormTickets ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsFormTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsFormTitle strong { color: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd strong { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a { color: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a:hover, #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a:focus { color: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsSeats, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsHead, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot { border-color: #ded8d8; background: #fff; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsHead .pjBsSeatsTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li { background: #fff; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses > li:nth-child(even) { background: #f7f7f7; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusTitle a { color: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsListTicks li { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsListTicks .glyphicon { color: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusAvailableSeats { color: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusDate { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsBusDuration { color: #545e5f; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .form-group label { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .pjBsFormControlsInline p { color: #545e5f; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsListBusses .input-group .input-group-addon { border-color: #bfbbbc; background: #f7f7f7; color: #2f87cf; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats p { color: #545e5f; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats p strong { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats dl dt { color: #545e5f; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsChosenSeats dl dd { color: #2f87cf; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer { border-color: #ded8d8; background: #f7f7f7; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeat { color: #fff; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatAvailable { background: #1b6aac; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .pjBsSeatAvailable:hover, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatSelected { background: #56ae33; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatBooked { background: #ed0909; } #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsFoot .pjBsSeatsKey span { color: #545e5f; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-available, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-available{ background: #1b6aac none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-booked, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-booked{ background: #ed0909 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-selected, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-selected{ background: #56ae33 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .bsMapContainer .bs-available:hover, #pjWrapperBusReservation_theme1 .bsReturnMapContainer .bs-return-available:hover{ background: #56ae33 none repeat scroll 0 0; } #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormFoot .pjBsTotalPrice { color: #343839; } /* ========================================================================== #pjBsFormCheckout ========================================================================== */ #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormHead .pjBsFormTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxInner { background: #f7f7f7; -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .3); box-shadow: 0 5px 6px rgba(0, 0, 0, .3); } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormBoxes .pjBsFormBox .pjBsFormBoxData dd { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormBody .pjBsFormTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .form-group, #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormActions { border-top-color: #ded8d8; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormTitle { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsFormCheckout .pjBsFormFoot .pjBsFormActions p { color: #343839; } #pjWrapperBusReservation_theme1 .pjBsListPersonalData dd { color: #343839; } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperBusReservation_theme1 .btn, #pjWrapperBusReservation_theme1 .pjBsForm .form-control, #pjWrapperBusReservation_theme1 .pjBsNav .dropdown-menu a, #pjWrapperBusReservation_theme1 .pjBsForm .pjBsDatePicker .input-group-addon, #pjWrapperBusReservation_theme1 .pjBsFormTickets .pjBsFormHead .pjBsDepartureDate dd a, #pjWrapperBusReservation_theme1 .pjBsSeats .pjBsSeatsBody .pjBsSeatsContainer .pjBsSeat, #pjWrapperBusReservation_theme1 .pjBsForm .checkbox a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }