.dropdown-menu > li > a, .dropdown-submenu > li > a {
    padding: 2px 8px !important;
}

.dropdown-menu{
/* 	max-height: 350px !important; */
	width: 90% !important;
}

.dropdown-menu {
	font-size: 13px !important;
}

input[type="radio"], input[type="checkbox"] {
    margin-top: 2px !important;
}
	
	.checkbox input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 3px !important;
}

.select-brand-logo {
    width: 20px;
    height: 20px;
    background: transparent url(/static/templates/css/images/car_logos.jpg) no-repeat;
    background-size: 400px 140px;
    margin-left: 4px;
    margin-right:10px;
    background-position: 30px 0;
    dislpay:inline-block;
        background: #555;
    padding: 2px 4px;
    border-radius: 10px;
    color: white;
    font-size: 0.9em;
}
}

.multiselect-search{
	padding: 2px 6px;
	height: 22px;
    font-size: 13px;
}
.multiselect-container>li>a>label {
    padding: 0 6px 0 0px !important;
    color: #ccc;
}
.multiselect-container > li > a > label {
    color: #444;
}
.dropdown-menu, .dropdown-submenu {
    background: white !important;
}
.multiselect {
	width:100%;
   	font-size: 1.0em !important;
   	height: 29px !important;
   	padding: 4px 25px 3px 9px !important;
   	background: #fff !important;
    }
.btn-group{
	width:100%;
}    
.filter .input-group {
    width: 100%;
}
li:hover {
    background: #eee;
}




.checkbox-inline {
    padding-top: 0px !important;
}
.checkbox {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
label.checkbox-inline.control-label:hover {
    color: #888;
}
.checkbox label {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0,0,0, 0.86);
}
.form-group.is-focused .checkbox label {
  color: rgba(0,0,0, 0.34);
}
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
  color: rgba(0,0,0, .84);
}
fieldset[disabled] .form-group.is-focused .checkbox label {
  color: rgba(0,0,0, 0.34);
}
.checkbox.checkbox-accessories input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 0px;
  padding-right: 5px;
}
.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0, .54);
  overflow: hidden;
  z-index: 1;
  border-radius: 3px;
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #cc2c2c;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #FFFFFF;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}


	html{
		background:#fafafa !important;
	}
 	#wrapper{ 
	min-height:250px; 
} 
	section{
		margin-top:-10px;
	}
	.highlights{
	    position: absolute;
	    bottom: 40px;
	    margin: auto;
	    right: 0;
	    left: 0;
        width: 1200px;
        max-width:90%;
   		text-align: center;
   		display:flex;
		justify-content: center;
	}
	.highlights a{
		display:flex;
/* 		flex: 0 1 80px; */
    	justify-content: flex-end;
	        flex-direction: column;
	    margin-right:5px;
 	    width: 200px; 
	    background: rgba(0,0,0,0.25);
	    color:white !important;
	    padding:15px 6px 13px;
	    font-size:1.1em;
	    
	}
	.highlights a:hover{
		background: rgba(255,255,255,0.1);
	}
	.search-highlights-info{
	    color: white;
	    font-family: Roboto;
	    margin-left: -60px;
	    font-size: 1.3em;
	    margin-top: -25px;
	    width: 120px;
	    text-shadow: 1px 1px black;
	}
	span svg{
		min-width: 20px;
	    min-height: 20px;
	    max-width: 40px;
	    max-height: 40px;
	}
	.vegas-animation-indexanim {
    	animation: indexanim ease-out;
	}
	@keyframes indexanim {
	    0% {
	        transform: scale(1.4);
	    }
	    100% {
	        transform: scale(1);
	    }
	}
	@media (min-width: 768px){
	.main_col{
		margin-top: 10px;
 	   box-shadow: 0 0 14px 0px #999;
	}
	}