.typeahead-button, .typeahead-container, .typeahead-field, .typeahead-filter, .typeahead-query
{
	position : relative
}

button, input, optgroup, select, textarea
{
	color  : inherit;
	font   : inherit;
	margin : 0
}

.typeahead-container, .typeahead-result.detached .typeahead-list
{
	font-family : "Open Sans", Arial, Helvetica, Sans-Serif
}

button
{
	overflow : visible
}

button, select
{
	text-transform : none
}

button, html input[type=button], input[type=reset], input[type=submit]
{
	-webkit-appearance : button;
	cursor             : pointer
}

button[disabled], html input[disabled]
{
	cursor : default
}

button::-moz-focus-inner, input::-moz-focus-inner
{
	border  : 0;
	padding : 0
}

.typeahead-container button, .typeahead-field input
{
	line-height : 1.42857143;
	border      : 1px solid #ccc;
	padding     : 6px 12px
}

input
{
	line-height : normal
}

.typeahead-container *
{
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box
}

.typeahead-query
{
	width      : 100%;
	background : #fff;
	z-index    : 2
}

.typeahead-filter button
{
	border-left-width  : 0;
	border-right-width : 0
}

.typeahead-field
{
	display         : table;
	border-collapse : separate;
	width           : 100%
}

.typeahead-button
{
	font-size      : 0;
	white-space    : nowrap;
	width          : 1%;
	vertical-align : middle
}

.typeahead-field > span
{
	display        : table-cell;
	vertical-align : middle
}

.typeahead-button button
{
	border-top-right-radius    : 2px;
	border-bottom-right-radius : 2px
}


.typeahead-field input
{
	display                   : block;
	width                     : 100%;
	height                    : 32px;
	font-size                 : 13px;
	color                     : #000000;
	/*
	background                : #fff;
	border-top-left-radius    : 2px;
	border-bottom-left-radius : 2px;
	-webkit-box-shadow        : inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow                : inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition        : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition             : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition                : border-color ease-in-out .15s, box-shadow ease-in-out .15s*/
}

.typeahead-field input.disabled, .typeahead-field input[disabled]
{
	cursor           : not-allowed;
	background-color : #eee;
	opacity          : 1
}

input.typeahead-hint[readonly]
{
	background-color : transparent
}

.typeahead-container button
{
	display             : inline-block;
	margin-bottom       : 0;
	font-weight         : 400;
	text-align          : center;
	vertical-align      : middle;
	touch-action        : manipulation;
	cursor              : pointer;
	background-color    : #fff;
	white-space         : nowrap;
	font-size           : 13px;
	height              : 32px;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	color               : #333;
	box-shadow          : inset 0 -2px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow     : inset 0 -2px 0 rgba(0, 0, 0, .05);
	-webkit-box-shadow  : inset 0 -2px 0 rgba(0, 0, 0, .05)
}

.typeahead-container button:active, .typeahead-container button:focus
{
	outline        : dotted thin;
	outline        : -webkit-focus-ring-color auto 5px;
	outline-offset : -2px
}

.typeahead-container button:focus, .typeahead-container button:hover
{
	color            : #333;
	background-color : #e6e6e6;
	border-color     : #adadad
}

.typeahead-container button.active, .typeahead-container button:active
{
	outline            : 0;
	background-image   : none;
	-webkit-box-shadow : inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow         : inset 0 3px 5px rgba(0, 0, 0, .125)
}

.typeahead-container button.disabled, .typeahead-container button[disabled]
{
	cursor             : not-allowed;
	pointer-events     : none;
	opacity            : .65;
	filter             : alpha(opacity=65);
	-webkit-box-shadow : none;
	box-shadow         : none;
	background-color   : #fff;
	border-color       : #ccc
}

.typeahead-button button, .typeahead-filter button
{
	margin-left               : -1px;
	border-bottom-left-radius : 0;
	border-top-left-radius    : 0
}

.typeahead-button, .typeahead-filter
{
	z-index : 1
}

.typeahead-button:active, .typeahead-button:focus, .typeahead-button:hover, .typeahead-container.filter .typeahead-filter, .typeahead-filter:active, .typeahead-filter:focus, .typeahead-filter:hover
{
	z-index : 1001
}

.typeahead-dropdown, .typeahead-list
{
	position           : absolute;
	top                : 100%;
	left               : 0;
	z-index            : 1000;
	width              : 100%;
	min-width          : 160px;
	padding            : 5px 0;
	margin             : 2px 0 0;
	list-style         : none;
	font-size          : 13px;
	text-align         : left;
	background-color   : #fff;
	border             : 1px solid #ccc;
	border             : 1px solid rgba(0, 0, 0, .15);
	border-radius      : 2px;
	-webkit-box-shadow : 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow         : 0 6px 12px rgba(0, 0, 0, .175);
	background-clip    : padding-box
}

