froala_editor.pkgd.min.css

CSS stylesheet icon froala_editor.pkgd.min.css — CSS stylesheet, 68 KB (70619 bytes)

File contents

/*! * froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2018 Froala Labs */
 .clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-element,.fr-element:focus{
    outline:0 solid transparent
}
.fr-box.fr-basic .fr-element{
    color:#000;
    padding:16px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow-x:auto;
    min-height:52px
}
.fr-box.fr-basic.fr-rtl .fr-element{
    text-align:right
}
.fr-element{
    background:0 0;
    position:relative;
    z-index:2;
    -webkit-user-select:auto
}
.fr-element a{
    user-select:auto;
    -o-user-select:auto;
    -moz-user-select:auto;
    -khtml-user-select:auto;
    -webkit-user-select:auto;
    -ms-user-select:auto
}
.fr-element.fr-disabled{
    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 [contenteditable=true]{
    outline:0 solid transparent
}
.fr-box a.fr-floating-btn{
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    height:32px;
    width:32px;
    background:#fff;
    color:#1e88e5;
    -webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
    -moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
    -ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
    -o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
    outline:0;
    left:0;
    top:0;
    line-height:32px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    text-align:center;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:0
}
.fr-box a.fr-floating-btn svg{
    -webkit-transition:transform .2s ease 0s;
    -moz-transition:transform .2s ease 0s;
    -ms-transition:transform .2s ease 0s;
    -o-transition:transform .2s ease 0s;
    fill:#1e88e5
}
.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{
    font-size:14px;
    line-height:32px
}
.fr-box a.fr-floating-btn.fr-btn+.fr-btn{
    margin-left:10px
}
.fr-box a.fr-floating-btn:hover{
    background:#ebebeb;
    cursor:pointer
}
.fr-box a.fr-floating-btn:hover svg{
    fill:#1e88e5
}
.fr-box .fr-visible a.fr-floating-btn{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1)
}
iframe.fr-iframe{
    width:100%;
    border:0;
    position:relative;
    display:block;
    z-index:2;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fr-wrapper{
    position:relative;
    z-index:1
}
.fr-wrapper::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.fr-wrapper .fr-placeholder{
    position:absolute;
    font-size:12px;
    color:#aaa;
    z-index:1;
    display:none;
    top:0;
    left:0;
    right:0;
    overflow:hidden
}
.fr-wrapper.show-placeholder .fr-placeholder{
    display:block
}
.fr-wrapper ::-moz-selection{
    background:#b5d6fd;
    color:#000
}
.fr-wrapper ::selection{
    background:#b5d6fd;
    color:#000
}
.fr-box.fr-basic .fr-wrapper{
    background:#fff;
    border:0;
    border-top:0;
    top:0;
    left:0
}
.fr-box.fr-basic.fr-top .fr-wrapper{
    border-top:0;
    border-radius:0 0 2px 2px;
    -moz-border-radius:0 0 2px 2px;
    -webkit-border-radius:0 0 2px 2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)
}
.fr-box.fr-basic.fr-bottom .fr-wrapper{
    border-bottom:0;
    border-radius:2px 2px 0 0;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)
}
.fr-tooltip{
    position:absolute;
    top:0;
    left:0;
    padding:0 8px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    -moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    background:#222;
    color:#fff;
    font-size:11px;
    line-height:22px;
    font-family:Arial,Helvetica,sans-serif;
    -webkit-transition:opacity .2s ease 0s;
    -moz-transition:opacity .2s ease 0s;
    -ms-transition:opacity .2s ease 0s;
    -o-transition:opacity .2s ease 0s;
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)";
    left:-3000px;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    z-index:2147483647;
    text-rendering:optimizelegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fr-tooltip.fr-visible{
    -webkit-opacity:1;
    -moz-opacity:1;
    opacity:1;
    -ms-filter:"alpha(Opacity=0)"
}
.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn{
    background:0 0;
    color:#222;
    -moz-outline:0;
    outline:0;
    border:0;
    line-height:1;
    cursor:pointer;
    text-align:left;
    margin:0 2px;
    -webkit-transition:background .2s ease 0s;
    -moz-transition:background .2s ease 0s;
    -ms-transition:background .2s ease 0s;
    -o-transition:background .2s ease 0s;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    z-index:2;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    float:left;
    padding:0;
    width:38px;
    height:38px
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner{
    border:0;
    padding:0
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text{
    width:auto
}
.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn svg{
    display:block;
    font-size:14px;
    width:14px;
    margin:12px;
    text-align:center;
    float:none
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span{
    font-size:14px;
    display:block;
    line-height:17px;
    min-width:34px;
    float:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    height:17px;
    font-weight:700;
    padding:0 2px
}
.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img{
    margin:12px;
    width:14px
}
.fr-toolbar .fr-command.fr-btn.fr-active,.fr-popup .fr-command.fr-btn.fr-active{
    color:#1e88e5;
    background:0 0
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{
    width:auto
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span{
    font-weight:400
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown svg{
    margin-left:8px;
    margin-right:16px
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{
    color:#222;
    background:#d6d6d6
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{
    background:#d6d6d6!important;
    color:#222!important
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{
    border-top-color:#222!important
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.fr-popup .fr-command.fr-btn.fr-dropdown::after{
    position:absolute;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #222;
    right:4px;
    top:17px;
    content:""
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled{
    color:#bdbdbd;
    cursor:default
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after{
    border-top-color:#bdbdbd!important
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden{
    display:none
}
.fr-toolbar.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn.fr-active{
    color:#bdbdbd
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{
    border-top-color:#bdbdbd
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-command.fr-btn{
    float:right
}
.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden){
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    float:none
}
.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus{
    outline:0;
    color:#222;
    background:#ebebeb
}
.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after{
    border-top-color:#222!important
}
.fr-desktop .fr-command.fr-selected{
    color:#222;
    background:#d6d6d6
}
.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus{
    color:#1e88e5;
    background:#ebebeb
}
.fr-desktop .fr-command.fr-active.fr-selected{
    color:#1e88e5;
    background:#d6d6d6
}
.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{
    background:0 0
}
.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{
    background:0 0
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{
    background:0 0
}
.fr-command.fr-btn+.fr-dropdown-menu{
    display:inline-block;
    position:absolute;
    right:auto;
    bottom:auto;
    height:auto;
    z-index:4;
    -webkit-overflow-scrolling:touch;
    overflow:hidden;
    zoom:1;
    border-radius:0 0 2px 2px;
    -moz-border-radius:0 0 2px 2px;
    -webkit-border-radius:0 0 2px 2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    height:auto;
    max-height:275px
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{
    background:#fff;
    padding:0;
    margin:auto;
    display:inline-block;
    text-align:left;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:max-height .2s ease 0s;
    -moz-transition:max-height .2s ease 0s;
    -ms-transition:max-height .2s ease 0s;
    -o-transition:max-height .2s ease 0s;
    margin-top:0;
    float:left;
    max-height:0;
    height:0;
    margin-top:0!important
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{
    overflow:auto;
    position:relative;
    max-height:275px
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{
    list-style-type:none;
    margin:0;
    padding:0
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{
    padding:0;
    margin:0;
    font-size:15px
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{
    padding:0 24px;
    line-height:200%;
    display:block;
    cursor:pointer;
    white-space:nowrap;
    color:inherit;
    text-decoration:none
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{
    background:#d6d6d6
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{
    color:#bdbdbd;
    cursor:default
}
.fr-command.fr-btn:not(.fr-active)+.fr-dropdown-menu{
    left:-3000px!important
}
.fr-command.fr-btn.fr-active+.fr-dropdown-menu{
    display:inline-block;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    -moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)
}
.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{
    height:auto;
    max-height:275px
}
.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{
    border-radius:2px 2px 0 0;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{
    text-align:right!important
}
body.prevent-scroll{
    overflow:hidden
}
body.prevent-scroll.fr-mobile{
    position:fixed;
    -webkit-overflow-scrolling:touch
}
.fr-modal{
    color:#222;
    font-family:Arial,Helvetica,sans-serif;
    position:fixed;
    overflow-x:auto;
    overflow-y:scroll;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    z-index:2147483640;
    text-rendering:optimizelegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-align:center;
    line-height:1.2
}
.fr-modal.fr-middle .fr-modal-wrapper{
    margin-top:0;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    position:absolute
}
.fr-modal .fr-modal-wrapper{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    margin:20px auto;
    display:inline-block;
    background:#fff;
    min-width:300px;
    -webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);
    -moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);
    box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);
    border:0;
    border-top:5px solid #222;
    overflow:hidden;
    width:90%;
    position:relative
}
@media (min-width:768px) and (max-width:991px){
    .fr-modal .fr-modal-wrapper{
        margin:30px auto;
        width:70%
    }
}
@media (min-width:992px){
    .fr-modal .fr-modal-wrapper{
        margin:50px auto;
        width:600px
    }
}
.fr-modal .fr-modal-wrapper .fr-modal-head{
    background:#fff;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    -moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
    border-bottom:0;
    overflow:hidden;
    position:absolute;
    width:100%;
    min-height:42px;
    z-index:3;
    -webkit-transition:height .2s ease 0s;
    -moz-transition:height .2s ease 0s;
    -ms-transition:height .2s ease 0s;
    -o-transition:height .2s ease 0s
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{
    padding:12px;
    width:20px;
    font-size:16px;
    cursor:pointer;
    line-height:18px;
    color:#222;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    position:absolute;
    top:0;
    right:0;
    -webkit-transition:color .2s ease 0s;
    -moz-transition:color .2s ease 0s;
    -ms-transition:color .2s ease 0s;
    -o-transition:color .2s ease 0s
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4{
    font-size:18px;
    padding:12px 10px;
    margin:0;
    font-weight:400;
    line-height:18px;
    display:inline-block;
    float:left
}
.fr-modal .fr-modal-wrapper div.fr-modal-body{
    height:100%;
    min-height:150px;
    overflow-y:scroll;
    padding-bottom:10px
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{
    outline:0
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{
    height:36px;
    line-height:1;
    color:#1e88e5;
    padding:10px;
    cursor:pointer;
    text-decoration:none;
    border:0;
    background:0 0;
    font-size:16px;
    outline:0;
    -webkit-transition:background .2s ease 0s;
    -moz-transition:background .2s ease 0s;
    -ms-transition:background .2s ease 0s;
    -o-transition:background .2s ease 0s;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{
    margin-left:24px
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{
    background:#ebebeb;
    color:#1e88e5
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{
    background:#d6d6d6;
    color:#1e88e5
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{
    border:0
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{
    background:#ebebeb
}
.fr-overlay{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    -webkit-opacity:.5;
    -moz-opacity:.5;
    opacity:.5;
    -ms-filter:"alpha(Opacity=0)";
    z-index:2147483639
}
.fr-popup{
    position:absolute;
    display:none;
    color:#222;
    background:#fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    font-family:Arial,Helvetica,sans-serif;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    margin-top:10px;
    z-index:2147483635;
    text-align:left;
    border:0;
    border-top:5px solid #222;
    text-rendering:optimizelegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.2
}
.fr-popup .fr-input-focus{
    background:#f5f5f5
}
.fr-popup.fr-above{
    margin-top:-10px;
    border-top:0;
    border-bottom:5px solid #222;
    -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)
}
.fr-popup.fr-active{
    display:block
}
.fr-popup.fr-hidden{
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)"
}
.fr-popup.fr-empty{
    display:none!important
}
.fr-popup .fr-hs{
    display:block!important
}
.fr-popup .fr-hs.fr-hidden{
    display:none!important
}
.fr-popup .fr-input-line{
    position:relative;
    padding:8px 0
}
.fr-popup .fr-input-line input[type=text],.fr-popup .fr-input-line textarea{
    width:100%;
    margin:0 0 1px;
    border:0;
    border-bottom:solid 1px #bdbdbd;
    color:#222;
    font-size:14px;
    padding:6px 0 2px;
    background:rgba(0,0,0,0);
    position:relative;
    z-index:2;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fr-popup .fr-input-line input[type=text]:focus,.fr-popup .fr-input-line textarea:focus{
    border-bottom:solid 2px #1e88e5;
    margin-bottom:0
}
.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{
    position:absolute;
    top:0;
    left:0;
    font-size:12px;
    color:rgba(0,0,0,0);
    -webkit-transition:color .2s ease 0s;
    -moz-transition:color .2s ease 0s;
    -ms-transition:color .2s ease 0s;
    -o-transition:color .2s ease 0s;
    z-index:3;
    width:100%;
    display:block;
    background:#fff
}
.fr-popup .fr-input-line input.fr-not-empty:focus+label,.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{
    color:#1e88e5
}
.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{
    color:gray
}
.fr-popup input,.fr-popup textarea{
    user-select:text;
    -o-user-select:text;
    -moz-user-select:text;
    -khtml-user-select:text;
    -webkit-user-select:text;
    -ms-user-select:text;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    outline:0
}
.fr-popup textarea{
    resize:none
}
.fr-popup .fr-buttons{
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    padding:0 2px;
    white-space:nowrap;
    line-height:0;
    border-bottom:0
}
.fr-popup .fr-buttons::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.fr-popup .fr-buttons .fr-btn{
    display:inline-block;
    float:none
}
.fr-popup .fr-buttons .fr-btn i{
    float:left
}
.fr-popup .fr-buttons .fr-separator{
    display:inline-block;
    float:none
}
.fr-popup .fr-layer{
    width:225px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:10px;
    display:none
}
@media (min-width:768px){
    .fr-popup .fr-layer{
        width:300px
    }
}
.fr-popup .fr-layer.fr-active{
    display:inline-block
}
.fr-popup .fr-action-buttons{
    z-index:7;
    height:36px;
    text-align:right
}
.fr-popup .fr-action-buttons button.fr-command{
    height:36px;
    line-height:1;
    color:#1e88e5;
    padding:10px;
    cursor:pointer;
    text-decoration:none;
    border:0;
    background:0 0;
    font-size:16px;
    outline:0;
    -webkit-transition:background .2s ease 0s;
    -moz-transition:background .2s ease 0s;
    -ms-transition:background .2s ease 0s;
    -o-transition:background .2s ease 0s;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.fr-popup .fr-action-buttons button.fr-command+button{
    margin-left:24px
}
.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{
    background:#ebebeb;
    color:#1e88e5
}
.fr-popup .fr-action-buttons button.fr-command:active{
    background:#d6d6d6;
    color:#1e88e5
}
.fr-popup .fr-action-buttons button::-moz-focus-inner{
    border:0
}
.fr-popup .fr-checkbox{
    position:relative;
    display:inline-block;
    width:16px;
    height:16px;
    line-height:1;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    vertical-align:middle
}
.fr-popup .fr-checkbox svg{
    margin-left:2px;
    margin-top:2px;
    display:none;
    width:10px;
    height:10px
}
.fr-popup .fr-checkbox span{
    border:solid 1px #222;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    width:16px;
    height:16px;
    display:inline-block;
    position:relative;
    z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:background .2s ease 0s,border-color .2s ease 0s;
    -moz-transition:background .2s ease 0s,border-color .2s ease 0s;
    -ms-transition:background .2s ease 0s,border-color .2s ease 0s;
    -o-transition:background .2s ease 0s,border-color .2s ease 0s
}
.fr-popup .fr-checkbox input{
    position:absolute;
    z-index:2;
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)";
    border:0 none;
    cursor:pointer;
    height:16px;
    margin:0;
    padding:0;
    width:16px;
    top:1px;
    left:1px
}
.fr-popup .fr-checkbox input:checked+span{
    background:#1e88e5;
    border-color:#1e88e5
}
.fr-popup .fr-checkbox input:checked+span svg{
    display:block
}
.fr-popup .fr-checkbox input:focus+span{
    border-color:#1e88e5
}
.fr-popup .fr-checkbox-line{
    font-size:14px;
    line-height:1.4px;
    margin-top:10px
}
.fr-popup .fr-checkbox-line label{
    cursor:pointer;
    margin:0 5px;
    vertical-align:middle
}
.fr-popup.fr-rtl{
    direction:rtl;
    text-align:right
}
.fr-popup.fr-rtl .fr-action-buttons{
    text-align:left
}
.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{
    left:auto;
    right:0
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{
    float:right
}
.fr-popup .fr-arrow{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #222;
    position:absolute;
    top:-9px;
    left:50%;
    margin-left:-5px;
    display:inline-block
}
.fr-popup.fr-above .fr-arrow{
    top:auto;
    bottom:-9px;
    border-bottom:0;
    border-top:5px solid #222
}
.fr-text-edit-layer{
    width:250px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:block!important
}
.fr-toolbar{
    color:#222;
    background:#fff;
    position:relative;
    z-index:4;
    font-family:Arial,Helvetica,sans-serif;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    padding:0 2px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    text-align:left;
    border:0;
    border-top:5px solid #ad0000;
    text-rendering:optimizelegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.2
}
.fr-toolbar::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.fr-toolbar.fr-rtl{
    text-align:right
}
.fr-toolbar.fr-inline{
    display:none;
    white-space:nowrap;
    position:absolute;
    margin-top:10px
}
.fr-toolbar.fr-inline .fr-arrow{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #222;
    position:absolute;
    top:-9px;
    left:50%;
    margin-left:-5px;
    display:inline-block
}
.fr-toolbar.fr-inline.fr-above{
    margin-top:-10px;
    -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
    border-bottom:5px solid #222;
    border-top:0
}
.fr-toolbar.fr-inline.fr-above .fr-arrow{
    top:auto;
    bottom:-9px;
    border-bottom:0;
    border-top-color:inherit;
    border-top-style:solid;
    border-top-width:5px
}
.fr-toolbar.fr-top{
    top:0;
    border-radius:2px 2px 0 0;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius:2px 2px 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)
}
.fr-toolbar.fr-bottom{
    bottom:0;
    border-radius:0 0 2px 2px;
    -moz-border-radius:0 0 2px 2px;
    -webkit-border-radius:0 0 2px 2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)
}
.fr-separator{
    background:#ebebeb;
    display:block;
    vertical-align:top;
    float:left
}
.fr-separator+.fr-separator{
    display:none
}
.fr-separator.fr-vs{
    height:34px;
    width:1px;
    margin:2px
}
.fr-separator.fr-hs{
    clear:both;
    height:1px;
    width:calc(100% - (2 * 2px));
    margin:0 2px
}
.fr-separator.fr-hidden{
    display:none!important
}
.fr-rtl .fr-separator{
    float:right
}
.fr-toolbar.fr-inline .fr-separator.fr-hs{
    float:none
}
.fr-toolbar.fr-inline .fr-separator.fr-vs{
    float:none;
    display:inline-block
}
.fr-visibility-helper{
    display:none;
    margin-left:0!important
}
@media (min-width:768px){
    .fr-visibility-helper{
        margin-left:1px!important
    }
}
@media (min-width:992px){
    .fr-visibility-helper{
        margin-left:2px!important
    }
}
@media (min-width:1200px){
    .fr-visibility-helper{
        margin-left:3px!important
    }
}
.fr-opacity-0{
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)"
}
.fr-box{
    position:relative
}
.fr-sticky{
    position:-webkit-sticky;
    position:-moz-sticky;
    position:-ms-sticky;
    position:-o-sticky;
    position:sticky
}
.fr-sticky-off{
    position:relative
}
.fr-sticky-on{
    position:fixed
}
.fr-sticky-on.fr-sticky-ios{
    position:absolute;
    left:0;
    right:0;
    width:auto!important
}
.fr-sticky-dummy{
    display:none
}
.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{
    display:block
}
span.fr-sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-box .fr-counter{
    position:absolute;
    bottom:0;
    padding:5px;
    right:0;
    color:#ccc;
    content:attr(data-chars);
    font-size:15px;
    font-family:"Times New Roman",Georgia,Serif;
    z-index:1;
    background:#fff;
    border-top:solid 1px #ebebeb;
    border-left:solid 1px #ebebeb;
    border-radius:2px 0 0;
    -moz-border-radius:2px 0 0;
    -webkit-border-radius:2px 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.fr-box.fr-rtl .fr-counter{
    left:0;
    right:auto;
    border-left:0;
    border-right:solid 1px #ebebeb;
    border-radius:0 2px 0 0;
    -moz-border-radius:0 2px 0 0;
    -webkit-border-radius:0 2px 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.fr-box.fr-code-view .fr-counter{
    display:none
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
textarea.fr-code{
    display:none;
    width:100%;
    resize:none;
    -moz-resize:none;
    -webkit-resize:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:0;
    padding:10px;
    margin:0;
    font-family:"Courier New",monospace;
    font-size:14px;
    background:#fff;
    color:#000;
    outline:0
}
.fr-box.fr-rtl textarea.fr-code{
    direction:rtl
}
.fr-box .CodeMirror{
    display:none
}
.fr-box.fr-code-view textarea.fr-code{
    display:block
}
.fr-box.fr-code-view.fr-inline{
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)
}
.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{
    display:none
}
.fr-box.fr-code-view .CodeMirror{
    display:block
}
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{
    display:block
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch{
    position:absolute;
    top:0;
    right:0;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    display:none;
    background:#fff;
    color:#222;
    -moz-outline:0;
    outline:0;
    border:0;
    line-height:1;
    cursor:pointer;
    text-align:left;
    padding:12px;
    -webkit-transition:background .2s ease 0s;
    -moz-transition:background .2s ease 0s;
    -ms-transition:background .2s ease 0s;
    -o-transition:background .2s ease 0s;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    z-index:2;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch i{
    font-size:14px;
    width:14px;
    text-align:center
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{
    background:#ebebeb
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-popup .fr-colors-tabs{
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    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:#222;
    font-size:13px;
    padding:8px 0;
    position:relative
}
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.fr-popup .fr-colors-tabs .fr-colors-tab:focus{
    color:#1e88e5
}
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:#1e88e5;
    content:'';
    -webkit-transition:transform .2s ease 0s;
    -moz-transition:transform .2s ease 0s;
    -ms-transition:transform .2s ease 0s;
    -o-transition:transform .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=text]~[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-color-hex-layer{
    width:100%;
    margin:0;
    padding:10px
}
.fr-popup .fr-color-hex-layer .fr-input-line{
    float:left;
    width:calc(100% - 50px);
    padding:8px 0 0
}
.fr-popup .fr-color-hex-layer .fr-action-buttons{
    float:right;
    width:50px
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button{
    background-color:#1e88e5;
    color:#FFF;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    font-size:13px;
    height:32px
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover{
    background-color:#166dba;
    color:#FFF
}
.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,.fr-popup .fr-color-set>span>svg{
    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{
    color:#fff;
    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:focus{
    outline:1px solid #222;
    z-index:2
}
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[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)
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-drag-helper{
    background:#1e88e5;
    height:2px;
    margin-top:-1px;
    -webkit-opacity:.2;
    -moz-opacity:.2;
    opacity:.2;
    -ms-filter:"alpha(Opacity=0)";
    position:absolute;
    z-index:2147483640;
    display:none
}
.fr-drag-helper.fr-visible{
    display:block
}
.fr-dragging{
    -webkit-opacity:.4;
    -moz-opacity:.4;
    opacity:.4;
    -ms-filter:"alpha(Opacity=0)"
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-popup .fr-emoticon{
    display:inline-block;
    font-size:20px;
    width:20px;
    padding:5px;
    line-height:1;
    cursor:default;
    font-weight:400;
    font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.fr-popup .fr-emoticon img{
    height:20px
}
.fr-popup .fr-link:focus{
    outline:0;
    background:#ebebeb
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-popup .fr-file-upload-layer{
    border:dashed 2px #bdbdbd;
    padding:25px 0;
    position:relative;
    font-size:14px;
    letter-spacing:1px;
    line-height:140%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center
}
.fr-popup .fr-file-upload-layer:hover{
    background:#ebebeb
}
.fr-popup .fr-file-upload-layer.fr-drop{
    background:#ebebeb;
    border-color:#1e88e5
}
.fr-popup .fr-file-upload-layer .fr-form{
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2147483640;
    overflow:hidden;
    margin:0!important;
    padding:0!important;
    width:100%!important
}
.fr-popup .fr-file-upload-layer .fr-form input{
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:500%;
    height:100%;
    margin:0;
    font-size:400px
}
.fr-popup .fr-file-progress-bar-layer{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fr-popup .fr-file-progress-bar-layer>h3{
    font-size:16px;
    margin:10px 0;
    font-weight:400
}
.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{
    display:none
}
.fr-popup .fr-file-progress-bar-layer>div.fr-loader{
    background:#bcdbf7;
    height:10px;
    width:100%;
    margin-top:20px;
    overflow:hidden;
    position:relative
}
.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{
    display:block;
    height:100%;
    width:0;
    background:#1e88e5;
    -webkit-transition:width .2s ease 0s;
    -moz-transition:width .2s ease 0s;
    -ms-transition:width .2s ease 0s;
    -o-transition:width .2s ease 0s
}
.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{
    width:30%!important;
    position:absolute;
    top:0;
    -webkit-animation:loading 2s linear infinite;
    -moz-animation:loading 2s linear infinite;
    -o-animation:loading 2s linear infinite;
    animation:loading 2s linear infinite
}
.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{
    display:none
}
.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{
    display:block
}
@keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
@-webkit-keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
@-moz-keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
@-o-keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
body.fr-fullscreen{
    overflow:hidden;
    height:100%;
    width:100%;
    position:fixed
}
.fr-box.fr-fullscreen{
    margin:0!important;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:2147483630!important;
    width:auto!important
}
.fr-box.fr-fullscreen .fr-toolbar.fr-top{
    top:0!important
}
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{
    bottom:0!important
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{
    text-align:left;
    padding:20px 20px 10px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{
    border-collapse:collapse;
    font-size:14px;
    line-height:1.5;
    width:100%
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{
    margin-top:20px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{
    border:0
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{
    padding:6px 0 4px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{
    border-bottom:solid 1px #ebebeb
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{
    width:60%;
    color:#646464
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){
    letter-spacing:.5px
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-element img{
    cursor:pointer
}
.fr-image-resizer{
    position:absolute;
    border:solid 1px #1e88e5;
    display:none;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.fr-image-resizer.fr-active{
    display:block
}
.fr-image-resizer .fr-handler{
    display:block;
    position:absolute;
    background:#1e88e5;
    border:solid 1px #fff;
    z-index:4;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fr-image-resizer .fr-handler.fr-hnw{
    cursor:nw-resize
}
.fr-image-resizer .fr-handler.fr-hne{
    cursor:ne-resize
}
.fr-image-resizer .fr-handler.fr-hsw{
    cursor:sw-resize
}
.fr-image-resizer .fr-handler.fr-hse{
    cursor:se-resize
}
.fr-image-resizer .fr-handler{
    width:12px;
    height:12px
}
.fr-image-resizer .fr-handler.fr-hnw{
    left:-6px;
    top:-6px
}
.fr-image-resizer .fr-handler.fr-hne{
    right:-6px;
    top:-6px
}
.fr-image-resizer .fr-handler.fr-hsw{
    left:-6px;
    bottom:-6px
}
.fr-image-resizer .fr-handler.fr-hse{
    right:-6px;
    bottom:-6px
}
@media (min-width:1200px){
    .fr-image-resizer .fr-handler{
        width:10px;
        height:10px
    }
    .fr-image-resizer .fr-handler.fr-hnw{
        left:-5px;
        top:-5px
    }
    .fr-image-resizer .fr-handler.fr-hne{
        right:-5px;
        top:-5px
    }
    .fr-image-resizer .fr-handler.fr-hsw{
        left:-5px;
        bottom:-5px
    }
    .fr-image-resizer .fr-handler.fr-hse{
        right:-5px;
        bottom:-5px
    }
}
.fr-image-overlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:2147483640;
    display:none
}
.fr-popup .fr-image-upload-layer{
    border:dashed 2px #bdbdbd;
    padding:25px 0;
    position:relative;
    font-size:14px;
    letter-spacing:1px;
    line-height:140%;
    text-align:center
}
.fr-popup .fr-image-upload-layer:hover{
    background:#ebebeb
}
.fr-popup .fr-image-upload-layer.fr-drop{
    background:#ebebeb;
    border-color:#1e88e5
}
.fr-popup .fr-image-upload-layer .fr-form{
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2147483640;
    overflow:hidden;
    margin:0!important;
    padding:0!important;
    width:100%!important
}
.fr-popup .fr-image-upload-layer .fr-form input{
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:500%;
    height:100%;
    margin:0;
    font-size:400px
}
.fr-popup .fr-image-progress-bar-layer>h3{
    font-size:16px;
    margin:10px 0;
    font-weight:400
}
.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{
    display:none
}
.fr-popup .fr-image-progress-bar-layer>div.fr-loader{
    background:#bcdbf7;
    height:10px;
    width:100%;
    margin-top:20px;
    overflow:hidden;
    position:relative
}
.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{
    display:block;
    height:100%;
    width:0;
    background:#1e88e5;
    -webkit-transition:width .2s ease 0s;
    -moz-transition:width .2s ease 0s;
    -ms-transition:width .2s ease 0s;
    -o-transition:width .2s ease 0s
}
.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{
    width:30%!important;
    position:absolute;
    top:0;
    -webkit-animation:loading 2s linear infinite;
    -moz-animation:loading 2s linear infinite;
    -o-animation:loading 2s linear infinite;
    animation:loading 2s linear infinite
}
.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{
    display:none
}
.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{
    display:block
}
.fr-image-size-layer .fr-image-group .fr-input-line{
    width:calc(50% - 5px);
    display:inline-block
}
.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{
    margin-left:10px
}
.fr-uploading{
    -webkit-opacity:.4;
    -moz-opacity:.4;
    opacity:.4;
    -ms-filter:"alpha(Opacity=0)"
}
@keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
@-webkit-keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
@-moz-keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
@-o-keyframes loading{
    from{
        left:-25%
    }
    to{
        left:100%
    }
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-modal-head .fr-modal-head-line::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more{
    float:left;
    opacity:1;
    -webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
    -moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
    -ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
    -o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
    padding:12px
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{
    opacity:0;
    width:0;
    padding:12px 0
}
.fr-modal-head .fr-modal-tags{
    display:none;
    text-align:left
}
.fr-modal-head .fr-modal-tags a{
    display:inline-block;
    opacity:0;
    padding:6px 8px;
    margin:8px 0 8px 8px;
    text-decoration:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    color:#1e88e5;
    -webkit-transition:opacity .2s ease 0s,background .2s ease 0s;
    -moz-transition:opacity .2s ease 0s,background .2s ease 0s;
    -ms-transition:opacity .2s ease 0s,background .2s ease 0s;
    -o-transition:opacity .2s ease 0s,background .2s ease 0s;
    cursor:pointer
}
.fr-modal-head .fr-modal-tags a:focus{
    outline:0
}
.fr-modal-head .fr-modal-tags a.fr-selected-tag{
    background:#d6d6d6
}
div.fr-modal-body .fr-preloader{
    display:block;
    margin:50px auto
}
div.fr-modal-body div.fr-image-list{
    text-align:center;
    margin:0 10px;
    padding:0
}
div.fr-modal-body div.fr-image-list::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
div.fr-modal-body div.fr-image-list .fr-list-column{
    float:left;
    width:calc((100% - 10px) / 2)
}
@media (min-width:768px) and (max-width:1199px){
    div.fr-modal-body div.fr-image-list .fr-list-column{
        width:calc((100% - 20px) / 3)
    }
}
@media (min-width:1200px){
    div.fr-modal-body div.fr-image-list .fr-list-column{
        width:calc((100% - 30px) / 4)
    }
}
div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{
    margin-left:10px
}
div.fr-modal-body div.fr-image-list div.fr-image-container{
    position:relative;
    width:100%;
    display:block;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    overflow:hidden
}
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{
    margin-top:10px
}
div.fr-modal-body div.fr-image-list div.fr-image-container+div{
    margin-top:10px
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{
    position:absolute;
    -webkit-opacity:.5;
    -moz-opacity:.5;
    opacity:.5;
    -ms-filter:"alpha(Opacity=0)";
    -webkit-transition:opacity .2s ease 0s;
    -moz-transition:opacity .2s ease 0s;
    -ms-transition:opacity .2s ease 0s;
    -o-transition:opacity .2s ease 0s;
    background:#000;
    content:"";
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:2
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{
    content:attr(data-deleting);
    color:#fff;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    position:absolute;
    z-index:3;
    font-size:15px;
    height:20px
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{
    height:95px;
    background:#ccc;
    z-index:1
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content:attr(data-loading);
    display:inline-block;
    height:20px
}
div.fr-modal-body div.fr-image-list div.fr-image-container img{
    width:100%;
    vertical-align:middle;
    position:relative;
    z-index:2;
    -webkit-opacity:1;
    -moz-opacity:1;
    opacity:1;
    -ms-filter:"alpha(Opacity=0)";
    -webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;
    -moz-transition:opacity .2s ease 0s,filter .2s ease 0s;
    -ms-transition:opacity .2s ease 0s,filter .2s ease 0s;
    -o-transition:opacity .2s ease 0s,filter .2s ease 0s;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0)
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{
    -webkit-opacity:.75;
    -moz-opacity:.75;
    opacity:.75;
    -ms-filter:"alpha(Opacity=0)"
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{
    display:inline-block
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{
    display:none;
    top:50%;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-transition:background .2s ease 0s,color .2s ease 0s;
    -moz-transition:background .2s ease 0s,color .2s ease 0s;
    -ms-transition:background .2s ease 0s,color .2s ease 0s;
    -o-transition:background .2s ease 0s,color .2s ease 0s;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    position:absolute;
    cursor:pointer;
    margin:0;
    width:36px;
    height:36px;
    line-height:36px;
    text-decoration:none;
    z-index:3
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{
    background:#b8312f;
    color:#fff;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(25%);
    -moz-transform:translateY(-50%) translateX(25%);
    -ms-transform:translateY(-50%) translateX(25%);
    -o-transform:translateY(-50%) translateX(25%)
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{
    background:#fff;
    color:#1e88e5;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-125%);
    -moz-transform:translateY(-50%) translateX(-125%);
    -ms-transform:translateY(-50%) translateX(-125%);
    -o-transform:translateY(-50%) translateX(-125%)
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{
    background:#ebebeb
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{
    background:#d6d6d6
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{
    -webkit-opacity:.75;
    -moz-opacity:.75;
    opacity:.75;
    -ms-filter:"alpha(Opacity=0)"
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{
    display:inline-block
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{
    background:#bf4644;
    color:#fff
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{
    background:#ebebeb
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-line-breaker{
    cursor:text;
    border-top:1px solid #1e88e5;
    position:fixed;
    z-index:2;
    display:none
}
.fr-line-breaker.fr-visible{
    display:block
}
.fr-line-breaker a.fr-floating-btn{
    position:absolute;
    left:calc(50% - (32px / 2));
    top:-16px
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-quick-insert{
    position:absolute;
    z-index:2147483639;
    white-space:nowrap;
    padding-right:5px;
    margin-left:-5px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.fr-quick-insert.fr-on a.fr-floating-btn svg{
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg)
}
.fr-quick-insert.fr-hidden{
    display:none
}
.fr-qi-helper{
    position:absolute;
    z-index:3;
    padding-left:16px;
    white-space:nowrap
}
.fr-qi-helper a.fr-btn.fr-floating-btn{
    text-align:center;
    display:inline-block;
    color:#222;
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)";
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0)
}
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{
    -webkit-opacity:1;
    -moz-opacity:1;
    opacity:1;
    -ms-filter:"alpha(Opacity=0)";
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1)
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal{
    text-align:left;
    padding:20px 20px 10px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list{
    margin-bottom:20px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title{
    font-weight:700;
    font-size:14px;
    padding:6px 0 4px;
    margin:0 0 5px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{
    display:inline-block;
    font-size:16px;
    width:20px;
    height:20px;
    padding:5px;
    line-height:20px;
    cursor:default;
    font-weight:400;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    text-align:center;
    border:1px solid #ccc;
    margin:-1px 0 0 -1px
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.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:absolute;
    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:"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-colors-hex-layer{
    width:100%;
    margin:0;
    padding:10px
}
.fr-popup .fr-table-colors-hex-layer .fr-input-line{
    float:left;
    width:calc(100% - 50px);
    padding:8px 0 0
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons{
    float:right;
    width:50px
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button{
    background-color:#1e88e5;
    color:#FFF;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    font-size:13px;
    height:32px
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover{
    background-color:#166dba;
    color:#FFF
}
.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;
    background:0 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{
    background:0 0
}
.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{
    background:rgba(30,136,229,.3);
    border:solid 1px #1e88e5
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.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:focus{
    outline:1px solid #222;
    z-index:2
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{
    width:12px;
    height:12px
}
.fr-insert-helper{
    position:absolute;
    z-index:9999;
    white-space:nowrap
}
.clearfix::after{
    clear:both;
    display:block;
    content:"";
    height:0
}
.hide-by-clipping{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.fr-element .fr-video{
    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 .fr-video::after{
    position:absolute;
    content:'';
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
    display:block;
    background:rgba(0,0,0,0)
}
.fr-element .fr-video.fr-active>*{
    z-index:2;
    position:relative
}
.fr-element .fr-video>*{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    max-width:100%;
    border:0
}
.fr-box .fr-video-resizer{
    position:absolute;
    border:solid 1px #1e88e5;
    display:none;
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none
}
.fr-box .fr-video-resizer.fr-active{
    display:block
}
.fr-box .fr-video-resizer .fr-handler{
    display:block;
    position:absolute;
    background:#1e88e5;
    border:solid 1px #fff;
    z-index:4;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw{
    cursor:nw-resize
}
.fr-box .fr-video-resizer .fr-handler.fr-hne{
    cursor:ne-resize
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw{
    cursor:sw-resize
}
.fr-box .fr-video-resizer .fr-handler.fr-hse{
    cursor:se-resize
}
.fr-box .fr-video-resizer .fr-handler{
    width:12px;
    height:12px
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw{
    left:-6px;
    top:-6px
}
.fr-box .fr-video-resizer .fr-handler.fr-hne{
    right:-6px;
    top:-6px
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw{
    left:-6px;
    bottom:-6px
}
.fr-box .fr-video-resizer .fr-handler.fr-hse{
    right:-6px;
    bottom:-6px
}
@media (min-width:1200px){
    .fr-box .fr-video-resizer .fr-handler{
        width:10px;
        height:10px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hnw{
        left:-5px;
        top:-5px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hne{
        right:-5px;
        top:-5px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hsw{
        left:-5px;
        bottom:-5px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hse{
        right:-5px;
        bottom:-5px
    }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{
    width:calc(50% - 5px);
    display:inline-block
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{
    margin-left:10px
}
.fr-popup .fr-video-upload-layer{
    border:dashed 2px #bdbdbd;
    padding:25px 0;
    position:relative;
    font-size:14px;
    letter-spacing:1px;
    line-height:140%;
    text-align:center
}
.fr-popup .fr-video-upload-layer:hover{
    background:#ebebeb
}
.fr-popup .fr-video-upload-layer.fr-drop{
    background:#ebebeb;
    border-color:#1e88e5
}
.fr-popup .fr-video-upload-layer .fr-form{
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:"alpha(Opacity=0)";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2147483640;
    overflow:hidden;
    margin:0!important;
    padding:0!important;
    width:100%!important
}
.fr-popup .fr-video-upload-layer .fr-form input{
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:500%;
    height:100%;
    margin:0;
    font-size:400px
}
.fr-popup .fr-video-progress-bar-layer>h3{
    font-size:16px;
    margin:10px 0;
    font-weight:400
}
.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{
    display:none
}
.fr-popup .fr-video-progress-bar-layer>div.fr-loader{
    background:#bcdbf7;
    height:10px;
    width:100%;
    margin-top:20px;
    overflow:hidden;
    position:relative
}
.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{
    display:block;
    height:100%;
    width:0;
    background:#1e88e5;
    -webkit-transition:width .2s ease 0s;
    -moz-transition:width .2s ease 0s;
    -ms-transition:width .2s ease 0s;
    -o-transition:width .2s ease 0s
}
.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{
    width:30%!important;
    position:absolute;
    top:0;
    -webkit-animation:loading 2s linear infinite;
    -moz-animation:loading 2s linear infinite;
    -o-animation:loading 2s linear infinite;
    animation:loading 2s linear infinite
}
.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{
    display:none
}
.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{
    display:block
}
.fr-video-overlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:2147483640;
    display:none
}