/* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrContainer { padding: 1px; } /*abrar*/ #pjWrapperCarRental_theme3 .pjCrMinSize340 { min-width: 340px; } #pjWrapperCarRental_theme3 .pjCrVerticalTop { vertical-align: top; } #pjWrapperCarRental_theme3 .pjCrCursorPointer { cursor: pointer; } #pjWrapperCarRental_theme3 .pjCrSize1of5 { width: 20% !important; } #pjWrapperCarRental_theme3 select.form-control { cursor: pointer; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrBtnAdd { padding: 6px 8px; } #pjWrapperCarRental_theme3 .pjCrBtnActive, #pjWrapperCarRental_theme3 .pjCrNav .pjCrBtnActive, #pjWrapperCarRental_theme3 .pjCrLanguage .pjCrBtnActive { color: #337ab7; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperCarRental_theme3 .form-group.has-error { position: relative; } #pjWrapperCarRental_theme3 .help-block, #pjWrapperCarRental_theme3 .help-block * { margin: 0; } #pjWrapperCarRental_theme3 .help-block { position: absolute; bottom: -15px; left: 0; overflow: hidden; max-width: 100%; } #pjWrapperCarRental_theme3 .help-block li { overflow: hidden; max-width: 100%; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #pjWrapperCarRental_theme3 .form-group.has-error .row { position: relative; max-width: 100%; } #pjWrapperCarRental_theme3 .form-group .row .help-block { bottom: -15px; left: 15px; } /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProgresbarNav { display: inline-block; width: 636px; padding: 0 10px; } #pjWrapperCarRental_theme3 .pjCrProgressBar { border-right: 1px solid; } #pjWrapperCarRental_theme3 .pjCrProgressBar:last-of-type { border-right: 0; } #pjWrapperCarRental_theme3 .pjCrProgressSm { height: 10px; margin-bottom: 0; } #pjWrapperCarRental_theme3 .pjCrProgresbarNav .pjCrBtnSm { padding: 5px; } #pjWrapperCarRental_theme3 .pjCrProgresbarNav .nav .active a { background-color: #eee; color: #333; } /* ========================================================================== #pjCrNav ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrNav .pjCrBtn { text-align: left; } #pjWrapperCarRental_theme3 .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_theme3 .pjCrNav.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* ========================================================================== #pjCrLanguage ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrLanguage { float: right; } #pjWrapperCarRental_theme3 .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_theme3 .pjCrLanguage.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapperCarRental_theme3 .pjCrLanguage .dropdown-menu { right: 0; left: auto; } /* ========================================================================== #pjCrTimePicker ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrTimePicker .bootstrap-datetimepicker-widget { max-width: 100%; } #pjWrapperCarRental_theme3 .pjCrTimePicker .bootstrap-datetimepicker-widget td, #pjWrapperCarRental_theme3 .pjCrTimePicker .bootstrap-datetimepicker-widget td span { width: 34px; height: 34px; line-height: 34px; } #pjWrapperCarRental_theme3 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn { padding: 0; } #pjWrapperCarRental_theme3 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn-primary { padding: 6px; } /* ========================================================================== #Pannels ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrPanelLeft { min-width: 280px; } #pjWrapperCarRental_theme3 .pjCrPanelRight { min-width: 520px; } /* ========================================================================== #Products ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProduct { padding: 15px; margin-bottom: 20px; } #pjWrapperCarRental_theme3 .pjCrProduct .well p:last-of-type { padding-bottom: 0; margin-bottom: 0; } #pjWrapperCarRental_theme3 .pjCrProduct .pjCrBgPrimary { line-height: 21px; } #pjWrapperCarRental_theme3 .pjCrProduct .pjCrBtntDefault { padding: 6px 0; } /* ========================================================================== #pjCrMultiplierDropdown ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrMultiplierDropdown { display: inline-block; vertical-align: middle; } #pjWrapperCarRental_theme3 .pjCrMultiplierDropdown .form-control { display: inline-block; padding: 0; } #pjWrapperCarRental_theme3 .pjCrMultiplierDropdown .input-group-addon { padding: 6px 8px; } /* ========================================================================== #pjCrCaptcha ========================================================================== */ #pjWrapperCarRental_theme3 .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; } .modal-dialog{z-index: 9999;} /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 1051px ) { /* ========================================================================== #Pannels ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrPanelLeft { min-width: 1px; } #pjWrapperCarRental_theme3 .pjCrPanelRight { min-width: 1px; } } @media only screen and ( max-width: 890px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProgresbarNav { overflow: hidden; } /* ========================================================================== #pjCrLanguage ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrLanguage { float: right; } } @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProgresbarNav { width: 100%; } #pjWrapperCarRental_theme3 .pjCrProgresbarNav .nav-justified > li { float: left; } /* ========================================================================== #pjCrProducts ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12 { width: 45%; } #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12:first-of-type { width: 25%; } #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12:last-of-type { width: 30%; } /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-5 { width: 33%; } #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-7 { width: 40%; } #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-12:last-of-type { width: 27%; text-align: right; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrHeading .col-xs-12 { width: 50%; } } @media only screen and ( max-width: 670px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProgresbarNav .nav > li { display: none; } #pjWrapperCarRental_theme3 .pjCrProgresbarNav .nav > .active { display: block; } } @media only screen and ( max-width: 470px ) { /* ========================================================================== #pjCrProducts ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12, #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12:first-of-type { width: 100%; } #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12:last-of-type { width: 250px; } #pjWrapperCarRental_theme3 .pjCrProduct .col-xs-12:last-of-type .well { width: 50%; margin: 0 auto 20px; } } @media only screen and ( max-width: 470px ) { /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-5 { width: 35%; } #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-7 { width: 65%; } #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-12, #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-12:last-of-type { width: 100%; } #pjWrapperCarRental_theme3 .pjCrProductExtra h5 { text-align: left; } #pjWrapperCarRental_theme3 .pjCrProductExtra .col-xs-12:last-of-type { text-align: center; } } @media only screen and ( max-width: 390px ) { /* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrMinSize340 { min-width: 1px; } /* ========================================================================== #pjCrForm ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrFormGroup .col-xs-6 { width: 100%; } /* ========================================================================== #pjCrTimePicker ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrTimePicker { padding-top: 10px; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrHeading .col-xs-12 { width: 100%; } #pjWrapperCarRental_theme3 .pjCrLanguage { float: left; margin-top: 15px; } } [id^=pjWrapperCarRental_theme3] .pjCrContainer > .panel.panel-default { margin-bottom: 0; border: none; } [id^=pjWrapperCarRental_theme3] .pjCrContainer > .panel.panel-default > .pjCrHeading { display: none; } /* 8 June 2022 - Heymi - Start */ body [id^=pjWrapperCarRental_theme3] { background-color: #ffffff00; } [id^=pjWrapperCarRental_theme3] .pjCrContainer > .panel.panel-default { background-color: #fafafa; } [id^=pjWrapperCarRental_theme3] .pjCrPanelRight ul { margin-left: 0; } [id^=pjWrapperCarRental_theme3] .pjCrContainer .pjCrPanelLeft .panel-heading, [id^=pjWrapperCarRental_theme3] .pjCrContainer .pjCrPanelRight .panel-heading { background: #ffffff !important; } [id^=pjWrapperCarRental_theme3] .pjCrPanelLeft .panel, [id^=pjWrapperCarRental_theme3] .pjCrPanelRight .list-group-item { border: 1px solid #d3d3d3; border-radius: 0; } [id^=pjWrapperCarRental_theme3] .pjCrPanelLeft .panel:hover, [id^=pjWrapperCarRental_theme3] .pjCrPanelRight .list-group-item:hover { box-shadow: 0 0 5px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%); } [id^=pjWrapperCarRental_theme3] .form-control { border-radius: 0; border: 1px solid #d3d3d3; box-shadow: none; } [id^=pjWrapperCarRental_theme3] .input-group-addon { background-color: #ffffff; border-radius: 0; border: 1px solid #d3d3d3; } [id^=pjWrapperCarRental_theme3] label { font-weight: 100; font-size: 12px; } [id^=pjWrapperCarRental_theme3] hr { margin-top: 10px; margin-bottom: 10px; } [id^=pjWrapperCarRental_theme3] .btn.pjCrBtntDefault { border-radius: 0; border: 1px solid #d3d3d3 !important; background: #354b98 !important; } [id^=pjWrapperCarRental_theme3] .tooltip-inner { background-color: #ffffff; color: #4d4d4d; border: 1px solid #d3d3d3; min-width: 200px; } [id^=pjWrapperCarRental_theme3] .tooltip.right .tooltip-arrow { border-right-color: #d3d3d3; } /*icomoon*/ @font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?tne8bw');src:url('../fonts/icomoon.eot?tne8bw#iefix') format('embedded-opentype'),url('/app/web/fonts/icomoon.ttf?tne8bw') format('truetype'),url('../fonts/icomoon.woff?tne8bw') format('woff'),url('../fonts/icomoon.svg?tne8bw#icomoon') format('svg');font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-handbag,.icon-abs,.icon-navigation{font-size:16px}.icon-arrow-up:before{content:"\e903";-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);display:block}.icon-arrow-down:before{content:"\e903";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);display:block}.icon-models-light:before{content:"\e958"}.icon-extras-light:before{content:"\e92c"}.icon-extras-solid:before{content:"\e92d"}.icon-fleet-info-light:before{content:"\e92e"}.icon-fleet-solid:before{content:"\e92f"}.icon-groups-light:before{content:"\e930"}.icon-insurances-solid:before{content:"\e931"}.icon-locations-light:before{content:"\e932"}.icon-log-out-light:before{content:"\e933"}.icon-logs-light:before{content:"\e934"}.icon-low-availability-light:before{content:"\e935"}.icon-marketing-solid:before{content:"\e936"}.icon-notifications-solid:before{content:"\e938"}.icon-options-light:before{content:"\e939"}.icon-partners-light:before{content:"\e93a"}.icon-plugins-light:before{content:"\e93b"}.icon-profile-light:before{content:"\e93c"}.icon-promo-banner-light:before{content:"\e93d"}.icon-reminders-light:before{content:"\e93e"}.icon-resent-reservation-light:before{content:"\e940"}.icon-reservation-proccess-light:before{content:"\e941"}.icon-reservation-send-email-light:before{content:"\e943"}.icon-reservations-light:before{content:"\e944"}.icon-sales-solid:before{content:"\e945"}.icon-settings-solid:before{content:"\e946"}.icon-statistics-light:before{content:"\e947"}.icon-system-options-light:before{content:"\e948"}.icon-types-and-rates-light:before{content:"\e949"}.icon-users-light:before{content:"\e94a"}.icon-users-solid:before{content:"\e94b"}.icon-vehicles-light:before{content:"\e94c"}.icon-admin-solid:before{content:"\e94d"}.icon-agents:before{content:"\e94e"}.icon-attempts:before{content:"\e94f"}.icon-bulk-email-light:before{content:"\e950"}.icon-calendar-light:before{content:"\e951"}.icon-coupons-light:before{content:"\e952"}.icon-customers-light:before{content:"\e953"}.icon-dashboard-icon-solid:before{content:"\e954"}.icon-dashboard-light:before{content:"\e955"}.icon-discounts-light:before{content:"\e956"}.icon-exit-pop-up:before{content:"\e957"}.icon-download:before{content:"\e928"}.icon-user:before{content:"\e927"}.icon-americanexpress:before{content:"\e913"}.icon-viber:before{content:"\e905"}.icon-calendar:before{content:"\e906"}.icon-pin:before{content:"\e909"}.icon-promo-banner:before{content:"\e95f"}.icon-luggage-alt:before{content:"\e937"}.icon-fuel-alt:before{content:"\e95a"}.icon-car-doors-alt:before{content:"\e95b"}.icon-manual-alt:before{content:"\e95c"}.icon-handbag-alt:before{content:"\e95d"}.icon-seats-alt:before{content:"\e95e"}.icon-insurances-light:before{content:"\e960"}.icon-bluetooth:before{content:"\e902"}.icon-navigation:before{content:"\e907"}.icon-usb:before{content:"\e90d"}.icon-keyless:before{content:"\e90e"}.icon-boosterseat:before{content:"\e914"}.icon-babyseat:before{content:"\e915"}.icon-extra-driver:before{content:"\e916"}.icon-account-user:before{content:"\e917"}.icon-roof-rack:before{content:"\e918"}.icon-out-island-fee:before{content:"\e919"}.icon-car-doors:before{content:"\e91a"}.icon-luggage:before{content:"\e91b"}.icon-handbag:before{content:"\e91c"}.icon-manual:before{content:"\e91d"}.icon-seats:before{content:"\e91e"}.icon-auto:before{content:"\e920"}.icon-ac:before{content:"\e921"}.icon-clima:before{content:"\e922"}.icon-fuel:before{content:"\e923"}.icon-abs:before{content:"\e924"}.icon-search:before{content:"\e908"}.icon-share:before{content:"\e90f"}.icon-facebook-full:before{content:"\e90b"}.icon-arrow-forward:before{content:"\e903"}.icon-arrow-back:before{content:"\e904"}.icon-lock:before{content:"\e92b"}.icon-print:before{content:"\e929"}.icon-cancel:before{content:"\e91f"}.icon-transfer-arrows:before{content:"\e90c"}.icon-credit-card:before{content:"\e93f"}.icon-phone:before{content:"\e942"}.icon-mobile:before{content:"\e959"}.icon-star:before{content:"\e9d9"}.icon-check:before{content:"\ea10"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-pinterest:before{content:"\ead1"}.icon-paypal:before{content:"\ead8"}.icon-alert:before{content:"\e92a"}.icon-equalizer:before{content:"\e992"}.icon-instagram:before{content:"\e900"}.icon-facebook:before{content:"\e901"}.icon-tripadvisor:before{content:"\e90a"}.icon-mastercard:before{content:"\e925"}.icon-visa:before{content:"\e926"}.icon-envelope:before{content:"\e911"}.icon-whatsapp:before{content:"\e910"}.icon-heart:before{content:"\e912"} /*icomoon-end*/ [id^=pjWrapperCarRental_theme3] .location-dates-wrapper { background: #ffffff; display: block; padding: 15px; grid-template-columns: 1fr auto; gap: 5px; align-items: center; } [id^=pjWrapperCarRental_theme3] .single-wrap { position: relative; grid-template-columns: auto 1fr; gap: 10px; align-items: flex-start; display: inline-grid; } [id^=pjWrapperCarRental_theme3] .pjCrBtnTerms { display: block; margin: 0 auto; font-size: 13px; font-weight: 600; text-decoration: underline; } [id^=pjWrapperCarRental_theme3] .single-wrap.pickup-date-location:after { content: ''; position: absolute; display: block; height: 100%; width: 46px; left: 6px; top: 2rem; border-left: 5px dotted; color: #354b98; } [id^=pjWrapperCarRental_theme3] .location-date-content { display: flex; flex-direction: column; justify-content: flex-start; } [id^=pjWrapperCarRental_theme3] .dot-spacing { margin-bottom: 2.8rem; } [id^=pjWrapperCarRental_theme3] .car-img { margin: 0 auto; } [id^=pjWrapperCarRental_theme3] .car-wrap { margin: 10px auto 0 auto; max-width: 300px; text-align: center; } [id^=pjWrapperCarRental_theme3] .car-wrap p { font-size: 13px; font-family: 'Montserrat'; } [id^=pjWrapperCarRental_theme3] .car-wrap strong { text-transform: uppercase; font-size: 15px; font-weight: 800; } [id^=pjWrapperCarRental_theme3] .pjCrProduct .pjCrBgPrimary { line-height: 18px; padding: 4px 4px; } [id^=pjWrapperCarRental_theme3] .car-included-wrap .icon-check { color: #7CD992; font-size: 12px; margin: 0 4px 0 0; } [id^=pjWrapperCarRental_theme3] .car-included-wrap .icon-info { border: 1px solid #354b98; border-radius: 18px; padding: 4px 8px; margin: 0 0 0 5px; font-size: 12px; color: #354b98; } [id^=pjWrapperCarRental_theme3] .simple-title { color: #4d4d4d; display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; text-transform: uppercase; } [id^=pjWrapperCarRental_theme3] .simple-text { color: #4d4d4d; display: flex; align-items: center; font-size: 12px; } [id^=pjWrapperCarRental_theme3] .single-feature i { color: #354b98; margin-right: 5px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } [id^=pjWrapperCarRental_theme3] .car-features-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; } [id^=pjWrapperCarRental_theme3] .options-wrapper { display: flex; flex-direction: row; grid-gap: 0; } [id^=pjWrapperCarRental_theme3] .single-option-wrap { width: 100%; height: 100%; text-align: center; margin-left: 5px; margin-bottom: 0; display: flex; grid-gap: 15px; flex-direction: column; justify-content: space-between; color: #ffffff; background: #354b98; } [id^=pjWrapperCarRental_theme3] .single-option-wrap.pay-arrival, [id^=pjWrapperCarRental_theme3] .single-option-wrap.not-available { background: #EBEBEB; color: #303030; } [id^=pjWrapperCarRental_theme3] .option-heading-wrap { text-align: center; padding: 10px 10px 0; } [id^=pjWrapperCarRental_theme3] .option-heading-wrap .crChangeDates { padding: 10px; display: block; text-decoration: underline; } [id^=pjWrapperCarRental_theme3] .option-footer-wrap { grid-row: span 2; margin: 0; padding: 0 20px 20px; display: grid; align-items: flex-end; } [id^=pjWrapperCarRental_theme3] .option-footer-wrap .payment-wrap { border-top: 1px solid rgba(255,255,255,.4); padding: 10px 0; } [id^=pjWrapperCarRental_theme3] .payment-wrap .price-text { font-size: 17px; font-weight: 600; display: block; } [id^=pjWrapperCarRental_theme3] .option-footer-wrap .crBtnContinue { color: #354b98 !important; font-weight: 600; background: #fff !important; display: block; width: 100%; transition: all .3s ease; border: 2px solid #354b98 !important; } [id^=pjWrapperCarRental_theme3] .option-title { font-weight: 600; margin: 0; margin-bottom: 0.1rem; font-size: 13px; text-transform: uppercase; cursor: pointer; } [id^=pjWrapperCarRental_theme3] .rental-day-text { font-size: 10px; } [id^=pjWrapperCarRental_theme3] .discount-wrapper { margin: 10px auto 15px; padding: 0 14px; } [id^=pjWrapperCarRental_theme3] .discount-wrap { display: flex; align-items: baseline; text-align: left; font-size: 11px; line-height: 1rem; } .table-responsive.step-extras { clear: both; } #crFormExtras ul.list-group .pjCrProductExtra:last-child { margin-bottom: 15px; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra { float: left; width: 50%; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra .extra-wrap { padding: 35px 0; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra .extra-wrap .extra-detail-wrap { display: flex; grid-gap: 10px; justify-content: space-around; margin-bottom: 10px; align-items: center; flex-wrap: nowrap; flex-direction: row; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra span { margin: 10px 0; line-height: 1; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra .pjCrBtnAdd { width: 100%; padding: 0 !important; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra h4 { text-align: center; font-size: 14px; } [id^=pjWrapperCarRental_theme3] .extras-img { margin: 0 auto; width: 80px; } @media (min-width: 768px) { [id^=pjWrapperCarRental_theme3] .modal-dialog { width: 800px; } [id^=pjWrapperCarRental_theme3] .lead { font-size: 15px; font-weight: 800; } [id^=pjWrapperCarRental_theme3] .slider-wrap, [id^=pjWrapperCarRental_theme3] .car-name-type { min-height: 150px; } [id^=pjWrapperCarRental_theme3] .collapse { display: block; } } @media (min-width: 1366px) { [id^=pjWrapperCarRental_theme3] .modal-dialog { width: 1000px; } } @media screen and (max-width: 1440px) { [id^=pjWrapperCarRental_theme3] .car-features-wrap { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 470px) { [id^=pjWrapperCarRental_theme3] .pjCrProduct .col-xs-12:last-of-type { width: 100% !important; } [id^=pjWrapperCarRental_theme3] .btn .caret { margin-left: 5px; } [id^=pjWrapperCarRental_theme3] .slider-wrap img { width: 100%; } [id^=pjWrapperCarRental_theme3] .lead, [id^=pjWrapperCarRental_theme3] dl, [id^=pjWrapperCarRental_theme3] .feature-btn { font-family: 'Montserrat'; font-weight: 700; text-align: center; font-size: 18px; margin: 10px 0; } [id^=pjWrapperCarRental_theme3] dl { font-weight: 100; font-size: 14px; } [id^=pjWrapperCarRental_theme3] .btn.feature-btn { color: #354b98; border: 1px solid #d3d3d3; padding: 5px 0; display: none; } [id^=pjWrapperCarRental_theme3] .options-wrapper { flex-direction: column-reverse; } [id^=pjWrapperCarRental_theme3] .options-wrapper .single-option-wrap { margin-left: 0; grid-gap: 0; } [id^=pjWrapperCarRental_theme3] .discount-wrapper { margin: 5px auto; } [id^=pjWrapperCarRental_theme3] .collapse > hr, [id^=pjWrapperCarRental_theme3] .collapsing > hr { display: none; } [id^=pjWrapperCarRental_theme3] .collapse .simple-text, [id^=pjWrapperCarRental_theme3] .collapsing .simple-text { font-size: 14px; } [id^=pjWrapperCarRental_theme3] .collapse .car-included-wrap, [id^=pjWrapperCarRental_theme3] .collapsing .car-included-wrap, [id^=pjWrapperCarRental_theme3] .collapse .car-features-wrap, [id^=pjWrapperCarRental_theme3] .collapsing .car-features-wrap { padding: 0 0 15px; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra { float: none; width: 100%; margin: 0; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra .extra-wrap { padding: 0; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra .extra-wrap .extra-detail-wrap { font-size: 18px; } [id^=pjWrapperCarRental_theme3] .extras-img { width: 150px; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra .pjCrBtnAdd { width: 100%; font-size: 18px; } [id^=pjWrapperCarRental_theme3] .pjCrProductExtra h4 { font-size: 20px; } } /*! * 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_theme3 .pjCrColorPrimary { color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrColorPrimary:hover { color: #12965d; } #pjWrapperCarRental_theme3 .pjCrBgPrimary { background: #1ca76c; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrBtntDefault, #pjWrapperCarRental_theme3 .pjCrBtntDefault.disabled { border-color: #12965d; background: #1ca76c; color: #fff; font-weight: bold; text-transform: capitalize; } #pjWrapperCarRental_theme3 .pjCrBtntDefault:hover, #pjWrapperCarRental_theme3 .pjCrBtntDefault.disabled:hover { border-color: #12965d; background: #12965d; color: #fff; } #pjWrapperCarRental_theme3 .pjCrBtnActive, #pjWrapperCarRental_theme3 .pjCrNav .pjCrBtnActive, #pjWrapperCarRental_theme3 .pjCrLanguage .pjCrBtnActive { background: #1ca76c; color: #fff; } #pjWrapperCarRental_theme3 .pjCrContainer .pjCrBtnPassed { color: #3e3838; } #pjWrapperCarRental_theme3 .pjCrBtnTerms { color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrBtnTerms:hover { color: #12965d; } #pjWrapperCarRental_theme3 .pjCrBtnLink { color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrBtnLink:hover, #pjWrapperCarRental_theme3 .pjCrBtnLink:focus { color: #12965d; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrContainer .pjCrHeading { border-bottom: 0; background: #eef0ef; } #pjWrapperCarRental_theme3 .pjCrContainer .pjCrBody { background: #eef0ef; } /* ========================================================================== #pjCrBtnNav ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrBtnNav { border-color: #fff; background: #fff; color: #6a6869; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); } #pjWrapperCarRental_theme3 .pjCrBtnNav:hover { border-color: #fff; background: #fff; } /* ========================================================================== #Panels ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrContainer .pjCrPanelLeft .panel-heading, #pjWrapperCarRental_theme3 .pjCrContainer .pjCrPanelRight .panel-heading { background: #fff; } #pjWrapperCarRental_theme3 .pjCrContainer .panel-title, #pjWrapperCarRental_theme3 .pjCrContainer .panel-title { color: #1ca86b; font-weight: normal; text-transform: uppercase; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrContainer p, #pjWrapperCarRental_theme3 .pjCrContainer .control-label { color: #4c4d4f } #pjWrapperCarRental_theme3 .pjCrContainer .form-control:focus { border-color: #12965d; -webkit-box-shadow: 0 0 6px rgba(18, 150, 93, .4); box-shadow: 0 0 6px rgba(18, 150, 93, .4); } /* ========================================================================== #pjCrFormCheckout ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrFormCheckout .panel-heading { background: #fff; } #pjWrapperCarRental_theme3 .pjCrContainer .pjCrFormCheckout .panel-title { color: #1ca76c; font-weight: normal; } #pjWrapperCarRental_theme3 .pjCrContainer .pjCrFormCheckout .control-label, #pjWrapperCarRental_theme3 .pjCrContainer .pjCrFormCheckout p { color: #4c4d4f; font-weight: normal; } #pjWrapperCarRental_theme3 .pjCrContainer .pjCrFormCheckout .has-error .control-label { color: #a94442; } /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrProductExtra { color: #6a6869; } /* ========================================================================== #pjCrDatePicker ========================================================================== */ #pjWrapperCarRental_theme3 .pjCrTimePicker .input-group-addon, #pjWrapperCarRental_theme3 .pjCrDatePicker .input-group-addon { color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrDatePicker .input-group-addon:hover, #pjWrapperCarRental_theme3 .pjCrTimePicker .input-group-addon:hover { color: #12965d; } #pjWrapperCarRental_theme3 .pjCrDatePicker .form-control, #pjWrapperCarRental_theme3 .pjCrTimePicker .form-control { background: #fff; } #pjWrapperCarRental_theme3 .pjCrDatePicker .today:before { border-bottom-color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrDatePicker .prev span, #pjWrapperCarRental_theme3 .pjCrDatePicker .next span { color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrDatePicker .prev:hover, #pjWrapperCarRental_theme3 .pjCrDatePicker .next:hover { background: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrDatePicker .prev:hover span, #pjWrapperCarRental_theme3 .pjCrDatePicker .next:hover span { color: #fff; } #pjWrapperCarRental_theme3 .pjCrDatePicker .picker-switch { color: #2d2d2d; } #pjWrapperCarRental_theme3 .pjCrDatePicker .picker-switch:hover, #pjWrapperCarRental_theme3 .pjCrDatePicker .bootstrap-datetimepicker-widget .active, #pjWrapperCarRental_theme3 .pjCrDatePicker .bootstrap-datetimepicker-widget .active:hover { background: #1ca76c; color: #fff; } #pjWrapperCarRental_theme3 .pjCrTimePicker a { color: #1ca76c; } #pjWrapperCarRental_theme3 .pjCrTimePicker a:hover span, #pjWrapperCarRental_theme3 .pjCrTimePicker td > span:hover { background: #1ca76c; color: #fff; } #pjWrapperCarRental_theme3 .pjCrTimePicker .btn-primary { border-color: #12965d; background: #1ca76c; color: #fff; } #pjWrapperCarRental_theme3 .pjCrTimePicker .btn-primary:hover { border-color: #12965d; background: #12965d; color: #fff; } #pjWrapperCarRental_theme3 .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; } #pjWrapperCarRental_theme3 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; } #pjWrapperCarRental_theme3 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; } #pjWrapperCarRental_theme3 .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; } #pjWrapperCarRental_theme3 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; }