/* HtmlLists, DropdownLists */

.dropDownList {
	display:none;
	position:absolute;
	background-color:white;
	/*border:2px solid #E0E5EA;*/
	border-color: var(--main-color);;
	border-style: solid;
	border-width: 1px;
	overflow: auto;
	text-align: left;	
	box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.5);
	-webkit-box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.5);
}

.dropDownList span{
	font-weight:normal!important;
	font-style:normal!important;
	width:100%;
	padding: 2px 0px;
}

/* case for java filters */
.dropDownList.inlst {
	overflow:auto;
	max-height:220px;
	width:100%;
}

.pWindow .dropDownList.inlst {
	max-height:110px;
}

.dropDownList .inlst{
	overflow:auto;
	max-height:220px;
	width:100%;
}

.pWindow .dropDownList .inlst {
	max-height:110px;
}

.dropDownList > .inlst > table {
	border-collapse: separate;
	border-spacing: 2px;
	table-layout: auto;
}

.dropDownList .inlst table td {
	font-size: 13px;
	font-weight: normal;
	height:auto;
}

input.myInput + span.listArrow {
	display: inline-block;
	color:var(--main-color);; /*ace*/
	padding: 0 0 5px 0;
}
.list-options-wrapper {position:absolute; z-index:10;}

.list-options-container {
	position:relative;
	background-color:#FFF;
	max-height: 150px;
	/*border: 2px solid #E0E5EA;*/
	border-color: var(--main-color);;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.5);
	-webkit-box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.5);
	overflow:auto;
	z-index:1;
	text-align:left;
	font-size: 13px;
}
.list-options-container > div {
	padding: 3px;
	color: #555;
}
.list-option {white-space:nowrap;cursor:pointer;}
.list-option:hover {background-color:#cde}
.list-option.selected {background-color:#cde}
.list-option.selected:hover {background-color:#cde}