div.Message {
border-radius:10px;
padding:10px 36px 10px 10px;
margin: auto;
opacity: 1;
transition: opacity 0.6s; /* 600ms to fade out */
width:95%;
text-align:center;
font-weight:bold;
}
div.Message.error {
background:#ffecec url('images/message-error.png') no-repeat 10px 50%;
border:1px solid #f5aca6;
}
div.Message.success {
background:#e9ffd9 url('images/message-success.png') no-repeat 10px 50%;
color:#0D430D;
border:1px solid #a6ca8a;
}
div.Message.info {
background:#e3f7fc url('images/message-info.png') no-repeat 10px 50%;
border:1px solid #8ed9f6;
}
div.Message.warn {
background:#fff8c4 url('images/message-warning.png') no-repeat 10px 50%;
border:1px solid #f2c779;
}
.MessageCloseButton {
margin-right: 15px;
color: #C8C8C8;
font-weight: bold;
float: left;
font-size: 20px;
line-height: 17px;
cursor: pointer;
transition: 0.3s;
}
.MessageCloseButton:hover {
color: #606060;
}
#MessageContainerFoot {
display: none;
}
