#notifications {
	position: fixed;
	top: 3.5rem;
	right: 0;
	z-index: 999;

	max-width: 40%;
}

#notifications > div {
	float: right;
	clear: right;
	max-width: 100%;
	margin-bottom: 0.5rem;

	border-color: rgba(0, 0, 0, .2);
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#notifications > div:first-child {
	border-top: none;
}

#notifications .close {
	margin: -1px -0.5rem 0 0.5rem;
}

#notifications > div p {
	margin-bottom: 0.2rem;
}
#notifications > div p:last-child {
	margin-bottom: 0;
}


@keyframes rolling {
	0% { transform: rotate(0); }
	75% { transform: rotate(270deg); }
	100% { transform: rotate(0); }
	/*100% { transform: rotate(360deg); }*/
}

.rolling {
	animation: rolling 2s linear infinite;
}

.newEntry {
	background-color: rgba(20, 255, 20, 0.1);
}

.oldEntry {
	background-color: rgba(255, 20, 20, 0.1);
}

tr.non-active {
	background-color: rgba(0, 0, 0, 0.1);
}