/* 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/>. */
 body {
     margin: 0;
     padding: 0;
 }

 .richText{
    position:relative;
    background-color:#fafafa;
    color:#333;
    width:100%
}
.richText .richText-form{
    font-family:Calibri,Verdana,Helvetica,sans-serif
}
.richText .richText-form label{
    display:block;
    padding:10px 15px
}
.richText .richText-form input[type=file], .richText .richText-form input[type=number], .richText .richText-form input[type=text], .richText .richText-form select {
    padding: 10px 0;
    border: #999 solid 1px;
    border-radius: 30px;
    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{
    position:sticky;
    top:0;
    min-height:20px;
    background-color:inherit;
    border-bottom:#efefef solid 1px
}
.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:block;
    padding:10px 13px;
    border-right:#efefef solid 1px;
    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 .far,.richText .richText-toolbar ul li a .fas,.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 {
    position: relative;
    display: block;
    margin: 3% auto 0 auto;
    background-color: #fafafa;
    border: #efefef solid 1px;
    min-width: 100px;
    width: 300px;
    border-radius: 18px;
    max-width: 90%;
    -webkit-box-shadow: 0 0 5px 0 #333;
    -moz-box-shadow: 0 0 5px 0 #333;
    box-shadow: 0 0 5px 0 #333;
}
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    position: absolute;
    bottom: -56px;
    right: 0;
    padding: 6px 0px;
    background: #973d3d;
    color: #333;
    display: block;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    width: 100%;
    -webkit-box-shadow: 0 0 5px 0 #333;
    -moz-box-shadow: 0 0 5px 0 #333;
    box-shadow: 0 0 5px 0 #333;
    border-radius: 18px;

}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close span {
    color: white;
    display: block;
    width: 100%;
    height: 100%;
}

.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
}
.richText .richText-toolbar:after{
    display:block;
    clear:both;
    content:""
}
.richText .richText-editor{
    padding:20px;
    background-color:#fff;
    border-left:#fff solid 2px;
    font-family:Calibri,Verdana,Helvetica,sans-serif;
    height:300px;
    outline:0;
    overflow-y:scroll;
    overflow-x:auto
}
.richText .richText-editor[placeholder]:before{
    content:attr(placeholder);
    color:#555
}
.richText .richText-editor ol,.richText .richText-editor ul{
    margin:10px 25px
}
.richText .richText-editor table{
    margin:10px 0;
    border-spacing:0;
    width:100%
}
.richText-editor p img {
    width: 100%;
}
.richText .richText-editor table td,.richText .richText-editor table th{
    padding:10px;
    border:#efefef solid 1px
}
.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-redo,.richText .richText-undo{
    float:left;
    display:block;
    padding:10px 15px;
    border-right:#efefef solid 1px;
    cursor:pointer
}
.richText .richText-redo.is-disabled,.richText .richText-undo.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
}
