/* NOTE admonition design based on the HPE Design System icons and colors */
div.note {
    max-width: 800px;
    margin: 12px 10px 12px 10px;
    padding: 8px 10px 8px 45px;
	border-radius: 10px;
	background-color: #e0e0e0 ;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    min-height: 25px;
}

div.note > div.note__title {
	margin-bottom: .375em; /* 6px - Narrower than section titles (10px) */
}

/* Danger icon */
div.note_danger, div.note_warning {
	background-color: #fed9d9;
}

/* Caution icon */
div.note_restriction, div.note_caution {
	background-color: #ffefd2 ;
}

/* Important icon */
div.note_notice, div.note_attention, div.note_important {
	background-color: #ccebf9;
}

div.note > p,
div.note > .p {
    margin-top: .375em; /* 6px - Narrower than other paragraph but the same as div.note__title margin-bottom */
    margin-bottom: .375em;
}