
/* Systemmeldungen
-------------------*/

.blockwriter-ui-notify {
	position: fixed;
	right: 0;
	bottom: 0;
	max-width: 350px;
	z-index: 999;
}

.blockwriter-ui-notify > div {
	position: relative;
	padding: 15px 20px 15px 55px;
	border: 5px;
	color: #343434;
	border-radius: 3px;
	margin: 0 10px 10px 0;
	font-weight: 400;
	font-size: 15px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.05);
	background: rgb(255,255,255);
	/*background: linear-gradient(180deg, rgba(255,255,255,0.133473457742472) 0%, rgba(0,0,0,0.11666673505339631) 100%);*/
}

.blockwriter-ui-notify > div * {
	color: #FFFFFF;
}

.blockwriter-ui-notify > div:before {
	content: "";
	font-size: 18px;
	display: block;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 12px;
	left: 20px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 0px;
	opacity: 0.8;
}

/* Standard
------------------*/

	.blockwriter-ui-notify .default {
		background-color: #FFFFFF;
		color: #343434;
		outline: 1px solid rgba(0,0,0,0.05);
		padding-left: 20px;
	}
	.blockwriter-ui-notify .default:before {
		display: none;
	}

/* Erfolgsmeldung
------------------*/

	.blockwriter-ui-notify .success {
		background-color: #51A351;
		color: #FFFFFF;
	}
	.blockwriter-ui-notify .success:before {
		background-image: url('../img/check.svg');
	}

/* Info
--------*/

	.blockwriter-ui-notify .info {
		background-color: #2f65ca;
		color: #FFFFFF;
	}
	.blockwriter-ui-notify .info:before {
		background-image: url('../img/info-circle.svg');
	}

/* Fehler
----------*/

	.blockwriter-ui-notify .error {
		background-color: #ba3027;
		color: #FFFFFF;
	}
	.blockwriter-ui-notify .error:before {
		background-image: url('../img/alert-triangle.svg');
	}

/* Warnung
-----------*/

	.blockwriter-ui-notify .warning {
		background-color: #F89406;
		color: #FFFFFF;
	}
	.blockwriter-ui-notify .warning:before {
		background-image: url('../img/alert-octagon.svg');
	}
