/* ==========================================================================
	#General
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrContainer { padding: 15px; }
#pjWrapperCarRental_theme1 .pjCrMinSize340 { min-width: 340px; }
#pjWrapperCarRental_theme1 .pjCrVerticalTop { vertical-align: top; }
#pjWrapperCarRental_theme1 .pjCrCursorPointer { cursor: pointer; }
#pjWrapperCarRental_theme1 .pjCrSize1of5 { width: 20% !important; }
#pjWrapperCarRental_theme1 select.form-control { cursor: pointer;visibility: visible; }

/* ==========================================================================
	#Buttons
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrBtnAdd { padding: 6px 8px; }

#pjWrapperCarRental_theme1 .pjCrBtnActive,
#pjWrapperCarRental_theme1 .pjCrNav .pjCrBtnActive,
#pjWrapperCarRental_theme1 .pjCrLanguage .pjCrBtnActive { color: #337ab7; }

/* ==========================================================================
	#Forms
========================================================================== */
#pjWrapperCarRental_theme1 .form-group.has-error { position: relative; }
#pjWrapperCarRental_theme1 .help-block,
#pjWrapperCarRental_theme1 .help-block * { margin: 0; }
#pjWrapperCarRental_theme1 .help-block { position: absolute; bottom: -15px; left: 0; overflow: hidden; max-width: 100%; }
#pjWrapperCarRental_theme1 .help-block li { overflow: hidden; max-width: 100%; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
#pjWrapperCarRental_theme1 .form-group.has-error .row { position: relative; max-width: 100%; }
#pjWrapperCarRental_theme1 .form-group .row .help-block { bottom: -15px; left: 15px; }

/* ==========================================================================
	#pjCrProgresbarNav
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrProgresbarNav { display: inline-block; width: 636px; padding: 0 10px; }
#pjWrapperCarRental_theme1 .pjCrProgressBar { border-right: 1px solid; }
#pjWrapperCarRental_theme1 .pjCrProgressBar:last-of-type { border-right: 0; }
#pjWrapperCarRental_theme1 .pjCrProgressSm { height: 10px; margin-bottom: 0; }
#pjWrapperCarRental_theme1 .pjCrProgresbarNav .pjCrBtnSm { padding: 5px; }
#pjWrapperCarRental_theme1 .pjCrProgresbarNav .nav .active a { background-color: #eee; color: #333; }

/* ==========================================================================
	#pjCrNav
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrNav .pjCrBtn { text-align: left; }
#pjWrapperCarRental_theme1 .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_theme1 .pjCrNav.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/* ==========================================================================
	#pjCrLanguage
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrLanguage { float: right; }
#pjWrapperCarRental_theme1 .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_theme1 .pjCrLanguage.open .pjCrBtnNav .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#pjWrapperCarRental_theme1 .pjCrLanguage .dropdown-menu { right: 0; left: auto; }

/* ==========================================================================
	#pjCrTimePicker
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrTimePicker .bootstrap-datetimepicker-widget { max-width: 100%; }
#pjWrapperCarRental_theme1 .pjCrTimePicker .bootstrap-datetimepicker-widget td,
#pjWrapperCarRental_theme1 .pjCrTimePicker .bootstrap-datetimepicker-widget td span { width: 34px; height: 34px; line-height: 34px; }
#pjWrapperCarRental_theme1 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn { padding: 0; }
#pjWrapperCarRental_theme1 .pjCrTimePicker .bootstrap-datetimepicker-widget td .btn-primary { padding: 6px; }

/* ==========================================================================
	#Pannels
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrPanelLeft { min-width: 280px; }
#pjWrapperCarRental_theme1 .pjCrPanelRight { min-width: 520px; }

/* ==========================================================================
	#Products
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrProduct { padding: 15px; margin-bottom: 20px; }
#pjWrapperCarRental_theme1 .pjCrProduct .well p:last-of-type { padding-bottom: 0; margin-bottom: 0; }
#pjWrapperCarRental_theme1 .pjCrProduct .pjCrBgPrimary { line-height: 21px; }
#pjWrapperCarRental_theme1 .pjCrProduct .pjCrBtntDefault { padding: 6px 0; }

/* ==========================================================================
	#pjCrMultiplierDropdown
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrMultiplierDropdown { display: inline-block; vertical-align: middle; }
#pjWrapperCarRental_theme1 .pjCrMultiplierDropdown .form-control { display: inline-block; padding: 0; }
#pjWrapperCarRental_theme1 .pjCrMultiplierDropdown .input-group-addon { padding: 6px 8px; }

/* ==========================================================================
	#pjCrCaptcha
========================================================================== */
#pjWrapperCarRental_theme1 .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_theme1 .pjCrPanelLeft { min-width: 1px; }
	#pjWrapperCarRental_theme1 .pjCrPanelRight { min-width: 1px; }
}

