/* CSS file */
/* lt1_popuplist_bridge.css */
/* LT2 popup list menu styles that are needed in LT1, like for autocomplete in CK */



/* drop down menus. Used in stats on filter menues. And CK autocomplete menu */

.lt_popup_menu {
	position:relative
}
.lt_popup_menu .popup_divot {
	vertical-align: top;
	margin-top: 0em;
	font-size: 1.2em;
}
.lt_popup_menu .popup_divot:hover {
}
.lt_popup_menu > ul.popup_list,
.lt_popup_menu + ul.popup_list,
ul.popup_list {
	display:none;
	position:absolute;
	left: 0;
	top: 25px;
	z-index:999;
	min-width: 5em;
	max-width: 50vw;
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
	color:#333;
	border-radius:var(--lt-border-radius);
	box-shadow:0 0 5px var(--lt-tint-dark-9);

	max-height: calc(var(--vh100, 100vh) - 140px);
	overflow-x: hidden;
	overflow-y: auto;
}
/* not used yet */
.lt_popup_menu > .popup_view {
	display:none;
	position:absolute;
	left:30px;
	top:-30px;
	z-index:999;
	width:300px;
	margin:0;
	padding:10px;
	list-style:none;
	background:#fff;
	color:#333;
	border-radius:var(--lt-border-radius);
	box-shadow:0 0 5px var(--lt-tint-dark-9);
}
ul.popup_list li {
	padding: calc(var(--lt-padding-quarter) + 2px) var(--lt-padding);
	border-bottom: solid 1px var(--lt-tint-dark-1);
	white-space: nowrap;
	text-align: left;
	cursor:pointer;
	font-size: 1rem;
	xfont-weight: 600;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.mastuseritem ul.popup_list li {
	font-size: 1rem;
}
ul.popup_list li:hover {
	background-color: var(--lt-sidebar-tan);
	color: var(--lt-red-color-control-foreground);
}
ul.popup_list li.selected,
ul.popup_list li.selected:hover {
	background-color: var(--lt-red-color-control-foreground);
	color: var(--lt-white-almost-color);
}
ul.popup_list li:last-child {
	border:none;
	border-bottom-left-radius: var(--lt-border-radius);
	border-bottom-right-radius: var(--lt-border-radius);
}

ul.popup_list li.active,
ul.popup_list li.new {
	font-weight: 600;
}

ul.popup_list li > .badge {
	margin-left: var(--lt-padding);
	margin-right: var(--lt-padding-quarter-neg);
	background: var(--lt-text-color);
	min-width: unset;
}
ul.popup_list li.separator {
	height: 0;
	padding: 0;
	border: none;
	border-bottom: 5px solid var(--lt-tint-dark-1);
	pointer-events: none;
}
.mastuseritem ul.popup_list li {
	font-size: 1rem;
}
.mastuseritem ul.popup_list li.lt_popup_header,
ul.popup_list li.lt_popup_header {
	font-weight: 800;
	font-size: 130%;
	background: var(--lt-sidebar-tan);
	padding: var(--lt-padding-quarter) var(--lt-padding);
	border-bottom: 1px solid var(--lt-tint-dark-5);
}

ul.popup_list li .ddmi_icon {
	flex: 0 0 auto;
	padding-right: var(--lt-padding-half);
	xmargin-left: var(--lt-padding-half-neg);
}





@media (max-width: 767px) {
	ul.popup_list li {
		padding: var(--lt-padding-half) var(--lt-padding);
	}
}