Using Warning and other boxes in TDX

<div style="width: 100%; margin-bottom: 15px; border: 1px solid #B73D26">

<div style="width: 100%; border: 0; background-color: #B73D26; color: #FFFFFF; padding: 5px"><strong>Warning</strong></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">&nbsp;</div>

</div>

<div style="width: 100%; border: 1px solid #E77A1C; margin-bottom: 15px">

<div style="width: 100%; border: 0; background-color: #E77A1C; color: #FFFFFF; padding: 5px"><strong>Important</strong></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">&nbsp;</div>

</div>

<div style="width: 100%; border: 1px solid #4EA685; margin-bottom: 15px">

<div style="width: 100%; border: 0; background-color: #4EA685; padding: 5px"><span style="color: #FFFFFF"><strong>Tip</strong></span></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">&nbsp;</div>

</div>

<div style="width: 100%; margin-bottom: 15px; border: 1px solid #D9D9D9">

<div style="width: 100%; border: 0; background-color: #D9D9D9; padding: 5px"><strong>Note</strong></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">&nbsp;</div>

</div>

<div style="width: 100%; border: 1px solid #00583D">

<div style="width: 100%; border: 0; background-color: #FFC425; padding: 5px"><strong>Note</strong></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">&nbsp;</div>

</div>