/*!
* froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2016 Froala Labs */
.clearfix::after {
clear: both; display: block; content: "";
} textarea.fr-code {
display: none; width: 100%; resize: none; -moz-resize: none; -webkit-resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: 10px; margin: 0px; font-family: "Courier New", monospace; font-size: 14px; background: #ffffff; color: #000000; outline: none;
} .fr-box.fr-rtl textarea.fr-code {
direction: rtl;
} .fr-box .CodeMirror {
display: none;
} .fr-box.fr-code-view textarea.fr-code {
display: block; min-height: 150px;
} .fr-box.fr-code-view.fr-inline {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} .fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
display: none;
} .fr-box.fr-code-view .CodeMirror {
display: block;
} .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
display: block;
} .fr-box.fr-inline .fr-command.fr-btn.html-switch {
position: absolute; top: 0; right: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); display: none; background: #ffffff; color: #222222; -moz-outline: 0; outline: 0; border: 0; line-height: 1; cursor: pointer; text-align: left; padding: 11px 11.5px; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none;
} .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
font-size: 15px; width: 15px; text-align: center;
} .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
background: #ebebeb;
}