.dropdown-garage {
	display: inline-block;
	position: absolute; top: 77px; right: 0; z-index: 10;
}
.dropdown-garage .verve-pg-garage {
	position: relative;
	display: none;
	max-width: 650px;
	border: 1px solid #BDBDBD;
	padding: 12px 15px;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.verve-pg-garage .close-button {
	display: inline-block; color: #6593C5; cursor: pointer;
	background-color: transparent; padding: 0; margin: 0; border: none;
	position: absolute; top: 12px; right: 15px; z-index: 10;
}
.verve-pg-garage .close-button .bi { font-size: 22px; line-height: 1;  }


.garage-content { position: relative; }
.garage-content-title { margin-bottom: 12px; margin-right: 50px;  }

form.vehicle {  }
form.vehicle .vehicle-label {
	display: block; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-bottom: 6px;
	color: #5D91C8;
}

.vgrid {
	display: flex; flex-direction: row; align-items: center; justify-content:space-between; flex-wrap: wrap;
	margin: 0 -6px; padding: 0; list-style: none none; list-style-position: inside;
}
.vgrid li.vitem { width: 50%; padding: 0 6px; margin-bottom: 12px;   }

.vgrid li.vitem select.form-select { display:block; width: 100%;  }
.vgrid li.vitem select.form-select:active,
.vgrid li.vitem select.form-select:hover,
.vgrid li.vitem select.form-select:focus { border-color: #3F3F3F; outline: 0; box-shadow:none; }

/* BMW, 1 Series, Alloy Wheels*/
.garage-error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('https://i.imgur.com/GnyDvKN.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: 10px center;*/
    border: 1px solid;
    margin: 7px 0px;
    padding: 2px;
	font-size: 12px;
    display:none;
}
.garage-error p { color: rgb(136, 136, 189); cursor: pointer;}

.vehicle-save { display:none; }
.vehicle-save .details {
	background-color: #FFF8E7; border:2px solid #F7A258;
	padding: 7px 11px;
	margin-bottom: 12px;
}
.vehicle-save .details .save-title {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700; color: #E67A1C;
}
.vehicle-save .details .save-result { display: block; }
.vehicle-save .save {
	display: inline-block; cursor: pointer;
	font-size: 15px; font-weight: 500;
	padding: 8px 12px;
	background-color: #6593C5;
	border: 1px solid #6593C5;
	color: #ffffff;
	border-radius: 3px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
}

.my-garage {  }
.my-garage .vs-grid:nth-of-type(odd) { background-color: #F3F3F3;}
.my-garage .vs-grid:last-of-type { margin-bottom: 15px; }

.vs-grid {
	margin: 0; padding: 6px 4px; list-style: none none; list-style-position: inside;
	display: flex; flex-direction: row; flex-wrap: nowrap;
}
.vs-grid > li {
	display: flex; flex-direction: row; align-items: center; justify-content:space-between;
}
.vs-grid > li.vs-info { flex: 1;  display: block; font-size: 15px;  }
.vs-grid > li.vs-main { }
.vs-grid > li.vs-main .view-your-products { padding-left: 5px;  }
.vs-grid > li.vs-actions {  }
.vs-grid > li.vs-actions .set-as-current { margin-left: 5px;  }
.vs-grid > li.vs-actions .remove-vehicle { margin-left: 5px; color: #D34D50;   }
.vs-grid > li.vs-actions .remove-vehicle .bi { line-height: 24px; }

.view-your-products > a {
	display: inline-block; font-size: 11px; padding: 2px 4px;
	background-color: #6593C5; border: 1px solid #6593C5; color:#ffffff;
	border-radius: 3px;
	font-weight: 600; text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
}
.vs-grid .label-is-current {
	display: inline-block; font-size: 11px; padding: 2px 4px;
	background-color: #14BE14; border: 1px solid #14BE14; color:#ffffff;
	border-radius: 3px;
	font-weight: 600; text-transform: uppercase;
	line-height: 1;
}
.vs-grid .label-set-current {
	display: inline-block; font-size: 11px; padding: 2px 4px;
	background-color: #FFFFFF; border: 1px solid #6593C5; color:#6593C5;
	border-radius: 3px;
	font-weight: 600; text-transform: uppercase;
	line-height: 1;
}

.info-main-vehicle { font-weight: bold; }
 
.sticky-search-form .mb-2 { display: inline-block; }
.sticky-search-form .cell.actions { display: inline-block; }


.garage-filtering-by { 
	margin-bottom: 20px;
	border-top: 1px solid #959697;
	border-bottom: 1px solid #959697;
	padding: 15px 0;
}
.garage-filtering-by .compatible-label { margin-bottom: 5px; }
.garage-filtering-by .compatible-inner { padding-left: 50px; position: relative; }
.garage-filtering-by .compatible-inner span[data-bind] { font-size: 14px; }

.compatible-icon {
	display: block; 
	width: 40px; height: 40px; 
	position: absolute; top: calc(50% - 20px); left: 0; 
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;

}

.compatible-yes .compatible-icon { background-image: url('../images/icon-tick-green.svg'); }
.compatible-no .compatible-icon { background-image: url('../images/icon-cross-red.svg'); } 



/* SM */
@media (max-width: 767.98px) {
	
	.garage-filtering-by { padding: 12px 0; }
	.compatible-icon { width: 32px; height: 32px; top: calc(50% - 16px); }
	.garage-filtering-by .compatible-label { margin-bottom: 3px; }
	.garage-filtering-by .compatible-inner { padding-left: 42px; }
		
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/