/*!
 RichText: WYSIWYG editor developed as jQuery plugin

 @name RichText
 @author https://github.com/webfashionist - Bob Schockweiler - richtext@webfashion.eu

 Copyright (C) 2020 Bob Schockweiler ( richtext@webfashion.eu )

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as published
 by the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU Affero General Public License for more details.

 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/.richText{z-index:1;position:relative;background-color:#fafafa;color:#333;width:100%;border-radius:5px;}.richText .richText-form{font-family:Calibri,Verdana,Helvetica,sans-serif}.richText .richText-form label{display:block;padding:10px 15px}.richText .richText-form input[type=text],.richText .richText-form input[type=file],.richText .richText-form input[type=number],.richText .richText-form select{padding:10px 15px;border:#999 solid 1px;min-width:200px;width:100%}.richText .richText-form select{cursor:pointer}.richText .richText-form button{margin:10px 0;padding:10px 15px;background-color:#3498db;border:none;color:#fafafa;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.richText .richText-toolbar .richText-length{font-family:Verdana,Helvetica,sans-serif;font-size:13px;vertical-align:middle;line-height:34px}.richText .richText-toolbar .richText-length .black{color:#000}.richText .richText-toolbar .richText-length .orange{color:orange}.richText .richText-toolbar .richText-length .red{color:red}.richText .richText-toolbar ul{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.richText .richText-toolbar ul li{float:left;display:block;list-style:none}.richText .richText-toolbar ul li a{display:flex;align-items: center;margin: 5px;padding:6px 10px;position: relative;background: rgb(226, 230, 238);border-radius: 4px;cursor:pointer;-webkit-transition:background-color .4s;-moz-transition:background-color .4s;transition:background-color .4s}.richText .richText-toolbar ul li a .fa,.richText .richText-toolbar ul li a .fas,.richText .richText-toolbar ul li a .far,.richText .richText-toolbar ul li a svg{pointer-events:none}.richText .richText-toolbar ul li a .richText-dropdown-outer{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);cursor:default}.richText .richText-toolbar ul li a .richText-dropdown-outer>.richText-dropdown-close{position:absolute;top:0;right:0px;background:#fff;color:#333;cursor:pointer;font-size:20px;text-align:center;width:20px}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown{position:relative;display:block;margin:3% auto 0 auto;background-color:#fafafa;border:#efefef solid 1px;border-radius:4px;min-width:100px;width:300px;max-width:90%;-webkit-box-shadow:rgba(149,157,165,.2) 0 8px 24px;-moz-box-shadow:rgba(149,157,165,.2) 0 8px 24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px;max-height:300px;overflow-y:auto;overflow-x:hidden}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close{position:absolute;top:0;right:-23px;background:#fff;color:#333;cursor:pointer;font-size:20px;text-align:center;width:20px}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown{list-style:none}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li{display:block;float:none;font-family:Calibri,Verdana,Helvetica,sans-serif}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a{display:block;padding:10px 15px;border-bottom:#efefef solid 1px}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover{background-color:#fff}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline{margin:10px 6px;float:left}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a{display:block;padding:0;margin:0;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px 0 #999;-moz-box-shadow:0 0 10px 0 #999;box-shadow:0 0 10px 0 #999}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span{display:block;height:30px;width:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown{padding:10px 15px}.richText .richText-toolbar ul li a:hover{background-color:#fff}.richText .richText-toolbar ul li[data-disable=true]{opacity:.1}.richText .richText-toolbar ul li[data-disable=true] a{cursor:default}.richText .richText-toolbar ul li:not([data-disable=true]).is-selected .richText-dropdown-outer{display:block}.richText .richText-toolbar ul:after{display:block;content:"";clear:both}.richText .richText-toolbar:last-child{font-size:12px;z-index:-1}.richText .richText-toolbar:after{display:block;clear:both;content:""}.richText .richText-editor{padding:20px 16px;background-color:#fff;border-left:#fff solid 2px;font-family:Calibri,Verdana,Helvetica,sans-serif;height:300px;outline:none;overflow-y:scroll;overflow-x:auto}.richText .richText-editor[placeholder]:before{content:attr(placeholder);color:#555}.richText .richText-editor ul,.richText .richText-editor ol{margin:10px 25px}.richText .richText-editor table{margin:10px 0;border-spacing:0;width:100%}.richText .richText-editor table td,.richText .richText-editor table th{padding:4px;border: 1px solid #c2c2c2;}.richText .richText-editor:focus{border-left:#3498db solid 2px}.richText .richText-initial{margin-bottom:-4px;padding:10px;background-color:#282828;border:none;color:#3f3;font-family:Monospace,Calibri,Verdana,Helvetica,sans-serif;max-width:100%;min-width:100%;width:100%;min-height:400px;height:400px}.richText .richText-help{float:right;display:block;padding:10px 15px;cursor:pointer}.richText .richText-undo,.richText .richText-redo{float:left;display:block;padding:10px 15px;border-right:#efefef solid 1px;cursor:pointer}.richText .richText-undo.is-disabled,.richText .richText-redo.is-disabled{opacity:.4}.richText .richText-help-popup a{color:#3498db;text-decoration:underline}.richText .richText-help-popup hr{margin:10px auto 5px auto;border:none;border-top:#efefef solid 1px}.richText .richText-list.list-rightclick{position:absolute;background-color:#fafafa;border-right:#efefef solid 1px;border-bottom:#efefef solid 1px}.richText .richText-list.list-rightclick li{padding:5px 7px;cursor:pointer;list-style:none}/*# sourceMappingURL=richtext.min.css.map */

/*  */
/* .richText-modal-window {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgb(91 92 94 / 80%);
} */
.richText-btn:hover {
    text-decoration: none;
}
.richText-modal-container {
    background: grey;
}

