/* Message flash */

#flshmsg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
}
#flshmsg div {
	display: flex;
	justify-content: center;
    align-items: center;
	
	position: relative;
	min-height: 0;
	max-height: 0;
	overflow: hidden;
	cursor: pointer;
	
	animation: flshmsg 3s ease .2s forwards;
}
#flshmsg div:nth-child(2) {
	animation-duration: 3.5s;
	animation-delay: .4s;
}
#flshmsg div:nth-child(3) {
	animation-duration: 4s;
	animation-delay: .6s;
}
#flshmsg div:nth-child(4) {
	animation-duration: 4.5s;
	animation-delay: .8s;
}
#flshmsg div:nth-child(5) {
	animation-duration: 5s;
	animation-delay: 1s;
}

#flshmsg div.info {
	background: #5bc0de;
}
#flshmsg div.success {
	background: #5CB85C;
}
#flshmsg div.warning {
	background: #f0ad4e;
}
#flshmsg div.error {
	background: #d9534f;
}

#flshmsg div span {
	flex: 1;
}
#flshmsg div a {
	width: 10%;
	font-size: 2rem;
}
#flshmsg div:hover a {
	font-size: 3rem;
}

@keyframes flshmsg {
    0% { opacity: .5; max-height: 0; }
    1% { opacity: .5; }
    5%,95% { opacity: 1; min-height: 60px; max-height: 100px; }
	99% { opacity: .5; }
	100% { opacity: .5; max-height: 0; }
}