#notify{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	pointer-events: none;
	z-index: 9000;
	display: flex;
	flex-direction: column-reverse;
	align-content: flex-end;
	}
.notify-item{
	text-align: right;
	display: block;
	margin-bottom: 15px;
	}
.notify-item > div{
	font-family: var(--font-default);
	font-weight: bold;
	line-height: 100%;
	max-width: 94vw;
	pointer-events: all;
	display: inline-table;
	background-color: rgba(235,235,235,0.95);
	margin-right: 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.25); 
	box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
	animation-duration: 8s;
	animation-name: notifyMove;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	}
.notify-item > div > i{
	margin: 2px 2px 0 0;
	padding: 0;
	line-height: 100%;
	}
.notify-item > div > a{
	padding: 0;
	margin: 0;
	line-height: 100%;
	pointer-events: all;
	}
.notify-item[data-type='error'] > div{
	border-left: solid 15px #F00;
	}
.notify-item[data-type='ok'] > div{
	border-left: solid 15px #0C0;
	}
.notify-item[data-type='alert'] > div{
	border-left: solid 15px #DC0;
	}

.notify-item[data-size='mini'] > div{
	font-size: 0.8em;
	padding: 5px 8px;
	}
.notify-item[data-size='small'] > div{
	font-size: 0.9em;
	padding: 7px 10px;
	}
.notify-item[data-size='normal'] > div{
	font-size: 1em;
	padding: 10px 12px;
	}
.notify-item[data-size='big'] > div{
	font-size: 1.2em;
	padding: 12px 15px;
	}
.notify-item[data-size='huge'] > div{
	font-size: 1.4em;
	padding: 15px 20px;
	}


@keyframes notifyMove {
	  0% {
	    transform: translatex(200px);
	    opacity: 0;
	  }
	  6%, 95% {
	    transform: translatex(0px);
	    transform: translatey(0px);
	    opacity: 1;
	  }
	  100% {
	    transform: translatey(-100px);
	    opacity: 0;
	  }
}

@keyframes notifyMoveRight {
	  0% {
	    transform: translatex(0px);
	    transform: translatey(0px);
	    opacity: 1;
	  }
	  100% {
	    transform: translatex(100px);
	    opacity: 0;
	  }
}