/**
 * @file
 * Visual styles for messages alerts.
 *
 * Reprend components/alert/alert.css de bootstrap_barrio, ce composant
 * remplacant bootstrap_barrio:alert.
 */

.alert-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 75vh;
  z-index: 9999;
}

.alert-wrapper .alert {
  overflow-y: auto;
  margin-bottom: 0;
}

.toast-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

.alert svg {
  max-width: 2rem;
  margin-right: 15px;
}
.alert.d-flex,
.messages.d-flex {
  flex-wrap: wrap;
  margin-bottom: 10px;

  &.alert-dismissible{
    padding-right: 20px;
  }
  .btn-close{
    margin-left: auto;
    background-color: transparent;
  }
}