.typeahead-result.detached .typeahead-list
{
	position : relative;
	z-index  : 1041;
	top      : auto;
	left     : auto
}

.typeahead-dropdown
{
	right   : 0;
	left    : auto;
	z-index : 1001
}

.typeahead-list > li:first-child
{
	border-top : none
}

.typeahead-list > li
{
	position   : relative;
	border-top : solid 1px rgba(0, 0, 0, .15)
}

.typeahead-dropdown > li > a, .typeahead-list > li > a
{
	display         : block;
	padding         : 6px 20px;
	clear           : both;
	font-weight     : 400;
	line-height     : 1.42857143;
	color           : #333;
	/*white-space     : nowrap;*/
	text-decoration : none
}

.typeahead-dropdown > li.active > a, .typeahead-dropdown > li > a:focus, .typeahead-dropdown > li > a:hover, .typeahead-list > li.active > a, .typeahead-list > li > a:focus, .typeahead-list > li > a:hover
{
	background-color : #ebebeb;
	color            : #333
}

.typeahead-list > li.typeahead-group.active > a, .typeahead-list > li.typeahead-group > a, .typeahead-list > li.typeahead-group > a:focus, .typeahead-list > li.typeahead-group > a:hover
{
	border-color     : #9cb4c5;
	color            : #305d8c;
	background-color : #d6dde7;
	cursor           : default
}

.typeahead-container.backdrop + .typeahead-backdrop, .typeahead-container.filter .typeahead-dropdown, .typeahead-container.hint .typeahead-hint, .typeahead-container.result .typeahead-list
{
	display : block !important
}

.typeahead-container .typeahead-dropdown, .typeahead-container .typeahead-hint, .typeahead-container .typeahead-list, .typeahead-container + .typeahead-backdrop
{
	display : none !important
}

.typeahead-dropdown .divider
{
	height           : 1px;
	margin           : 5px 0;
	overflow         : hidden;
	background-color : #e5e5e5
}

.typeahead-caret
{
	display        : inline-block;
	width          : 0;
	height         : 0;
	margin-left    : 2px;
	vertical-align : middle;
	border-top     : 4px solid;
	border-right   : 4px solid transparent;
	border-left    : 4px solid transparent
}

.typeahead-search-icon
{
	min-width  : 40px;
	height     : 18px;
	font-size  : 13px;
	display    : block;
	background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) center center no-repeat
}


.typeahead {
	border-right: 0 none;
	box-shadow: none;
}
.typeahead-container {
	position: relative;
	z-index: 10000;
	background-color: #fff;
}
.typeahead-container.result,
.typeahead-container.filter {
	z-index: 10001;
	text-align: left;
}
.typeahead-hint,
.typeahead-hint:focus,
.typeahead-hint:active {
	display: block;
	padding: 5px 11px;
	width: 252px;
	-moz-user-select: none;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	color: silver;
	position: absolute;
	z-index: 1;
}
.typeahead-result {
	display: block;
	margin-top: 3px;
}
.typeahead-result .typeahead-list {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10003;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.typeahead-result .typeahead-list li {
	border-bottom: 1px solid #ddd;
}
.typeahead-result .typeahead-list li:last-child {
	border-bottom: 0;
}
.typeahead-result .typeahead-list li a {
	background-color: #fff;
	display: block;
	padding: 10px;
	position: relative;
}
.typeahead-result .typeahead-list li a:hover {
	background-color: #eee;
}
.typeahead-result .product-item {
	display: flex;
	max-width: 88%;
}
.typeahead-result .product-img {
	display: inline-block;
	margin-right: 15px;
}
.typeahead-result .product-img img {
	border: 1px solid #ddd;
	height: auto;
	padding: 5px;
	width: 65px;
	background: url("../img/ajaxloader.gif") no-repeat scroll 50% 50% / 35% auto #fff;
}
.typeahead-result .product-data {
	display: inline-block;
}
.typeahead-result .product-name {
	display: block;
	color: #D82B84;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.typeahead-result .product-price {
	display: block;
	color: #444;
}
.icon {
	display: inline-block;
	float: right;
	position: absolute;
	right: 24px;
	bottom: 35%;
	color: #D82B84;
}

.product-price.sale {
	color: #999;
	font-size: 13px;
	font-style: italic;
	text-decoration: line-through;
}
.discount-price {
	display: none;
}
.discount-price.sale {
	display: block;
	color: #00ADAD;
	font-weight: 600;
}