/*!
 * 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: 0 4px 4px 0
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd
}

.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, .3);
    border: 1px solid #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: 2pc;
    height: 2pc;
    position: relative;
    z-index: 1
}

.fr-popup .fr-table-colors>span>i {
    height: 2pc;
    width: 2pc
}

.fr-popup .fr-table-colors>span.fr-selected-color:after,
.fr-popup .fr-table-colors>span>i {
    text-align: center;
    line-height: 2pc;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-table-colors>span.fr-selected-color:after {
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 400;
    top: 0;
    right: 0
}

.fr-popup .fr-table-colors>span.fr-selected-color,
.fr-popup .fr-table-colors>span:hover {
    outline: 1px solid #222;
    z-index: 2
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 9pt;
    height: 9pt
}

.fr-insert-helper {
    position: fixed;
    z-index: 9999;
    white-space: nowrap
}

.fr-view table {
    word-wrap: break-word;
    word-break: break-all
}

.fr-view table td,
.fr-view table th {
    padding: 10px;
    line-height: initial
}