/*!
 * froala-waf-safe.css
 * ------------------------------------------------------------------
 * Class-based equivalents of the inline styles Froala used to emit.
 * froala-waf-safe.js converts style="..." into these classes before the
 * payload leaves the browser, so AWS WAF never sees a style attribute.
 *
 * Load this everywhere Froala content is EDITED and everywhere it is
 * RENDERED. Content already stored with inline styles is untouched and
 * keeps rendering from its own style attribute.
 * ------------------------------------------------------------------
 */

/* Alignment */
.fr-align-left { text-align: left; }
.fr-align-center { text-align: center; }
.fr-align-right { text-align: right; }
.fr-align-justify { text-align: justify; }

/* Inline emphasis */
.fr-fw-bold { font-weight: bold; }
.fr-fst-italic { font-style: italic; }
.fr-td-underline { text-decoration: underline; }
.fr-td-line-through { text-decoration: line-through; }

/* Line height */
.fr-lh-1 { line-height: 1; }
.fr-lh-115 { line-height: 1.15; }
.fr-lh-15 { line-height: 1.5; }
.fr-lh-2 { line-height: 2; }

/* Font families (mirrors the fontFamily option) */
.fr-ff-arial { font-family: Arial, Helvetica, sans-serif; }
.fr-ff-georgia { font-family: Georgia, serif; }
.fr-ff-impact { font-family: Impact, Charcoal, sans-serif; }
.fr-ff-tahoma { font-family: Tahoma, Geneva, sans-serif; }
.fr-ff-times { font-family: "Times New Roman", Times, serif; }
.fr-ff-verdana { font-family: Verdana, Geneva, sans-serif; }
.fr-ff-open-sans-condensed { font-family: "Open Sans Condensed", sans-serif; }

/* Media sizing */
.fr-fluid { max-width: 100%; }

/* Font sizes (mirrors the fontSize option) */
.fr-fs-8 { font-size: 8px; }
.fr-fs-9 { font-size: 9px; }
.fr-fs-10 { font-size: 10px; }
.fr-fs-11 { font-size: 11px; }
.fr-fs-12 { font-size: 12px; }
.fr-fs-14 { font-size: 14px; }
.fr-fs-18 { font-size: 18px; }
.fr-fs-24 { font-size: 24px; }
.fr-fs-30 { font-size: 30px; }
.fr-fs-36 { font-size: 36px; }
.fr-fs-48 { font-size: 48px; }
.fr-fs-60 { font-size: 60px; }
.fr-fs-72 { font-size: 72px; }
.fr-fs-96 { font-size: 96px; }

/* Indent levels (20px steps, mirrors outdent/indent) */
.fr-indent-1 { margin-left: 20px; }
.fr-indent-2 { margin-left: 40px; }
.fr-indent-3 { margin-left: 60px; }
.fr-indent-4 { margin-left: 80px; }
.fr-indent-5 { margin-left: 100px; }
.fr-indent-6 { margin-left: 120px; }
.fr-indent-7 { margin-left: 140px; }
.fr-indent-8 { margin-left: 160px; }

/* Text colours (Froala default palette) */
.fr-c-61bd6d { color: #61bd6d; }
.fr-c-1abc9c { color: #1abc9c; }
.fr-c-54acd2 { color: #54acd2; }
.fr-c-2c82c9 { color: #2c82c9; }
.fr-c-9365b8 { color: #9365b8; }
.fr-c-475577 { color: #475577; }
.fr-c-cccccc { color: #cccccc; }
.fr-c-41a85f { color: #41a85f; }
.fr-c-00a885 { color: #00a885; }
.fr-c-3d8eb9 { color: #3d8eb9; }
.fr-c-2969b0 { color: #2969b0; }
.fr-c-553982 { color: #553982; }
.fr-c-28324e { color: #28324e; }
.fr-c-000000 { color: #000000; }
.fr-c-f7da64 { color: #f7da64; }
.fr-c-fba026 { color: #fba026; }
.fr-c-eb6b56 { color: #eb6b56; }
.fr-c-e25041 { color: #e25041; }
.fr-c-a38f84 { color: #a38f84; }
.fr-c-efefef { color: #efefef; }
.fr-c-ffffff { color: #ffffff; }
.fr-c-fac51c { color: #fac51c; }
.fr-c-f37934 { color: #f37934; }
.fr-c-d14841 { color: #d14841; }
.fr-c-b8312f { color: #b8312f; }
.fr-c-7c706b { color: #7c706b; }
.fr-c-d1d5d8 { color: #d1d5d8; }

/* Background colours (Froala default palette) */
.fr-bg-61bd6d { background-color: #61bd6d; }
.fr-bg-1abc9c { background-color: #1abc9c; }
.fr-bg-54acd2 { background-color: #54acd2; }
.fr-bg-2c82c9 { background-color: #2c82c9; }
.fr-bg-9365b8 { background-color: #9365b8; }
.fr-bg-475577 { background-color: #475577; }
.fr-bg-cccccc { background-color: #cccccc; }
.fr-bg-41a85f { background-color: #41a85f; }
.fr-bg-00a885 { background-color: #00a885; }
.fr-bg-3d8eb9 { background-color: #3d8eb9; }
.fr-bg-2969b0 { background-color: #2969b0; }
.fr-bg-553982 { background-color: #553982; }
.fr-bg-28324e { background-color: #28324e; }
.fr-bg-000000 { background-color: #000000; }
.fr-bg-f7da64 { background-color: #f7da64; }
.fr-bg-fba026 { background-color: #fba026; }
.fr-bg-eb6b56 { background-color: #eb6b56; }
.fr-bg-e25041 { background-color: #e25041; }
.fr-bg-a38f84 { background-color: #a38f84; }
.fr-bg-efefef { background-color: #efefef; }
.fr-bg-ffffff { background-color: #ffffff; }
.fr-bg-fac51c { background-color: #fac51c; }
.fr-bg-f37934 { background-color: #f37934; }
.fr-bg-d14841 { background-color: #d14841; }
.fr-bg-b8312f { background-color: #b8312f; }
.fr-bg-7c706b { background-color: #7c706b; }
.fr-bg-d1d5d8 { background-color: #d1d5d8; }
