
body > header .NotifyPanel{
	position: relative;
	display: flex;
}
body > header .NotifyIcon{
	border: 1px solid #999999;
	border-radius: 5px;
	position: relative;
	padding: 5px;
}
body > header .NotifyIcon .material-icons-outlined{
}
#lblNotifyCounter{
	position: absolute;
	bottom: 2px;
	right: 2px;
	background-color: #f0f0f0;
	color: black;
	border-radius: 2px;
	padding: 0px 5px;
	font-size: 0.8em;
	font-weight: bold;
}
#lblNotifyCounter:before{
	content: attr(data-count);
}
#lblNotifyCounter:not([data-count="0"]){
	background-color: red;
	color: white;
}
#pnlNotifyList{
	position: absolute;
	top: 100%;
	right: 0px;
	min-width: 350px;
	background-color: #333333;
	border-radius: 3px;
}

#pnlNotifyList:not([open]){
	display: none;
}

.ListaNotifiche ul.Elenco{
	list-style: none;
	margin: 0px;
	padding: 5px;
}
.ListaNotifiche ul.Elenco > li{
	border-radius: var(--input-radius);
	border: 1px solid var(--input-bordercolor);
	background-color: #f0f0f030;
}
.ListaNotifiche ul.Elenco > li > header{
	padding: 10px;
	background-color: #222222;
	border-top-left-radius: var(--input-radius);
	border-top-right-radius: var(--input-radius);
	border-bottom: 1px solid var(--input-bordercolor);
	display: flex;
	align-items: center;
}

.ListaNotifiche ul.Elenco > li > header > *:first-child{
	flex: 1;
}
.ListaNotifiche ul.Elenco > li > header > [data-stato] {
	background-color: #000099;
	border-radius: 3px;
	font-size: 0.8em;
	padding: 5px;
}
.ListaNotifiche ul.Elenco > li > header > [data-stato="0"] {
	background-color: #009900;
}
.ListaNotifiche ul.Elenco > li > header > [data-stato="1"] {
	background-color: #cc9900;
}
.ListaNotifiche ul.Elenco > li > header > [data-stato="2"] {
	background-color: #000099;
}
.ListaNotifiche ul.Elenco > li > article{
	padding: 10px;
}
.ListaNotifiche ul.Elenco > li > article > .Main{
	padding: 10px;
}
.ListaNotifiche ul.Elenco > li > article .Comandi{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.7em;
	gap: 3px;
}
.ListaNotifiche ul.Elenco > li > article .Comandi > span{
	flex: 1;
}