body #pjWrapper { font-size: 16px; line-height: 28px; color: #343639; font-weight: 300; }

#pjWrapper .glyphicon { font-family: 'Glyphicons Halflings'; }

/*** Modules ***/

#pjWrapper .pjTbs-head { *zoom: 1; }

#pjWrapper .pjTbs-head:after { content: ''; clear: both; display: table; }

#pjWrapper .pjTbs-car,
#pjWrapper .btn { -webkit-transition: none; -o-transition: none; transition: none; }

html, body { height: 100%; }

#pjWrapper .form-control:focus { box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0 0px rgba(0, 0, 0, 0); }

#pjWrapper .btn { text-transform: uppercase; } 

#pjWrapper input.btn { padding-top: 0; padding-bottom: 0; }

#pjWrapper .pjTbs-head { background-color: #f5f5f5; padding: 20px 20px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

#pjWrapper .pjTbs-body { border: 1px solid #d9d9db; border-top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 20px; }

#pjWrapper .btn-default { height: 40px; padding-top: 8px; font-size: 15px; }
#pjWrapper .btn-secondary,
#pjWrapper .btn-primary { height: 42px; padding-top: 9px; font-size: 16px; }
#pjWrapper .btn-secondary { color: #fff; background-color: #7a7b7d; border-color: #5c5f64; }

#pjWrapper .form-control { height: 40px; font-size: 15px; border-color: rgba(0,0,0,0.1); }
#pjWrapper textarea.form-control { height: 105px; }

#pjWrapper .pjTbs-box { border: 1px solid rgba(0,0,0,0.2); padding: 15px; border-radius: 5px; background-color: #fff; margin-bottom: 25px; }

#pjWrapper .pjTbs-car {  padding: 30px 15px 15px; margin-bottom: 0; }
#pjWrapper .pjTbs-car + .pjTbs-car { margin-top: 20px; }
#pjWrapper .pjTbs-car:hover { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }
#pjWrapper .pjTbs-car-title { font-size: 18px; line-height: 21px; font-weight: bold; color: #3d3938; padding-bottom: 30px; }

#pjWrapper .pjTbs-car-info { color: #797878; }

#pjWrapper .pjTbs-car-image { padding-bottom: 10px; }

#pjWrapper .pjTbs-car-meta { padding: 0; list-style: none; }
#pjWrapper .pjTbs-car-meta li { color: #666362; }
#pjWrapper .pjTbs-car-meta li span { font-size: 12px; display: inline-block; margin-right: 2px; }
#pjWrapper .pjTbs-car-meta li strong { font-weight: 300; display: inline-block; }

#pjWrapper .pjTbs-price { font-weight: 300; margin-bottom: 10px; border-radius: 5px; border: 1px solid rgba(0,0,0,.2); background-color: rgba(0,0,0,.1); padding: 3px 15px; }
#pjWrapper .pjTbs-price strong { font-size: 18px; }

#pjWrapper .pjTbs-box .pjTbs-body-actions .btn { min-width: 180px; }

#pjWrapper .pjTbs-price-holder { text-align: right; }
 
#pjWrapper .form-group .radio,
#pjWrapper .form-group .checkbox { line-height: 1.25; }

#pjWrapper .pjTbs-subtotal { padding: 10px 20px 20px; }
#pjWrapper .pjTbs-subtotal p { border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 18px; text-transform: uppercase; font-weight: bold; overflow: hidden; margin-bottom: 0; padding: 7px 0; }
#pjWrapper .pjTbs-subtotal p span { float: left; }
#pjWrapper .pjTbs-subtotal p span + span { float: right; }
#pjWrapper .pjTbs-subtotal p strong { font-size: 24px; }
#pjWrapper .pjTbs-subtotal p span.pj-form-field-icon-text-small { float: none; }

#pjWrapper .pjTbs-box-title { font-size: 18px; line-height: 21px; text-transform: uppercase; color: #3d3938; font-weight: bold; padding-bottom: 20px; }

