.premonition {
  display: grid;
  grid-template-columns: 43px auto;
  padding-top: 13px;
  padding-bottom: 6px;
  margin: 30px 0 30px 0;
  background-color: #e3edf2;
  border-left: 4px solid #5bc0de;
  color: #5bc0de;
}

.premonition code {
  background-color: #fff;
  color: #5bc0de;
}

.premonition .header {
  font-weight: 700;
  font-size: 15px;
  color: #5bc0de;
  vertical-align: middle;
}

.premonition .fa {
  font-size: 18px;
  opacity: .8;
  padding-top: 2px;
  padding-left: 20px;
  vertical-align: middle;
}

.premonition .content {
  color: rgba(0, 0, 0, 0.5);
  padding-right: 40px;
}

.premonition.info {
  background-color: #f3f8f3;
  color: #50af51;
  border-color: #50af51;
}

.premonition.info a {
  color: #50af51;
  text-decoration: underline;
}

.premonition.info code {
  color: #50af51;
}

.premonition.info .header {
  color: #50af51;
  vertical-align: middle;
}

.premonition.warning {
  background-color: #fcf8f2;
  color: #f0ad4e;
  border-color: #f0ad4e;
}

.premonition.warning a {
  color: #f0ad4e;
  text-decoration: underline;
}

.premonition.warning code {
  color: #f0ad4e;
}

.premonition.warning .header {
  color: #f0ad4e;
  vertical-align: middle;
}

.premonition.error {
  background-color: #fdf7f7;
  color: #d9534f;
  border-color: #d9534f;
}

.premonition.error a {
  color: #d9534f;
  text-decoration: underline;
}

.premonition.error code {
  color: #d9534f;
}

.premonition.error .header {
  color: #d9534f;
  vertical-align: middle;
}