@media only screen and (max-width: 600px) {
	.toast-msg{
		width:100% !important;
	}
	
}

.toast-msg{
	position:fixed;
	top:60px;
	right:0px;
	width:300px;
	min-height:70px;
	padding:10px;
	background:rgba(0,0,0,0.8);
	color:white;
	font-size:0.8rem;
	z-index:10000;
	vertical-align:top;
	padding-left:50px;
	margin-bottom:0px;
	transition:all 0.2s;
	
}

.toast-msg bold{
	color:#c62828;
	font-weight:bold;
}

.toast-msg.start{
	margin-top:60px;
}

.toast-msg.warn:before{
	content: "\f06a";	
}

.toast-msg.bell:before{
	content: "\f0f3";	
}

.toast-msg.triangle:before{
	content: "\f071";	
}

.toast-msg.calendar:before{
	content: "\f274";	
}

.toast-msg.check:before{
	content: "\f058";	
}

.toast-msg.clock:before{
	content: "\f017";	
}

.toast-msg.comment:before{
	content: "\f27a";	
}

.toast-msg.envelope:before{
	content: "\f0e0";	
}















.toast-msg:before{
  
  color:#f0f0f0;
  font-weight:900;
  font-family: 'Font Awesome 5 Pro';
	position:absolute;
	top:6px;
	left:7px;
	width:30px;
	height:30px;
	z-index:10;
	font-size:1.8rem;
	
}




.toast-msg span{
	display:inline-block;
	font-size:1.0rem;
	color:#ffffff;
}