/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 5px 10px;
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 0px;
}
.snackbar-success {
	background-color: #cde2c4 !important;
	color: #3c763d !important;
}

.snackbar-danger {
	background-color: #f2dede !important;
	color: #a94442 !important;
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
	z-index:2000;
}

@-webkit-keyframes fadein {
	from {
		top: -30px;
		opacity: 0;
	}
	to {
		top: 0px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		top: -30px;
		opacity: 0;
	}
	to {
		top: 0px;
		opacity: 1;
	}
}

@-webkit-keyframes fadeout {
	from {
		top: 0;
		opacity: 1;
	}
	to {
		top: -30px;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		top: 0;
		opacity: 1;
	}
	to {
		top: -30px;
		opacity: 0;
	}
}