@media only screen and ( max-width: 890px ) {
	/* ==========================================================================
		#pjCrProgresbarNav
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProgresbarNav { overflow: hidden; }

	/* ==========================================================================
		#pjCrLanguage
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrLanguage { float: right; }
}

@media only screen and ( max-width: 767px ) {
	/* ==========================================================================
		#pjCrProgresbarNav
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProgresbarNav { width: 100%; }
	#pjWrapperCarRental_theme1 .pjCrProgresbarNav .nav-justified > li { float: left; }

	/* ==========================================================================
		#pjCrProducts
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12 { width: 45%; }
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12:first-of-type { width: 25%; }
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12:last-of-type { width: 30%; }

	/* ==========================================================================
		#pjCrProductExtra
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-5 { width: 33%; }
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-7 { width: 40%; }
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-12:last-of-type { width: 27%; text-align: right; }

	/* ==========================================================================
		#pjCrHeading
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrHeading .col-xs-12 { width: 50%; }
}

@media only screen and ( max-width: 670px ) {
	/* ==========================================================================
		#pjCrProgresbarNav
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProgresbarNav .nav > li { display: none; }
	#pjWrapperCarRental_theme1 .pjCrProgresbarNav .nav > .active { display: block; }
}

@media only screen and ( max-width: 470px ) {
	/* ==========================================================================
		#pjCrProducts
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12,
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12:first-of-type { width: 100%; }
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12:last-of-type { width: 250px; }
	#pjWrapperCarRental_theme1 .pjCrProduct .col-xs-12:last-of-type .well { width: 50%; margin: 0 auto 20px; }
}

@media only screen and ( max-width: 470px ) {
	/* ==========================================================================
		#pjCrProductExtra
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-5 { width: 35%; }
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-7 { width: 65%; }
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-12,
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-12:last-of-type { width: 100%; }
	#pjWrapperCarRental_theme1 .pjCrProductExtra h5 { text-align: left; }
	#pjWrapperCarRental_theme1 .pjCrProductExtra .col-xs-12:last-of-type { text-align: center; }
}

@media only screen and ( max-width: 390px ) {
	/* ==========================================================================
		#General
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrMinSize340 { min-width: 1px; }

	/* ==========================================================================
		#pjCrForm
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrFormGroup .col-xs-6 { width: 100%; }

	/* ==========================================================================
		#pjCrTimePicker
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrTimePicker { padding-top: 10px; }

	/* ==========================================================================
		#pjCrHeading
	========================================================================== */
	#pjWrapperCarRental_theme1 .pjCrHeading .col-xs-12 { width: 100%; }
	#pjWrapperCarRental_theme1 .pjCrLanguage { float: left; margin-top: 15px; }
}


/*
    New Design
*/
[id^=pjWrapperCarRental_theme1] .panel-default {
    border: none;
    background: none;
}
[id^=pjWrapperCarRental_theme1] .panel-body, [id^=pjWrapperCarRental_theme1] .pjCrContainer, [id^=pjWrapperCarRental_theme1] .container-fluid {
    padding: 0px !important;
}
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Open+Sans:wght@400;600;700&display=swap');

