/*!
	Defines the styles for the alerts provided by alertsManager in utilities.js.
*/
body > div.alert-container {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  font-size: 14px;
  height: 0px;
  overflow: visible;
}
body > div.alert-container div.alert {
  border-radius: 4px;
  border: 2px solid #000;
  max-width: 600px;
  margin: 10px auto;
  padding: 14px;
  position: relative;
  box-shadow: 0 0 10px #aaa;
  font-family: Arial, sans-serif;
}
body > div.alert-container div.alert::before,
body > div.alert-container div.alert button.action-alert-dismiss::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body > div.alert-container div.alert div.alert-content {
  display: inline-block;
  max-width: 500px;
  vertical-align: top;
}
body > div.alert-container div.alert span.alert-headline {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
body > div.alert-container div.alert span.alert-message {
  color: #333;
}
body > div.alert-container div.alert button.action-alert-dismiss {
  font-weight: 700;
  float: right;
  position: relative;
  top: 9px;
  /* Cancel out global button style */
  transition: none;
  background: none;
  padding: 0;
  border: none;
  color: inherit;
}
body > div.alert-container div.alert button.action-alert-dismiss::before {
  content: "\f00d";
  font-size: 1.5em;
}
body > div.alert-container div.alert::before {
  font-size: 3em;
  margin-right: 14px;
}
body > div.alert-container div.alert.alert-info {
  background-color: #d9e6f2;
  border-color: #4083bf;
  color: #669ccc;
}
body > div.alert-container div.alert.alert-info button:hover {
  color: #336999;
}
body > div.alert-container div.alert.alert-info::before {
  content: "\f05a";
}
body > div.alert-container div.alert.alert-success {
  background-color: #e7f2d9;
  border-color: #88bf40;
  color: #a0cc66;
}
body > div.alert-container div.alert.alert-success button:hover {
  color: #6d9933;
}
body > div.alert-container div.alert.alert-success::before {
  content: "\f058";
}
body > div.alert-container div.alert.alert-warning {
  background-color: #f2ead9;
  border-color: #bf9540;
  color: #ccaa66;
}
body > div.alert-container div.alert.alert-warning button:hover {
  color: #997733;
}
body > div.alert-container div.alert.alert-warning::before {
  content: "\f071";
}
body > div.alert-container div.alert.alert-danger {
  background-color: #f2dad9;
  border-color: #bf4540;
  color: #cc6a66;
}
body > div.alert-container div.alert.alert-danger button:hover {
  color: #993733;
}
body > div.alert-container div.alert.alert-danger::before {
  content: "\f057";
}