.afg-container-wrapper.afg-LP, .vehicleInfoContainer {
	bottom: 0;
	height: 100%;
	left: -50rem;
	position: fixed;
	top: 0;
	width: 27.25rem;
	z-index: 2000;
}

.afg-additional-selector-available {
	z-index: 2000;
}
.afg-container-wrapper.afg-LP{
	background: #FFFFFF;
}
.afg-container-wrapper .afg-content {
	max-width: 98%;
	margin: auto;
}
.afg-container-wrapper .afg-selector.afg-selector-medium.panel {
	width: 100% !important;
	background: #F1F1F1;
	margin: 0 !important;
}

.afg-container-wrapper .drop-down-placeholder-inner {
	color: black !important;
	padding: 10px 15px !important;
	margin: 10px 0 !important;
}
.afg-container-wrapper .afg-vehicle-selector-modal-title {
	color: black !important;
}
.afg-container-wrapper .verifyCode {
	color: black !important;
}
.afg-container-wrapper .drop-down-container {
	margin: 10px 0 !important;
	padding: unset !important;
}
.afg-select2-form .drop-down-placeholder {
	background: #F1F1F1;
	height: 44px;
	border: 1px solid #C6C8CA;
	padding: 0rem 0.75rem;
	border-radius: 5px;
	display: flex;
	align-items: center;
	opacity: 0.8;
}
.afg-select2-form .dropDown {
	font-size: 14px;
}

.afg-container-wrapper .drop-down-container.has-arrow:after {
	content: url('/css/bootstrap-icons/chevron-down.svg');
	border: unset;
	margin: 0;
	right: 0.75rem;
}
.afg-container-wrapper .panel-body {
	margin: 0 !important;
	padding: 0 !important;
}
.afg-container-wrapper .btn.afg-selector-submit-btn:disabled {
	background: #Fdcf77 !important;
	color: white;
}
.afg-container-wrapper .afg-form {
	padding: 0 5px;
}
.afg-container-wrapper .afg-vehicle-selector-modal-body {
	background: unset;
}
.afg-container-wrapper .modal-content {
	box-shadow: unset;
	background: unset;
	color: black;
}
.afg-container-wrapper select.form-control {
	-webkit-appearance: none;
	line-height: unset !important;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-left: unset !important;
	border-radius: 5px;
}
.afg-container-wrapper .modal-body {
	padding: 0 1rem !important;
}
.afg-container-wrapper .sidebar-closer, .vehicleInfoContainer .sidebar-closer {
	display: none;
}
.afg-container-wrapper.hero-active .sidebar-closer, .vehicleInfoContainer.hero-active .sidebar-closer {
	display: block;
}
.afg-container-wrapper .afg-responsive-content .afg-change-options-modal {
	display: none;
}
.afg-container-wrapper .afg-responsive-content .afg-change-vehicle-modal {
	display: none;
}
.afg-container-wrapper .afg-responsive-content .afg-submit-vehicle-modal {
	display: none;
}
.afg-container-wrapper .change-vehicle-modal {
	margin: 0;
}

.afg-container-wrapper .garageBody {
	max-height: calc(100vh - 16rem);
}

.afg-container-wrapper .garageInnerContainer .select-vehicle,
.afg-container-wrapper .garageInnerContainer .garageFooter p,
.afg-container-wrapper .garageInnerContainer .garageFooter .vehicleInfoLink,
.afg-container-wrapper .garageInnerContainer .garageFooter hr {
	display: none !important;
}

/* Vehicle selector wide CSS */
.afgSelectorHorizontal .drop-down-container.has-arrow:after {
	content: url('/css/bootstrap-icons/chevron-down.svg');
	top: 0.75rem;
	border: unset;
	margin: 0;
	right: 0.75rem;
}
.responsive-theme .afgSelectorHorizontal .drop-down-container .select2-container .select2-dropdown {
	top: 55px !important;
}
.afgSelectorHorizontal .afg-selector-submit-btn:disabled {
	pointer-events: none;
}
.afgSelectorHorizontal .afg-selector-submit-btn-container {
	margin: auto;
}
.vehicle-selector-hamburger .afgSelectorHorizontal .vehicleInfoSection {
	flex-direction: column;
}
.vehicle-selector-hamburger .afgSelectorHorizontal .vehicleInfoSection span {
	display: none !important;
}
.vehicle-selector-hamburger .afgSelectorHorizontal .vehicleInfoSection .vehicleInfoLink {
	margin-bottom: 0.5rem !important;
}

