div.uldropdown{
	box-sizing: border-box;
	padding: 0px; 
	border: 0px solid purple; 
	width: 99px;
	position: relative;
	cursor: pointer;
 	border-radius: 0px;
--  overflow: hidden;
 
  
}

div.uldropdown .titletext{
	font-weight: bold;
	white-space: nowrap; /* don't allow text to spill to next line */
	overflow: hidden;
}

div.uldropdown > ul{
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	width: 100%;
	padding: 0px;
	background: white;
	overflow: hidden;
}

div.uldropdown >ul.overlay{ /* additional tyle for UL if set to overlay page (position = absolute) */
	width: 145px;;
	--max-width: 90vw;
	border: 0px solid black;
	position: absolute;
	--box-shadow: 5px 5px 5px rgba(0,0,0, .3);
	margin-top: 0;
	padding-right: 10px;
	left: 0;
	top: 100%;
}

div.uldropdown > ul{
	display: none;
}

div.uldropdown > ul li{
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

div.uldropdown > ul li a{
	display: block;
	padding: 5px;
	white-space: nowrap; /* don't allow text to spill to next line */
	text-decoration: none;
	
}

div.uldropdown > ul li a:hover,
div.uldropdown > ul li a.selected{
	background: #eee;
}

/* mobile friendly setting */
@media only screen and (max-width: 550px) {

	div.uldropdown{
		width: 100%;
	}

	div.uldropdown >ul.overlay{
		width: 100%;
		max-width: 100%;
		border: none;
		position: static;
		box-shadow: none;
		margin-top: 0;
		padding-right: auto;
	}

}