#pjWrapper .pjTbs-extras { padding: 0; list-style: none; margin-bottom: 0; }
#pjWrapper .pjTbs-extras li { padding: 12px 0; }
#pjWrapper .pjTbs-extras li + li { border-top: 1px solid rgba(0,0,0,0.1); }  
#pjWrapper .pjTbs-extras label { font-weight: 300; margin: 0; }
#pjWrapper .pjTbs-extras .checkbox { margin: 0; }
#pjWrapper .pjTbs-extras .checkbox input { margin-right: 5px; margin-top: 8px; float: left;}
#pjWrapper .pjTbs-extras li:first-child { padding-top: 0; }
#pjWrapper .pjTbs-extras li:last-child { padding-bottom: 0; }
#pjWrapper .pjTbs-extras em { font-style: normal; font-size: 18px; font-weight: 400; }

#pjWrapper .pjTbs-personal-details p { margin-bottom: 15px; }
#pjWrapper .pjTbs-personal-details p strong,
#pjWrapper .pjTbs-personal-details p span { display: block; }

#pjWrapper .dropdown-menu img { margin-right: 5px; }

#pjWrapper .input-group-addon,
#pjWrapper .form-control[disabled],
#pjWrapper .form-control[readonly],
#pjWrapper fieldset[disabled] .form-control { background-color: #fff; }

#pjWrapper .bootstrap-datetimepicker-widget table td .btn { padding: 0; }
#pjWrapper .bootstrap-datetimepicker-widget table td .btn span { padding-top: 19px; }

#pjWrapper .pjTbs-spinner .btn:hover,
#pjWrapper .pjTbs-spinner .btn { width: 40px; height: 40px; text-align: center; font-size: 18px; font-weight: 500; color: #333; border-color: rgba(0,0,0,.1);}
#pjWrapper .pjTbs-spinner .pjTbs-spinner-up { text-indent: -2px;  }
#pjWrapper .pjTbs-spinner-result { float: left; border: 1px solid rgba(0,0,0,0.1); border-left: 0; border-right: 0; -moz-user-select: none; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.42857; margin-bottom: 0; padding: 5px; text-align: center; vertical-align: middle; white-space: nowrap; max-width: 60px; font-weight: 600; height: 40px;}

#pjWrapper .input-group-addon { border-color: rgba(0,0,0,.1); }

#pjWrapper .pjTbs-spinner-down { border-radius: 0; }

#pjWrapper .pjTbs-service-info { padding: 5px 0; } 
#pjWrapper .pjTbs-service-info p { line-height: 21px; }

#pjWrapper .pjTbs-service-list { margin-bottom: 15px; }

#pjWrapper .pjTbs-service-list-row { padding: 15px; }
#pjWrapper .pjTbs-service-list-row + .pjTbs-service-list-row { border-top: 1px solid rgba(0,0,0,.2); }

#pjWrapper .pjTbs-service-list-row p { margin-bottom: 0; }
#pjWrapper .pjTbs-service-list-row p strong { font-size: 20px; }
#pjWrapper .pjTbs-service-list-row p em { font-style: normal; font-size: 16px; font-weight: bold; }

#pjWrapper .pjTbs-box .pjTbs-body-actions { padding: 20px 0 15px; }

#pjWrapper .pjTbs-distance {  }
#pjWrapper .pjTbs-distance span { display: inline-block; margin-right: 10px; }
#pjWrapper .pjTbs-distance input,
#pjWrapper .pjTbs-distance strong { display: inline-block; font-weight: 300; margin-bottom: 10px; border-radius: 5px; border: 1px solid rgba(0,0,0,.2); background-color: rgba(0,0,0,.1); padding: 3px 15px; min-width: 125px;}
#pjWrapper .pjTbs-distance input{width: 60px;}
/* RTL */
html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9, html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9 { float: right; } 

html[dir="rtl"] .col-md-offset-1 { margin-left: 0; margin-right: 8.33333%; }
html[dir="rtl"] .col-md-offset-2 { margin-left: 0; margin-right: 16.6667%; }
html[dir="rtl"] .col-sm-offset-4,
html[dir="rtl"] .col-md-offset-4 { margin-left: 0; margin-right: 33.3333%; } 
html[dir="rtl"] .col-sm-offset-6 { margin-left: 0; margin-right: 50%; }