.richText-modal-window {
    position: fixed;
    display: none;
    z-index: 1;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    /* background: red; */
    background: rgb(91 92 94 / 80%);
    margin: 0;
    cursor: auto;
}
.richText-modal {
    display: flex;
    flex-direction: column;
    margin: 16px;
    max-height: 70%;
    background: #fff;
    border-radius: 10px;
    /* width: 70%;
    max-width: 600px; */
}
.richText-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid grey;
}
.richText-modal-close {
    cursor: pointer;
}
.richText-modal-content {
    overflow: clip auto;
}

.richText-modal-content .dropdown-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 16px !important;
}
.richText-modal-content-vertical .dropdown-list {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0px !important;
}
.richText-modal-content .dropdown-list a {
    border: 1px solid #e2e2e2;
    float: none !important;
    padding: 16px !important;
    text-decoration: none;
}
.richText-modal-content .dropdown-list a:hover {
    background-color: #2a60c8 !important;
    color: #fff !important;
}
.richText-modal-content-vertical .dropdown-list a {
    border: 0px;
    float: none !important;
    align-self: flex-start;
    width: -webkit-fill-available;
    padding: 10px 16px !important;
    border-bottom: 1px solid #d6d5d5;
}
.richText-modal-content-vertical .dropdown-list a:last-child {
    border-radius: 0px 0px 10px 10px;
}

.richText-modal-content .form-item.is-error {
    padding: 16px;
    padding-bottom: 0px;
}
.richText-form-item {
    display: flex;
    align-items: center;
    padding: 16px;
    padding-bottom: 0px;
    justify-content: center;
}
.richText-modal-content .richText-form-item:last-child {
    padding-bottom: 16px;
}
.richText-modal-content .richText-form-item label {
    padding: 0px !important;
    min-width: 70px;
}
.richText-modal-content .richText-form-item input {
    padding: 5px !important;
    width: calc(100% - 12px) !important;
}
.richText-modal-content .richText-form-item select {
    padding: 5px !important;
    width: 100% !important;
}
.richText-modal-content .richText-form button {
    margin: 0px;
    background-color: #2a60c8;
}

.special-characters {
    text-align: center;
    min-width: 20px;
    margin: 5px;
}


@media only screen and (max-width: 500px) {
    .richText-modal {
      width: auto;
      max-width: none;
    }
}
@media only screen and (max-width: 400px) {
    .richText-modal .richText-form-item{
        flex-direction: column;
        align-items: normal;
    }
}


.richText-toolbar {
    position: sticky;
    top: 16px;
    left: 10px;
    margin: 10px;
    margin-bottom: 0px;
}
.toolbar-list {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 0px;
    padding: 4px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999;
}
.toolbar-list > .toolbar-item {
    display:flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    max-width: 105px;
    margin: 5px;
    padding:6px 10px;
    position: relative;
    background: rgb(226, 230, 238);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition:background-color .4s;
    -moz-transition:background-color .4s;
    transition:background-color .4s
}

.toolbar-list-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999;
}
.toolbar-list-vertical > .toolbar-item {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s;
    width: calc(100% - 20px);
    z-index: 1;
}

.toolbar-item:hover {
    background-color: rgb(215, 220, 229);
}
/* .toolbar-item:hover .richText-dropdown2 {
    visibility: visible;
} */

.richText-dropdown2 {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; */
    visibility: hidden;
    position: absolute;
    background: #fff;
    /* border: 1px solid grey;
    border-radius: 5px; */
    /* max-width: 200px; */
    width: max-content;
    z-index: 1;
    top: calc(100% + 0px);
    left: 0%;
    /* -webkit-box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999;
    border-radius: 5px; */
}
.tooltip-arrow-up {
    /* content: ""; */
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 16px;
    background: inherit;
    /* bottom: 100%; */
    top: calc(0% - 5px);
    /* left: 0%; */
    border-top: 1px solid rgb(180, 188, 203);
    border-left: 1px solid rgb(180, 188, 203);
}
.richText-dropdown2-vertical {
    flex-direction: column;
    align-items: flex-start;
}
.richText-dropdown2-item {
    padding: 10px;
    padding-right: 0px;
}
.richText-dropdown2-vertical-item {
    padding-right: 10px;
    width: calc(100% - 20px);
}
.richText-dropdown2-item:last-child {
    padding-right: 10px;
}
.richText-dropdown2-item a {
    padding: 0px !important;
}
/* 
.tooltip {
    position: relative;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    Position the tooltip text - see examples below!
    position: absolute;
    z-index: 1;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #999 transparent;
    border-color: black transparent transparent transparent;
}

.tooltip .left {
    top: 100%;
    transform: translate(0%, 0%);
}
.tooltip .left::after {
    bottom: 100%;
}

.tooltip-bottom {
    top: 100%;
    transform: translate(0%, 0%);
}
.tooltip .tooltiptext-bottom::after {
    bottom: 100%;
}

.tooltip-bottom-center {
    left: 50%;
    transform: translate(-50%, 0%);
}
.tooltip-bottom-center::after {
    left: 50%;
}

.tooltip-bottom-left {
    left: 0%;
}
.tooltip-bottom-left::after {
    left: 16%;
}

.tooltip-bottom-right {
    right: 0%;
}
.tooltip-bottom-right::after {
    right: 16%;
} */

.box-color {
    display: block;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    margin: 4px;
    border: 1px solid #000;
}
.more-colors {
    display: flex;
    align-items: center;
    padding: 5px 15px;
}
.more-colors input[type="color"] {
    background: unset;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    padding: 0px;
    border: 0px;
}
.editor-table {
    table-layout: fixed;
}