/* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrContainer { padding: 15px; } #pjWrapperCarRental_theme7 .pjCrMinSize340 { min-width: 340px; } #pjWrapperCarRental_theme7 .pjCrVerticalTop { vertical-align: top; } #pjWrapperCarRental_theme7 .pjCrCursorPointer { cursor: pointer; } #pjWrapperCarRental_theme7 .pjCrSize1of5 { width: 20% !important; } #pjWrapperCarRental_theme7 select.form-control { cursor: pointer; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrBtnAdd { padding: 6px 8px; } #pjWrapperCarRental_theme7 .pjCrBtnActive, #pjWrapperCarRental_theme7 .pjCrNav .pjCrBtnActive, #pjWrapperCarRental_theme7 .pjCrLanguage .pjCrBtnActive { color: #337ab7; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperCarRental_theme7 .form-group.has-error { position: relative; } #pjWrapperCarRental_theme7 .help-block, #pjWrapperCarRental_theme7 .help-block * { margin: 0; } #pjWrapperCarRental_theme7 .help-block { position: absolute; bottom: -15px; left: 0; overflow: hidden; max-width: 100%; } #pjWrapperCarRental_theme7 .help-block li { overflow: hidden; max-width: 100%; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #pjWrapperCarRental_theme7 .form-group.has-error .row { position: relative; max-width: 100%; } #pjWrapperCarRental_theme7 .form-group .row .help-block { bottom: -15px; left: 15px; } /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProgresbarNav { display: inline-block; width: 636px; padding: 0 10px; } #pjWrapperCarRental_theme7 .pjCrProgressBar { border-right: 1px solid; } #pjWrapperCarRental_theme7 .pjCrProgressBar:last-of-type { border-right: 0; } #pjWrapperCarRental_theme7 .pjCrProgressSm { height: 10px; margin-bottom: 0; } #pjWrapperCarRental_theme7 .pjCrProgresbarNav .pjCrBtnSm { padding: 5px; } #pjWrapperCarRental_theme7 .pjCrProgresbarNav .nav .active a { background-color: #eee; color: #333; } /* ========================================================================== #pjCrNav ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrNav .pjCrBtn { text-align: left; } #pjWrapperCarRental_theme7 .pjCrNav .pjCrBtnNav .caret { -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; } #pjWrapperCarRental_theme7 .pjCrNav.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* ========================================================================== #pjCrLanguage ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrLanguage { float: right; } #pjWrapperCarRental_theme7 .pjCrLanguage .pjCrBtnNav .caret { -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; } #pjWrapperCarRental_theme7 .pjCrLanguage.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapperCarRental_theme7 .pjCrLanguage .dropdown-menu { right: 0; left: auto; } /* ========================================================================== #pjCrTimePicker ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrTimePicker .bootstrap-datetimepicker-widget { max-width: 100%; } #pjWrapperCarRental_theme7 .pjCrTimePicker .bootstrap-datetimepicker-widget td, #pjWrapperCarRental_theme7 .pjCrTimePicker .bootstrap-datetimepicker-widget td span { width: 34px; height: 34px; line-height: 34px; } #pjWrapperCarRental_theme7 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn { padding: 0; } #pjWrapperCarRental_theme7 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn-primary { padding: 6px; } /* ========================================================================== #Pannels ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrPanelLeft { min-width: 280px; } #pjWrapperCarRental_theme7 .pjCrPanelRight { min-width: 520px; } /* ========================================================================== #Products ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProduct { padding: 15px; margin-bottom: 20px; } #pjWrapperCarRental_theme7 .pjCrProduct .well p:last-of-type { padding-bottom: 0; margin-bottom: 0; } #pjWrapperCarRental_theme7 .pjCrProduct .pjCrBgPrimary { line-height: 21px; } #pjWrapperCarRental_theme7 .pjCrProduct .pjCrBtntDefault { padding: 6px 0; } /* ========================================================================== #pjCrMultiplierDropdown ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrMultiplierDropdown { display: inline-block; vertical-align: middle; } #pjWrapperCarRental_theme7 .pjCrMultiplierDropdown .form-control { display: inline-block; padding: 0; } #pjWrapperCarRental_theme7 .pjCrMultiplierDropdown .input-group-addon { padding: 6px 8px; } /* ========================================================================== #pjCrCaptcha ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrCaptcha .help-block { float: left; width: 100%; padding-left: 15px; } .modal-backdrop.fade { opacity: 0 !important; filter: alpha(opacity=0) !important; } .modal-backdrop.fade.in { opacity: 0.5 !important; filter: alpha(opacity=50) !important; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 1051px ) { /* ========================================================================== #Pannels ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrPanelLeft { min-width: 1px; } #pjWrapperCarRental_theme7 .pjCrPanelRight { min-width: 1px; } } @media only screen and ( max-width: 890px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProgresbarNav { overflow: hidden; } /* ========================================================================== #pjCrLanguage ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrLanguage { float: right; } } @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProgresbarNav { width: 100%; } #pjWrapperCarRental_theme7 .pjCrProgresbarNav .nav-justified > li { float: left; } /* ========================================================================== #pjCrProducts ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12 { width: 45%; } #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:first-of-type { width: 25%; } #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:last-of-type { width: 30%; } /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-5 { width: 33%; } #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-7 { width: 40%; } #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-12:last-of-type { width: 27%; text-align: right; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrHeading .col-xs-12 { width: 50%; } } @media only screen and ( max-width: 670px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProgresbarNav .nav > li { display: none; } #pjWrapperCarRental_theme7 .pjCrProgresbarNav .nav > .active { display: block; } } @media only screen and ( max-width: 470px ) { /* ========================================================================== #pjCrProducts ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12, #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:first-of-type { width: 100%; } #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:last-of-type { width: 250px; } #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:last-of-type .well { width: 50%; margin: 0 auto 20px; } } @media only screen and ( max-width: 470px ) { /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-5 { width: 35%; } #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-7 { width: 65%; } #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-12, #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-12:last-of-type { width: 100%; } #pjWrapperCarRental_theme7 .pjCrProductExtra h5 { text-align: left; } #pjWrapperCarRental_theme7 .pjCrProductExtra .col-xs-12:last-of-type { text-align: center; } } @media only screen and ( max-width: 390px ) { /* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrMinSize340 { min-width: 1px; } /* ========================================================================== #pjCrForm ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrFormGroup .col-xs-6 { width: 100%; } /* ========================================================================== #pjCrTimePicker ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrTimePicker { padding-top: 10px; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrHeading .col-xs-12 { width: 100%; } #pjWrapperCarRental_theme7 .pjCrLanguage { float: left; margin-top: 15px; } } /*! * 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} /* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrColorPrimary { color: #1ec290; } #pjWrapperCarRental_theme7 .pjCrColorPrimary:hover { color: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrBgPrimary { background: #1ec290; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrBtntDefault, #pjWrapperCarRental_theme7 .pjCrBtntDefault.disabled { border-color: #1eaf84; border-width: 2px; background: #1ec290; color: #fff; } #pjWrapperCarRental_theme7 .pjCrBtntDefault:hover, #pjWrapperCarRental_theme7 .pjCrBtntDefault.disabled:hover { border-color: #1eaf84; border-width: 2px; background: #1eaf84; color: #fff; } #pjWrapperCarRental_theme7 .pjCrBtnActive, #pjWrapperCarRental_theme7 .pjCrNav .pjCrBtnActive, #pjWrapperCarRental_theme7 .pjCrLanguage .pjCrBtnActive { background: #1ec290; color: #fff; } #pjWrapperCarRental_theme7 .pjCrContainer .pjCrBtnPassed { color: #569e88; } #pjWrapperCarRental_theme7 .pjCrBtnTerms { color: #1ec290; } #pjWrapperCarRental_theme7 .pjCrBtnTerms:hover { color: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrBtnLink { color: #1ec290; } #pjWrapperCarRental_theme7 .pjCrBtnLink:hover, #pjWrapperCarRental_theme7 .pjCrBtnLink:focus { color: #1eaf84; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrContainer .pjCrHeading, #pjWrapperCarRental_theme7 .pjCrContainer .pjCrBody { background: #fff; } /* ========================================================================== #pjCrBtnNav ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrBtnNav { border-color: #fff; background: #fff; color: #6b696a; text-transform: uppercase; font-weight: bold; } #pjWrapperCarRental_theme7 .pjCrBtnNav:hover { border-color: #fff; background: #fff; } /* ========================================================================== #Panels ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrContainer .pjCrPanelLeft .panel-heading, #pjWrapperCarRental_theme7 .pjCrContainer .pjCrPanelRight .panel-heading { background: #f3f5f4; } #pjWrapperCarRental_theme7 .pjCrContainer .panel-title, #pjWrapperCarRental_theme7 .pjCrContainer .panel-title { color: #539e87; font-weight: bold; text-transform: uppercase; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrContainer p, #pjWrapperCarRental_theme7 .pjCrContainer .control-label { color: #4d4f4e } #pjWrapperCarRental_theme7 .pjCrContainer .form-control:focus { border-color: #1eaf84; -webkit-box-shadow: 0 0 6px rgba(30, 175, 132, .4); box-shadow: 0 0 6px rgba(30, 175, 132, .4); } /* ========================================================================== #pjCrFormCheckout ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrFormCheckout .panel-heading { background: #7d8381; } #pjWrapperCarRental_theme7 .pjCrContainer .pjCrFormCheckout .panel-title { color: #f0f1ec; font-weight: bold; } #pjWrapperCarRental_theme7 .pjCrContainer .pjCrFormCheckout .control-label, #pjWrapperCarRental_theme7 .pjCrContainer .pjCrFormCheckout p { color: #4d4f4e; font-weight: normal; } #pjWrapperCarRental_theme7 .pjCrContainer .pjCrFormCheckout .has-error .control-label { color: #a94442; } /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrProductExtra { background: #f3f5f4; color: #898989; } /* ========================================================================== #pjCrDatePicker ========================================================================== */ #pjWrapperCarRental_theme7 .pjCrTimePicker .input-group-addon, #pjWrapperCarRental_theme7 .pjCrDatePicker .input-group-addon { color: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrDatePicker .input-group-addon:hover, #pjWrapperCarRental_theme7 .pjCrTimePicker .input-group-addon:hover { color: #1ec290; } #pjWrapperCarRental_theme7 .pjCrDatePicker .form-control, #pjWrapperCarRental_theme7 .pjCrTimePicker .form-control { background: #fff; } #pjWrapperCarRental_theme7 .pjCrDatePicker .today:before { border-bottom-color: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrDatePicker .prev span, #pjWrapperCarRental_theme7 .pjCrDatePicker .next span { color: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrDatePicker .prev:hover, #pjWrapperCarRental_theme7 .pjCrDatePicker .next:hover { background: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrDatePicker .prev:hover span, #pjWrapperCarRental_theme7 .pjCrDatePicker .next:hover span { color: #fff; } #pjWrapperCarRental_theme7 .pjCrDatePicker .picker-switch { color: #2d2d2d; } #pjWrapperCarRental_theme7 .pjCrDatePicker .picker-switch:hover, #pjWrapperCarRental_theme7 .pjCrDatePicker .bootstrap-datetimepicker-widget .active, #pjWrapperCarRental_theme7 .pjCrDatePicker .bootstrap-datetimepicker-widget .active:hover { background: #1eaf84; color: #fff; } #pjWrapperCarRental_theme7 .pjCrTimePicker a { color: #1eaf84; } #pjWrapperCarRental_theme7 .pjCrTimePicker a:hover span, #pjWrapperCarRental_theme7 .pjCrTimePicker td > span:hover { background: #1eaf84; color: #fff; } #pjWrapperCarRental_theme7 .pjCrTimePicker .btn-primary { border-color: #1eaf84; background: #1ec290; color: #fff; } #pjWrapperCarRental_theme7 .pjCrTimePicker .btn-primary:hover { border-color: #1eaf84; background: #1eaf84; color: #fff; } #pjWrapperCarRental_theme7 .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; } #pjWrapperCarRental_theme7 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; } #pjWrapperCarRental_theme7 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; } #pjWrapperCarRental_theme7 .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; } #pjWrapperCarRental_theme7 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; } .ocr-manage-body{margin:0;background:#f3f6fa;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Leelawadee UI",Tahoma,Arial,sans-serif}.ocr-manage *{box-sizing:border-box}.ocr-manage-header{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:14px max(20px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #dfe5eb}.ocr-brand{color:#087b46;font-size:22px;font-weight:900;text-decoration:none}.ocr-brand small{display:block;color:#667085;font-size:11px}.ocr-link-button{border:0;background:transparent;color:#087b46;font-weight:700;cursor:pointer}.ocr-manage-shell{max-width:1120px;margin:0 auto;padding:32px 18px 64px}.ocr-alert{margin-bottom:18px;padding:14px 16px;border-radius:11px;font-weight:700}.ocr-alert--success{background:#eaf8f1;color:#067a45}.ocr-alert--error{background:#fff0ee;color:#b42318}.ocr-access-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:900px;margin:30px auto;border:1px solid #dfe5eb;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(16,24,40,.1)}.ocr-access-intro{padding:48px;background:#102a43;color:#fff}.ocr-access-intro h1{margin:8px 0 0;color:#fff;font-size:36px}.ocr-kicker{color:#7ee2ae;font-size:11px;font-weight:900;letter-spacing:.12em}.ocr-en{color:#d9e5f0}.ocr-access-form{padding:40px}.ocr-access-form form,.ocr-panel form{display:grid;gap:9px}.ocr-access-form label,.ocr-panel label{font-weight:800}.ocr-access-form input,.ocr-panel input,.ocr-panel select,.ocr-panel textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd6de;border-radius:9px;background:#fff;font:inherit}.ocr-panel textarea{min-height:90px;resize:vertical}.ocr-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:9px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.ocr-button--primary{background:#079b55;color:#fff}.ocr-button--secondary,.ocr-button--copy{border-color:#cfd6de;background:#fff;color:#172033}.ocr-button--danger{border-color:#f1b4ad;background:#fff;color:#b42318}.ocr-code-form{margin-top:22px;padding-top:22px;border-top:1px solid #dfe5eb}.ocr-privacy{margin-top:18px;color:#667085;font-size:12px}.ocr-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:28px;border-radius:18px;background:#102a43;color:#fff}.ocr-dashboard-hero h1{margin:10px 0 4px;color:#fff}.ocr-dashboard-hero p{margin:0;color:#d9e5f0}.ocr-status{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff3d6;color:#8a5b00;font-weight:900}.ocr-status--confirmed{background:#dff7e9;color:#067a45}.ocr-status--cancelled{background:#fff0ee;color:#b42318}.ocr-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.ocr-dashboard-main{display:grid;gap:18px}.ocr-panel{padding:22px;border:1px solid #dfe5eb;border-radius:15px;background:#fff}.ocr-panel h2{margin:0 0 16px;font-size:19px}.ocr-panel h2 small{display:block;color:#667085;font-size:12px}.ocr-trip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ocr-trip>div{padding:15px;border:1px solid #dfe5eb;border-radius:11px;background:#f9fafb}.ocr-trip span,.ocr-trip strong,.ocr-trip small{display:block}.ocr-trip span,.ocr-trip small{color:#667085}.ocr-change-form{grid-template-columns:1fr 1fr}.ocr-full{grid-column:1/-1}.ocr-price-panel{align-self:start;position:sticky;top:18px}.ocr-price-panel dl{margin:0 0 18px}.ocr-price-panel dl>div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #dfe5eb}.ocr-price-panel dt,.ocr-price-panel dd{margin:0}.ocr-price-panel dd{font-weight:900}.ocr-price-panel .ocr-total{color:#067a45;font-size:16px}.ocr-request-list{display:grid;gap:8px}.ocr-request-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px;border-radius:9px;background:#f9fafb}.ocr-request-list span{color:#667085;font-size:12px}.ocr-panel--danger{border-color:#f4c7c3}.ocr-manage [hidden]{display:none!important}@media(max-width:760px){.ocr-manage-shell{padding:18px 10px 40px}.ocr-access-card,.ocr-dashboard-grid{grid-template-columns:1fr}.ocr-access-intro,.ocr-access-form{padding:25px}.ocr-dashboard-hero{align-items:stretch;flex-direction:column}.ocr-trip,.ocr-change-form{grid-template-columns:1fr}.ocr-price-panel{position:static}.ocr-request-list>div{align-items:flex-start;flex-direction:column}.ocr-button{width:100%}} .ocr-manage { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Leelawadee UI", Tahoma, Arial, sans-serif; line-height: 1.65; } /* NEW8: a parsed noscript fallback must never expose unselected action forms. */ #pjWrapperCarRental_theme7 .ocr-manage-shell [data-manage-action-panel][hidden] { display: none !important; } #pjWrapperCarRental_theme7 .ocr-otp-title { margin: 0 0 14px; color: #102a43; font-size: 23px; line-height: 1.5; } #pjWrapperCarRental_theme7 .ocr-otp-title small { display: block; color: #526175; font-size: 15px; } #pjWrapperCarRental_theme7 .ocr-access-form .ocr-otp-help { color: #334155; font-size: 14px; line-height: 1.7; } #pjWrapperCarRental_theme7 .ocr-access-form .ocr-code-form { border: 0; margin: 18px 0 0; padding: 0; } #pjWrapperCarRental_theme7 .ocr-otp-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px; } #pjWrapperCarRental_theme7 .ocr-otp-actions form { margin: 0; } #pjWrapperCarRental_theme7 .ocr-otp-actions .ocr-button { width: 100%; min-height: 68px; padding: 11px 14px; flex-direction: column; gap: 1px; line-height: 1.25; } #pjWrapperCarRental_theme7 .ocr-otp-actions .ocr-button > span { font-size: 15px; } #pjWrapperCarRental_theme7 .ocr-otp-actions .ocr-button small { color: currentColor; font-size: 12px; font-weight: 500; opacity: .82; } #pjWrapperCarRental_theme7 .ocr-button--resend { border-color: #087b46; background: #087b46; color: #fff; box-shadow: 0 5px 12px rgba(8,123,70,.18); } #pjWrapperCarRental_theme7 .ocr-button--resend:hover, #pjWrapperCarRental_theme7 .ocr-button--resend:focus { border-color: #066238; background: #066238; color: #fff; } #pjWrapperCarRental_theme7 .ocr-button--edit { border-color: #b7c3cf; background: #f8fafc; color: #25364a; } #pjWrapperCarRental_theme7 .ocr-button--edit:hover, #pjWrapperCarRental_theme7 .ocr-button--edit:focus { border-color: #526f87; background: #eef3f7; color: #102a43; } #pjWrapperCarRental_theme7 .ocr-access-form [data-otp-focus] { font-size: 24px; letter-spacing: .3em; min-height: 56px; } #pjWrapperCarRental_theme7 .ocr-access-form button:disabled { cursor: wait; opacity: .65; } /* file modified by O Car Rent — access/support contrast overrides, 2026-09-12. * Deliberately more specific than the legacy .pjCrContainer paragraph rules. * The public CSS loader rewrites #pjWrapperCarRental_theme7 to the actual booking wrapper ID. */ #pjWrapperCarRental_theme7 .ocr-manage .ocr-access-intro p, #pjWrapperCarRental_theme7.ocr-manage .ocr-access-intro p, #pjWrapperCarRental_theme7 .ocr-manage .ocr-dashboard-hero p, #pjWrapperCarRental_theme7.ocr-manage .ocr-dashboard-hero p { color: #d9e5f0; font-size: 16px; line-height: 1.75; margin: 14px 0 0; opacity: 1; } #pjWrapperCarRental_theme7 .ocr-access-intro h1, #pjWrapperCarRental_theme7 .ocr-dashboard-hero h1 { color: #fff; line-height: 1.35; } #pjWrapperCarRental_theme7 .ocr-access-intro .ocr-kicker { color: #7ee2ae; font-size: 12px; line-height: 1.5; } #pjWrapperCarRental_theme7 .ocr-access-intro { padding: 36px; } #pjWrapperCarRental_theme7 .ocr-access-form { padding: 32px; min-width: 0; } #pjWrapperCarRental_theme7 .ocr-access-intro { min-width: 0; } #pjWrapperCarRental_theme7 .ocr-access-form form { gap: 12px; } #pjWrapperCarRental_theme7 .ocr-access-form label { color: #172033; font-size: 15px; } #pjWrapperCarRental_theme7 .ocr-access-form .ocr-privacy { color: #526175; font-size: 13px; line-height: 1.65; } #pjWrapperCarRental_theme7 .ocr-button--primary { background: #087b46; color: #fff; } #pjWrapperCarRental_theme7 .ocr-button--primary:hover { background: #066238; } #pjWrapperCarRental_theme7 .ocr-button:focus-visible, #pjWrapperCarRental_theme7 .ocr-support-button:focus-visible { outline: 3px solid #087b46; outline-offset: 3px; } #pjWrapperCarRental_theme7 .ocr-manage input:focus-visible, #pjWrapperCarRental_theme7 .ocr-manage select:focus-visible, #pjWrapperCarRental_theme7 .ocr-manage textarea:focus-visible { outline: 2px solid #087b46; outline-offset: 2px; } #pjWrapperCarRental_theme7 .ocr-session-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; color: #172033; } #pjWrapperCarRental_theme7 .ocr-session-toolbar > span { font-weight: 700; } #pjWrapperCarRental_theme7 .ocr-session-toolbar > span > span { display: block; color: #526175; font-size: 13px; font-weight: 400; } #pjWrapperCarRental_theme7 .ocr-session-toolbar form { margin: 0; } #pjWrapperCarRental_theme7 .ocr-dashboard-hero .ocr-button--copy, #pjWrapperCarRental_theme7 .ocr-dashboard-hero .ocr-button--copy:visited { border-color: #d9e5f0; background: #fff; color: #102a43 !important; text-shadow: none; } #pjWrapperCarRental_theme7 .ocr-dashboard-hero .ocr-button--copy:hover, #pjWrapperCarRental_theme7 .ocr-dashboard-hero .ocr-button--copy:focus { border-color: #7ee2ae; background: #eefbf4; color: #102a43 !important; } #pjWrapperCarRental_theme7 .ocr-action-picker label { display: block; margin-bottom: 8px; color: #172033; font-weight: 800; } #pjWrapperCarRental_theme7 .ocr-action-picker select { width: 100%; min-height: 48px; padding: 10px 38px 10px 12px; border: 1px solid #aebdca; border-radius: 9px; background-color: #fff; color: #172033; font: inherit; } #pjWrapperCarRental_theme7 .ocr-action-picker .ocr-action-help { margin: 10px 0 0; color: #526175; font-size: 13px; } #pjWrapperCarRental_theme7 .ocr-action-panel { border-top: 4px solid #087b46; } #pjWrapperCarRental_theme7 .ocr-action-panel.ocr-panel--danger { border-top-color: #b42318; } #pjWrapperCarRental_theme7 .ocr-support { display: grid; grid-template-columns: minmax(0, 1fr) 192px; align-items: start; gap: 24px; margin: 22px 18px; padding: 26px; border: 1px solid #c8ddd1; border-radius: 16px; background: #fff; color: #172033; } #pjWrapperCarRental_theme7 .ocr-support-copy { min-width: 0; } #pjWrapperCarRental_theme7 .ocr-support h2 { margin: 0 0 16px; font-size: 21px; line-height: 1.45; color: #102a43; } #pjWrapperCarRental_theme7 .ocr-support h2 small { display: block; margin-top: 3px; color: #526175; font-size: 14px; } #pjWrapperCarRental_theme7 .ocr-support p { margin: 0 0 12px; color: #334155; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; } #pjWrapperCarRental_theme7 .ocr-support p strong { color: #102a43; } #pjWrapperCarRental_theme7 .ocr-support-notice { padding: 14px 16px; margin: 14px 0; border-left: 4px solid #b77900; border-radius: 6px; background: #fff8e8; } #pjWrapperCarRental_theme7 .ocr-support-notice p:last-child { margin: 0; } #pjWrapperCarRental_theme7 .ocr-support-qr { margin: 0; padding: 8px; text-align: center; color: #334155; } #pjWrapperCarRental_theme7 .ocr-support-qr img { display: block; width: 176px; max-width: 100%; height: 176px; object-fit: contain; margin: 0 auto 12px; background: #fff; } #pjWrapperCarRental_theme7 .ocr-support-qr figcaption { font-size: 13px; line-height: 1.6; } #pjWrapperCarRental_theme7 .ocr-support-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } #pjWrapperCarRental_theme7 .ocr-support-button { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 50px; padding: 10px 18px; border: 1px solid #b8c8bc; border-radius: 10px; background: #fff; color: #102a43; font-size: 15px; font-weight: 700; text-decoration: none; line-height: 1.45; } #pjWrapperCarRental_theme7 .ocr-support-button > span[lang="en"] { font-size: 13px; font-weight: 500; } #pjWrapperCarRental_theme7 .ocr-support-button--line { color: #fff; background: #087b46; border-color: #087b46; } #pjWrapperCarRental_theme7 .ocr-support-button:hover { box-shadow: 0 3px 12px rgba(16,42,67,.15); text-decoration: none; } #pjWrapperCarRental_theme7 .ocr-dashboard > .ocr-support { margin-left: 0; margin-right: 0; } #pjWrapperCarRental_theme7 .ocr-support--compact { grid-template-columns: 192px minmax(220px, 360px); justify-content: center; align-items: center; max-width: 620px; margin-left: auto; margin-right: auto; padding: 18px 22px; } #pjWrapperCarRental_theme7 .ocr-support--compact .ocr-support-actions { flex-direction: column; margin: 0; } @media (max-width: 760px) { #pjWrapperCarRental_theme7 .ocr-access-intro, #pjWrapperCarRental_theme7 .ocr-access-form { padding: 24px; } #pjWrapperCarRental_theme7 .ocr-access-intro h1 { font-size: 28px; } #pjWrapperCarRental_theme7 .ocr-support { grid-template-columns: minmax(0, 1fr); margin: 16px 12px; padding: 20px; gap: 20px; } #pjWrapperCarRental_theme7 .ocr-support-qr { justify-self: center; } #pjWrapperCarRental_theme7 .ocr-support-actions { flex-direction: column; } #pjWrapperCarRental_theme7 .ocr-support--compact { grid-template-columns: minmax(0, 1fr); max-width: none; } #pjWrapperCarRental_theme7 .ocr-session-toolbar { flex-wrap: wrap; } #pjWrapperCarRental_theme7 .ocr-otp-actions { grid-template-columns: 1fr; } } /* O Car Rent 2026 booking UI * Loaded after the selected PHPJabbers theme. Remove this file and its loader * entry in pjFront.controller.php to restore the previous presentation. */ /* file modified by O Car Rent — receipt focus/scroll, 2026-09-12. */ #pjWrapperCarRental_theme7 #pjCrReceiptTitle { scroll-margin-top: 96px; } #pjWrapperCarRental_theme7 #pjCrReceiptTitle:focus { outline: none; } #pjWrapperCarRental_theme7 .pjCrManageButton:focus-visible { outline: 3px solid #087b46; outline-offset: 4px; } #pjWrapperCarRental_theme7 { --ocr-green: #079b55; --ocr-green-dark: #067a45; --ocr-green-soft: #eaf8f1; --ocr-ink: #172033; --ocr-muted: #667085; --ocr-border: #dfe5eb; --ocr-surface: #ffffff; --ocr-canvas: #f5f7f9; --ocr-warning: #9a6700; --ocr-danger: #b42318; color: var(--ocr-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Leelawadee UI", Tahoma, Arial, sans-serif; font-size: 15px; line-height: 1.55; } #pjWrapperCarRental_theme7 *, #pjWrapperCarRental_theme7 *::before, #pjWrapperCarRental_theme7 *::after { box-sizing: border-box; } #pjWrapperCarRental_theme7 .pjCrContainer { max-width: 1180px; min-width: 0; margin: 0 auto; padding: 12px; } #pjWrapperCarRental_theme7 > .pjCrContainer > .panel { overflow: hidden; margin: 0; border: 1px solid var(--ocr-border); border-radius: 18px; background: var(--ocr-surface); box-shadow: 0 16px 40px rgba(16, 24, 40, .08); } #pjWrapperCarRental_theme7 .pjCrHeading { padding: 18px 22px; border: 0; border-bottom: 1px solid var(--ocr-border); background: var(--ocr-surface); } #pjWrapperCarRental_theme7 .pjCrProgressHeader { display: flex; align-items: center; gap: 18px; } #pjWrapperCarRental_theme7 .pjCrProgress { min-width: 0; flex: 1 1 auto; } #pjWrapperCarRental_theme7 .pjCrProgress ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; } #pjWrapperCarRental_theme7 .pjCrProgressItem { position: relative; min-width: 0; } #pjWrapperCarRental_theme7 .pjCrProgressItem:not(:last-child)::after { position: absolute; z-index: 0; top: 17px; left: calc(50% + 17px); right: calc(-50% + 17px); height: 2px; background: var(--ocr-border); content: ""; } #pjWrapperCarRental_theme7 .pjCrProgressItem.is-complete:not(:last-child)::after { background: var(--ocr-green); } #pjWrapperCarRental_theme7 .pjCrProgressLink, #pjWrapperCarRental_theme7 .pjCrProgressLink:hover, #pjWrapperCarRental_theme7 .pjCrProgressLink:focus { position: relative; z-index: 1; display: flex; flex-direction: column; min-width: 0; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; color: var(--ocr-muted); text-decoration: none; box-shadow: none; } #pjWrapperCarRental_theme7 .pjCrProgressNumber { display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; border: 2px solid var(--ocr-border); border-radius: 50%; background: var(--ocr-surface); font-size: 13px; font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrProgressLabel { display: block; min-height: 30px; padding: 0 5px; font-size: 12px; font-weight: 700; line-height: 1.25; text-align: center; } #pjWrapperCarRental_theme7 .pjCrProgressLink.pjCrBtnActive, #pjWrapperCarRental_theme7 .pjCrProgressLink.pjCrBtnPassed { color: var(--ocr-green-dark); } #pjWrapperCarRental_theme7 .pjCrProgressLink.pjCrBtnActive .pjCrProgressNumber, #pjWrapperCarRental_theme7 .pjCrProgressLink.pjCrBtnPassed .pjCrProgressNumber { border-color: var(--ocr-green); background: var(--ocr-green); color: #fff; } #pjWrapperCarRental_theme7 .pjCrProgressLink.disabled { pointer-events: none; } #pjWrapperCarRental_theme7 .pjCrLanguage { flex: 0 0 auto; } #pjWrapperCarRental_theme7 .pjCrLanguage .pjCrBtnNav { min-width: 74px; height: 42px; border: 1px solid var(--ocr-border); border-radius: 10px; background: #fff; color: var(--ocr-ink); } #pjWrapperCarRental_theme7 .pjCrLanguage img { max-width: 20px; margin-right: 5px; } #pjWrapperCarRental_theme7 .pjCrBody { padding: 24px; background: var(--ocr-canvas); } /* Booking entry navigation. Manage Booking is lazy-loaded only after selection. */ #pjWrapperCarRental_theme7 .pjCrEntryTabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--ocr-border); background: var(--ocr-canvas); } #pjWrapperCarRental_theme7 .pjCrEntryTab { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 58px; padding: 11px 16px; border: 1px solid #b9c5d1; border-radius: 12px; background: var(--ocr-surface); color: var(--ocr-ink); font: inherit; font-weight: 700; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; box-shadow: 0 3px 9px rgba(16, 24, 40, .07); transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease; } #pjWrapperCarRental_theme7 .pjCrEntryTab > span:not(.pjCrEntryTabIcon), #pjWrapperCarRental_theme7 .pjCrEntryTab small { display: block; } #pjWrapperCarRental_theme7 .pjCrEntryTabIcon { font-size: 22px; line-height: 1; } #pjWrapperCarRental_theme7 .pjCrEntryTab small { font-size: .9em; font-weight: 600; } #pjWrapperCarRental_theme7 .pjCrEntryTab.is-active { border-color: var(--ocr-green-dark); background: var(--ocr-green-dark); color: #fff; box-shadow: 0 7px 16px rgba(6, 122, 69, .2); } #pjWrapperCarRental_theme7 .pjCrEntryTab:not(.is-active):hover, #pjWrapperCarRental_theme7 .pjCrEntryTab:not(.is-active):focus { border-color: var(--ocr-green); background: var(--ocr-green-soft); color: var(--ocr-green-dark); text-decoration: none; box-shadow: 0 5px 13px rgba(6, 122, 69, .13); transform: translateY(-1px); } #pjWrapperCarRental_theme7 .pjCrEntryTab:focus-visible { outline: 3px solid rgba(7, 155, 85, .25); outline-offset: 2px; } #pjWrapperCarRental_theme7 .pjCrSearchPane[hidden], #pjWrapperCarRental_theme7 .pjCrManagePane[hidden] { display: none !important; } #pjWrapperCarRental_theme7 .pjCrManagePane { min-height: 360px; } #pjWrapperCarRental_theme7 .pjCrManagePane .ocr-manage-shell { max-width: none; padding: 0; } #pjWrapperCarRental_theme7 .pjCrManagePane .ocr-access-card { margin: 0 auto; } #pjWrapperCarRental_theme7 .pjCrManageLoading, #pjWrapperCarRental_theme7 .pjCrManageLoadError { display: flex; min-height: 300px; align-items: center; justify-content: center; flex-direction: column; gap: 12px; padding: 30px; border: 1px solid var(--ocr-border); border-radius: 16px; background: var(--ocr-surface); color: var(--ocr-muted); text-align: center; } #pjWrapperCarRental_theme7 .pjCrManageSpinner { width: 34px; height: 34px; border: 3px solid #d6e5dc; border-top-color: var(--ocr-green); border-radius: 50%; animation: pjCrManageSpin .7s linear infinite; } #pjWrapperCarRental_theme7 .pjCrManageLoadError a { color: var(--ocr-green-dark); font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrManageSubmitting { margin-top: 12px; padding: 10px 12px; border: 1px solid #b7e1c9; border-radius: 9px; background: var(--ocr-green-soft); color: var(--ocr-green-dark); font-weight: 700; text-align: center; } @keyframes pjCrManageSpin { to { transform: rotate(360deg); } } #pjWrapperCarRental_theme7 .pjCrBody > .row, #pjWrapperCarRental_theme7 .pjCrBody form > .row { margin-right: -9px; margin-left: -9px; } #pjWrapperCarRental_theme7 .pjCrBody [class*="col-"] { padding-right: 9px; padding-left: 9px; } #pjWrapperCarRental_theme7 .panel { border-color: var(--ocr-border); border-radius: 14px; box-shadow: none; } #pjWrapperCarRental_theme7 .panel > .panel-heading { padding: 14px 16px; border-color: var(--ocr-border); border-radius: 14px 14px 0 0; background: #f9fafb; } #pjWrapperCarRental_theme7 .panel-title { color: var(--ocr-ink); font-size: 16px; font-weight: 800; } #pjWrapperCarRental_theme7 .panel-body { padding: 18px; } #pjWrapperCarRental_theme7 label, #pjWrapperCarRental_theme7 .control-label { margin-bottom: 7px; color: #344054; font-weight: 700; } #pjWrapperCarRental_theme7 .form-group { margin-bottom: 18px; } #pjWrapperCarRental_theme7 .form-control, #pjWrapperCarRental_theme7 .input-group-addon { height: 46px; border-color: #cfd6de; background: #fff; color: var(--ocr-ink); font-size: 15px; } #pjWrapperCarRental_theme7 textarea.form-control { height: auto; min-height: 116px; resize: vertical; } #pjWrapperCarRental_theme7 .form-control { border-radius: 9px; box-shadow: none; } #pjWrapperCarRental_theme7 .input-group .form-control:last-child, #pjWrapperCarRental_theme7 .input-group-addon:first-child { border-radius: 9px 0 0 9px; } #pjWrapperCarRental_theme7 .input-group .form-control:last-child { border-radius: 0 9px 9px 0; } #pjWrapperCarRental_theme7 .form-control:focus { border-color: var(--ocr-green); outline: 0; box-shadow: 0 0 0 3px rgba(7, 155, 85, .14); } #pjWrapperCarRental_theme7 .checkbox label { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; padding-left: 0; } #pjWrapperCarRental_theme7 input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: var(--ocr-green); } #pjWrapperCarRental_theme7 .btn { min-height: 44px; padding: 10px 18px; border-radius: 9px; font-weight: 800; line-height: 1.4; text-transform: none !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; } #pjWrapperCarRental_theme7 .pjCrBtntDefault, #pjWrapperCarRental_theme7 .crBtnContinue, #pjWrapperCarRental_theme7 #crBtnQuote, #pjWrapperCarRental_theme7 #crBtnCheckout, #pjWrapperCarRental_theme7 #crBtnConfirm { border-color: var(--ocr-green); background: var(--ocr-green); color: #fff; } #pjWrapperCarRental_theme7 .pjCrBtntDefault:hover, #pjWrapperCarRental_theme7 .pjCrBtntDefault:focus, #pjWrapperCarRental_theme7 .crBtnContinue:hover, #pjWrapperCarRental_theme7 .crBtnContinue:focus, #pjWrapperCarRental_theme7 #crBtnQuote:hover, #pjWrapperCarRental_theme7 #crBtnQuote:focus, #pjWrapperCarRental_theme7 #crBtnCheckout:hover, #pjWrapperCarRental_theme7 #crBtnCheckout:focus, #pjWrapperCarRental_theme7 #crBtnConfirm:hover, #pjWrapperCarRental_theme7 #crBtnConfirm:focus { border-color: var(--ocr-green-dark); background: var(--ocr-green-dark); color: #fff; box-shadow: 0 6px 16px rgba(7, 122, 69, .18); } #pjWrapperCarRental_theme7 .btn:active { transform: translateY(1px); } #pjWrapperCarRental_theme7 .btn.disabled, #pjWrapperCarRental_theme7 .btn[disabled] { opacity: .62; cursor: wait; } #pjWrapperCarRental_theme7 .pjCrSecondaryButton, #pjWrapperCarRental_theme7 #crBtnBack, #pjWrapperCarRental_theme7 #crBtnStartOver { border: 1px solid #cfd6de; background: #fff; color: #344054; } #pjWrapperCarRental_theme7 .pjCrActions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 18px; } #pjWrapperCarRental_theme7 .pjCrActions .btn { width: auto !important; min-width: 160px; margin: 0 !important; } #pjWrapperCarRental_theme7 .pjCrActions--center { justify-content: center; } #pjWrapperCarRental_theme7 .pjCrSearchCard { padding: 4px; } #pjWrapperCarRental_theme7 .pjCrSearchGroup { height: 100%; padding: 18px; border: 1px solid var(--ocr-border); border-radius: 14px; background: #fff; } #pjWrapperCarRental_theme7 .pjCrSearchCard > .row > .pjCrMinSize340 { margin-bottom: 18px; } #pjWrapperCarRental_theme7 .pjCrSearchHint, #pjWrapperCarRental_theme7 .pjCrTrustNote { color: var(--ocr-muted); font-size: 13px; } #pjWrapperCarRental_theme7 .pjCrTrustBar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 14px 0 0; padding: 0; color: #475467; font-size: 13px; list-style: none; } #pjWrapperCarRental_theme7 .pjCrTrustBar li::before { margin-right: 6px; color: var(--ocr-green); font-weight: 900; content: "\2713"; } #pjWrapperCarRental_theme7 .pjCrFilterBar { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 14px; border: 1px solid var(--ocr-border); border-radius: 12px; background: #fff; } #pjWrapperCarRental_theme7 .pjCrFilterBar .form-group { margin: 0; } #pjWrapperCarRental_theme7 .pjCrPanelLeft, #pjWrapperCarRental_theme7 .pjCrPanelRight { min-width: 0; } #pjWrapperCarRental_theme7 .pjCrBtnPannelTrigger { width: 100%; margin-bottom: 12px; } #pjWrapperCarRental_theme7 .pjCrPanelLeft > .panel { position: sticky; top: 16px; } #pjWrapperCarRental_theme7 .pjCrPanelLeft .panel-body > .row { margin-bottom: 10px; } #pjWrapperCarRental_theme7 .pjCrProduct { margin-bottom: 14px; padding: 18px; border: 1px solid var(--ocr-border); border-radius: 14px !important; background: #fff; box-shadow: 0 5px 18px rgba(16, 24, 40, .04); } #pjWrapperCarRental_theme7 .pjCrProduct:hover { border-color: #b8dcca; box-shadow: 0 10px 24px rgba(16, 24, 40, .08); } #pjWrapperCarRental_theme7 .pjCrProductImage { display: flex; min-height: 150px; align-items: center; justify-content: center; } #pjWrapperCarRental_theme7 .pjCrProductImage img { width: 100%; max-height: 180px; object-fit: contain; } #pjWrapperCarRental_theme7 .pjCrProduct .lead { margin: 0 0 8px; color: var(--ocr-ink); font-size: 22px; font-weight: 800; line-height: 1.25; } #pjWrapperCarRental_theme7 .pjCrProduct dl { margin-bottom: 12px; } #pjWrapperCarRental_theme7 .pjCrFeatureList { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; } #pjWrapperCarRental_theme7 .pjCrFeatureList > li, #pjWrapperCarRental_theme7 .pjCrProduct .pjCrBgPrimary { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: var(--ocr-green-soft); color: var(--ocr-green-dark); font-size: 12px; font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrProductPrice { display: flex; height: 100%; min-height: 150px; flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; } #pjWrapperCarRental_theme7 .pjCrProductPrice .well { margin: 0; padding: 12px; border: 1px solid var(--ocr-border); border-radius: 11px; background: #f9fafb; box-shadow: none; } #pjWrapperCarRental_theme7 .pjCrProductPrice .well p { margin: 0; } #pjWrapperCarRental_theme7 .pjCrProductPrice .well strong { color: var(--ocr-ink); font-size: 19px; } #pjWrapperCarRental_theme7 .pjCrProductDescription { display: -webkit-box; overflow: hidden; margin: 12px 0 0; color: var(--ocr-muted); font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } #pjWrapperCarRental_theme7 .pjCrProductExtra { padding: 14px 16px; border-color: var(--ocr-border); background: #fff; } #pjWrapperCarRental_theme7 .pjCrProductExtra h4 { margin: 4px 0; color: var(--ocr-ink); font-size: 15px; font-weight: 750; } #pjWrapperCarRental_theme7 .pjCrProductExtra .pjCrBtnAdd { min-width: 90px; } #pjWrapperCarRental_theme7 .pjCrProductExtra.is-selected { border-left: 4px solid var(--ocr-green); background: var(--ocr-green-soft); } #pjWrapperCarRental_theme7 .table-responsive { border: 0; border-radius: 10px; } #pjWrapperCarRental_theme7 .pjCrPriceTable { margin-bottom: 0; background: #fff; } #pjWrapperCarRental_theme7 .pjCrPriceTable > tbody > tr > td { padding: 11px 12px; border-top-color: var(--ocr-border); vertical-align: middle; } #pjWrapperCarRental_theme7 .pjCrPriceTable .pjCrFeeRow td { background: #fffdf5; color: #694b00; } #pjWrapperCarRental_theme7 .pjCrPriceTable .pjCrTotalRow td { border-top: 2px solid #b8dcca; background: var(--ocr-green-soft); font-size: 16px; font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrPriceTable .pjCrDepositRow td { background: #f8fafc; } #pjWrapperCarRental_theme7 .pjCrMoney { white-space: nowrap; font-variant-numeric: tabular-nums; } #pjWrapperCarRental_theme7 .pjCrFormCheckout > .panel { overflow: hidden; margin-top: 18px; background: #fff; } #pjWrapperCarRental_theme7 .pjCrFormCheckout .panel-heading { background: #eef2f4; } #pjWrapperCarRental_theme7 .pjCrFormCheckout .panel-title { color: var(--ocr-ink) !important; } #pjWrapperCarRental_theme7 .help-block.with-errors { margin-top: 5px; color: var(--ocr-danger); font-size: 12px; } #pjWrapperCarRental_theme7 .has-error .form-control { border-color: var(--ocr-danger); box-shadow: 0 0 0 3px rgba(180, 35, 24, .1); } #pjWrapperCarRental_theme7 .has-success .form-control { border-color: #8dbda5; } #pjWrapperCarRental_theme7 .pjCrAgreement { padding: 16px; border: 1px solid var(--ocr-border); border-radius: 12px; background: #fff; } #pjWrapperCarRental_theme7 .pjCrSubmitNote { margin: 8px 0 0; color: var(--ocr-muted); font-size: 13px; text-align: right; } #pjWrapperCarRental_theme7 .crAjaxStatus, #pjWrapperCarRental_theme7 .crError { margin: 14px 0 0; border-radius: 10px; font-weight: 700; } #pjWrapperCarRental_theme7.is-loading .pjCrBody { position: relative; } #pjWrapperCarRental_theme7.is-loading .pjCrBody::after { position: absolute; z-index: 20; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: 0 0 18px 18px; background: rgba(245, 247, 249, .72); color: var(--ocr-green-dark); font-weight: 800; content: "Loading..."; } #pjWrapperCarRental_theme7 .pjCrReceipt { max-width: 1040px; margin: 0 auto; border: 1px solid var(--ocr-border); border-radius: 18px; background: #f7f9fc; overflow: hidden; } #pjWrapperCarRental_theme7 .pjCrReceipt .pjCrReceiptContact { display: grid !important; grid-template-columns: minmax(0, 1fr) 244px !important; align-items: stretch; gap: 28px; margin: 0 !important; padding: 30px 34px !important; background: linear-gradient(135deg, #f8fcf9 0%, #edf8f1 100%) !important; border: 0 !important; border-bottom: 1px solid #c7ddcf !important; color: #172033 !important; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactCopy { min-width: 0; align-self: center; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactKicker { display: inline-flex; padding: 5px 10px; margin: 0 0 10px; border-radius: 999px; background: #d9f3e3; color: #087b46; font-size: 11px; font-weight: 800; letter-spacing: .04em; } #pjWrapperCarRental_theme7 .pjCrReceiptContact h2 { margin: 0 0 10px !important; color: #102a43 !important; font-size: 26px !important; line-height: 1.35 !important; font-weight: 800 !important; } #pjWrapperCarRental_theme7 .pjCrContainer .pjCrReceiptContact p { max-width: 720px; margin: 0 0 8px !important; color: #405267 !important; font-size: 15px !important; line-height: 1.65 !important; } #pjWrapperCarRental_theme7 .pjCrContainer .pjCrReceiptContact .pjCrContactEnglish { color: #607287 !important; font-size: 14px !important; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactId { display: inline-flex; align-items: baseline; gap: 9px; margin: 15px 0 3px; padding: 8px 12px; border: 1px solid #c5ded0; border-radius: 10px; background: #fff; color: #41536a; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactId span { font-size: 13px; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactId strong { color: #102a43; font-size: 19px; letter-spacing: .045em; overflow-wrap: anywhere; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButtons { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 16px 0 0 !important; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton { display: inline-flex !important; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 138px; min-height: 58px; padding: 9px 15px; border: 1px solid #b4c5bc; border-radius: 11px; background: #fff; color: #22364b !important; font-weight: 800; line-height: 1.25; text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton span { font-size: 15px; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton small { margin-top: 3px; color: #64758a; font-size: 11px; font-weight: 500; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton--line { border-color: #087b46; background: #087b46; color: #fff !important; box-shadow: 0 6px 14px rgba(8,123,70,.16); } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton--line small { color: #e8fff1; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton:hover { border-color: #087b46; box-shadow: 0 6px 16px rgba(16,42,67,.16); transform: translateY(-1px); } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton:focus-visible { outline: 3px solid #087b46; outline-offset: 3px; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQr { display: flex !important; flex-direction: column; align-items: center; justify-content: center; min-height: 252px; margin: 0 !important; padding: 16px; border: 1px solid #a9d5b8; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(16,42,67,.08); text-align: center; color: #405267; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQrFrame { display: flex; align-items: center; justify-content: center; width: 168px; height: 168px; padding: 7px; border: 1px solid #d5eee0; border-radius: 13px; background: #f8fffa; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQr img { display: block; width: 152px !important; height: 152px !important; max-width: 100%; object-fit: contain; background: #fff; margin: 0 !important; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQr figcaption { display: grid; gap: 1px; margin-top: 10px; color: #405267; font-size: 12px; line-height: 1.4; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQr figcaption strong { color: #102a43; font-size: 14px; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQr figcaption b { color: #087b46; font-size: 13px; } @media(max-width:760px) { #pjWrapperCarRental_theme7 .pjCrReceipt .pjCrReceiptContact { grid-template-columns: minmax(0,1fr) !important; padding: 24px 20px !important; gap: 20px; } #pjWrapperCarRental_theme7 .pjCrReceiptContact h2 { font-size: 22px !important; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactButton { flex: 1 1 140px; } #pjWrapperCarRental_theme7 .pjCrReceiptContact .pjCrContactQr { min-height: 0; max-width: 290px; width: 100%; justify-self: center; } } #pjWrapperCarRental_theme7 .pjCrReceiptHero { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 28px; align-items: center; padding: 30px; background: #102a43; color: #fff; } #pjWrapperCarRental_theme7 .pjCrReceiptHero h1 { margin: 5px 0; color: #fff; font-size: 28px; font-weight: 900; } #pjWrapperCarRental_theme7 .pjCrReceiptLead, #pjWrapperCarRental_theme7 .pjCrReceiptEnglish { margin-bottom: 9px; color: #d9e5f0; } /* Override the legacy theme's more specific generic paragraph colour. */ #pjWrapperCarRental_theme7 .pjCrContainer .pjCrReceiptHero .pjCrReceiptLead, #pjWrapperCarRental_theme7 .pjCrContainer .pjCrReceiptHero .pjCrReceiptNotice, #pjWrapperCarRental_theme7 .pjCrContainer .pjCrReceiptHero .pjCrReceiptEnglish { color: #e8f0f7; } #pjWrapperCarRental_theme7 .pjCrReceiptGrid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .8fr); gap: 18px; padding: 20px; } #pjWrapperCarRental_theme7 .pjCrReceiptGrid main { display: grid; gap: 18px; } #pjWrapperCarRental_theme7 .pjCrReceiptCard { padding: 20px; border: 1px solid var(--ocr-border); border-radius: 14px; background: #fff; } #pjWrapperCarRental_theme7 .pjCrReceiptCard h2 { margin: 0 0 15px; color: var(--ocr-ink); font-size: 18px; font-weight: 900; } #pjWrapperCarRental_theme7 .pjCrReceiptCard h2 small { display: block; margin-top: 2px; color: var(--ocr-muted); font-size: 12px; font-weight: 600; } #pjWrapperCarRental_theme7 .pjCrPendingBadge { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 14px; padding: 7px 12px; border-radius: 999px; background: #fff4d6; color: var(--ocr-warning); font-size: 13px; font-weight: 900; } #pjWrapperCarRental_theme7 .pjCrFinalMessage { color: #344054; } #pjWrapperCarRental_theme7 .pjCrFinalMessage img { max-width: 190px !important; height: auto !important; } #pjWrapperCarRental_theme7 .pjCrFinalMessage a { display: inline-flex !important; width: auto !important; min-height: 44px; align-items: center; justify-content: center; margin: 5px !important; padding: 9px 14px !important; border: 1px solid var(--ocr-border) !important; border-radius: 9px !important; background: #fff !important; color: var(--ocr-green-dark) !important; font-weight: 800; text-decoration: none !important; } #pjWrapperCarRental_theme7 .pjCrBookingId { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; background: rgba(255,255,255,.1); color: #fff; text-align: left; } #pjWrapperCarRental_theme7 .pjCrBookingIdValue { display: block; color: #fff; font-size: 20px; font-weight: 900; letter-spacing: .04em; } #pjWrapperCarRental_theme7 .pjCrCopyButton { min-width: 96px; min-height: 44px; } #pjWrapperCarRental_theme7 .pjCrNextSteps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; counter-reset: steps; list-style: none; } #pjWrapperCarRental_theme7 .pjCrNextSteps li { position: relative; min-height: 110px; padding: 42px 13px 13px; border: 1px solid var(--ocr-border); border-radius: 11px; background: #f9fafb; counter-increment: steps; } #pjWrapperCarRental_theme7 .pjCrNextSteps li::before { position: absolute; top: 12px; left: 13px; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 7px; background: #102a43; color: #fff; content: counter(steps); font-weight: 900; } #pjWrapperCarRental_theme7 .pjCrNextSteps strong, #pjWrapperCarRental_theme7 .pjCrNextSteps span, #pjWrapperCarRental_theme7 .pjCrJourney span, #pjWrapperCarRental_theme7 .pjCrJourney strong, #pjWrapperCarRental_theme7 .pjCrJourney small, #pjWrapperCarRental_theme7 .pjCrVehicleSummaryBody span { display: block; } #pjWrapperCarRental_theme7 .pjCrNextSteps span, #pjWrapperCarRental_theme7 .pjCrJourney span, #pjWrapperCarRental_theme7 .pjCrJourney small, #pjWrapperCarRental_theme7 .pjCrVehicleSummaryBody span { color: var(--ocr-muted); font-size: 12px; } #pjWrapperCarRental_theme7 .pjCrJourney { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 14px; align-items: center; } #pjWrapperCarRental_theme7 .pjCrJourney > div:not(.pjCrJourneyArrow) { padding: 15px; border: 1px solid var(--ocr-border); border-radius: 11px; background: #f9fafb; } #pjWrapperCarRental_theme7 .pjCrJourneyArrow { color: var(--ocr-green); font-size: 24px; font-weight: 900; } #pjWrapperCarRental_theme7 .pjCrVehicleSummaryBody { display: flex; align-items: center; gap: 18px; } #pjWrapperCarRental_theme7 .pjCrVehicleSummaryBody img { width: 150px; height: 90px; object-fit: contain; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals { align-self: start; position: sticky; top: 16px; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals dl { margin: 0 0 17px; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals dl > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--ocr-border); } #pjWrapperCarRental_theme7 .pjCrReceiptTotals dt, #pjWrapperCarRental_theme7 .pjCrReceiptTotals dd { margin: 0; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals dt small { display: block; color: var(--ocr-muted); font-weight: 500; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals dd { white-space: nowrap; font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals .pjCrGrandTotal { color: var(--ocr-green-dark); font-size: 16px; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals .pjCrPayNow { margin: 5px -10px 0; padding: 14px 10px; border: 1px solid #f6c86e; border-radius: 10px; background: #fff8e8; } #pjWrapperCarRental_theme7 .pjCrManageButton, #pjWrapperCarRental_theme7 .pjCrStartOver { display: flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; } #pjWrapperCarRental_theme7 .pjCrStartOver { margin-top: 8px; } #pjWrapperCarRental_theme7 .pjCrCancelCard { max-width: 760px; margin: 0 auto; } @media (max-width: 991px) { #pjWrapperCarRental_theme7 .pjCrProgressItem:not(:last-child)::after { left: calc(50% + 17px); right: calc(-50% + 17px); } #pjWrapperCarRental_theme7 .pjCrProgressLabel { font-size: 10px; } #pjWrapperCarRental_theme7 .pjCrReceiptHero, #pjWrapperCarRental_theme7 .pjCrReceiptGrid { grid-template-columns: 1fr; } #pjWrapperCarRental_theme7 .pjCrReceiptTotals { position: static; } #pjWrapperCarRental_theme7 .pjCrFilterBar { align-items: stretch; } } @media (max-width: 767px) { #pjWrapperCarRental_theme7 { font-size: 14px; } #pjWrapperCarRental_theme7 .pjCrEntryTabs { gap: 7px; padding: 10px; } #pjWrapperCarRental_theme7 .pjCrEntryTab { gap: 5px; min-height: 62px; padding: 8px 6px; font-size: 13px; } #pjWrapperCarRental_theme7 .pjCrEntryTabIcon { font-size: 19px; } #pjWrapperCarRental_theme7 .pjCrManagePane { padding: 12px; } #pjWrapperCarRental_theme7 .pjCrManagePane .ocr-manage-shell { padding: 0; } #pjWrapperCarRental_theme7 .pjCrContainer { width: 100%; padding: 6px; } #pjWrapperCarRental_theme7 > .pjCrContainer > .panel { border-radius: 12px; box-shadow: 0 8px 24px rgba(16, 24, 40, .08); } #pjWrapperCarRental_theme7 .pjCrHeading, #pjWrapperCarRental_theme7 .pjCrBody { padding: 14px; } #pjWrapperCarRental_theme7 .pjCrProgressHeader { gap: 10px; } #pjWrapperCarRental_theme7 .pjCrProgress ol { gap: 0; } #pjWrapperCarRental_theme7 .pjCrProgressNumber { width: 30px; height: 30px; flex-basis: 30px; } #pjWrapperCarRental_theme7 .pjCrProgressItem:not(:last-child)::after { top: 15px; left: calc(50% + 15px); right: calc(-50% + 15px); } #pjWrapperCarRental_theme7 .pjCrProgressLabel { min-height: 27px; padding: 0 2px; font-size: 9px; } #pjWrapperCarRental_theme7 .pjCrReceiptHero, #pjWrapperCarRental_theme7 .pjCrReceiptGrid { padding: 16px; } #pjWrapperCarRental_theme7 .pjCrReceiptHero h1 { font-size: 23px; } #pjWrapperCarRental_theme7 .pjCrNextSteps, #pjWrapperCarRental_theme7 .pjCrJourney { grid-template-columns: 1fr; } #pjWrapperCarRental_theme7 .pjCrNextSteps li { min-height: 0; } #pjWrapperCarRental_theme7 .pjCrJourneyArrow { transform: rotate(90deg); text-align: center; } #pjWrapperCarRental_theme7 .pjCrBookingId { align-items: stretch; flex-direction: column; } #pjWrapperCarRental_theme7 .pjCrLanguage .pjCrBtnNav { min-width: 54px; padding-right: 10px; padding-left: 10px; } #pjWrapperCarRental_theme7 .pjCrLanguage .title { display: none; } #pjWrapperCarRental_theme7 .pjCrMinSize340 { min-width: 0; } #pjWrapperCarRental_theme7 .pjCrSearchGroup { margin-bottom: 0; padding: 14px; } #pjWrapperCarRental_theme7 .pjCrSearchCard > .row > .pjCrMinSize340 { margin-bottom: 14px; } #pjWrapperCarRental_theme7 .pjCrFilterBar { flex-direction: column; } #pjWrapperCarRental_theme7 .pjCrFilterBar .form-inline, #pjWrapperCarRental_theme7 .pjCrFilterBar .form-group, #pjWrapperCarRental_theme7 .pjCrFilterBar select { width: 100%; } #pjWrapperCarRental_theme7 .pjCrPanelLeft > .panel { position: static; } #pjWrapperCarRental_theme7 .pjCrProduct { padding: 14px; } #pjWrapperCarRental_theme7 .pjCrProductImage { min-height: 120px; } #pjWrapperCarRental_theme7 .pjCrProduct .lead { margin-top: 12px; font-size: 20px; } #pjWrapperCarRental_theme7 .pjCrProductPrice { min-height: 0; margin-top: 14px; } #pjWrapperCarRental_theme7 .pjCrActions { align-items: stretch; flex-direction: column-reverse; } #pjWrapperCarRental_theme7 .pjCrActions .btn { width: 100% !important; min-width: 0; } #pjWrapperCarRental_theme7 .pjCrSubmitNote { text-align: left; } #pjWrapperCarRental_theme7 .pjCrProductExtra .row { display: flex; flex-wrap: wrap; align-items: center; } #pjWrapperCarRental_theme7 .pjCrProductExtra .pjCrBtnAdd { width: 100%; margin-top: 8px; } #pjWrapperCarRental_theme7 .pjCrPriceTable > tbody > tr > td { width: auto; padding: 10px 8px; } #pjWrapperCarRental_theme7 .pjCrFinalCard { padding: 20px 14px; } #pjWrapperCarRental_theme7 .pjCrBookingId { align-items: stretch; flex-direction: column; text-align: center; } } @media (prefers-reduced-motion: reduce) { #pjWrapperCarRental_theme7 *, #pjWrapperCarRental_theme7 *::before, #pjWrapperCarRental_theme7 *::after { scroll-behavior: auto !important; transition: none !important; } } /* Phase 2 stability overrides: intentionally last in the cascade. */ #pjWrapperCarRental_theme7 .pjCrHeading { background: var(--ocr-canvas); } #pjWrapperCarRental_theme7 .pjCrProgressItem:not(:last-child)::after { pointer-events: none; z-index: 0; } #pjWrapperCarRental_theme7 .pjCrProgressLink { z-index: 2; } #pjWrapperCarRental_theme7 .pjCrProgressNumber { background: var(--ocr-canvas); box-shadow: 0 0 0 5px var(--ocr-canvas); } #pjWrapperCarRental_theme7 .pjCrProgressLink.pjCrBtnActive .pjCrProgressNumber { box-shadow: 0 0 0 5px var(--ocr-canvas), 0 0 0 8px rgba(5, 150, 84, .18); } #pjWrapperCarRental_theme7 .pjCrProgressLabel { position: relative; z-index: 2; background: transparent; } #pjWrapperCarRental_theme7 .pjCrLocationDetails { margin-top: 12px; } #pjWrapperCarRental_theme7 .pjCrLocationDetails[hidden] { display: none !important; } #pjWrapperCarRental_theme7 .pjCrProductPrice .pjCrPriceTitle { color: var(--ocr-muted); font-size: 12px; font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrProductPrice .pjCrDailyRate { margin-top: 5px; color: var(--ocr-ink); } #pjWrapperCarRental_theme7 .pjCrProductPrice .pjCrPriceBreakdown { margin-top: 5px; color: var(--ocr-muted); font-size: 12px; line-height: 1.45; } #pjWrapperCarRental_theme7 .pjCrProductPrice .pjCrPriceTotal { display: flex; align-items: baseline; justify-content: center; gap: 7px; margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--ocr-border); } #pjWrapperCarRental_theme7 .pjCrProductPrice .pjCrPriceTotal span { color: var(--ocr-muted); font-size: 12px; font-weight: 800; } #pjWrapperCarRental_theme7 .checkbox label > input[type="checkbox"], #pjWrapperCarRental_theme7 input[type="checkbox"] { position: static !important; margin: 0 !important; flex: 0 0 18px; } #pjWrapperCarRental_theme7 .pjCrProduct .pjCrBtntDefault, #pjWrapperCarRental_theme7 .pjCrProduct .btn { width: 100%; padding: 10px 14px; } #pjWrapperCarRental_theme7 .pjCrRenterFields, #pjWrapperCarRental_theme7 .pjCrUsageFields { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--ocr-border); } #pjWrapperCarRental_theme7 .pjCrSectionTitle { margin: 0 0 16px; color: var(--ocr-ink); font-size: 20px; font-weight: 800; } #pjWrapperCarRental_theme7 .pjCrSectionTitle small { color: var(--ocr-muted); font-size: .72em; font-weight: 600; } #pjWrapperCarRental_theme7 .pjCrUsageRule { padding: 12px 14px; border: 1px solid #b8dfca; border-radius: 10px; background: var(--ocr-green-soft); color: var(--ocr-green-dark); } #pjWrapperCarRental_theme7 .pjCrDestinationRow { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 4px; } #pjWrapperCarRental_theme7 .pjCrDestinationRemoveCell { padding-bottom: 15px; } #pjWrapperCarRental_theme7 .pjCrRemoveDestination { width: 44px; min-width: 44px; padding: 8px; color: #b42318; } #pjWrapperCarRental_theme7 .pjCrFieldNotice { display: inline-block; margin: 8px 0 0 10px; color: var(--ocr-muted); } #pjWrapperCarRental_theme7 .pjCrFieldNotice.is-warning { display: block; margin-left: 0; padding: 10px 12px; border-left: 4px solid #d97706; background: #fff7ed; color: #8a3f0b; } #pjWrapperCarRental_theme7 .pjCrBookingId { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; } #pjWrapperCarRental_theme7 .pjCrBookingId .btn { width: auto; white-space: nowrap; } @media (max-width: 767px) { #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12, #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:first-of-type, #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:last-of-type { width: 100%; } #pjWrapperCarRental_theme7 .pjCrProduct .col-xs-12:last-of-type .well { width: 100%; margin: 0 0 12px; } #pjWrapperCarRental_theme7 .pjCrBookingId { grid-template-columns: 1fr; text-align: left; } #pjWrapperCarRental_theme7 .pjCrBookingId .btn { width: 100%; } #pjWrapperCarRental_theme7 .pjCrDestinationRemoveCell { padding-left: 0; } #pjWrapperCarRental_theme7 .pjCrFieldNotice { display: block; margin-left: 0; } }