html[dir="rtl"] #pjWrapper .checkbox input[type="checkbox"], 
html[dir="rtl"] #pjWrapper .checkbox-inline input[type="checkbox"], 
html[dir="rtl"] #pjWrapper .radio input[type="radio"], 
html[dir="rtl"] #pjWrapper .radio-inline input[type="radio"] { margin-right: -20px; margin-left: 0; }

html[dir="rtl"] #pjWrapper .checkbox label, 
html[dir="rtl"] #pjWrapper .radio label { padding-right: 20px; padding-left: 0; }

html[dir="rtl"] #pjWrapper .pjTbs-car-meta li + li:after { left: auto; right: -8px; }
html[dir="rtl"] #pjWrapper .pjTbs-car-meta li + li { margin-left: 0; margin-right: 5px; }

html[dir="rtl"] #pjWrapper .pull-right { float: left !important; }

html[dir="rtl"] #pjWrapper .pull-right > .dropdown-menu { left: 0; right: auto; }

html[dir="rtl"] #pjWrapper .dropdown-menu img { margin-right: 5px; margin-top: 5px; float: left; }

html[dir="rtl"] #pjWrapper .input-group .form-control:first-child, 
html[dir="rtl"] #pjWrapper .input-group-addon:first-child, 
html[dir="rtl"] #pjWrapper .input-group-btn:first-child > .btn, 
html[dir="rtl"] #pjWrapper .input-group-btn:first-child > .btn-group > .btn,
html[dir="rtl"] #pjWrapper .input-group-btn:first-child > .dropdown-toggle, 
html[dir="rtl"] #pjWrapper .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, 
html[dir="rtl"] #pjWrapper .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; } 

html[dir="rtl"] #pjWrapper .input-group-addon:first-child { border-right: 1px solid #eee; border-left: 0; }

html[dir="rtl"] #pjWrapper .input-group .form-control:last-child, 
html[dir="rtl"] #pjWrapper .input-group-addon:last-child, 
html[dir="rtl"] #pjWrapper .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, 
html[dir="rtl"] #pjWrapper .input-group-btn:first-child > .btn:not(:first-child), 
html[dir="rtl"] #pjWrapper .input-group-btn:last-child > .btn, 
html[dir="rtl"] #pjWrapper .input-group-btn:last-child > .btn-group > .btn, 
html[dir="rtl"] #pjWrapper .input-group-btn:last-child > .dropdown-toggle { border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0; border-top-right-radius: 0; }

html[dir="rtl"] #pjWrapper .btn-group > .btn:last-child:not(:first-child), 
html[dir="rtl"] #pjWrapper .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; }

html[dir="rtl"] #pjWrapper .pjTbs-spinner-down {  border-bottom-left-radius: 5px; border-top-left-radius: 5px;  }

html[dir="rtl"] #pjWrapper .text-right { text-align: left; }

html[dir="rtl"] #pjWrapper .pjTbs-subtotal p span { float: right; }
html[dir="rtl"] #pjWrapper .pjTbs-subtotal p span + span { float: left; }

/* ==========================================================================
	.Modal
========================================================================== */
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#pjWrapper .pjTbs-map{ height: 400px; }

@media (max-width: 991px) {
	html[dir="rtl"] .col-md-offset-1,
	html[dir="rtl"] .col-md-offset-2,
	html[dir="rtl"] .col-md-offset-4,
	html[dir="rtl"] .col-sm-offset-6 { margin-right: 0; }
}

@media (max-width: 991px) {
	html[dir="rtl"] .col-md-offset-1,
	html[dir="rtl"] .col-md-offset-2,
	html[dir="rtl"] .col-md-offset-4,
	html[dir="rtl"] .col-sm-offset-6 { margin-right: 0; }
}

