#onesignal-bell-container {
    bottom: 8% !important;
  }

  #message-bubble {
    display: grid; /* Imposta il layout flessibile */
  }

  /* Overlay: sfondo semitrasparente che copre l'intera pagina */
#blockReasonModal-overlay {
  position: fixed; /* Posizionamento fisso per coprire l'intero viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Sfondo scuro traslucido */
  z-index: 1100; /* Assicura che sia sopra tutti gli altri elementi */
}

/* Contenitore della modale */
#blockReasonModal {
  position: fixed; /* Posizionamento fisso al centro della pagina */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centra la modale */
  background-color: #ffffff; /* Sfondo bianco */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); /* Effetto ombra */
  border-radius: 8px; /* Angoli arrotondati */
  padding: 2rem; /* Spaziatura interna */
  z-index: 1200; /* Sopra l'overlay */
  max-width: 90%; /* Adattabile a schermi piccoli */
  width: 400px; /* Larghezza predefinita */
  text-align: center; /* Testo centrato */
}

/* Pulsante per chiudere */
#blockReasonModal button {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background-color: #1E82C2; /* Colore del pulsante */
  color: white;
  border: none;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#blockReasonModal button:hover {
  background-color: #146399; /* Colore al passaggio del mouse */
}


  @media (max-width: 768px) {
    #onesignal-bell-container {
      bottom: -4.5% !important;
      left: 84% !important;
    }
  
    #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-left.onesignal-bell-launcher-sm .onesignal-bell-launcher-dialog {
      bottom: 60% !important;
      left: -650% !important;
      transform-origin: right bottom !important;
    }

    #musaIcon {
      position: relative !important;
      height: 100% !important;
      left: 38% !important;
      z-index: 1000 !important;
    }

    #message-bubble {
      max-width: 25rem !important;
    }
    #attachment-name {
      max-width: 10rem !important;
    }
  
    #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-left.onesignal-bell-launcher-sm .onesignal-bell-launcher-message {
      display: none !important;
    }

    #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-dialog:before {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
      }
      #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-dialog:after {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
      }

      #small-profile-menu-dropdown {
        position: relative !important;
        display: flex !important;
        left: 310% !important;
      }
  }
  @media (max-width: 247px) {
    #message-bubble {
      max-width: 15rem !important;
    }
    #attachment-name {
      max-width: 6rem !important;
    }
    #musaIcon {
      position: relative !important;
      height: 100% !important;
      left: 33% !important;
      z-index: 9999 !important;
    }
  }

aside{background-color:#fff;}

@media screen and (min-width: 968px) {
aside{
background-color:#efefef;
}

}