.AlertBar {
  background-color: #fae1c2;
  color: #333;
  transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.AlertBar.isEnabled {
  padding: 15px;
}

.AlertBar h4 {
  margin: 0;
  color: inherit;
}

.AlertBar a {
  font-weight: 700;
}

.AlertBar .text > * {
  margin-bottom: 0;
}

.AlertBar .text > * + * {
  margin-top: 5px;
}

/**
These styles aren't used, but I'm going to leave them around just in case
we need to add these features in the future
 */
/*.alert-dismissable,*/
/*.alert-dismissible {*/
/*  padding-right: 35px;*/
/*}*/

/*.alert-dismissable .close,*/
/*.alert-dismissible .close {*/
/*  position: relative;*/
/*  top: -2px;*/
/*  right: -21px;*/
/*  color: inherit;*/
/*}*/

/*.alert-success {*/
/*  color: #3c763d;*/
/*  background-color: #dff0d8;*/
/*  border-color: #d6e9c6;*/
/*}*/

/*.alert-success hr {*/
/*  border-top-color: #c9e2b3;*/
/*}*/

/*.alert-success .alert-link {*/
/*  color: #2b542c;*/
/*}*/

/*.alert-info {*/
/*  color: #31708f;*/
/*  background-color: #d9edf7;*/
/*  border-color: #bce8f1;*/
/*}*/

/*.alert-info hr {*/
/*  border-top-color: #a6e1ec;*/
/*}*/

/*.alert-info .alert-link {*/
/*  color: #245269;*/
/*}*/

/*.alert-warning {*/
/*  color: #8a6d3b;*/
/*  background-color: #fcf8e3;*/
/*  border-color: #faebcc;*/
/*}*/

/*.alert-warning hr {*/
/*  border-top-color: #f7e1b5;*/
/*}*/

/*.alert-warning .alert-link {*/
/*  color: #66512c;*/
/*}*/

/*.alert-danger {*/
/*  color: #a94442;*/
/*  background-color: #f2dede;*/
/*  border-color: #ebccd1;*/
/*}*/

/*.alert-danger hr {*/
/*  border-top-color: #e4b9c0;*/
/*}*/

/*.alert-danger .alert-link {*/
/*  color: #843534;*/
/*}*/