.note-container {
  display: flex;
  flex-direction: column;
  gap: 2vh;
}
    .note-container .messaggi-container {
        margin-bottom: 6rem;
    }
.note-container .messaggi-container .nota .msg {
  border: 1px solid #6D6E71;
  border-radius: 1rem;
  padding: 0.2rem;
}
.note-container .messaggi-container .nota .msg .head {
  font-size: 1.1rem;
  padding: 0 0.6rem;
}
.note-container .messaggi-container .nota .msg .content {
  font-family: "INAZ-Regular";
  padding: 0 0.6rem;
}

    .note-container .messaggi-container .nota .msg .attach .allegato {
        padding: 0.2rem 0.6rem;
    }

    .note-container .messaggi-container .nota .foot {
        font-family: "INAZ-Cond";
        font-size: 0.8rem;
        padding: 0 0.9rem;
        display: inline-flex;
        gap: 1rem;
    }
.note-container .messaggi-container .nota.risposta {
  margin-left: 8rem;
}
.note-container .messaggi-container.scritturaRisposta {
  margin-bottom: 5rem;
}
.note-container .nota.commento + .nota.commento,
.note-container .nota.risposta + .nota.commento {
  margin-top: 0.6rem;
}
.note-container .nota.commento + .nota.risposta,
.note-container .nota.risposta + .nota.risposta {
  margin-top: 0.2rem;
}
    .note-container .nuovomessaggio-container {
        width: -webkit-fill-available;
        width: -moz-available;
        position: fixed;
        bottom: 0rem;
        padding: 0.3rem 1rem 0.5rem 0;
        background-color: #FFF;
        /*dato il position:fixed e la larghezza adattabile
  a riepire lo spazio disponibile, su iOS la dimensione 
  diventa enorme senza le seguenti media queries*/
        /* Medium devices (landscape tablets, 768px and up) */
        /* Small devices (portrait tablets and large phones, 600px and up) */
    }
@media only screen and (min-width: 768px) {
  .note-container .nuovomessaggio-container {
    max-width: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .note-container .nuovomessaggio-container {
    max-width: 80%;
  }
}
.note-container .nuovomessaggio-container .messaggio-citazione {
    display: grid;
    grid-template-columns: auto 42px;
    justify-items: center;
    align-items: stretch;
}
.note-container .nuovomessaggio-container .messaggio-writer {
  display: grid;
  grid-template-columns: 42px auto 42px;
}

.note-container .nuovomessaggio-container .messaggio-citazione button,
.note-container .nuovomessaggio-container .messaggio-writer button {
  color: #982b2f;
  background-color: transparent;
  border: 0;
}
.note-container .nuovomessaggio-container .messaggio-citazione {
  background-color: #E6E6E6;
  border-left: 3px solid #9e9e9e;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.note-container .nuovomessaggio-container .messaggio-citazione div {
  width: -webkit-fill-available;
  width: -moz-available;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.note-container .nuovomessaggio-container .messaggio-citazione div span {
  padding: 0.3rem;
  margin: 0.1rem 0.2rem;
}
.note-container .nuovomessaggio-container .messaggio-citazione div .nome {
  display: block;
}
.note-container .nuovomessaggio-container .messaggio-citazione div .testo {
  font-family: "INAZ-Regular";
}
.note-container .nuovomessaggio-container .messaggio-citazione a > i {
  font-size: 1rem;
}
.note-container .nuovomessaggio-container .messaggio-writer input {
  padding: 0.2rem;
  border-radius: 0.5rem;
  width: -webkit-fill-available;
  width: -moz-available;
}
.note-container .nome {
  color: #982b2f;
  font-family: "INAZ-CondBold";
}/*# sourceMappingURL=Note.css.map */

.uaUploadTable, [id$="uaUpload__Progress"], .AjaxUploaderQueueTableRow, .uploaderprogresstable {
    margin: 0px auto;
}