.input-dropdown
	display block
	width 100%
	position relative
	border-radius 2px
	user-select none
	outline none
	cursor pointer
	&:focus
		box-shadow 0 0 0 2px #f0f0f0
		.input-dropdown-list
			display block
			box-shadow 0 0 0 2px #f0f0f0
			z-index 1
		.input-dropdown-default
			border-radius 2px 2px 0 0
			border-bottom-color mediumgray
			position relative
			z-index 2
		
	&:hover,&:focus
		.dropdown-arrow
			background url('img/control-spinner-buttons-hover.png') no-repeat 0 -10px
		.input-dropdown-default
			color darkpurple	
.control-dropdown.disabled
	pointer-events none
	opacity 0.75
	.input-dropdown
		cursor default
	.dropdown-arrow
		display none
.input-dropdown-default
	@extends .control-input
	padding 0 35px 0 13px
	line-height 35px
	overflow hidden
	text-overflow ellipsis
	white-space nowrap

.dropdown-arrow
	position absolute
	top 14px
	right 14px
	width 9px
	height 10px
	cursor pointer
	background url('img/control-spinner-buttons.png') no-repeat 0 -10px

.input-dropdown-list
	position absolute
	top 34px
	left 0
	right 0
	margin 0
	padding 0
	border 1px solid mediumgray
	border-radius 0 0 2px 2px
	background #fff
	display none
	z-index 3000
body.fullscreen
	.input-dropdown-list
		z-index 9998889990000

.input-dropdown-list > li
	padding 3px 13px 0 13px
	font-size 14px
	line-height 35px
	color darkgray
	font-smoothing antialiased
	list-style-type none
	cursor pointer
	border-top 1px dashed mediumgray
	background #fff
	&:first-child
		border-top none
	&:hover,&.active
		color darkpurple