@charset "UTF-8";
/* CSS Document */
/*Services.css*/
.aaa-header-container{
	border-bottom: 1px solid #d9d9d9;
}
.aaa-form-block{
	clear: both;
	padding: 0px 0px 14px 44px;
}
form.aaa-form{
	margin: 0px;
}
.aaa-form-group{
	display: inline-block;
	width: 100%;
}
.aaa-form-group.oce-search-widget-top{
	padding-left: 44px;
}
.oce-right-banner-content .aaa-formLeft{
	width: 50%;
}
.oce-right-banner-content .aaa-formLeft:last-child{
	padding-right: 0px;
}
.oce-right-banner-content a.aaa-btn, input.aaa-btn{
	margin-left: 44px;
}
.aaa-search-container label.visible {
	display: inline !important;
	color: white;
	font-weight: bold;
}
/* Fix Chrome/Other browsers css outline */
select {
	outline: none !important;
}
/*Error message*/
.aaa-error-message-full-container{
	background-color: #3373b1;
	background-image: url('/AAA/common/TG/images/close-wht-X.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	cursor: pointer;
	display: none;
	line-height: 18px;
	padding: 14px 54px 14px 14px;
}
/*Banner*/
.aaa-banner-image{
	background-image: url('../images/banner-img.jpg');
}
.aaa-static-banner{
	background-image: url('../images/banner-img.jpg');
}
.aaa-banner-filter{
	background-color: #000000; /*#252B33;*/
	opacity: 0.60;
}
.aaa-banner-container .wht2, .aaa-banner-container .wht4{
	position: relative;
	z-index: 100;
}
.oce-search-widget-container{
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 100;
	margin-top: 14px;
	margin-bottom: 14px;
}
.oce-search-widget-container .aaa-formLabel{
	text-align: left;
	margin-top: 0px;
}
.oce-left-banner-content{
	float: left;
	width: 50%;
	padding-right: 24px;
	position: relative;
}
.oce-right-banner-content{
	float: right;
	width: 50%;
	position: relative;
}
.aaa-banner-description2{
	margin-top: 14px;
}
.oce-banner-img{
	background-image: url('/AAA/common/AAR/images/image1.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 80% auto;
	height: 314px;
	position: relative;
}
.oce-left-banner-content.oce-banner-img.oce-left-banner-content-edit-view{
	background-image: none;
	padding-top: 0px;
}
.oce-mobile-banner-arrow{
	display: none;
	background-image: url('../images/blue-drop-arrow.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 34px auto;
	bottom: 70px;
	cursor: pointer;
	display: none;
	height: 19px;
	position: absolute;
	width: 100%;
}
/*Form*/
input.aaa-inputText{
	width: 100%;
}
.oce-search-widget-container input.aaa-inputText, .oce-search-widget-container .aaa-aaaSelectContainer{
	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}
.aaa-aaaSelectContainer.aaa-aaaSelectContainer-disabled{
	background-color: #f2f2f2;
	background-image: url("/AAA/common/images/aaa_services/formelements/retina/disable-drop-arrow.png");
	border: 1px solid #f2f2f2;
}
.aaa-aaaSelectContainer.aaa-aaaSelectContainer-disabled select{
	color: #999999;
}
a.aaa-btn, input.aaa-btn{
	font-size: 16px;
	margin-top: 14px;
}
select:disabled {
	cursor: no-drop;
	color: #9b9b9b !important;
}
select:disabled.loading {
	cursor: progress !important;
}
/*Legend*/
.aaa-legend-container{
	cursor: pointer;
	float: none;
	padding: 30px 0px 24px 0px;
	top: 0px;
	position: absolute;
	width: 32px;
	z-index: 9;
}
.aaa-legend-tool-tip-icon{
	background-image: url("../images/tool-top-icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	display: inline-block;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}
.aaa-legend-tool-tip-view-drop-arrow{
	background-image: url("../images/tool-tip-drop-arrow.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 14px;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 50px;
	width: 28px;
	z-index: 9;
}
.aaa-legend-tool-tip-view-container{
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.5);
	padding: 0 48px 24px 24px;
	position: absolute;
	right: 0px;
	top: 67px;
	width: 360px;
	z-index: 8;
}
.aaa-legend-close-tool-tip{
	background-image: url("../images/x-icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 32px;
}
.aaa-legend-content{
	display: none;
}
/*Search*/
.aaa-legend-view-title{
	margin-top: 14px;
}
.oce-vehicle-data-container{
	display: inline-block;
	width: 100%;
}
.oce-vehicle-data-container a.aaa-link{
	font-size: 16px;
}
.oce-vehicle-image{
	float: left;
	width: 50%;
}
.oce-vehicle-image img{
	width: 100%;
}
.oce-search-widget-container .oce-vehicle-image.oce-vehicle-image-edit{
	display: none;
}
.oce-search-widget-container .oce-left-banner-content-edit-view .oce-vehicle-image.oce-vehicle-image-edit{
	display: block;
	position: absolute;
	top: 84px;
	left: 0px;
	width: 100%;
}
.oce-vehicle-return-data-summary{}
.aaa-banner-container .oce-vehicle-return-data-summary .blk4{
	text-align: left;
}
.oce-vehicle-data{
	margin-top: 14px;
}
.oce-vehicle-msrp{
	margin-top: 14px;
	padding-left: 48px;
}
.oce-vehicle-data{
	padding-left: 48px;
	background-image: url('../images/blk-steering-wheel-icon.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 42px auto;
}
.oce-location-data{
	padding-left: 48px;
}
/*Reapir Jobs*/
.aaa-inner-container.oce-top-selected-vehicle{
	position: relative;
	z-index: 100;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.5);
	padding: 14px;
	margin: 24px auto 40px auto;
	max-width: 480px;
}
.oce-service-link{
	margin-top: 6px;
}
.oce-service-link a.aaa-link{
	font-size: 16px;
}
.oce-disclaimer{
	margin-top: 14px;
}
.customizable-to-you-list{
	padding-left:0;
}
.customizable-to-you-list li{
	margin-bottom:24px;
}
.oce-customize-results {
	width: 80%;
	padding: 24px;
	background-color: #f2f2f2;
	border-radius: 4px;
	margin: 24px auto 0 auto;
	max-width: 480px
}

.oce-customize-results .aaa-formLabel {
	color: #1A1A1A !important;
	margin-bottom: 8px;
	height: auto !important;;
}

.oce-customize-results input {
	width: 100%;
	margin: 0 0 8px 0;
}

.oce-customize-results #vh-cityPercentCustomOutput {
	width: 100%;
	margin: 0 0 4px 0;
	text-align: center;
	display: block;
	font-size: 16px;
}

/*Ownership Estimation TODO: rename repair to ownership */
/* TODO: remove dead CSS */
.oce-ownership-cost-return-container {
	width: 80%;
	padding: 24px;
	background-color: #f2f2f2;
	border-radius: 4px;
	margin: 24px auto 0 auto;
	max-width: 480px;
}

.oce-ownership-cost-return-container .blk3.left {
	text-align: left;
}

table.oce-ownership-costs-table {
	width: 100%;
	overflow: scroll;
}

table.oce-ownership-costs-table td,th {
	text-align: left;
	font-weight: 400 !important;
}

table.oce-ownership-costs-table tr > :first-child {
	width: 50%;
}

.oce-ownership-cost-container .aaa-inner-container{
	padding-top: 0px;
}

.oce-no-information {
	font-size: 12pt !important;
}

.oce-no-information .aaa-link {
	font-size: 12pt !important;
}

.oce-aar-repair-shops-container{
	float: left;
	width: 50%;
	background-color: #FFF;
	padding: 24px 24px 0px 24px;
}

.oce-ownership-cost-container{
	border-top: 1px solid #d9d9d9;
}

.oce-ownership-cost-container .aaa-column-inner-container{
}
.oce-ownership-cost-inner-container{
	display: inline-block;
	width: 100%;
}
.oce-ownership-cost-inner-container div{
	margin-bottom: 4px;
	text-align: center;
}
.oce-ownership-cost{}
div.oce-ownership-cost-aaa-member{
	padding-bottom: 14px;
	margin-bottom: 14px;
	background-color: #fff;
	padding: 14px;
	border-radius: 4px;
}
.aaa-logo-color{
	background-image: url('../images/aaa-logo-full-color.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90px auto;
	height: 60px;
	width: 100%;
}
a.aaa-btn.aaa-btn-secondary{
	border: 2px solid #003893;
	background-color: transparent;
	color: #003893;
	margin-bottom: 0px;
}
a.aaa-btn.aaa-btn-secondary:hover{
	background-color: #F2F2F2;
}
.oce-nearest-repair-shops-container .aaa-inner-container{
	padding-top: 0px;
}
.aar-top-10-left{
	float: none;
	width: 100%;
}
/*Articles*/
.oce-articles-container{
	border-top: 1px solid #d9d9d9;
}
/*Remove number and margin from map detail html*/
.gm-style-iw .aar-count{
	display:none;
}
.gm-style-iw .aar-detail{
	margin: 0px 0px;
}
.aaa-page-content-block-width {
	max-width: 600px;
	margin: 0 auto;
}
.aaa-page-content-block {
	padding: 12px 0px;
}
.oce-mobile-table {
	display: none;
}
@media only screen and (max-width : 980px){
}
@media only screen and (max-width : 800px) {
	/*Banner*/
	.oce-left-banner-content {
		float: none;
		margin-bottom: 14px;
		padding-right: 0px;
		width: 100%;
	}

	.oce-right-banner-content {
		float: none;
		width: 100%;
	}

	.oce-banner-img {
		background-position: center top;
		background-size: 380px auto;
		height: auto;
	}

	.oce-search-widget-container .oce-left-banner-content-edit-view .oce-vehicle-image.oce-vehicle-image-edit {
		position: relative;
		bottom: auto;
		top: auto;
	}

	.oce-mobile-banner-arrow {
		display: block;
	}

	/*Form*/
	.aaa-form-group.oce-search-widget-top {
		padding-left: 0px;
	}

	.aaa-form-block {
		padding: 0px 0px 14px 0px;
	}

	.oce-right-banner-content a.aaa-btn, input.aaa-btn {
		margin-left: 0px;
		margin-bottom: 0px;
	}

	.oce-right-banner-content .aaa-formLeft {
		width: 100%;
	}

	.oce-right-banner-content .aaa-formLeft:first-child {
		padding-left: 44px;
		padding-right: 0px;
	}

	/*Legend*/
	.aaa-legend-tool-tip-view-container {
		left: 0;
		right: auto;
		top: 67px;
		width: 295px;
	}
}
@media only screen and (max-width : 768px){
	/*Repair Estimation*/
	.oce-aar-repair-shops-container{
		float: none;
		width: 100%;
		padding: 24px 0px 0px 0px;
	}
}
@media only screen and (max-width : 640px){
	/*Banner*/
	/*Vehicle Information Summary*/
	.oce-vehicle-data-container{
		display: inline-block;
		width: 100%;
	}
	.oce-vehicle-data-container a.aaa-link{
		font-size: 16px;
	}
	.oce-vehicle-image{
		float: none;
		width: 100%;
	}
	.oce-vehicle-return-data-summary{
		float: none;
		width: 100%;
	}
	/*Reapir Jobs*/
	.oce-repair-job-selection-container{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.oce-reapir-job-container input.aaa-btn{
		width: 100%;
	}
	/*Repair Estimation*/
	.oce-repair-estimate-return-container{
		padding: 14px;
	}
	.oce-ownership-cost-inner-container .blk1{
		font-size: 24px;
	}
	.oce-ownership-cost{
		float: none;
		width: 100%;
		padding-right: 0px;
		padding-bottom: 14px;
		padding-top: 0px;
	}
	.oce-ownership-cost-aaa-member{
		float: none;
		width: 100%;
		padding-left: 0px;
		border-left: none;
	}
	/* Results Page */
	.oce-customize-results, .oce-ownership-cost-return-container {
		width: 100%;
	}
}
@media only screen and (max-width : 520px){
	.oce-desktop-table {
		display: none;
	}

	.oce-mobile-table {
		display: block;
	}
}
@media only screen and (max-width : 480px){
	.oce-banner-img{
		background-size: 280px auto;
	}
	.oce-mobile-banner-arrow{
		bottom: 96px;
	}
}

/* Loading Overlay */
#oce-loading-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	z-index: 16000; /* scroll to top button is 12000 */
	background-color: rgba(20, 20, 20, 0.5);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	cursor: progress;
}

#oce-loading-overlay * {
	cursor: progress;
}

#oce-loading-overlay > .oce-loading-anim {
	background-image: url("../images/aaa-fav-icons/android-chrome-192x192.png");
	width: 6rem;
	height: 6rem;

	background-size: cover;

	opacity: 1;
	animation: pulse 2s infinite;
	cursor: progress;
}

.oce-loading-body {
	position: fixed;
	overflow-y: scroll;
}

@keyframes pulse {
	0% {
		transform: scale(0.90);
		opacity: 1;
	}

	70% {
		transform: scale(1);
		opacity: 0.2;
	}

	100% {
		transform: scale(0.90);
		opacity: 1;
	}
}

.oce-fuel-price-input {
	width: 100%;
	/*! display: table; */
}

/* Fuel inputs */

.oce-fuel-price-input {
	display: table;
	margin-bottom: 8px;
}

.oce-fuel-price-input > input {
	border: medium solid grey;
	border-width: 1px 0;
	margin: 0;
	height: 26px;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;

	width: 100%;
	font-size: 16px;
	line-height: 1;
	padding: 16px 8px;
	box-sizing: border-box;
}

.oce-fuel-price-input > span {
	display: table-cell;
	height: 32px;
	border: 1px solid grey;
	background-color: #ddd;
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;

	padding: 3px 8px;
	box-sizing: border-box;

	font-size: 16px;
	line-height: 1;

	user-select: none;
}

.oce-fuel-price-input > .oce-prefix {
	border-radius: 8px 0 0 8px;
}

.oce-fuel-price-input > .oce-suffix {
	border-radius: 0 8px 8px 0;
}

.oce-customize-button {
	width: 100%;
}

.oce-btn-customize-results {
	margin: 0 !important;
}

.oce-reset-button {
	display: flex;
	width: 100%;
	justify-content: end;
}

.oce-btn-customize-reset {
	margin: 0 !important;
	padding: 3px 16px !important;
	font-size: 10pt !important;
}

.oce-fuel-disclaimer {
	font-size: 10pt;
	margin-bottom: 12px;
}

/* Utils */

.oce-d-none {
	display: none !important;
}

.oce-p-fixed {
	position: fixed !important;
}

.oce-w-100 {
	width: 100% !important;
}

.oce-h-100 {
	height: 100% !important;
}

.oce-text-white {
	color: white !important;
}

.oce-text-small {
	font-size: 10pt;
}

.leftText {
	text-align: left !important;
}