.Notification {
	height: 100%;
	color: #b71c1c;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.Notification .header-container {
	position: relative;
	width: 100%;
	height: 32px;
	border-radius: 5px 5px 0 0;
	background-image: linear-gradient(-97deg, #979798 0%, #d8d8d8 100%);
	color: #b71c1c;
}

.Notification .header-text {
	position: absolute;
	top: 8px;
	left: 17px;
}

.Notification .notification-body {
	width: calc(100% - 1px);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 5px 5px;
	background-color: white;
	overflow: auto;
	height: calc(100% - 32px);
}

.Notification .notification-counter {
	position: absolute;
	top: 7px;
	left: calc(17px + 84px + 10px);
	height: 18px;
	border-radius: 8px;
	background-color: #b71c1c;
	text-align: center;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}

.Notification .notification-row {
	padding: 3px;
	padding-left: 5px;
	font-size: 12px;
	border-bottom: solid #b71c1c 1px;
	cursor: pointer;
}

.Notification .notification-row:hover {
	background-color: #d6d6d6;
}

.Notification .notification-row:last-child {
	border: none;
}