/*----------------------------------------------------------------------------------*
 * map.csswidth:30%;
 * Softoo Map styles 
 *
 * (c) Softoo Systems, 2011
 * www.softoo.co.th
 *
 *-----------------------------------------------------------------------------------*/

ul.list 
{	position:relative;
	margin:1rem 0;
	padding:0 0 0.5rem;
	display:flex;
	flex-direction:column;
	list-style-type:none;
}
ul.list li 
{	/*width:100%; to be override as necessary*/
	border-top:1px solid #ddd;
	/*border-radius:0.3rem;*/
	margin:0;
	padding:0.5rem 1.0rem;
	background-color:#f4f4f4;
	box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
}
ul.list li.group-title
{	color:#000;
    font-weight:600;
	background-color:#c4c4c4;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
    pointer-events:none;
}
ul.list li:not(.group-title) > *:first-child
{	margin-left:12px;
}
ul.list li:hover 
{	background-color:#d4d4d4;
	cursor:pointer;
}
ul.list li:hover *
{	cursor:pointer;
}
ul.list li:first-child 
{	border-top:1px solid transparent;
}
ul.list li:not(:has(> :only-child)),
ul.list li > *:only-child
{	display:flex;
	align-items:center;
	color:#000!important;
}
ul.list li > * > *:last-child 
{	font-size:0.8em;
	text-align:right;
	color:#555;
}