/**
 Created at MorLab
 */

.snackbar {
	visibility: hidden;
	background-color: #333;
	color: #fff;
	position: relative;
	z-index: 1000;
	min-width: 300px;
	margin-top: 2%;
	left: 30px;
	font-size: 17px;
	text-align: left;
	border-radius: 2px;
	padding: 16px;
}
/**** Snackbar Color ****/
.snack-info {
	background-color: #2196F3;
}
.snack-warning {
	background-color: #ff9800;
}
.snack-error {
	background-color: #f44336;
}
.snack-success {
	background-color: #4CAF50;
}

/*** Automatic close ***/
.snackbar .show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;		/*-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s*/
	animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

/*** Fixed ***/
.snackbar-fix {
	visibility: visible;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;  
}
.snackbar-hide {
	visibility: visible;
	-webkit-animation: fadeout 0.5s;
	animation: fadeout 0.5s;
}


/*****  Keyframes  *****/
@-webkit-keyframes fadein {
    from {left: 0; opacity: 0;}
    to {left: 30px; opacity: 1;}
}

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

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

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