.ql-toolbar {
  background-color: white;
}

.ql-editor {
  background-color: white;
}

.ql-editor-dis {
  background-color: #e9ecef !important
}


/* Arrotonda gli angoli superiori della toolbar */
.ql-toolbar {
  border-top-left-radius: 0.25rem;  /* Arrotonda l'angolo in alto a sinistra */
  border-top-right-radius: 0.25rem; /* Arrotonda l'angolo in alto a destra */
}

/* Arrotonda gli angoli inferiori del contenitore */
.ql-container {
  border-bottom-left-radius: 0.25rem;  /* Arrotonda l'angolo in basso a sinistra */
  border-bottom-right-radius: 0.25rem; /* Arrotonda l'angolo in basso a destra */
}
.ql-editor {
  border-bottom-left-radius: 0.25rem;  /* Arrotonda l'angolo in basso a sinistra */
  border-bottom-right-radius: 0.25rem; /* Arrotonda l'angolo in basso a destra */
}

/* Cambia il colore della label quando ql-toolbar o ql-container hanno il focus */
.ql-wrapper:focus-within label {
  color: #2f9dfd !important; /* Colore azzurro quando il container o la toolbar hanno il focus */
}

/* altrimenti la label dei campi sottostanti mi copriva il menu */
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  z-index: 1000;
}

/* Bordo invisibile iniziale */
.ql-wrapper {
  box-shadow: none; /* Bordo invisibile di default */
  border-radius: 5px; /* Opzionale, per angoli arrotondati */
}

/* Bordo sfumato azzurro quando toolbar o container hanno il focus */
.ql-wrapper:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border-color: #80bdff;
  
}

.ql-container {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}