.alert {
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  min-height: 38px;
  padding: 12px 15px 15px;
  margin: 5px auto;
  border-radius: 4px;
  border-left: 4px solid;
  opacity: 1;
  transition: opacity 0.6s;
  max-width: 90%;
}

.warning {
  background: rgba(244, 215, 201, 0.37);
  color: #d93025;
  border-color: #d93025;
}

.info {
  background: rgba(186, 208, 228, 0.37);
  color: #00539f;
  border-color: #00539f;
}

.success {
  background: #edf7ee;
  color: #4CAF50;
  border-color: #4CAF50;
}

.tip {
  background: #fff5e6;
  color: #ff9800;
  border-color: #ff9800;
}

.alert-close {
  padding-left: 15px;
  font-weight: bold;
  float: right;
  font-size: 20px;
  line-height: 18px;
  cursor: pointer;
  transition: 0.3s all;
}

.alert-close:hover {
  color: #000;
}

.alert code, .alert .mark {
  background: #fff;
  opacity: 0.9;
  padding: 3px 5px;
  border-radius: 4px;
  font-family: Consolas, Monaco, "Andale Mono", monospace;
  font-size: 89%;
  font-weight: normal;
}

/*# sourceMappingURL=alert.css.map */