.dropdown {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.dropdown div {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.dropdown li {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.dropdown div::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.dropdown .selected::after {
	pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;
}
.scrollable.dropdown div::after {
	pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;
}
.dropdown {
	padding: 8px 0px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.open.dropdown {
	z-index: 2;
}
.dropdown .carat {
	border-width: 6px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; top: 50%; right: 12px; margin-top: -3px; position: absolute;
}
.open.dropdown .carat {
	margin-top: -8px; border-top-color: transparent; border-bottom-color: rgb(0, 0, 0); border-top-width: 4px; border-bottom-width: 6px; border-top-style: solid; border-bottom-style: solid;
}
.disabled.dropdown .carat {
	border-top-color: rgb(153, 153, 153);
}
.dropdown .old {
	left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute;
}
.dropdown select {
	left: 0px; top: 0px; position: absolute;
}
.touch.dropdown .old {
	width: 100%; height: 100%;
}
.touch.dropdown select {
	width: 100%; height: 100%; opacity: 0;
}
.dropdown .selected {
	color: rgb(51, 51, 51); line-height: 1; overflow: hidden; padding-top: 5px; padding-right: 30px !important; padding-bottom: 5px; padding-left: 12px; font-size: 14px; display: block; white-space: nowrap;
}
.dropdown li {
	color: rgb(51, 51, 51); line-height: 1; overflow: hidden; padding-top: 5px; padding-right: 30px !important; padding-bottom: 5px; padding-left: 12px; font-size: 14px; display: block; white-space: nowrap;
}
.disabled.dropdown .selected {
	color: rgb(153, 153, 153); padding-right: 30px !important;
}
.dropdown .selected::after {
	border-radius: 0px 2px 2px 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.dropdown div {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238) rgb(204, 204, 204) rgb(204, 204, 204); border-radius: 0px 0px 3px 3px; left: -1px; top: 100%; height: 0px; right: -1px; overflow: hidden; margin-top: -1px; position: absolute; opacity: 0;
}
.open.dropdown div {
	overflow: auto; z-index: 2; opacity: 1;
}
.scrollable.dropdown div::after {
	left: 0px; height: 50px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset 0px -50px 30px -35px #fff;
}
.bottom.scrollable.dropdown div::after {
	opacity: 0;
}
.dropdown ul {
	list-style: none; left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute;
}
.open.scrollable.dropdown ul {
	overflow-y: auto;
}
.dropdown li {
	list-style: none; line-height: 30px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px !important; margin-top: 0px !important; margin-bottom: 0px !important;
}
.dropdown li.focus {
	background: rgb(217, 217, 217); color: rgb(0, 0, 0); position: relative; z-index: 3;
}
.dropdown li.selected {
	line-height: 30px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px !important; margin-top: 0px !important;
}