.alert.alert-alert.alert-dismissible,
.alert.alert-error.alert-dismissible
{
  font-size: 12px;
  margin-top: 2rem;
  color:rgba(255,255,255, 1);
  background-color: rgba(0, 0, 0, 0.1);
  border-color:rgba(238, 183, 183, 0.75);
  margin-left: .5rem;
  margin-right: .5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  flex: 0;
  font-weight: 200;
  max-width: 40rem;
  display: flex;
  align-items: center;
}

.alert.alert-message.alert-dismissible,
.alert.alert-logout.alert-dismissible
{
  font-size: 12px;  
  margin-top: 2rem;
  color:rgb(229, 238, 240);
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(205, 212, 223, 0.45);
  margin-left: .5rem;
  margin-right: .5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  flex: 0;
  font-weight: 200;
  max-width: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert.alert-message.alert-dismissible strong,
.alert.alert-logout.alert-dismissible strong,
.alert.alert-alert.alert-dismissible strong,
.alert.alert-error.alert-dismissible strong {
  flex: 1;
  text-align: center;
}

/* Heredar estilos del alert en el strong para evitar flash de estilos por defecto */
/* .alert.alert-dismissible strong {
  color: inherit;
  font-weight: inherit;
} */

/* Clase para el contenedor de mensajes con estilos específicos de posicionamiento */
/* .sg4cmu-alert-container {
  z-index: 99 !important;
  text-align: center;
  vertical-align: middle;
  max-width: 800px;
  margin: 0 auto;
} */

/* Contenedor para mensajes de Telegram */
/* #telegram-message-container {
  display: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 500px;
} */