*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  border-left: 3px solid;
  border-color: #0D4D78;
  border-radius: none;
  background-color: #DBE4EB;
}

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

/*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;
}
/* CUSTOM admonition colours*/
/* Note: icons are included in the dita-OT so change colours of SVGs in:
- OPE\plugins\com.oxygenxml.webhelp.responsive\oxygen-webhelp\app *moved from \img & renamed to a string in OPE V25
- OPE\plugins\com.oxygenxml.pdf.css\css\img*/
/* Tip, Fastpath */
*[class~="topic/note"].note_tip, 
*[class~="topic/note"].note_fastpath {
  border-left: 3px solid;
  border-color: #016c51;
  border-radius: none;
  background-color: #ecfaf6;
}
/* Remember */
*[class~="topic/note"].note_remember {
  background-color: rgb(255, 230, 213);
  border-color: rgb(255, 127, 42);
}
/* Testing (using troubleshooting icon) - this one does not work
*[class~="topic/note"].note_note {
  background-color: rgba(193, 117, 236, 0.09);
  border-color: purple;
}*/