/**
 * Basic Styles for WDS Notifications.
 *
 * Shows in the middle of the screen.
 */

.wds-notify.error {
	background-color: red;
}

.wds-notify {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: green;
	color: white;
	padding: 40;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	display: none;

	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);

	/*Yeah, it really needs to be that high.*/
	z-index: 999999999999;
}

.wds-notify p {
	padding: 20px;
}

.wds-notify p:last-child {
	margin-bottom: 0;
}