.notif-ass-header
{
	font-weight: bold;
    color : cadetblue;
}

.notif-ass-header-unread
{
	font-weight: bold;
    color : crimson;
	text-decoration: underline;
}

.notif-ass-msg
{
	background-color: lightyellow;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
	border: 1px solid #ddd;
}

.notif-ass-elements
{
	background-color: lightyellow;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
}

.notif-ass-date
{
	font-size: small;
    text-align: right;
}

div[id^='event-']
{
	width: 50%;	
}

@media (max-width: 960px)
{
	div[id^='event-']
	{
		width: calc(100% - 20px - 10px);
		margin:0px;
		margin-bottom:10px;
		box-shadow: 0 0 10px 2px black;
	}
}