.dialog{
    position: fixed;
    top:30px;
    width: 300px;
    left:50%;
    margin-left:-150px;
    height: 200px;
    z-index:10000;
}
.good{
    background-color: #0f0;
    color: #000;
}
.bad{
    background-color: #f00;
    color: #fff;
}
.hide_delay{
    opacity: 0.0;
    animation-name: hide;
    animation-duration: 5s;
    animation-iteration-count: 1;
    left:-100%;
}

@keyframes hide {
    0%   {opacity: 1.0;left:50%;}
    50%  {opacity: 1.0;}
    99%  {left:50%;}
    100% {opacity: 0.0;left:-100%;}
}