/* ---------- Asides ----------- */
/*
  key-point,
  note,
  caution,
  warning,
  aside,
*/
.key-point,
.note,
.caution,
.warning,
.aside
{
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px;
    /* background: */
}

.key-point,
.note,
.caution,
.warning,
.aside
{
    font-size: 14px;
    margin: 16px -40px;
    padding: 16px 40px;    
}
.key-point {
    background: #e8eaf6;
    color: #3f51b5;
}
.note {
    background: #e1f5fe;
    color: #01579b;
}
.caution {
    background: #feefe3;
    color: #bf360c;
}
.warning {
    background: #ffd2d2;
    color: #ce1313;
}
.aside {
    background: #f1f3f4;
    color: #37474f;
}
table .caution, table .key-point, table .warning, table .aside {
    margin: -8px;
}
.left-pane aside.key-point,
.left-pane aside.note,
.left-pane aside.caution,
.left-pane aside.warning,
.left-pane aside.aside,
.left-pane-up aside.key-point,
.left-pane-up aside.note,
.left-pane-up aside.caution,
.left-pane-up aside.warning,
.left-pane-up aside.aside {
    margin:0;
}