/* Notification container (top-right) */
#notification-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
}

/* Single notification style */
.notification {
	background: linear-gradient(to right, #000, #222); /* black to darker black */
	color: #fff;
	padding: 12px 20px;
	margin-bottom: 10px;
	border-radius: 6px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.4);
	font-size: 14px;
	max-width: 300px;
	word-wrap: break-word; /* break long words */
	white-space: normal; /* wrap text normally */
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.3s ease-in-out;
}

	/* Show animation */
	.notification.show {
		opacity: 1;
		transform: translateX(0);
	}

.errorData .error {
	border: 2px solid red !important;
	background-color: #ffe6e6;
}