﻿.searchable-select-hide {
	display: none;
}
.searchable-select {
	outline: 0px; width: 668px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; vertical-align: middle; display: inline-block; position: relative;
}
.searchable-select-holder {
	padding: 10px; border: 1px solid rgb(204, 204, 204); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-image: none; height: 40px; box-sizing: border-box; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-image: none; background-color: rgb(255, 255, 255); -webkit-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;
}
.searchable-select-caret {
	border-width: 5px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; margin: auto; top: 0px; width: 0px; height: 0px; right: 10px; bottom: 0px; position: absolute; box-sizing: border-box;
}
.searchable-select-dropdown {
	border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204); padding: 4px; border-image: none; left: 0px; top: 28px; right: 0px; position: absolute; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(255, 255, 255);
}
.searchable-select-input {
	padding: 4px; outline: 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; margin-top: 5px; box-sizing: border-box;
}
.searchable-scroll {
	margin-top: 4px; position: relative;
}
.searchable-scroll.has-privious {
	padding-top: 16px;
}
.searchable-scroll.has-next {
	padding-bottom: 16px;
}
.searchable-has-privious {
	top: 0px;
}
.searchable-has-next {
	bottom: 0px;
}
.searchable-has-privious {
	left: 0px; height: 16px; text-align: center; right: 0px; line-height: 8px; position: absolute; z-index: 10; cursor: pointer; background-color: rgb(255, 255, 255);
}
.searchable-has-next {
	left: 0px; height: 16px; text-align: center; right: 0px; line-height: 8px; position: absolute; z-index: 10; cursor: pointer; background-color: rgb(255, 255, 255);
}
.searchable-select-items {
	position: relative; -ms-overflow-y: scroll; max-height: 400px;
}
.searchable-select-item {
	padding: 5px; transition:1s; cursor: pointer; min-height: 30px; box-sizing: border-box;
}
.searchable-select-item.hover {
	background: rgb(88, 151, 251); color: rgb(255, 255, 255);
}
.searchable-select-item.selected {
	background: rgb(40, 164, 201); color: rgb(255, 255, 255);
}
