
.suggestbox {
	padding: 2px 18px 2px 3px;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	font-size: 100%;
	border: #c5c5c5 solid 1px;
	min-height: 30px;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);


	-moz-user-select: none;
	-webkit-user-select: none;

}

.suggestbox.value_selected {
	padding-right: 36px;
}

.suggestbox .search_box {
	margin-right: 20px;
}

.suggestbox_item {
	-moz-user-select:none;
	-webkit-user-select:none;
}

.suggestbox_wrapper {
	color: #000000;
	min-height: 24px;
	overflow: hidden;
	font-family: Verdana, sans-serif !important;
	font-size: 12px;
	display: flex;
	align-items: center;
}


.suggestbox > a.toggle_button {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	bottom: 0;
	width: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('down.png');
	outline: none; /* Убирает пунктирную рамку */
}

.suggestbox > a.reset_button {
	position: absolute;
	display: none;
	right: 20px;
	top: 0px;
	bottom: 0;
	width: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('reset.png');

	outline: none; /* Убирает пунктирную рамку */
}

.suggestbox.value_selected > a.reset_button {
	display: block;
}

.suggestbox:hover a.toggle_button
{
	background-color: #e4f4fd;
}

/*.suggestbox a.reset_button:hover {} */


.suggestbox.opened > a.toggle_button {
	background-image: url('up.png');
}

.suggestbox.opened {

}

.suggestbox.error {
	border: red solid 1px;
}

.suggestbox_canvas {
	position: absolute;
	left: -1px;
	right: -1px;
	top: 28px;
	height: 212px;
	overflow: hidden;
	background-color: #FFFFFF;
	display: none;
	border: #ccc solid 1px;
	z-index: 1000;
}


.suggestbox.opened .suggestbox_canvas {
	display: block;
}

.suggestbox_field {
	border: #ccc solid 1px;
	background-color: #fff;
	position: relative;
	min-height: 30px;
}

.suggestbox_icon {
	position: absolute;
	top: 0;
	right: 0;
	background: url('search.png') no-repeat center center;
	width: 20px;
	bottom: 0;
}

.suggestbox_field input {
	border-style: none;
	padding: 4px 6px;
	margin: 0px;
	width: 100%;
	background-color: #fff;
	min-height: 28px;
}

.suggestbox_inner_padding {
	padding: 4px;
	background: url('bg.png');
	border-bottom: #ccc solid 1px;
}


.suggestbox_item {
	padding: 2px 4px;
	cursor: pointer;
	min-height: 30px;
	display: flex;
	align-items: center;
	/*
	font-size: 12px !important;
	font-family: Verdana !important;
	*/
}




.suggestbox_list .suggestbox_item:nth-child(even)
{
	background: #f8f7ff;
}

.suggestbox_list .suggestbox_item:hover {
	background: #31526f;
	color: #fff;
}
