.notice {
  color: #70a57e;
  background-color: #b7f2c6;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-top: 0px;
  margin-bottom: 1rem;
  border: 1px solid #8fc89d;
  border-radius: 0.25rem;
}
.notice > a {
  color: #70a57e;
  text-decoration: underline;
  font-weight: bold;
}
.reminder-alert {
  color: #f59e0b;
  background-color: #fef4e3;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  margin-left: 300px;
  border: 1px solid #fef4e3;
  border-radius: 0.25rem;
}
.reminder-alert > a {
  color: #f59e0b;
  text-decoration: underline;
}
.alert {
  background-color: #f08f8f;
  color: white;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  max-width: 580px;
}
.alert-actions-bar {
  margin-left: 0px;
}
@media only screen and (max-width: 640px) {
  .notice,
  .alert {
    margin-left: 0 !important;
  }
}