.alert {
  padding: 10px 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 14px;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible {
  position: relative;
  padding-right: 10px 15px20;
}
.alert-dismissible .close {
  position: absolute;
  top: 9px;
  right: 10px;
  color: inherit;
  font-size: 18px;
}
.alert-dismissible .close:before {
  font-family: Craft, sans-serif;
  content: "remove";
  margin-left: 2px;
}
.alert-dismissible .close:hover {
  text-decoration: none;
}

.alert-success {
  border-color: #dff0d8;
  color: #3c763d;
  background: #dff0d8;
}
.alert-success hr {
  border-top-color: #d0e9c6;
}
.alert-success .alert-link {
  color: #336534;
}

.alert-info {
  border-color: #e4edf6;
  color: #1180bf;
  background: #e4edf6;
}
.alert-info hr {
  border-top-color: #d1e0f0;
}
.alert-info .alert-link {
  color: #0f70a8;
}

.alert-warning {
  border-color: #fcf8e3;
  color: #8a6d3b;
  background: #fcf8e3;
}
.alert-warning hr {
  border-top-color: #faf2cc;
}
.alert-warning .alert-link {
  color: #785f33;
}

.alert-danger {
  border-color: #f2dede;
  color: #a94442;
  background: #f2dede;
}
.alert-danger hr {
  border-top-color: #ebcccc;
}
.alert-danger .alert-link {
  color: #973d3b;
}