/* Ripple Effect Style like Google Material Buttons Effect*/
.ripplelink {
	/* display:block; */
	/*color:#fff;*/
	text-decoration: none;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 0;
}

.autocompleteComponent {
	border-width: 0 1px 1px !important;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

.ripplelink:hover {
	/*z-index:1000;*/
	
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.animate {
	-webkit-animation: ripple 0.65s linear;
	-moz-animation: ripple 0.65s linear;
	-ms-animation: ripple 0.65s linear;
	-o-animation: ripple 0.65s linear;
	animation: ripple 0.65s linear;
}

@
-webkit-keyframes ripple { 100% {
	opacity: 0;
	-webkit-transform: scale(2.5);
}

}
@
-moz-keyframes ripple { 100% {
	opacity: 0;
	-moz-transform: scale(2.5);
}

}
@
-o-keyframes ripple { 100% {
	opacity: 0;
	-o-transform: scale(2.5);
}

}
@
keyframes ripple { 100% {
	opacity: 0;
	transform: scale(2.5);
}
}