.info, .success, .warning, .error, .mail, .tips, .question {
  margin: 10px 0px;
  padding: 10px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 32px;
  border-radius: 4px 4px 4px;
}
.success {
  border: 1px solid #9ac601;
  color: #4F8A10;
  background-color: #effeb9;
  background-image: url("icon-accept.svg");
}
.warning {
  border: 1px solid #f9b516;
  color: #9F6000;
  background-color: #ffeaa9;
  background-image: url("icon-warning.svg");
}
.error {
  border: 1px solid #db3f23;
  color: #D8000C;
  background-color: #fccac3;
  background-image: url("icon-error.svg");
}
.mail {
  border: 1px solid #AAAAAA;
  color: #545454;
  background-color: #F2F2F2;
  background-image: url("icon-mail.svg");
}
.tips {
  border: 1px solid #D38E49;
  color: #bb640c;
  background-color: #FEEAC9;
  background-image: url("icon-bulb.svg");
}
.info {
  border: 1px solid #2078c9;
  color: #066ac4;
  background-color: #daecfb;
  background-image: url("icon-info.svg");
}
.question {
  border: 1px solid #4d8fcb;
  color: #00529B;
  background-color: #d1e4f3;
  background-image: url("icon-question.svg");
}