.vehicleFitInfoContainer {
	background: white;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding-left: 1rem !important;
	border-radius: 3px;
	border: 1px solid #d9dadb;
}
.vehicleFitInfoContainer.vehicleNotSelected {
	border-bottom: 5px solid #FFC700;
}
.vehicleFitInfoContainer hr {
	visibility: hidden;
}
.vehicleFitInfoContainer hr:first-of-type {
	 margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
	.lpVehicleSelectorContainer .afgSelectorHorizontal .vehicleInfoSection .vehicleInfoLink {
		display: block;
		margin-bottom: 0.5rem !important;
	}
	.afgSelectorHorizontal .afgSelectorHorizontalOuterContainer {
		flex-direction: column;
	}
	.afgSelectorHorizontal .afgSelectorHorizontalOuterContainer .vehicleSelectorSection,
	.afgSelectorHorizontal .afgSelectorHorizontalOuterContainer .afg-selector-submit-btn-container{
		width: 100%;
	}
	.afgSelectorHorizontal .afgSelectorHorizontalOuterContainer .afg-selector-submit-btn-container input {
		width: 95%;
	}
}

/* Vehicle selector Select2 custom CSS */
.responsive-theme .afg-select2-form .select2-selection__arrow {
	display: none;
}
.responsive-theme .afg-select2-form .select2-container--default .select2-selection--single {
	height: 44px;
	font-size: 1rem;
	background: #FFFFFF;
	border: 1px solid #C6C8CA;
	padding: 0.5rem 0.75rem 0.5rem;
}
.responsive-theme .select2-dropdown ul.select2-results__options::-webkit-scrollbar {
	width: 1rem;
	background: #d8d8d8;
}
.responsive-theme .select2-dropdown ul.select2-results__options::-webkit-scrollbar-thumb {
	background-color: #a9a9a9;
	border: 3px solid #d8d8d8;
	border-radius: 4px;
}
.responsive-theme .select2-results__option {
	border-bottom: 1px solid #BBBBBB;
	font-size: 14px;
	padding: 0.5rem;
}
.responsive-theme .afg-select2-form .drop-down-container .select2-container, .responsive-theme .afg-select2-form .drop-down-container .select2-container .select2-dropdown {
	width: 100% !important;
}
.responsive-theme .afg-select2-form .drop-down-container .select2-container .select2-dropdown {
	top: 40px !important;
}
.responsive-theme .afg-select2-form .drop-down-container .select2-container {
	top: 0px !important;
}
.responsive-theme .select2-search__field:focus-visible {
	outline: 0;
}

.responsive-theme.mobile-device .select2-search--dropdown {
	display: none;
}
.responsive-theme .select2-container--default .select2-results > .select2-results__options {
	max-height: 14rem;
}
.responsive-theme .afg-select2-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border: 2px solid #9F7C00 !important;
}
.responsive-theme .afg-select2-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	text-transform: capitalize;
	font-size: 14px;
}

.responsive-theme .afg-select2-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0 !important;
}

.responsive-theme .afg-select2-form #select2-yw0_year-container:before,
.responsive-theme .afg-select2-form #select2-yw1_year-container:before,
.responsive-theme .afg-select2-form #select2-yw2_year-container:before,
.responsive-theme .afg-select2-form #select2-yw3_year-container:before
{
	content: '1 \00a0 \00a0 | \00a0';
}
 .responsive-theme .afg-select2-form #select2-yw0_make-container:before,
 .responsive-theme .afg-select2-form #select2-yw1_make-container:before,
 .responsive-theme .afg-select2-form #select2-yw2_make-container:before,
 .responsive-theme .afg-select2-form #select2-yw3_make-container:before{
	 content: '2 \00a0 \00a0 | \00a0';
 }
.responsive-theme .afg-select2-form #select2-yw0_model-container:before,
.responsive-theme .afg-select2-form #select2-yw1_model-container:before,
.responsive-theme .afg-select2-form #select2-yw2_model-container:before,
.responsive-theme .afg-select2-form #select2-yw3_model-container:before{
	content: '3 \00a0 \00a0 | \00a0';
}

/* Vehicle type section css */
.vehicleTypeContainer .vehicleTypeSection {
	background: #FFFFFF;
	border: 1px solid #BABBBB;
	border-radius: 0.25rem;
	cursor: pointer;
	font-size: 12px;
	height: 4.75rem;
}
.vehicleTypeContainer .vehicleTypeSection a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.vehicleTypeContainer .vehicleTypeSection img {
	position: relative;
	top: 0.5rem;
}
.vehicleTypeContainer .vehicleTypeSection span {
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	right: 0;
}
.vehicleTypeContainer .vehicleTypeSection.active span {
	bottom: 0.25rem;
}
.vehicleTypeContainer .vehicleTypeSection.inActive {
	background: #F1F1F1;
	cursor: pointer;
	opacity: 0.5;
}
.vehicleTypeContainer .vehicleTypeSection.discouraged {
	background: #F1F1F1;
}
.vehicleTypeContainer .vehicleTypeSection.active {
	border-bottom: 7px solid #FFC700 !important;
}
.vehicleTypeContainer .vehicleTypeSection.active:hover {
	border-bottom: 7px solid #DFAE00 !important;
}
.afg-additional-info-container .afg-additional-selector-available {
	position: fixed;
	left: 0;
	right: 0;
	top: 25%;
}