@media (max-width: 767px) {
	html[dir="rtl"] .col-md-offset-4 { margin-right: 0; }

	#pjWrapper .pjTbs-car-title { padding-bottom: 15px; }

	#pjWrapper .pjTbs-car-meta { text-align: left; }

	html[dir="rtl"] #pjWrapper .pjTbs-car-meta { text-align: right; }

	#pjWrapper .pjTbs-subtotal { padding: 0; margin-bottom: 15px; }
	#pjWrapper .pjTbs-subtotal p { font-size: 16px; }
	#pjWrapper .pjTbs-subtotal p strong { font-size: 18px; }

	#pjWrapper .pjTbs-body-actions .btn-primary { margin-top: 15px; }

	#pjWrapper .pjTbs-extras em { font-size: 16px; }

	#pjWrapper .pjTbs-service-list-row .text-right { text-align: left; }
}

/* Fix alignment of form labels to match input fields and section headers */
#pjWrapper .form-group > label,
#pjWrapper .col-sm-6 > label,
#pjWrapper .col-md-6 > label,
#pjWrapper .control-label {
	padding-left: 15px;
}
html[dir="rtl"] #pjWrapper .form-group > label,
html[dir="rtl"] #pjWrapper .col-sm-6 > label,
html[dir="rtl"] #pjWrapper .col-md-6 > label,
html[dir="rtl"] #pjWrapper .control-label {
	padding-left: 0;
	padding-right: 15px;
}

/* Clean badge links styling for user account menu */
#pjWrapper .pjTbsAccountMenu {
	font-family: inherit;
	vertical-align: middle;
	line-height: 40px;
}
#pjWrapper .pjTbsAccountMenu span {
	font-weight: 700;
	font-size: 14px;
	color: #1a202c;
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
#pjWrapper .pjTbsAccountMenu a {
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #4a5568;
	margin-left: 15px;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	border: none;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.15s ease-in-out;
}
#pjWrapper .pjTbsAccountMenu a:hover {
	background-color: transparent;
	color: #1a202c;
	text-decoration: none;
}
#pjWrapper .pjTbsAccountMenu a.scSelectorLogout {
	color: #e53e3e;
	background-color: #fff5f5;
	border: 1px solid #fed7d7;
	border-radius: 6px;
	padding: 6px 12px;
}
#pjWrapper .pjTbsAccountMenu a.scSelectorLogout:hover {
	background-color: #fed7d7;
	color: #c53030;
}
#pjWrapper .pjTbsAccountMenu a.pjTbsBookNowLink {
	color: #ffffff;
	background-color: #ff6600;
	border: 1px solid #ff6600;
	border-radius: 6px;
	padding: 6px 12px;
	box-shadow: 0 2px 4px rgba(255, 102, 0, 0.12);
}
#pjWrapper .pjTbsAccountMenu a.pjTbsBookNowLink:hover {
	background-color: #e05500;
	border-color: #e05500;
	color: #ffffff;
}

/* Force light customer dashboard header design (same to same like Shopping Cart script) */
#pjWrapper .pjTbsDashboardHeader {
	background-color: #f5f5f5 !important;
	border-bottom: 1px solid #d9d9db !important;
	border-top: 1px solid #d9d9db !important;
	padding: 15px 20px !important;
}

#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu {
	line-height: 34px !important;
}

#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu span {
	color: #1a202c !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}

#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a {
	color: #4a5568 !important;
	font-weight: bold !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	background-color: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	transition: all 0.15s ease-in-out !important;
}

#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a:hover {
	background-color: #f7fafc !important;
	color: #1a202c !important;
	border-color: #cbd5e1 !important;
}

#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a.scSelectorLogout {
	color: #e53e3e !important;
	background-color: #fff5f5 !important;
	border-color: #fed7d7 !important;
}

#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a.scSelectorLogout:hover {
	background-color: #fed7d7;
	color: #c53030;
}
#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a.pjTbsBookNowLink {
	color: #ffffff !important;
	background-color: #ff6600 !important;
	border-color: #ff6600 !important;
	box-shadow: 0 2px 4px rgba(255, 102, 0, 0.15) !important;
}
#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a.pjTbsBookNowLink:hover {
	background-color: #e05500 !important;
	border-color: #e05500 !important;
	color: #ffffff !important;
}

