/* Table of Contents
==================================================
#Alert */

/* #Alert
================================================== */
.alert {
  background: rgba(235,238,240,1);
  border-bottom: 1px solid rgba(225,232,237,1);
  color: rgba(71,74,84,1);
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 10px 20px 9px 20px;
}
.alert h4 {
  color: rgba(71,74,84,1);
  margin: 0;
}
.alert p {
  color: rgba(43,50,53,1);
  margin-bottom: 0;
}
.alert a {
  color: rgba(43,50,53,1);
  font-weight: 500;
  opacity: 0.8;
}
.alert a:hover { opacity: 1; }
.alert .close {
  color: rgba(136,153,166,1);
  float: right;
  font-size: 18px;
  line-height: 27px;
}
.alert .close:hover,
.alert .close:focus {
  color: rgba(71,74,84,1);
  text-decoration: none;
}
.alert-green,
.alert-success {
  background: rgba(223,240,216,1);
  border-color: rgba(204,223,188,1);
}
.alert-yellow,
.alert-warning {
  background: rgba(252,248,227,1);
  border-color: rgba(244,228,203,1);
}
.alert-red,
.alert-error,
.alert-alert {
  background: rgba(242,222,222,1);
  border-color: rgba(228,201,205,1);
}
.alert-black,
.alert-system {
  background: rgba(71,74,84,1);
  border-color: rgba(31,34,44,1);
  color: rgba(255,255,255,1);
}
.alert-black h4,
.alert-black p,
.alert-system h4,
.alert-system p,
.alert-black .close:hover,
.alert-black .close:focus,
.alert-system .close:hover,
.alert-system .close:focus { color: rgba(255,255,255,1); }
.alert-block > p,
.alert-block > ul          { margin-bottom: 0; }
.alert-block p + p         { margin-top: 5px; }
.alert-pull-none           { margin: 0; }