.afg-additional-info-container .sidebarTopContainer {
	top: -36px;
	right: 1.5rem;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.afg-additional-info-container .afg-additional-selector-available .afg-content {
	border: 1px solid #C6C8CA;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
}

@media screen and (max-width: 576px) {
	.afg-container-wrapper.afg-LP, .vehicleInfoContainer {
		width: calc(100vw - 3rem);
	}
	.afg-container-wrapper .sidebar-closer, .vehicleInfoContainer .sidebar-closer {
		right: 0rem;
	}
	.vehicleFitInfoContainer .stereosDiscountInfo {
		font-size: 14px;
	}
	.afg-additional-info-container .afg-additional-selector-available {
		top: unset;
		left: 0.5rem;
		right: 0.5rem;
		bottom: 0.5rem;
	}
}

@media screen and (min-width: 576px) {
	.afg-container-wrapper .sidebar-closer, .vehicleInfoContainer .sidebar-closer {
		left: 27.5rem;
	}
}
@media screen and (min-width: 992px) {
	.vehicleFitInfoContainer.vehicleNotSelected {
		position: sticky;
		top: 0;
		z-index: 111;
	}
}
@media screen and (min-width: 320px) and (max-width: 360px){
	.vehicleFitInfoContainer
	{
		padding-left: 5px !important;
	}
	.vehicleFitInfoContainer a, .vehicleFitInfoContainer span{
		font-size: 14px !important;
	}
}

#vehicleConfirmFitment {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); z-index: 2000 !important;
	position: fixed !important;
}
#vehicleConfirmFitment .h6 {
	font-size: 18px;
	font-weight: 600;
}
#vehicleConfirmFitment .mainCont {
	width: 430px;
}
#vehicleConfirmFitment .cfVehicleNotFit {
	max-width: 100% !important;
}
#vehicleConfirmFitment .fading {
	display: none;
}
#cfProductElements  .productContainer {
	border: 1px solid rgba(217, 218, 219, 1);
	border-radius: 4px;
	width: 126px;
	height: 155px;
}
#cfCategoryElements .productContainer {
	border: 1px solid rgba(217, 218, 219, 1);
	border-radius: 4px;
	width: 126px;
	height: 145px;
}
.cfSimilarProducts .productContainer .imageContainer {
	height: 98px;
	width: 98px;
}
.cfSimilarProducts .productContainer .imageContainer img {
	max-width: 98px;
}
.cfSimilarProducts .productContainer .productName {
	line-height: 12px;
}
.cfSimilarProducts .productContainer .productName a {
	font-size: 12px;
	text-decoration: underline;
	font-weight: 600;
}
.cfSimilarProducts .productContainer .productPrice {
	font-size: 12px;
	line-height: 20px;
}

@media (max-width: 767px) {
	#vehicleConfirmFitment .mainCont {
		max-width: 430px;
		width: 90vw;
	}
	#vehicleConfirmFitment .h6 {
		font-size: 16px;
	}
	#vehicleConfirmFitment .alert-danger {
		font-size: 0.9rem;
		padding: 0.5rem;
	}
	#vehicleConfirmFitment .cfVehicleNotFit .cfYmm {
		font-weight: normal !important;
	}
	#vehicleConfirmFitment .nonMobileCont {
		display: none;
	}
	#vehicleConfirmFitment .btn-primary.btn-lg,
	#vehicleConfirmFitment .btn-secondary.btn-lg {
		font-size: 0.9rem;
		height: 36px;
		line-height: 36px;
	}
	#vehicleConfirmFitment .cfVehicleNotFit .btn-primary.btn-lg,
	#vehicleConfirmFitment .cfVehicleNotFit .btn-secondary.btn-lg {
		font-size: 0.8rem;
	}
	#cfProductElements, #cfCategoryElements {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	#cfProductElements::-webkit-scrollbar, #cfCategoryElements::-webkit-scrollbar {
		display: none;
	}
	#vehicleConfirmFitment .fading {
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 55%);
		border: 0 !important;
		display: block;
		height: 100%;
		position: absolute;
		right: -1px;
		top: 0;
		width: 3rem;
		z-index: 1;
		opacity: 0.8;
	}
}
@media (max-width: 320px) {
	#vehicleConfirmFitment .btn-primary.btn-lg,
	#vehicleConfirmFitment .btn-secondary.btn-lg {
		font-size: 0.7rem !important;
		height: 34px !important;
		line-height: 34px !important;
	}
}