/* Style the select dropdown inside the dashboard header to be clean and light */
#pjWrapper .pjTbsDashboardHeader .pjTbsMenu {
	background-color: #ffffff !important;
	color: #333333 !important;
	border: 1px solid #cccccc !important;
	height: 34px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
}

/* Horizontal Scroll Tabs on Mobile */
#pjWrapper .nav-tabs {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	border-bottom: 1px solid #d9d9db !important;
	margin-bottom: 20px !important;
	scrollbar-width: none !important; /* Firefox */
	-ms-overflow-style: none !important;  /* IE and Edge */
}
#pjWrapper .nav-tabs::-webkit-scrollbar {
	display: none !important;
}
#pjWrapper .nav-tabs li {
	float: none !important;
	display: inline-block !important;
	flex: 0 0 auto !important;
}
#pjWrapper .nav-tabs li a {
	white-space: nowrap !important;
	padding: 10px 16px !important;
}

/* Responsive Dashboard Layout (Mobile View) */
@media (max-width: 767px) {
	#pjWrapper .pjTbsDashboardHeader {
		padding: 15px 15px !important;
		text-align: center !important;
	}
	#pjWrapper .pjTbsDashboardHeader .row > div {
		width: 100% !important;
		float: none !important;
		text-align: center !important;
		margin-bottom: 12px;
	}
	#pjWrapper .pjTbsDashboardHeader .row > div:last-child {
		margin-bottom: 0;
	}
	#pjWrapper .pjTbsDashboardHeader .pjTbsMenu {
		width: 100% !important;
		max-width: 280px !important;
		display: inline-block !important;
		margin: 0 auto !important;
	}
	#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu {
		display: block !important;
		margin: 0 !important;
		line-height: normal !important;
		text-align: center !important;
		overflow-x: auto !important;
		white-space: nowrap !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 5px 0 !important;
		scrollbar-width: none !important; /* Firefox */
		-ms-overflow-style: none !important;  /* IE and Edge */
	}
	#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu::-webkit-scrollbar {
		display: none !important;
	}
	#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu span {
		display: block !important;
		margin: 0 0 10px 0 !important;
		text-align: center !important;
	}
	#pjWrapper .pjTbsDashboardHeader .pjTbsAccountMenu a {
		margin: 2px 3px !important;
		padding: 5px 8px !important;
		font-size: 10px !important;
		display: inline-block !important;
		float: none !important;
	}
	
	/* Small Book Now Button (on mobile) */
	#pjWrapper .pjTbsBookNowBtnSmall {
		font-size: 10px !important;
		padding: 5px 8px !important;
	}
}

/* Small Book Now button styles (Global) */
#pjWrapper .pjTbsBookNowBtnSmall {
	background-color: #ff6600 !important;
	border-color: #ff6600 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
	letter-spacing: 0.5px !important;
	box-shadow: 0 2px 4px rgba(255, 102, 0, 0.15) !important;
	display: inline-block !important;
	vertical-align: middle;
	transition: all 0.2s ease-in-out !important;
}
#pjWrapper .pjTbsBookNowBtnSmall:hover {
	background-color: #e05500 !important;
	border-color: #e05500 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(255, 102, 0, 0.25) !important;
}

/* Bulletproof Layout Overrides for Small Mobile Viewports (Phones under 480px width) */
@media (max-width: 480px) {
	#pjWrapper .pjScOrdersHistory > div:first-child {
		flex-wrap: wrap !important;
		justify-content: center !important;
		text-align: center !important;
		gap: 8px !important;
	}
	#pjWrapper .pjScOrdersHistory h2 {
		width: 100% !important;
		text-align: center !important;
		white-space: normal !important;
		font-size: 16px !important;
	}
	#pjWrapper .pjTbsBookNowBtnSmall {
		display: inline-block !important;
		float: none !important;
		margin: 0 auto !important;
	}
}