/* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrContainer { padding: 15px; } #pjWrapperCarRental_theme5 .pjCrMinSize340 { min-width: 340px; } #pjWrapperCarRental_theme5 .pjCrVerticalTop { vertical-align: top; } #pjWrapperCarRental_theme5 .pjCrCursorPointer { cursor: pointer; } #pjWrapperCarRental_theme5 .pjCrSize1of5 { width: 20% !important; } #pjWrapperCarRental_theme5 select.form-control { cursor: pointer; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrBtnAdd { padding: 6px 8px; } #pjWrapperCarRental_theme5 .pjCrBtnActive, #pjWrapperCarRental_theme5 .pjCrNav .pjCrBtnActive, #pjWrapperCarRental_theme5 .pjCrLanguage .pjCrBtnActive { color: #337ab7; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperCarRental_theme5 .form-group.has-error { position: relative; } #pjWrapperCarRental_theme5 .help-block, #pjWrapperCarRental_theme5 .help-block * { margin: 0; } #pjWrapperCarRental_theme5 .help-block { position: absolute; bottom: -15px; left: 0; overflow: hidden; max-width: 100%; } #pjWrapperCarRental_theme5 .help-block li { overflow: hidden; max-width: 100%; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #pjWrapperCarRental_theme5 .form-group.has-error .row { position: relative; max-width: 100%; } #pjWrapperCarRental_theme5 .form-group .row .help-block { bottom: -15px; left: 15px; } /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProgresbarNav { display: inline-block; width: 636px; padding: 0 10px; } #pjWrapperCarRental_theme5 .pjCrProgressBar { border-right: 1px solid; } #pjWrapperCarRental_theme5 .pjCrProgressBar:last-of-type { border-right: 0; } #pjWrapperCarRental_theme5 .pjCrProgressSm { height: 10px; margin-bottom: 0; } #pjWrapperCarRental_theme5 .pjCrProgresbarNav .pjCrBtnSm { padding: 5px; } #pjWrapperCarRental_theme5 .pjCrProgresbarNav .nav .active a { background-color: #eee; color: #333; } /* ========================================================================== #pjCrNav ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrNav .pjCrBtn { text-align: left; } #pjWrapperCarRental_theme5 .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_theme5 .pjCrNav.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* ========================================================================== #pjCrLanguage ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrLanguage { float: right; } #pjWrapperCarRental_theme5 .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_theme5 .pjCrLanguage.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapperCarRental_theme5 .pjCrLanguage .dropdown-menu { right: 0; left: auto; } /* ========================================================================== #pjCrTimePicker ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrTimePicker .bootstrap-datetimepicker-widget { max-width: 100%; } #pjWrapperCarRental_theme5 .pjCrTimePicker .bootstrap-datetimepicker-widget td, #pjWrapperCarRental_theme5 .pjCrTimePicker .bootstrap-datetimepicker-widget td span { width: 34px; height: 34px; line-height: 34px; } #pjWrapperCarRental_theme5 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn { padding: 0; } #pjWrapperCarRental_theme5 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn-primary { padding: 6px; } /* ========================================================================== #Pannels ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrPanelLeft { min-width: 280px; } #pjWrapperCarRental_theme5 .pjCrPanelRight { min-width: 520px; } /* ========================================================================== #Products ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProduct { padding: 15px; margin-bottom: 20px; } #pjWrapperCarRental_theme5 .pjCrProduct .well p:last-of-type { padding-bottom: 0; margin-bottom: 0; } #pjWrapperCarRental_theme5 .pjCrProduct .pjCrBgPrimary { line-height: 21px; } #pjWrapperCarRental_theme5 .pjCrProduct .pjCrBtntDefault { padding: 6px 0; } /* ========================================================================== #pjCrMultiplierDropdown ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrMultiplierDropdown { display: inline-block; vertical-align: middle; } #pjWrapperCarRental_theme5 .pjCrMultiplierDropdown .form-control { display: inline-block; padding: 0; } #pjWrapperCarRental_theme5 .pjCrMultiplierDropdown .input-group-addon { padding: 6px 8px; } /* ========================================================================== #pjCrCaptcha ========================================================================== */ #pjWrapperCarRental_theme5 .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_theme5 .pjCrPanelLeft { min-width: 1px; } #pjWrapperCarRental_theme5 .pjCrPanelRight { min-width: 1px; } } @media only screen and ( max-width: 890px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProgresbarNav { overflow: hidden; } /* ========================================================================== #pjCrLanguage ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrLanguage { float: right; } } @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProgresbarNav { width: 100%; } #pjWrapperCarRental_theme5 .pjCrProgresbarNav .nav-justified > li { float: left; } /* ========================================================================== #pjCrProducts ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12 { width: 45%; } #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12:first-of-type { width: 25%; } #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12:last-of-type { width: 30%; } /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-5 { width: 33%; } #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-7 { width: 40%; } #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-12:last-of-type { width: 27%; text-align: right; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrHeading .col-xs-12 { width: 50%; } } @media only screen and ( max-width: 670px ) { /* ========================================================================== #pjCrProgresbarNav ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProgresbarNav .nav > li { display: none; } #pjWrapperCarRental_theme5 .pjCrProgresbarNav .nav > .active { display: block; } } @media only screen and ( max-width: 470px ) { /* ========================================================================== #pjCrProducts ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12, #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12:first-of-type { width: 100%; } #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12:last-of-type { width: 250px; } #pjWrapperCarRental_theme5 .pjCrProduct .col-xs-12:last-of-type .well { width: 50%; margin: 0 auto 20px; } } @media only screen and ( max-width: 470px ) { /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-5 { width: 35%; } #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-7 { width: 65%; } #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-12, #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-12:last-of-type { width: 100%; } #pjWrapperCarRental_theme5 .pjCrProductExtra h5 { text-align: left; } #pjWrapperCarRental_theme5 .pjCrProductExtra .col-xs-12:last-of-type { text-align: center; } } @media only screen and ( max-width: 390px ) { /* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrMinSize340 { min-width: 1px; } /* ========================================================================== #pjCrForm ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrFormGroup .col-xs-6 { width: 100%; } /* ========================================================================== #pjCrTimePicker ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrTimePicker { padding-top: 10px; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrHeading .col-xs-12 { width: 100%; } #pjWrapperCarRental_theme5 .pjCrLanguage { float: left; margin-top: 15px; } } /* ========================================================================== #General ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrColorPrimary { color: #76a73e; } #pjWrapperCarRental_theme5 .pjCrColorPrimary:hover { color: #9acf5b; } #pjWrapperCarRental_theme5 .pjCrBgPrimary { background: #76a73e; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrBtntDefault, #pjWrapperCarRental_theme5 .pjCrBtntDefault.disabled { border: 0; border-bottom: 2px solid #76a73e; background: #9acf5b; color: #fff; } #pjWrapperCarRental_theme5 .pjCrBtntDefault:hover, #pjWrapperCarRental_theme5 .pjCrBtntDefault.disabled:hover { border-color: #76a73e; background: #76a73e; color: #fff; } #pjWrapperCarRental_theme5 .pjCrBtnActive, #pjWrapperCarRental_theme5 .pjCrNav .pjCrBtnActive, #pjWrapperCarRental_theme5 .pjCrLanguage .pjCrBtnActive { background: #59b174; color: #fff; } #pjWrapperCarRental_theme5 .pjCrContainer .pjCrBtnPassed { color: #59b174; } #pjWrapperCarRental_theme5 .pjCrBtnTerms { color: #76a73e; } #pjWrapperCarRental_theme5 .pjCrBtnTerms:hover { color: #9acf5b; } #pjWrapperCarRental_theme5 .pjCrBtnLink { color: #76a73e; } #pjWrapperCarRental_theme5 .pjCrBtnLink:hover, #pjWrapperCarRental_theme5 .pjCrBtnLink:focus { color: #9acf5b; } /* ========================================================================== #pjCrHeading ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrContainer .pjCrHeading { background: #f8f8f6; } #pjWrapperCarRental_theme5 .pjCrContainer .pjCrBody { background: #e3e3e1; } /* ========================================================================== #pjCrBtnNav ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrBtnNav { border: 0; border-bottom: 2px solid #d7dacf; background: #e3e3e1; color: #626260; } #pjWrapperCarRental_theme5 .pjCrBtnNav:hover { border: 0; border-bottom: 2px solid #d7dacf; background: #d7dacf; } /* ========================================================================== #Panels ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrContainer .pjCrPanelLeft .panel-heading, #pjWrapperCarRental_theme5 .pjCrContainer .pjCrPanelRight .panel-heading { background: #fff; } #pjWrapperCarRental_theme5 .pjCrContainer .panel-title, #pjWrapperCarRental_theme5 .pjCrContainer .panel-title { color: #5bb172; font-weight: bold; text-transform: uppercase; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrContainer p, #pjWrapperCarRental_theme5 .pjCrContainer .control-label { color: #4c4e4d } #pjWrapperCarRental_theme5 .pjCrContainer .form-control:focus { border-color: #76a73e; -webkit-box-shadow: 0 0 6px rgba(118, 167, 62, .4); box-shadow: 0 0 6px rgba(118, 167, 62, .4); } /* ========================================================================== #pjCrFormCheckout ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrFormCheckout .panel-heading { background: #f8f8f6; } #pjWrapperCarRental_theme5 .pjCrContainer .pjCrFormCheckout .panel-title { color: #59b174; font-weight: bold; text-transform: capitalize; } #pjWrapperCarRental_theme5 .pjCrContainer .pjCrFormCheckout .control-label, #pjWrapperCarRental_theme5 .pjCrContainer .pjCrFormCheckout p { color: #4c4e4d; font-weight: normal; } #pjWrapperCarRental_theme5 .pjCrContainer .pjCrFormCheckout .has-error .control-label { color: #a94442; } /* ========================================================================== #pjCrProductExtra ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrProductExtra { color: #626260; } /* ========================================================================== #pjCrDatePicker ========================================================================== */ #pjWrapperCarRental_theme5 .pjCrTimePicker .input-group-addon, #pjWrapperCarRental_theme5 .pjCrDatePicker .input-group-addon { color: #59b174; } #pjWrapperCarRental_theme5 .pjCrDatePicker .input-group-addon:hover, #pjWrapperCarRental_theme5 .pjCrTimePicker .input-group-addon:hover { color: #76a73e; } #pjWrapperCarRental_theme5 .pjCrDatePicker .form-control, #pjWrapperCarRental_theme5 .pjCrTimePicker .form-control { background: #fff; } #pjWrapperCarRental_theme5 .pjCrDatePicker .today:before { border-bottom-color: #59b174; } #pjWrapperCarRental_theme5 .pjCrDatePicker .prev span, #pjWrapperCarRental_theme5 .pjCrDatePicker .next span { color: #59b174; } #pjWrapperCarRental_theme5 .pjCrDatePicker .prev:hover, #pjWrapperCarRental_theme5 .pjCrDatePicker .next:hover { background: #59b174; } #pjWrapperCarRental_theme5 .pjCrDatePicker .prev:hover span, #pjWrapperCarRental_theme5 .pjCrDatePicker .next:hover span { color: #fff; } #pjWrapperCarRental_theme5 .pjCrDatePicker .picker-switch { color: #2d2d2d; } #pjWrapperCarRental_theme5 .pjCrDatePicker .picker-switch:hover, #pjWrapperCarRental_theme5 .pjCrDatePicker .bootstrap-datetimepicker-widget .active, #pjWrapperCarRental_theme5 .pjCrDatePicker .bootstrap-datetimepicker-widget .active:hover { background: #59b174; color: #fff; } #pjWrapperCarRental_theme5 .pjCrTimePicker a { color: #59b174; } #pjWrapperCarRental_theme5 .pjCrTimePicker a:hover span, #pjWrapperCarRental_theme5 .pjCrTimePicker td > span:hover { background: #59b174; color: #fff; } #pjWrapperCarRental_theme5 .pjCrTimePicker .btn-primary { border-color: #76a73e; background: #9acf5b; color: #fff; } #pjWrapperCarRental_theme5 .pjCrTimePicker .btn-primary:hover { border-color: #76a73e; background: #76a73e; color: #fff; } #pjWrapperCarRental_theme5 .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; } #pjWrapperCarRental_theme5 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; } #pjWrapperCarRental_theme5 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; } #pjWrapperCarRental_theme5 .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; } #pjWrapperCarRental_theme5 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; }