.prettydropdown {
	position  : relative;
	min-width : 72px; /* 70px + borders */
	display   : inline-block;
}

.prettydropdown.loading {
	min-width : 0;
}

.prettydropdown > ul {
	position            : absolute;
	top                 : 0;
	left                : 0;
	background          : #000000;
	border              : none;
	box-sizing          : content-box;
	color               : #DDDDDD;
	cursor              : pointer;
	font-size           : 16px;
	list-style-type     : none;
	margin              : 0;
	padding             : 0;
	text-align          : left;
	-webkit-user-select : none; /* Chrome all / Safari all */
	-moz-user-select    : none; /* Firefox all */
	-ms-user-select     : none; /* IE 10+ */
	user-select         : none; /* Likely future */
	z-index             : 1;
	border-radius       : 5px;
	border              : 1px solid #000000;
}

.prettydropdown.loading > ul {
	visibility  : hidden;
	white-space : nowrap;
}

.prettydropdown > ul:focus, .prettydropdown:not(.disabled) > ul:hover {
	border-color : #181818;
}

.prettydropdown:not(.disabled) > ul.active {
	width        : auto;
	max-height   : none !important;
	border-color : #1E90FF;
	overflow-x   : hidden;
	overflow-y   : auto;
	z-index      : 99;
}

.prettydropdown > ul.active:focus {
	outline : none;
}

.prettydropdown > ul.active.reverse {
	top    : auto;
	bottom : 0;
}

.prettydropdown > ul > li {
	position     : relative;
	min-width    : 70px;
	height       : 40px; /* 50px - borders */
	box-sizing   : border-box;
	display      : none;
	line-height  : 40px; /* 48px - borders */
	margin       : 0;
	padding-left : 1rem;
	border       : none;
}

.prettydropdown.loading > ul > li {
	min-width     : 0;
	display       : block;
	padding-right : 0.8rem;
}

.prettydropdown > ul:not(.active) > li:not(.selected):first-child {
	color : transparent; /* Prevent FOUC */
}

.prettydropdown > ul > li:first-child, .prettydropdown > ul.active > li {
	display : block;
}

.prettydropdown > ul.active > li:not(.label):hover, .prettydropdown > ul.active > li.hover:not(.label), .prettydropdown > ul.active > li:first-child:hover:after {
	background : #1E90FF;
	color      : #FFFFFF;
}

.prettydropdown > ul.active > li.nohover {
	background : inherit !important;
	color      : inherit !important;
}

.prettydropdown > ul.active > li.hover:before, .prettydropdown > ul.active > li.nohover:after {
	border-top-color : #FFFFFF !important;
}

.prettydropdown > ul.active > li.hover:after, .prettydropdown > ul.active > li.nohover:before {
	border-top-color : #1E90FF !important;
}

.prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after {
	position     : absolute;
	top          : 8px;
	bottom       : 0;
	right        : 8px;
	height       : 16px;
	border       : 8px solid transparent; /* Arrow size */
	box-sizing   : border-box;
	content      : '';
	display      : block;
	margin       : auto;
	top          : 6px;
	height       : 8px;
	border-width : 5px;
}

.prettydropdown.arrow.small > ul > li.selected:before, .prettydropdown.arrow.small > ul > li.selected:after {
	top          : 4px;
	height       : 8px;
	border-width : 4px;
}

.prettydropdown.arrow > ul > li.selected:before {
	border-top-color : #A9A9A9; /* Arrow color */
}

.prettydropdown.arrow > ul > li.selected:after {
	top              : 4px; /* Chevron thickness */
	border-top-color : #181818; /* Match background colour */
}

.prettydropdown.arrow.small > ul > li.selected:after {
	top : 2px; /* Chevron thickness */
}

.prettydropdown.arrow.triangle > ul > li.selected:after {
	content : none;
}

.prettydropdown > ul:hover > li.selected:before {
	border-top-color : #7F7F7F;
}

.prettydropdown > ul.active > li.selected:before,
.prettydropdown > ul.active > li.selected:after {
	border : none;
}

.prettydropdown > ul:not(.active) > li > span.checked {
	display : none;
}

/* Multi-Select */
.prettydropdown.multiple > ul > li.selected {
	overflow      : hidden;
	padding-right : 2rem;
	text-overflow : ellipsis;
	white-space   : nowrap;
}

.prettydropdown > ul > li > span.checked {
	clear        : both;
	float        : right;
	font-weight  : bold;
	margin-right : 0.8rem;
}

/* Option Groups */
.prettydropdown > ul > li.label {
	cursor      : default;
	font-weight : bold;
}

.prettydropdown > ul > li.label:first-child,
.prettydropdown.classic > ul > li.label ~ li.selected {
	border-top : none;
}

.prettydropdown > ul > li.label ~ li:not(.label):not(.selected),
.prettydropdown.classic > ul.active > li.label ~ li:not(.label) {
	padding-left : 1.6rem;
}

/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
	position : absolute;
	top      : 0;
	display  : block;
}

/* Disabled */
.prettydropdown.disabled, .prettydropdown > ul > li.disabled {
	opacity : 0.3;
}

.prettydropdown.disabled > ul > li, .prettydropdown > ul > li.disabled {
	cursor : not-allowed;
}

/* Divider Lines */
.prettydropdown.multiple > ul > li.selected + li, .prettydropdown.multiple > ul.reverse > li.selected,
.prettydropdown > ul > li.label, .prettydropdown > ul > li.label ~ li.selected {
	border-top-color : #DEDEDE;
}