
.alert {
  background-color: #fff;
  border-radius: 0;
  display: flex;
  min-width: 120px;
  position: relative;
}

.alert:not(.alertDialog) a {
  text-decoration: underline;
}

.alertNeutral {
  color: #53565a;
  border: 0.0625rem solid #8e9092;
}

.alertNeutral .icon {
  color: #8e9092;
}

.alertNeutral:not(.alertDialog) a {
  color: #53565a;
}

.alertNeutral:not(.alertDialog) a:hover {
  color: #53565a;
}

.alertNeutral:not(.alertDialog) a.linkUnderlined {
  color: #006fcf;
  text-decoration: underline;
}

.alertPositive {
  color: #008767;
  border: 0.0625rem solid #008767;
}

.alertPositive .icon {
  color: #008767;
}

.alertPositive:not(.alertDialog) a {
  color: #008767;
}

.alertPositive:not(.alertDialog) a:hover {
  color: #008767;
}

.alertPositive:not(.alertDialog) a.linkUnderlined {
  color: #006fcf;
  text-decoration: underline;
}

.alertWarn {
  color: #b42c01;
  border: 0.0625rem solid #b42c01;
}

.alertWarn .icon {
  color: #b42c01;
}

.alertWarn:not(.alertDialog) a {
  color: #b42c01;
}

.alertWarn:not(.alertDialog) a:hover {
  color: #b42c01;
}

.alertWarn:not(.alertDialog) a.linkUnderlined {
  color: #006fcf;
  text-decoration: underline;
}

.alertDismissible {
  align-items: center;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.alertDismissible .glyph {
  padding: 0.875rem;
  margin-right: -14px;
}

.alertDismissible > *:not(.icon):not(.glyph) {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin: 1.25rem auto;
  flex: 1;
}

.alertDismissible button:focus {
  outline: dashed 1px #53565a;
  outline-offset: -3px;
}

.alertDialog {
  border-color: #ecedee;
  color: #000;
  display: block;
  font-size: 0.9375rem;
  padding: 1.5625rem;
  text-align: center;
}

.alertDialog .icon {
  padding-bottom: 0.78125rem;
}

.alertDialog .alertSeparator {
  margin: 1.25rem -1.25rem 0;
  padding-bottom: 1.25rem;
}