.callout {
  padding: 15px 40px 15px 46px;
  margin-bottom: 1.5em;
  overflow: auto;
  position: relative;
}
.callout .dashicons {
  position: absolute;
  font-size: 2em;
  top: 12px;
  left: 10px;
}
.callout p {
  margin-bottom: 0;
}
.callout-info {
  background: #e5f5fa;
  border: 1px solid #00a0d2;
  border-bottom: 3px solid #00a0d2;
}
.callout-info .dashicons:before {
  content: "\f348";
  color: #00a0d2 ;
}
.callout-tip {
  background: #eff7ed;
  border: 1px solid #64b450;
  border-bottom: 3px solid #64b450;
}
.callout-tip .dashicons:before {
  content: "\f339";
  color: #64b450;
}
.callout-alert {
  background: #fff8e5;
  border: 1px solid #ffb900;
  border-bottom: 3px solid #ffb900;
}
.callout-alert .dashicons:before {
  content: "\f109";
  color: #ffb900;
}
.callout-tutorial {
  background: #f2f0f7;
  border: 1px solid #826eb4;
  border-bottom: 3px solid #826eb4;
}
.callout-tutorial .dashicons:before {
  content: "\f308";
  color: #826eb4;
}
.callout-warning {
  background: #fbeaea;
  border: 1px solid #dc3232;
  border-bottom: 3px solid #dc3232;
}
.callout-warning .dashicons:before {
  content: "\f153";
  color: #dc3232;
}