/* 
    Created on : 2016.11.13., 10:34:59
    Author     : Lábán Tamás
*/
.snackbar {
    visibility: hidden;
   
/*     max-width: 320px; */
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 2px;
    padding: 16px;
    position: relative;     /*fixed*/
    z-index: 1000;
    margin-top: 2%;
    left: 30px;
    font-size: 17px;
}

.snack-info{
	background-color: #2196F3;
}
.snack-warning{
	background-color: #ff9800;
}
.snack-danger{
	background-color: #f44336;
}
.snack-success{
/* 	background-color: #4CAF50; */
	background-color: #86bd3c;
}

.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;
}
.snackbar.fix{
    visibility: visible;
    -webkit-animation: fadein 0.5s;		/*-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s*/
    animation: fadein 0.5s;  
}
.snackbar.hide{
    visibility: visible;
    -webkit-animation: fadeout 0.5s;
    animation: fadeout 0.5s;
    
}

@-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;}
}