.callout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow: hidden; margin: 15px auto; }

.callout__accent { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 6px; }

.callout__accent::before { color: #fff; font-family: 'Material Icons'; font-size: 24px; }

.callout__info { font-weight: 300; line-height: 24px; padding: 10px 10px 10px 15px; }

.callout__info span { font-weight: 700; }

.callout a { text-decoration: underline; }

.callout--warning, .callout--warning-icon { background: #fdf7f3; border: solid 1px #db8a61; color: #842; }

.callout--warning a, .callout--warning-icon a { color: #842; }

.callout--warning a:hover, .callout--warning-icon a:hover { color: #db8a61; }

.callout--warning .callout__accent, .callout--warning-icon .callout__accent { background: #db8a61; }

.callout--warning-icon .callout__accent { background: #db8a61; width: 36px; }

.callout--warning-icon .callout__accent::before { content: '\e645'; }

.callout--success, .callout--success-icon { background: #ecf3ec; border: solid 1px #6a6; color: #464; }

.callout--success a, .callout--success-icon a { color: #464; }

.callout--success a:hover, .callout--success-icon a:hover { color: #6a6; }

.callout--success .callout__accent, .callout--success-icon .callout__accent { background: #6a6; }

.callout--success-icon .callout__accent { background: #6a6; width: 36px; }

.callout--success-icon .callout__accent::before { content: '\E876'; }

.callout--info, .callout--info-icon { background: #ecf3fb; border: solid 1px #3e73b3; color: #142236; }

.callout--info a, .callout--info-icon a { color: #142236; }

.callout--info a:hover, .callout--info-icon a:hover { color: #3e73b3; }

.callout--info .callout__accent, .callout--info-icon .callout__accent { background: #3e73b3; }

.callout--info .callout--icon::before, .callout--info-icon .callout--icon::before { content: '\e88e'; }

.callout--info-icon .callout__accent { background: #3e73b3; width: 36px; }

.callout--info-icon .callout__accent::before { content: '\e88e'; }

.callout--danger, .callout--danger-icon { background: #f9eded; border: solid 1px #a15b5c; color: #5b3e3d; }

.callout--danger a, .callout--danger-icon a { color: #5b3e3d; }

.callout--danger a:hover, .callout--danger-icon a:hover { color: #a15b5c; }

.callout--danger .callout__accent, .callout--danger-icon .callout__accent { background: #a15b5c; }

.callout--danger .callout--icon::before, .callout--danger-icon .callout--icon::before { content: '\E002'; }

.callout--danger-icon .callout__accent { background: #a15b5c; width: 36px; }

.callout--danger-icon .callout__accent::before { content: '\E002'; }
/*# sourceMappingURL=CallOut.css.map */