/* CSS file */
body:not(.lt2) div#mastuser > ul {
	display: flex;
}
.notification_popup {
	vertical-align: top;
	margin-top: 0;
}
.lt_notifier_control {
	cursor: pointer;
	font-size: 90% !important; /* TODO: remove important when we get rid of LT1 */
	display: flex !important; /* TODO: remove important when we get rid of LT1 */
	gap: var(--lt-padding-quarter);
	border: 1px solid var(--lt-tint-light-3);
}
.lt_notifier_control.notify {
	border: 1px solid var(--lt-tint-dark-3);
}
.lt_notifier_control > *:not(:last-child) {
	padding-right: var(--lt-padding-quarter);
	border-right: 1px solid var(--lt-border-color);
}
.lt_notifier_control:not(.notify)  > *:not(:last-child) {
	border-right: 1px solid var(--lt-tint-light-3);
}

#g_notifier_control.badge {
	background: transparent;
}
#g_notifier_control.badge.notify {
	background: var(--lt-attention-color) !important;
	color: var(--lt-black-color) !important;
}
#g_notifier_control.notify:hover {
	background: var(--lt-attention-color-hover) !important;
	color: var(--lt-black-color) !important;
}
.notifier_control_item span {
	margin-left: 0.2em;
}
#notification_popup ul.popup_list {
	z-index: 9999;
	margin-top:0;
}
.lt2 #notification_popup ul.popup_list {
	margin-top: -16px;
}

#notification_popup .badge {
	background-color: var(--lt-text-color);
}
#g_notifier_control.badge {
	background-color: transparent;

	padding: 3px 7px 2px;
	margin-top: -1px;
}
#masthead #notification_popup .lt_popup_header a:not(.btn):not(.header_name),
#masthead #notification_popup .lt_popup_header a:not(.btn):not(.header_name):hover {
	color: var(--lt-link-color);
	font-size: 0.9rem;
	font-weight: 400;
	margin-left: var(--lt-padding-half);
}
#masthead #notification_popup .lt_popup_header a:not(.btn):hover {
	color: var(--lt-link-hover-color) !important;
}

#masthead #notification_popup .lt_popup_header a.btn,
#masthead #notification_popup .lt_popup_header a.btn:hover{
	color: var(--lt-text-color) !important;
}

.mastuseritem #notification_popup ul.popup_list li:not(.lt_popup_header) > * {
	flex-grow: 1;
	flex-basis: auto;

}
.mastuseritem #notification_popup ul.popup_list li[role="menuitem"] {
	color: var(--lt-gray-color);
}

.mastuseritem #notification_popup ul.popup_list {
	max-width: 400px !important;
}
/* TODO: remove when we ditch LT1 */
body:not(.lt2) .mastuseritem #notification_popup ul.popup_list {
	top: 1px !important;
}
.mastuseritem #notification_popup ul.popup_list li {
	gap: var(--lt-padding);
}
.mastuseritem #notification_popup ul.popup_list li a:has(.ddmi_text) {
	width: 100%;
	max-width: calc(100% - var(--lt-padding-half) - 1.5em);
}
/*
.mastuseritem #notification_popup ul.popup_list li .ddmi_text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}
*/

.mastuseritem #notification_popup ul.popup_list li[role="menuitem"].new {
	color: var(--lt-text-color);
}
.mastuseritem #notification_popup ul.popup_list li > *.ddmi_icon,
.mastuseritem #notification_popup ul.popup_list li > *.icon_end,
.mastuseritem #notification_popup ul.popup_list li > *.badge {
	flex-grow: 0;
}

#notification_popup .li:not(:has(.ddmi_icon)) {

}


#masthead .lt_popup_menu li a {
	color: unset !important;
}
#masthead .lt_popup_menu li a:hover {
	color: unset !important;
}

#notifications_menu_settings_button {
	margin-right: var(--lt-padding-quarter-neg);
}

.unread_row {
	font-weight: 800;
}