.divDropDown
{
	outline:none;
	position:relative;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.divDropDown .divDropDownText
{
	color:rgba(0, 0, 0, 0.8);
	cursor:pointer;
	font-size:14px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	padding-right:36px;
	white-space:nowrap;
}

.divDropDown.disabled .divDropDownText
{
	color:rgba(0, 0, 0, 0.5);
	cursor:default;
}

.divDropDown .divDropDownLabel
{
	color:rgba(0, 0, 0, 0.5);
	cursor:pointer;
	font-size:14px;
	height:35px;
	left:0px;
	line-height:35px;
	position:absolute;
	transition:color 0.25s, font-size 0.25s, top 0.25s;
	top:0px;
	white-space:nowrap;
}

.divDropDown.disabled .divDropDownLabel
{
	cursor:default;
}

.divDropDown.focus .divDropDownLabel
{
	color:#547736;
	font-size:12px;
	top:-22px;
}

.divDropDown.hasValue .divDropDownLabel
{
	font-size:12px;
	top:-22px;
}

.divDropDown .divDropDownArrow
{
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid rgba(0, 0, 0, 0.54);
	cursor:pointer;
	height:0px;
	position:absolute;
	right:4px;
	top:15px;
	transition:border 0.25s;
	width:0px;
}

.divDropDown:hover .divDropDownArrow
{
	border-top:5px solid rgba(0, 0, 0, 0.8);
}

.divDropDown.focus .divDropDownArrow
{
	border-top:5px solid #547736;
}

.divDropDown.disabled .divDropDownArrow
{
	border-top:5px solid rgba(0, 0, 0, 0.36);
}

.divDropDown .divBorderLine
{
	background-color:#dddddd;
	bottom:0px;
	height:1px;
	left:0px;
	position:absolute;
	right:0px;
}

.divDropDown .divFocusLine
{
	background-color:#547736;
	bottom:0px;
	height:2px;
	left:0px;
	opacity:0;
	position:absolute;
	right:0px;
	transition:opacity 0.25s;
}

.divDropDown.focus .divFocusLine
{
	opacity:1;
}

.divDropDown.disabled.focus .divFocusLine
{
	opacity:0;
}

.divDropDown .divDropDownItems
{
	background-color:#ffffff;
	box-shadow:0px 39px 56px 3.5px rgba(0, 0, 0, 0.24), 0px 15px 79px 1.5px rgba(0, 0, 0, 0.16);
	display:none;
	max-height:210px;
	overflow-y:auto;
	position:absolute;
	right:0px;
	top:35px;
	width:100%;
	z-index:1;
}

.divDropDown.focus .divDropDownItems
{
	animation-duration:0.1s;
	animation-name:showDropDown;
	display:block;
	opacity:1;
}

.divDropDown .divDropDownItems.bottomAlign
{
	bottom:2px;
	top:auto;
}

.divDropDown .divDropDownItem
{
	cursor:pointer;
	line-height:30px;
	padding:0px 10px;
	transition:background-color 0.25s;
	white-space:nowrap;
}

.divDropDown .divDropDownItem:hover
{
	background-color:rgba(84, 119, 54, 0.24);
}

/* ANIMATIONS */
@keyframes showDropDown
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}