
.algolia-autocomplete {
	position: relative; !important;
	vertical-align: top;
}

.aa-input-container {
	display: inline-block;
	position: relative;
	background-color: red;
}
	.aa-input-search {
		width: 300px;
		border: 1px solid rgba(228, 228, 228, 0.6);
		padding: 12px 28px 12px 12px;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
		.aa-input-search::-webkit-search-decoration,
		.aa-input-search::-webkit-search-cancel-button,
		.aa-input-search::-webkit-search-results-button,
		.aa-input-search::-webkit-search-results-decoration {
			display: none;
		}

	.aa-input-icon {
		height: 16px;
		width: 16px;
		position: absolute;
		top: 50%;
		right: 16px;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		fill: #e4e4e4;
	}

	.aa-dropdown-menu {
		top: calc(100% + 25px) !important;
		left: -25% !important;
		width: 200% !important;
		font-size: 16px;
		background-color: #fff;
		border: 2px solid #e6e7e8;
		box-sizing: border-box;
		box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.05);
		position: relative;
	}

		.aa-dropdown-menu::before {
			content: '';
			display: block;
			position: absolute;
			bottom: 100%;
			left: 20%;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 10px 10px;
			border-color: transparent transparent #e6e7e8 transparent;
		}

	.aa-suggestion {
		padding: 12px 12px;
		cursor: pointer;
		display: flex;
		justify-conter: space-between;
		align-items: center;
	}

		.aa-suggestion span {
			font-size: 12px !important;
			line-height: 1.4em !important;
		}
		.aa-suggestion span.aa-single-result span { display: inline-block !important; }
		.aa-suggestion span.aa-single-result span.type {
			display: block !important;
    		color: #5d5d5d;
		}

		.aa-suggestion span.none    em { background-color: #fbdada; }
		.aa-suggestion span.partial em { background-color: #fbecda; }
		.aa-suggestion span.full    em { background-color: #deecb1; }

		.aa-suggestion em { background-color: #deecb1; }

		.aa-suggestion img { width: 30px; height: 30px; object-fit: cover; margin-right: 10px }

		.aa-suggestion b { display: inline-block; padding-left: 0.5em; color: #666; }

	.aa-suggestion + .aa-suggestion {
		border-top: 1px solid rgba(228, 228, 228, 0.6);
	}
	.aa-suggestion:hover, .aa-suggestion.aa-cursor {
		background-color: rgba(241, 241, 241, 0.35);
	}
	.see_all {
		padding: 12px 12px;
		cursor: pointer;
		font-size: 12px !important;
		line-height: 1.4em !important;
		border-top: 1px solid rgba(228, 228, 228, 0.6);
		font-weight: bold !important;
		display: block;

	}
		.see_all:hover {
			background-color: rgba(241, 241, 241, 0.35);
		}