/* -----------------Notification----------------- */
.notification-success{background: #8bc34a;color: #ffffff;}
.notification-danger{background: #f44336;color: #ffffff;}
.notification-warning{background: #ff9800;color: #ffffff;}
.notification-info{background: #2196f3;color: #ffffff;}
.notification{
	display: block;
	font-size: 14px;
	padding: 15px 10px;
	position: fixed;
	top: 10%;
	right: 3%;
	box-sizing: border-box;
	border-radius: 4px;
	text-align: left;
	z-index: 99999999;
}


@media (min-width:576px) {
	.notification {
		width: 90%;
	}
}
@media (min-width:768px) {
	.notification {
		width: 50%;
	}
}
@media (min-width:992px) {
	.notification {
		width: 50%;
	}
}
@media (min-width:1200px) {
	.notification {
		width: 30%;
	}
}
@media (min-width:1400px) {
	.notification {
		width: 30%;
	}
}

.animateOpen{
	z-index: 999999;
	-webkit-animation:moveOpen 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
}
/* Safari and Chrome */
@-webkit-keyframes moveOpen 
{
	from {-webkit-transform: translate(0,-100px);}
	10% {-webkit-transform: translate(0,20px);}
	12% {-webkit-transform: translate(0,22px);}
	16% {-webkit-transform: translate(0,20px);}
	80% {-webkit-transform: translate(0,20px);}
	85% {-webkit-transform: translate(0,25px);}
	to {-webkit-transform: translate(0,-100px);}
}
/* -----------------Notification----------------- */