.msgbox {
    position: fixed;
   top: 50%;
   left: 0;
  text-align: center;
  padding: 5px 8px;
  width: 100%;
  height:100px;
  color:#333;
  margin: 0px 0px 20px;
  font-size:16px;
  font-weight:bold;
}
 
.msgbox.clean {
  background-color: #efefef;
  border-top: 2px solid #dedede;
  border-bottom: 2px solid #dedede;
  color: #555;
}
.msgbox.info  {
  background-color: #f7fafd;
  border-top: 2px solid #b5d3ff;
  border-bottom: 2px solid #b5d3ff;
}
.msgbox.success {
  background-color: #d7f7c4;
  border-top: 2px solid #82cb2f;
  border-bottom: 2px solid #82cb2f;
}
.msgbox.alert {
  background-color: #fef5be;
  border-top: 2px solid #fdd425;
  border-bottom: 2px solid #fdd425;
}
.msgbox.error {
  background-color: #ffcdd1;
  border-top: 2px solid #e10c0c;
  border-bottom: 2px solid #e10c0c;
}
 
.msgbox ol {
  margin: 6px 20px 6px 20px;
  list-style-type: lower-roman;
}
.msgbox ol li {
  margin-left: 20px;
  padding-left: 10px;
  list-style-type: decimal;
}