/*.mvsCombobox {
	background: transparent; width: 100%; max-width: 100%; color: #444; border-radius: 0px;
	cursor: pointer; font-size: 1rem; color: #444; line-height: 30px; height: 30px; padding-right: 30px;
	background-image: url('./selectArrow.svg'); background-size: 20px 20px; background-repeat: no-repeat;
	background-position: right 5px center; overflow:visible; position: relative; outline: none; border-bottom: solid 1px #CCC;
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
}

.mvsCombobox > div.text {
	display: block; width: 100%; height: 30px; line-height: 30px; padding-right: 0px; padding-left: 0px;
}

.mvsCombobox > ul {
	position: absolute; top: 30px; left: 0px; margin: 0; padding: 0px; min-width: 100%; line-height: normal; border:solid 1px #CCC;
	border-radius: 0px; background-color: rgba(255,255,255, 1); opacity: 0; z-index: 10; list-style-type: none;
	max-height: 0px; overflow: auto; overflow-x: hidden; margin-right: 20px;
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;

	-webkit-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	-moz-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	-ms-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	-o-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
}

.mvsCombobox > ul li,
.mvsCombobox > ul li * {
	-webkit-transition:  none; -moz-transition:  none; -ms-transition:  none; -o-transition:  none; transition:  none;
}
.mvsCombobox > ul li {  margin: 0px; padding: 5px; width: 100%; color:#444; }
.mvsCombobox > ul li:not(:last-child) { border-bottom: solid 1px #CCC; }
.mvsCombobox > ul li:hover,
.mvsCombobox > ul li.selected { background-color:#0066CC; color: white;}

.mvsCombobox > ul.focus {
	-webkit-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	-moz-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	-ms-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	-o-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	opacity: 1; max-height: 200px;
}
*/
/*******************************************/
.mvsCombobox {
	background: transparent; width: 100%; max-width: 100%; color: #444; border-radius: 0px;
	cursor: pointer; font-size: 1rem; color: #444; line-height: 30px; height: 30px; padding-right: 30px;
	background-image: url('./selectArrow.svg'); background-size: 20px 20px; background-repeat: no-repeat;
	background-position: right 5px center; overflow:visible; position: relative; outline: none; border-bottom: solid 1px #CCC;
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
}

.mvsCombobox > div.text {
	display: block; width: 100%; height: 30px; line-height: 30px; padding-right: 0px; padding-left: 0px;
}

ul.mvsComboboxList {
	position: absolute; top: 30px; left: 0px; margin: 0; padding: 0px; min-width: 100%; line-height: normal; border:solid 1px #CCC;
	border-radius: 0px; background-color: rgba(255,255,255, 1); opacity: 0; z-index: 10; list-style-type: none;
	max-height: 0px; overflow: auto; overflow-x: hidden; margin-right: 20px; display: block;
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;


	-webkit-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	-moz-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	-ms-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	-o-transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
	transition:  opacity 0s linear 0.3s, max-height 0.3s ease-in-out;
}

ul.mvsComboboxList li { white-space: nowrap; }
ul.mvsComboboxList li, ul.mvsComboboxList li * { -webkit-transition:  none; -moz-transition:  none; -ms-transition:  none; -o-transition:  none; transition:  none; }
ul.mvsComboboxList li {
	margin: 0px; padding: 5px; width: 100%; color:#444;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
ul.mvsComboboxList li:not(:last-child) { border-bottom: solid 1px #CCC; }
ul.mvsComboboxList li:hover,
ul.mvsComboboxList li.selected { background-color:#0066CC; color: white;}

ul.mvsComboboxList.focus {

	-webkit-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	-moz-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	-ms-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	-o-transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;
	transition:  opacity 0s linear 0s, max-height 0.3s ease-in-out;


	opacity: 1; max-height: 200px;
}