body {
}
.toast
{
    position: fixed;
    z-index: 1110;
    text-align:left;
    display:block;
    top:20px;
    width:250px;
    right:10px;
    color:#fff;
}

.success
{
    display: block;
	padding:5px 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	background:rgb(20,138,0) url('../images/success.png') no-repeat 10px 50%;
	
}

.terror
{
    display: block;
    padding: 5px 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    background: rgb(255, 51, 0) url('../images/error.png') no-repeat 10px 50%;
}

.warning 
{
    display: block;
	color:#555;
	padding:5px 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	background:rgb(221,193,21) url('../images/warning.png') no-repeat 10px 50%;
}

.notice 
{
    display: block;
	padding:5px 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	background:rgb(0,172,238) url('../images/notice.png') no-repeat 10px 50%;
}