.dropdownSearch{
	position: relative;
}
.dropdownSearch span{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #c0bfbf;
	cursor: pointer;
}
.dropdownSearch input.input-sm + span{
	top: 8px;
}
.dropdownSearch input.input-lg + span{
	top: 16px;
}
.dropdownSearch > ul{
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 100;
	margin: 4px 0 0 0;
	padding: 0;
	background-color: #FFF;
	list-style: none;	
	box-sizing: border-box;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0px 6px 14px 0px rgba(81, 81, 81, 0.2);
	
}
.dropdownSearch > ul li{
	position: relative;
	padding: 8px 15px;
	cursor: pointer;
	color: #777;
	display: none;
	
}
.dropdownSearch > ul li:not(:last-child){
	border-bottom: 1px solid #f5f5f5;
}
.dropdownSearch > ul li::before{
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 0;
	height: 100%;
	z-index: -1;
	box-sizing: border-box;
	border-left: 4px solid transparent;
}
.dropdownSearch > ul li:hover::before{
	width: 100%;
	border-left: 4px solid #41A5FB;
	background-color: #f5f8fc;
}

/* width */
.dropdownSearch > ul::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.dropdownSearch > ul::-webkit-scrollbar-track {    
    border-radius: 15px;    
}
 
/* Handle */
.dropdownSearch > ul::-webkit-scrollbar-thumb {
    background: #ddd; 
    border-radius: 10px;
}

/* Handle on hover */
.dropdownSearch > ul::-webkit-scrollbar-thumb:active {
    background: #41A5FB;    
}

.dropdownSearch > ul li::before,.dropdownSearch > ul::-webkit-scrollbar-thumb{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}