//
// Alerts
// --------------------------------------------------


// Base styles
// -------------------------

.alert, .IntranetHint {
  padding: 8px 35px 9px 14px;
  margin-bottom: @baseLineHeight;
  text-shadow: 0 1px 0 rgba(0,0,0,.05);
  background-color: @warningBackground;
}
.alert,
.alert h4 {
  // Specified for the h4 to prevent conflicts of changing @headingsColor
  color: #fff;
}
.alert a {
  color: #fff;
  text-decoration: underline;
}
.alert h4 {
  margin: 0 0 10px;
  font-weight: bold;
}

// Adjust close link position
.alert .close {
  font-family: Arial;
  font-size: 16px;
  position: relative;
  top: 1px;
  right: -22px;
  line-height: @baseLineHeight;
}


// Alternate styles
// -------------------------

.alert-success {
  background-color: @green;
}

.alert-danger,
.alert-error {
  background-color: @red;
}
.alert-info, .IntranetHint {
  background-color: @blue;
}


// Block alerts
// -------------------------

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
  .close {
    top: 0;
    right: -20px;
  }
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.alert-block p > .btn {
  margin-top: 10px;
  text-decoration: none;
}
