/*!

* 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: "";

} .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {

border: 1px double #1e88e5;

} .fr-element table tr {

user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

} .fr-element table td, .fr-element table th {

user-select: text;
-o-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;

} .fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {

user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

} .fr-table-resizer {

cursor: col-resize;
position: fixed;
z-index: 3;
display: none;

} .fr-table-resizer.fr-moving {

z-index: 2;

} .fr-table-resizer div {

-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-right: 1px solid #1e88e5;

} .fr-no-selection {

user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

} .fr-popup .fr-table-size .fr-table-size-info {

text-align: center;
font-size: 14px;
padding: 8px;

} .fr-popup .fr-table-size .fr-select-table-size {

line-height: 0;
padding: 0 5px 5px;
white-space: nowrap;

} .fr-popup .fr-table-size .fr-select-table-size > span {

display: inline-block;
padding: 0px 4px 4px 0;

} .fr-popup .fr-table-size .fr-select-table-size > span > span {

display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #dddddd;

} .fr-popup .fr-table-size .fr-select-table-size > span:hover, .fr-popup .fr-table-size .fr-select-table-size > span.hover {

background: transparent;

} .fr-popup .fr-table-size .fr-select-table-size > span:hover > span, .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {

background: rgba(30, 136, 229, 0.3);
border: solid 1px #1e88e5;

} .fr-popup .fr-table-size .fr-select-table-size .new-line::after {

clear: both;
display: block;
content: "";

} .fr-popup.fr-above .fr-table-size .fr-select-table-size > span {

display: inline-block !important;

} .fr-popup .fr-table-colors-buttons {

margin-bottom: 5px;

} .fr-popup .fr-table-colors {

line-height: 0;
display: block;

} .fr-popup .fr-table-colors > span {

display: inline-block;
width: 32px;
height: 32px;
position: relative;
z-index: 1;

} .fr-popup .fr-table-colors > span > i {

text-align: center;
line-height: 32px;
height: 32px;
width: 32px;
font-size: 13px;
position: absolute;
bottom: 0;
cursor: default;
left: 0;

} .fr-popup .fr-table-colors > span.fr-selected-color::after {

color: #ffffff;
content: "\f00c";
font-family: FontAwesome;
font-size: 13px;
font-weight: 400;
line-height: 32px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
text-align: center;
cursor: default;

} .fr-popup .fr-table-colors > span:hover, .fr-popup .fr-table-colors > span.fr-selected-color {

outline: 1px solid #222222;
z-index: 2;

} .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {

width: 12px;
height: 12px;

} .fr-insert-helper {

position: fixed;
z-index: 9999;
white-space: nowrap;

}