.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-left-color: #777;
  border-radius: 3px;
  background-color: white;
}
.callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #777;
  }
.callout p:last-child {
    margin-bottom: 0;
  }

.callout.callout-primary {
    border-left-color: #428bca;
}
.callout.callout-primary h4 {
      color: #428bca;
}

.callout.callout-success {
    border-left-color: #5cb85c;
}
.callout.callout-success h4 {
      color: #5cb85c;
}

.callout.callout-warning {
    border-left-color: #f0ad4e;
}
.callout.callout-warning h4 {
      color: #f0ad4e;
}

.callout.callout-danger {
    border-left-color: #d9534f;
}
.callout.callout-danger h4 {
      color: #d9534f;
}

.callout.callout-info {
    border-left-color: #5bc0de;
}
.callout.callout-info h4 {
      color: #5bc0de;
}