*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  border: 1px solid;
  border-radius: 11px;
}

/*notes-content-two-lines*/
span.note__title {
  display: block;
}

.note { margin-top: 1em; margin-bottom: 1em; background-color: #E8F3F6; padding: 1rem; font-weight: normal; font-style: normal; margin: 10px 0; font-size: 90%; border: 1px; border-color: #0078A0; border-radius: 12px; }

.note .notetitle { text-transform: uppercase; }

.notetitle, div[class="note"] > h3 {padding: 0; background-image: none !important; }

/*notes-colors-colorful*/
*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  background-color: rgba(0, 120, 160, 0.09);
  border-color: #0078A0;
}
*[class~="topic/note"].note_danger,
*[class~="topic/note"].note_caution {
  background-color: rgba(255, 202, 45, 0.1);
  border-color: #606060;
}
*[class~="topic/note"].note_warning,
*[class~="topic/note"].note_attention,
*[class~="topic/note"].note_important {
  background-color: rgba(255, 202, 45, 0.1);
  border-color: #FFCA2D;
}
*[class~="topic/note"].note_restriction {
  background-color: rgba(255, 226, 225, 0.32);
  border-color: #FF342D;
}