/*!
* 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-popup .fr-colors-tabs {
-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); margin-bottom: 5px; line-height: 16px; margin-left: -2px; margin-right: -2px;
} .fr-popup .fr-colors-tabs .fr-colors-tab {
display: inline-block; width: 50%; cursor: pointer; text-align: center; color: #222222; font-size: 13px; padding: 8px 0; position: relative;
} .fr-popup .fr-colors-tabs .fr-colors-tab:hover {
color: #1e88e5;
} .fr-popup .fr-colors-tabs .fr-colors-tab::after {
position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #1e88e5; content: ''; -webkit-transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s;
} .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
color: #1e88e5;
} .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab ~ [data-param1=“background”]::after {
-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);
} .fr-popup .fr-separator + .fr-colors-tabs {
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-left: 2px; margin-right: 2px;
} .fr-popup .fr-color-set {
line-height: 0; display: none;
} .fr-popup .fr-color-set.fr-selected-set {
display: block;
} .fr-popup .fr-color-set > span {
display: inline-block; width: 32px; height: 32px; position: relative; z-index: 1;
} .fr-popup .fr-color-set > 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-color-set > 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-color-set > span:hover, .fr-popup .fr-color-set > span.fr-selected-color {
outline: 1px solid #222222; z-index: 2;
} .fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab ~ [data-param1=“background”]::after {
-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0);
} /Customize/ .fr-color-picker-btn {
overflow: hidden;
} .fr-color-picker-btn img {
width: 100%;
} .fr-color-picker {
width: 0; height: 0; margin: 0; padding: 0; background: transparent; border: none; position: absolute;
}