/* Grid Container for the loop */
.boat-grid-container {
    display: grid;
    gap: 30px;
    padding-bottom: 20px;
    /* Default (Mobile): 1 column */
    grid-template-columns: 1fr;
}

/* Tablet (Screens wider than 768px): 2 columns */
@media (min-width: 768px) {
    .boat-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop (Screens wider than 992px): 3 columns MAX */
@media (min-width: 1367px) {
    .boat-grid-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Card Styling */
.boat-card {
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s;
}

.boat-card:hover {
    transform: translateY(-5px);
}

/* Image Area */
.boat-image-wrapper {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.boat-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.boat-card:hover .boat-img {
    transform: scale(1.05);
}

/* Price Badge */
.price-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #bfa888;
    color: #fff;
    padding: 8px 12px;
    text-align: center;
    min-width: 70px;
    z-index: 2;
}

.price-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.9;
}

.price-amount {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

/* Action Button (Styled as Banner) */
.boat-action-btn {
    width: 100%;
    background-color: #bfa888;
    color: #fff;
    border: none;
    padding: 12px 0;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    transition: background-color 0.3s;
    text-decoration: none;
    display: block;
    text-align: center;
}

.boat-action-btn:hover {
    background-color: #262F49;
    color: #fff;
    text-decoration: none;
}

.boat-action-btn.disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* Card Body */
.card-details {
    padding: 15px;
    flex-grow: 1;
}

.boat-title {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    color: #333;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    line-height: 1.2;
}

.boat-subtitle {
    color: #666;
    font-size: 13px;
    margin: 0;
    font-weight: 600;
}

.boat-desc {
    font-size: 12px;
    color: #777;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer Specs */
.card-footer {
    display: flex;
    border-top: 1px solid #e0e0e0;
    background-color: #f9f9f9;
}

.spec-item {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
    font-size: 12px;
    color: #444;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.spec-item:first-child {
    border-right: 1px solid #e0e0e0;
}

/* Bootstrap Overrides within card */
.boat-card .glyphicon {
    font-size: 14px;
    color: #bfa888;
}

    /* sidebar */
/* Booking Widget Container */
.booking-widget {
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border: 1px solid #e0e0e0;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
    overflow: hidden; /* Ensures header corners stay rounded */
}

/* Header Section (Gold Background) */
.widget-header {
    background-color: #bfa888; /* Matches your buttons/badges */
    padding: 15px 20px;
    border-bottom: 1px solid #a88d6f;
}

.widget-title {
    margin: 0;
    font-family: 'Cinzel', serif; /* Elegant Serif */
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

/* Body Section */
.widget-body {
    padding: 20px 25px;
}

/* "Time and Place" Subheader Row */
.sub-header-row {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sub-header-row:before, .sub-header-row:after { display: none !important; }

.sub-header-title {
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* "Change" Link Styling */
a.widget-change-link {
    font-size: 12px;
    color: #bfa888;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #bfa888;
    padding: 4px 10px;
    border-radius: 2px;
    transition: all 0.3s ease;
}

a.widget-change-link:hover {
    background-color: #bfa888;
    color: #fff;
    text-decoration: none;
}

/* Data Rows */
.info-row {
    margin-bottom: 15px;
}

/* Labels (Pick-up, Return, etc.) */
.widget-label {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
}

/* Values (Dates, Locations) */
.widget-value {
    font-size: 14px;
    color: #222;
    font-weight: 600;
    line-height: 1.4;
}
/* --- Widget Divider --- */
.widget-divider {
    height: 1px;
    background-color: #eee;
    margin: 20px 0;
    display: block;
}

/* --- Boat Summary Section --- */
.widget-boat-img {
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: 100%;
    height: auto;
    display: block;
}

.widget-boat-name {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin: 0 0 5px 0;
    font-family: 'Cinzel', serif; /* Consistent font */
    text-transform: uppercase;
}

.widget-boat-desc {
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
    font-style: italic;
}

/* --- Terms Modal Link --- */
.widget-terms-link {
    font-size: 12px !important;
    color: #bfa888 !important; /* Gold */
    text-decoration: underline !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.widget-terms-link:hover {
    color: #a88d6f !important;
    text-decoration: none !important;
}

    /* Toolbar */
/* Container for the Toolbar */
.boat-toolbar {
    background-color: #fff;
    padding: 15px 20px;
    margin-bottom: 25px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border-radius: 2px;
}

/* Flexbox wrapper to align Label and Select */
.toolbar-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Right alignment for the Sort group */
.toolbar-group.right {
    justify-content: flex-end;
}

/* Label Styling */
.toolbar-label {
    font-family: 'Cinzel', serif;
    font-weight: 600;
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
}

/* Custom Select Dropdown */
.toolbar-select {
    display: block;
    width: 100%;
    max-width: 200px; /* Prevents them from getting too wide */
    height: 40px;
    padding: 6px 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none; /* Resets default browser gloss */
    border: 1px solid #ddd;
    border-radius: 0; /* Square modern corners */
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-appearance: none; /* Removes default arrow on some browsers for cleaner look */
    -moz-appearance: none;
    appearance: none;
    
    /* Re-adding a custom arrow */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23bfa888' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 8px 10px;
    padding-right: 25px; /* Space for the arrow */
}

/* Focus State (Gold Border) */
.toolbar-select:focus {
    border-color: #bfa888;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(191, 163, 132, 0.2);
}

/* Mobile Adjustment: Stack them */
@media (max-width: 767px) {
    .toolbar-group {
        margin-bottom: 10px;
    }
    .toolbar-group.right {
        justify-content: flex-start; /* Left align on mobile */
    }
    .toolbar-select {
        max-width: 100%; /* Full width on mobile */
    }
    [id^=pjWrapperCarRental_theme1] .table-responsive {
        border: none;
    }
}

    /*Extras Table*/
/* --- Main Panel Container --- */
.checkout-panel {
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #e0e0e0;
    padding: 30px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}

/* --- Section Headers --- */
.checkout-heading {
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.checkout-title {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    display: inline-block;
}

/* Gold underline effect */
.checkout-title:after {
    content: '';
    position: absolute;
    bottom: -17px; /* Adjust based on padding */
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #bfa888;
}

/* --- Extras List --- */
.extra-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.extra-item {
    padding: 20px 0;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.extra-name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.extra-price {
    font-size: 16px;
    color: #bfa888; /* Gold */
    font-weight: 700;
}

/* Custom Quantity Select */
.extra-select {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    outline: none;
    height: 34px;
    /* Custom arrow */
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23bfa384' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px 10px;
    padding-right: 25px;
}

/* Add/Remove Buttons */
.btn-extra {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 2px;
    transition: all 0.3s;
    border: 1px solid;
}

.btn-extra.add {
    background-color: #fff;
    border-color: #bfa888;
    color: #bfa888;
}
.btn-extra.add:hover {
    background-color: #bfa888;
    color: #fff;
}

.btn-extra.remove {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #888;
}
.btn-extra.remove:hover {
    background-color: #e0e0e0;
    color: #555;
}

/* --- Breakdown Table --- */
.breakdown-table {
    width: 100%;
    margin-bottom: 25px;
}

.breakdown-table td {
    padding: 12px 0;
    vertical-align: top;
    border-bottom: 1px solid #f9f9f9;
}

.breakdown-label {
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}

.breakdown-value {
    font-size: 15px;
    color: #222;
    font-weight: 600;
    text-align: right;
}

.breakdown-note {
    font-size: 11px;
    color: #999;
    font-weight: 400;
    display: block;
    margin-top: 2px;
}

/* Total Row Styling */
.row-total td {
    border-top: 2px solid #eee;
    border-bottom: none;
    padding-top: 20px;
}

.total-label {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.total-value {
    font-size: 24px;
    color: #bfa888;
    font-weight: 700;
}

/* --- Continue Button --- */
.btn-checkout-custom {
    display: block !important;
    width: 100% !important;
    background: #bfa888 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 15px 0 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    border: none !important;
    transition: background-color 0.3s;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 1px;
    border-radius: 0px !important;
}

.btn-checkout-custom:hover {
    background-color: #262F49 !important;
    color: #fff !important;
}
    /* Checkout Form*/
/* --- Form Sectioning --- */
.checkout-section {
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.checkout-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* --- Labels --- */
.control-label {
    font-size: 13px;
    color: #555;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-family: 'Open Sans', sans-serif;
}

.text-danger {
    color: #c4a787; /* Gold asterisks instead of red */
}

/* --- Custom Inputs & Selects --- */
.form-control.custom-input {
    height: 45px; /* Taller touch-friendly inputs */
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    transition: all 0.3s;
}

textarea.form-control.custom-input {
    height: auto;
}

/* Focus State (Gold) */
.form-control.custom-input:focus {
    border-color: #c4a787;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(196, 167, 135, 0.2);
}

/* Custom Select Arrow (Reused from previous step) */
select.form-control.custom-input {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23bfa384' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 8px 10px;
    padding-right: 30px;
}

/* --- Buttons --- */
.btn-back-custom {
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #666 !important;
    padding: 12px 25px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s !important;
    border-radius: 0px !important;
}

.btn-back-custom:hover {
    background: #f9f9f9 !important;
    color: #333 !important;
}

/* Inherits the gold style from previous steps, ensures it floats right */
.crBtnConfirm {
    width: auto;
    min-width: 150px;
    padding: 12px 30px;
    float: right;
}

/* --- Validation Errors --- */
.help-block.with-errors {
    color: #e74c3c; /* Keep errors red for visibility */
    font-size: 12px;
    margin-top: 5px;
}







/* --- Boat Summary Section (Sidebar) --- */
.widget-boat-summary {
    margin-top: 25px;
    text-align: center; /* Centers the image and text */
}

/* New wrapper for the larger image */
.widget-boat-img-wrapper {
    width: 100%;
    max-width: 260px; /* Prevents it from being too large on wider screens */
    margin: 0 auto 15px auto; /* Centers horizontally with margin below */
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Nice shadow for depth */
    border: 1px solid #eee;
}

.widget-boat-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Container for text details below image */
.widget-boat-details {
    padding: 0 5px;
}

.widget-boat-name {
    font-size: 18px; /* Slightly larger font */
    font-weight: 700;
    color: #333;
    margin: 0 0 8px 0;
    font-family: 'Cinzel', serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-boat-desc {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px;
    font-style: italic;
    line-height: 1.4;
}

/* --- Terms Modal Link --- */
.widget-terms-link {
    font-size: 12px;
    color: #c4a787; /* Gold */
    text-decoration: underline;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    display: inline-block; /* Ensures it centers correctly */
}

.widget-terms-link:hover {
    color: #a88d6f;
    text-decoration: none;
}
/* Update the .boat-img rule */
.boat-img {
    /* Remove position absolute from here, moving it to the link */
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* NEW: Style for the Lightbox Link */
.boat-lightbox-link {
    display: block;
    position: absolute; /* This takes the place of the image positioning */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Lowest level */
    cursor: zoom-in; /* Shows the user they can click */
}

/* Ensure the hover effect still works */
.boat-card:hover .boat-img {
    transform: scale(1.05);
}

/* Ensure Badge stays ON TOP of the link */
.price-badge {
    z-index: 2; /* Higher than the link */
    pointer-events: none; /* Optional: clicks pass through to image if user clicks badge */
}
/* --- Mobile Button Stacking --- */
@media (max-width: 767px) {
    /* Make the Back button full width like the Confirm button */
    .btn-back-custom {
        width: 100%;
        display: block;
    }
    
    /* Add spacing below the Confirm button (which is on top) */
    .btn-checkout-custom {
        margin-bottom: 15px !important;
    }
}
/*!
 * 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}
/* ==========================================================================
	#Buttons
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrBtntDefault { border-color: #bfa888; color: #fff; 
	background: rgb(64,152,226);
	background: -moz-linear-gradient(top,  rgba(64,152,226,1) 0%, rgba(46,134,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,152,226,1)), color-stop(100%,rgba(46,134,208,1)));
	background: -webkit-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2e86d0',GradientType=0 );
}

#pjWrapperCarRental_theme1 .pjCrBtntDefault:hover { border-color: #bfa888; color: #fff; 
	background: rgb(46,134,208);
	background: -moz-linear-gradient(top,  rgba(46,134,208,1) 0%, rgba(64,152,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,134,208,1)), color-stop(100%,rgba(64,152,226,1)));
	background: -webkit-linear-gradient(top,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	background: -o-linear-gradient(top,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	background: -ms-linear-gradient(top,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	background: linear-gradient(to bottom,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e86d0', endColorstr='#4098e2',GradientType=0 );
}

#pjWrapperCarRental_theme1 .pjCrBtnActive,
#pjWrapperCarRental_theme1 .pjCrNav .pjCrBtnActive,
#pjWrapperCarRental_theme1 .pjCrLanguage .pjCrBtnActive { background: #f2f2f2; }
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrBtnPassed { color: #55af34; }

#pjWrapperCarRental_theme1 .pjCrBtnLink { color: #55af34; }
#pjWrapperCarRental_theme1 .pjCrBtnLink:hover,
#pjWrapperCarRental_theme1 .pjCrBtnLink:focus { color: #bfa888; }

/* ==========================================================================
	#pjCrHeading
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrHeading { background: #f7f7f7; }

/* ==========================================================================
	#pjCrBtnNav
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrBtnNav { border-color: #bebabb; color: #71767a; 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(253,253,253,1) 27%, rgba(248,246,247,1) 57%, rgba(245,241,240,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(27%,rgba(253,253,253,1)), color-stop(57%,rgba(248,246,247,1)), color-stop(100%,rgba(245,241,240,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(248,246,247,1) 57%,rgba(245,241,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(248,246,247,1) 57%,rgba(245,241,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(248,246,247,1) 57%,rgba(245,241,240,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 27%,rgba(248,246,247,1) 57%,rgba(245,241,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f1f0',GradientType=0 );
}

#pjWrapperCarRental_theme1 .pjCrBtnNav:hover { border-color: #bebabb; 
	background: rgb(245,241,240);
	background: -moz-linear-gradient(top,  rgba(245,241,240,1) 0%, rgba(248,246,247,1) 43%, rgba(253,253,253,1) 73%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,241,240,1)), color-stop(43%,rgba(248,246,247,1)), color-stop(73%,rgba(253,253,253,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(245,241,240,1) 0%,rgba(248,246,247,1) 43%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(245,241,240,1) 0%,rgba(248,246,247,1) 43%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(245,241,240,1) 0%,rgba(248,246,247,1) 43%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,241,240,1) 0%,rgba(248,246,247,1) 43%,rgba(253,253,253,1) 73%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1f0', endColorstr='#ffffff',GradientType=0 );
}

/* ==========================================================================
	#Panels
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrPanelLeft .panel-heading,
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrPanelRight .panel-heading { background: #fff; }
#pjWrapperCarRental_theme1 .pjCrContainer .panel-title,
#pjWrapperCarRental_theme1 .pjCrContainer .panel-title { color: #35393a; font-weight: bold; }

/* ==========================================================================
	#Forms
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrContainer p,
#pjWrapperCarRental_theme1 .pjCrContainer .control-label { color: #2c2d2f }
#pjWrapperCarRental_theme1 .pjCrContainer .form-control:focus { border-color: #bfa888; -webkit-box-shadow: 0 0 6px rgba(27, 106, 172, .4); box-shadow: 0 0 6px rgba(27, 106, 172, .4); }

#pjWrapperCarRental_theme1 .pjCrDatePicker .input-group-addon,
#pjWrapperCarRental_theme1 .pjCrTimePicker .input-group-addon { color: #bfa888; }
#pjWrapperCarRental_theme1 .pjCrDatePicker .input-group-addon:hover,
#pjWrapperCarRental_theme1 .pjCrTimePicker .input-group-addon:hover { color: #262F49; }

#pjWrapperCarRental_theme1 .pjCrDatePicker .form-control,
#pjWrapperCarRental_theme1 .pjCrTimePicker .form-control { background: #fff; }

#pjWrapperCarRental_theme1 .pjCrDatePicker .today:before { border-bottom-color: #bfa888; }
#pjWrapperCarRental_theme1 .pjCrDatePicker .prev span,
#pjWrapperCarRental_theme1 .pjCrDatePicker .next span { color: #bfa888; }
#pjWrapperCarRental_theme1 .pjCrDatePicker .prev:hover,
#pjWrapperCarRental_theme1 .pjCrDatePicker .next:hover { background: #bfa888; }
#pjWrapperCarRental_theme1 .pjCrDatePicker .prev:hover span,
#pjWrapperCarRental_theme1 .pjCrDatePicker .next:hover span { color: #fff; }
#pjWrapperCarRental_theme1 .pjCrDatePicker .picker-switch { color: #262F49; }
#pjWrapperCarRental_theme1 .pjCrDatePicker .picker-switch:hover,
#pjWrapperCarRental_theme1 .pjCrDatePicker .bootstrap-datetimepicker-widget .active,
#pjWrapperCarRental_theme1 .pjCrDatePicker .bootstrap-datetimepicker-widget .active:hover { background: #bfa888; color: #fff; }

#pjWrapperCarRental_theme1 .pjCrTimePicker a { color: #bfa888; }
#pjWrapperCarRental_theme1 .pjCrTimePicker a:hover span,
#pjWrapperCarRental_theme1 .pjCrTimePicker td > span:hover { background: #bfa888; color: #fff; }
#pjWrapperCarRental_theme1 .pjCrTimePicker .btn-primary { border-color: #bfa888; color: #fff; 
	background: rgb(64,152,226);
	background: -moz-linear-gradient(top,  rgba(64,152,226,1) 0%, rgba(46,134,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,152,226,1)), color-stop(100%,rgba(46,134,208,1)));
	background: -webkit-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2e86d0',GradientType=0 );
}
#pjWrapperCarRental_theme1 .pjCrTimePicker .btn-primary:hover { border-color: #bfa888; color: #fff; 
	background: rgb(46,134,208);
	background: -moz-linear-gradient(top,  rgba(46,134,208,1) 0%, rgba(64,152,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,134,208,1)), color-stop(100%,rgba(64,152,226,1)));
	background: -webkit-linear-gradient(top,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	background: -o-linear-gradient(top,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	background: -ms-linear-gradient(top,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	background: linear-gradient(to bottom,  rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e86d0', endColorstr='#4098e2',GradientType=0 );
}

#pjWrapperCarRental_theme1 .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; }
#pjWrapperCarRental_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; }
#pjWrapperCarRental_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; }
#pjWrapperCarRental_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; }
#pjWrapperCarRental_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; }

/* ==========================================================================
	#pjCrFormCheckout
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrFormCheckout .panel-heading { 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrFormCheckout .panel-title { color: #2d85cd; font-weight: normal; }
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrFormCheckout .control-label,
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrFormCheckout p { color: #2c2d2f; font-weight: normal; }
#pjWrapperCarRental_theme1 .pjCrContainer .pjCrFormCheckout .has-error .control-label { color: #a94442; }

/* ==========================================================================
	#pjCrProductExtra
========================================================================== */
#pjWrapperCarRental_theme1 .pjCrProductExtra { color: #6a7579; }
