/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_editor.pkgd.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-view.fr-element-scroll-visible{
  overflow-x:visible !important
}

.fr-box.fr-basic{
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-basic .fr-element{
  font-family:sans-serif;
  color:#414141;
  font-size:14px;
  line-height:1.6;
  padding:20px;
  box-sizing:border-box;
  overflow-x:auto;
  min-height:60px;
  text-align:left
}

.fr-box.fr-basic.fr-rtl .fr-element{
  text-align:right
}

.fr-element{
  background:transparent;
  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{
  box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  -moz-background-clip:padding;
  background-clip:padding-box;
  height:40px;
  width:40px;
  text-align:center;
  background:#FFF;
  color:#333333;
  -webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline:none;
  left:0;
  top:0;
  line-height:40px;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  text-align:center;
  display:block;
  box-sizing:border-box;
  border:none
}

.fr-box a.fr-floating-btn svg{
  -webkit-transition:transform 0.2s ease 0s;
  -moz-transition:transform 0.2s ease 0s;
  -ms-transition:transform 0.2s ease 0s;
  -o-transition:transform 0.2s ease 0s;
  fill:#333333
}

.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{
  font-size:14px;
  line-height:40px
}

.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:#333333
}

.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:none;
  position:relative;
  display:block;
  z-index:2;
  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:14px;
  color:#AAA;
  font-family:sans-serif;
  z-index:1;
  display:none;
  top:0;
  left:0;
  right:0;
  overflow:hidden
}

.fr-wrapper.show-placeholder .fr-placeholder{
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis
}

.fr-wrapper ::selection{
  background:rgba(181,214,253,0.8);
  color:#000
}

.fr-box.fr-basic .fr-wrapper{
  background:#FFF;
  border:1px solid #CCCCCC;
  border-bottom-color:#efefef;
  top:0;
  left:0
}

.fr-box.fr-basic.fr-top .fr-wrapper{
  border-top:0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper{
  border-bottom:0;
  border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

@media (min-width: 992px){
  .fr-box.fr-document{
    min-width:21cm
  }

  .fr-box.fr-document .fr-wrapper{
    text-align:left;
    padding:30px;
    min-width:21cm;
    background:#efefef
  }

  .fr-box.fr-document .fr-wrapper .fr-element{
    text-align:left;
    background:#FFF;
    width:21cm;
    margin:auto;
    min-height:26cm !important;
    padding:1cm 2cm;
    overflow:visible;
    z-index:auto
  }

  .fr-box.fr-document .fr-wrapper .fr-element hr{
    margin-left:-2cm;
    margin-right:-2cm;
    background:#efefef;
    height:1cm;
    outline:none;
    border:none
  }

  .fr-box.fr-document .fr-wrapper .fr-element img{
    z-index:1
  }
}

.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;
  background-clip:padding-box;
  background:#222222;
  color:#FFF;
  font-size:11px;
  line-height:22px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-transition:opacity 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s;
  -o-transition:opacity 0.2s ease 0s;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap,.fr-modal .fr-btn-wrap{
  float:left;
  white-space:nowrap;
  position:relative
}

.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden,.fr-modal .fr-btn-wrap.fr-hidden{
  display:none
}

.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn,.fr-modal .fr-command.fr-btn{
  background:transparent;
  color:#333333;
  -moz-outline:0;
  outline:none;
  border:0;
  line-height:1;
  cursor:pointer;
  text-align:left;
  margin:4px 2px;
  padding:0;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:2;
  position:relative;
  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;
  height:40px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options{
  border-radius:0 4px 4px 0;
  -moz-border-radius:0 4px 4px 0;
  -webkit-border-radius:0 4px 4px 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,.fr-popup .fr-command.fr-btn.fr-btn-hover,.fr-modal .fr-command.fr-btn.fr-btn-hover{
  border-radius:4px 0 0 4px;
  -moz-border-radius:4px 0 0 4px;
  -webkit-border-radius:4px 0 0 4px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-modal .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,.fr-modal .fr-command.fr-btn.fr-btn-text{
  width:auto
}

.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-modal .fr-command.fr-btn i,.fr-modal .fr-command.fr-btn svg{
  display:block;
  text-align:center;
  float:none;
  margin:8px 7px;
  width:24px
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,.fr-popup .fr-command.fr-btn svg.fr-svg,.fr-modal .fr-command.fr-btn svg.fr-svg{
  height:24px
}

.fr-toolbar .fr-command.fr-btn svg path,.fr-popup .fr-command.fr-btn svg path,.fr-modal .fr-command.fr-btn svg path{
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  fill:#333333
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-modal .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,.fr-modal .fr-command.fr-btn span{
  font-size:14px;
  display:block;
  line-height:17px;
  min-width:30px;
  float:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  height:17px;
  font-weight:bold;
  padding:0 4px
}

.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img,.fr-modal .fr-command.fr-btn img{
  margin:8px 7px;
  width:24px
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,.fr-popup .fr-command.fr-btn.fr-btn-active-popup,.fr-modal .fr-command.fr-btn.fr-btn-active-popup{
  background:#d6d6d6
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span{
  font-weight:normal
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-modal .fr-command.fr-btn.fr-dropdown i,.fr-modal .fr-command.fr-btn.fr-dropdown span,.fr-modal .fr-command.fr-btn.fr-dropdown img,.fr-modal .fr-command.fr-btn.fr-dropdown svg{
  margin-left:3px;
  margin-right:11px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-modal .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 #333333;
  right:2px;
  top:18px;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  content:""
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active{
  fill:#333333;
  background:#d6d6d6;
  -webkit-transition:0.5s ease;
  -moz-transition:0.5s ease;
  -ms-transition:0.5s ease;
  -o-transition:0.5s ease
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover{
  background:#ebebeb;
  fill:#333333
}

.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-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after{
  border-top-color:#333333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after{
  border-top:0;
  border-bottom:4px solid #222222
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled,.fr-modal .fr-command.fr-btn.fr-disabled{
  color:#bdbdbd;
  cursor:default;
  -webkit-opacity:0.3;
  -moz-opacity:0.3;
  opacity:0.3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after,.fr-modal .fr-command.fr-btn.fr-disabled::after{
  border-top-color:#bdbdbd
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden,.fr-modal .fr-command.fr-btn.fr-hidden{
  display:none
}

.fr-toolbar .fr-tabs .fr-command.fr-btn,.fr-popup .fr-tabs .fr-command.fr-btn,.fr-modal .fr-tabs .fr-command.fr-btn{
  margin:0;
  width:46px;
  height:40px;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab{
  background:#FFF
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,.fr-popup .fr-tabs .fr-command.fr-btn span,.fr-modal .fr-tabs .fr-command.fr-btn span{
  height:27px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,.fr-toolbar .fr-tabs .fr-command.fr-btn svg,.fr-popup .fr-tabs .fr-command.fr-btn img,.fr-popup .fr-tabs .fr-command.fr-btn svg,.fr-modal .fr-tabs .fr-command.fr-btn img,.fr-modal .fr-tabs .fr-command.fr-btn svg{
  margin:8px 11px;
  width:24px;
  height:24px
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{
  fill:#0098f7
}

.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-modal.fr-disabled .fr-btn,.fr-modal.fr-disabled .fr-btn.fr-active{
  color:#bdbdbd;
  -webkit-opacity:0.3;
  -moz-opacity:0.3;
  opacity:0.3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar.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-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after{
  border-top-color:#bdbdbd
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,.fr-modal.fr-rtl .fr-btn-grp.fr-float-left{
  float:right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,.fr-modal.fr-rtl .fr-btn-grp.fr-float-right{
  float:left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-btn-wrap,.fr-modal.fr-rtl .fr-command.fr-btn,.fr-modal.fr-rtl .fr-btn-wrap{
  float:right
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options{
  border-radius:4px 0 0 4px;
  -moz-border-radius:4px 0 0 4px;
  -webkit-border-radius:4px 0 0 4px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover{
  border-radius:0 4px 4px 0;
  -moz-border-radius:0 4px 4px 0;
  -webkit-border-radius:0 4px 4px 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){
  display:inline-flex;
  float:none
}

.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{
  outline:0;
  color:#333333
}

.fr-desktop .fr-command:hover:not(.fr-table-cell),.fr-desktop .fr-command:focus:not(.fr-table-cell),.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell){
  background:#ebebeb
}

.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{
  border-top-color:#333333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),.fr-desktop .fr-command:active{
  color:#333333;
  background:#d6d6d6
}

.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{
  background:#ebebeb
}

.fr-desktop .fr-command.fr-active:active{
  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:transparent
}

.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{
  background:transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{
  background:#d6d6d6
}

.fr-command.fr-btn.fr-options{
  width:16px;
  margin-left:-5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{
  border-left:solid 1px #FAFAFA;
  -webkit-transition:border-left 0s, background-color 0.5s;
  -moz-transition:border-left 0s, background-color 0.5s;
  -ms-transition:border-left 0s, background-color 0.5s;
  -o-transition:border-left 0s, background-color 0.5s
}

.fr-command.fr-btn+.fr-dropdown-menu{
  background:#FFF;
  display:inline-block;
  position:absolute;
  right:auto;
  bottom:auto;
  height:auto;
  z-index:4;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-overflow-scrolling:touch;
  overflow:hidden;
  zoom:1;
  box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
}

.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{
  padding:0;
  margin:auto;
  display:inline-block;
  text-align:left;
  position:relative;
  box-sizing:border-box;
  -webkit-transition:height 0.3s;
  -moz-transition:height 0.3s;
  -ms-transition:height 0.3s;
  -o-transition:height 0.3s;
  margin-top:0;
  float:left;
  height:0;
  margin-top:0 !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{
  position:relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{
  list-style-type:none;
  margin:0;
  padding:8px 0;
  min-width:72px
}

.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 20px;
  line-height:200%;
  display:flex;
  cursor:pointer;
  white-space:nowrap;
  color:inherit;
  text-decoration:none;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg{
  width:24px;
  height:24px;
  margin:3px 4px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path{
  fill:#333333
}

.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+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{
  margin-left:20px;
  font-weight:bold;
  -webkit-opacity:0.75;
  -moz-opacity:0.75;
  opacity:0.75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu{
  display:inline-block;
  box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
}

.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;
  background-clip:padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{
  text-align:right !important
}

body.fr-prevent-scroll{
  overflow:hidden
}

body.fr-prevent-scroll.fr-mobile{
  position:fixed;
  -webkit-overflow-scrolling:touch
}

.fr-modal{
  color:#222222;
  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:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  background-clip:padding-box;
  margin:20px auto;
  display:inline-block;
  background:#FFF;
  min-width:300px;
  box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  border:0;
  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:960px
  }
}

.fr-modal .fr-modal-wrapper .fr-modal-head{
  background:#FFF;
  overflow:hidden;
  position:absolute;
  width:100%;
  min-height:42px;
  z-index:3;
  border-bottom:solid #efefef 1px;
  -webkit-transition:all 0.2s ease 0s;
  -moz-transition:all 0.2s ease 0s;
  -ms-transition:all 0.2s ease 0s;
  -o-transition:all 0.2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{
  height:56px;
  padding:0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{
  margin:10px;
  position:absolute;
  top:0;
  right:0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4{
  font-size:20px;
  padding:19px 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:auto;
  padding-bottom:20px
}

.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:#0098f7;
  padding:10px;
  cursor:pointer;
  text-decoration:none;
  border:none;
  background:none;
  font-size:16px;
  outline:none;
  -webkit-transition:background 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  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:#0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{
  background:#d6d6d6;
  color:#0098f7
}

.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:0.5;
  -moz-opacity:0.5;
  opacity:0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index:2147483639
}

ol.decimal_type{
  counter-reset:item
}

ol.decimal_type>li{
  display:block
}

ol.decimal_type>li:before{
  content:counters(item,".") ". ";
  counter-increment:item
}

.fr-popup{
  position:absolute;
  display:none;
  color:#222222;
  background:#FFF;
  box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  font-family:Arial, Helvetica, sans-serif;
  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-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  text-rendering:optimizelegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.2
}

.fr-popup .fr-icon{
  text-align:center;
  vertical-align:middle;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  font-weight:400;
  box-sizing:content-box;
  padding:6px
}

.fr-popup .fr-icon-container{
  padding:20px;
  max-height:200px;
  overflow:auto;
  box-sizing:border-box
}

@supports not (-ms-high-contrast: none){
  .fr-popup .fr-icon-container{
    grid-template-columns:repeat(auto-fill, minmax(36px, 36px));
    display:grid
  }
}

@media (min-width: 768px){
  .fr-popup .fr-icon-container{
    min-width:276px
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .fr-popup .fr-icon-container{
    display:inline-flex
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px){
  .fr-popup .fr-icon-container{
    width:236px
  }
}

.fr-popup .fr-input-focus{
  background:whitesmoke
}

.fr-popup.fr-above{
  margin-top:-10px;
  border-top:0
}

.fr-popup.fr-active{
  display:block
}

.fr-popup.fr-hidden{
  display:none !important
}

.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:15px 0
}

.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"],.fr-popup .fr-input-line textarea{
  width:100%;
  margin-bottom:1px;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  border:solid 1px #999999;
  color:#222222;
  font-size:14px;
  background:#FFF;
  position:relative;
  z-index:2;
  padding:4px 12px;
  box-sizing:border-box;
  -webkit-transition:border 0.5s, padding 0.5s;
  -moz-transition:border 0.5s, padding 0.5s;
  -ms-transition:border 0.5s, padding 0.5s;
  -o-transition:border 0.5s, padding 0.5s
}

.fr-popup .fr-input-line input[type="text"]:hover,.fr-popup .fr-input-line input[type="number"]:hover,.fr-popup .fr-input-line textarea:hover{
  border:solid 1px #515151
}

.fr-popup .fr-input-line input[type="text"]:focus,.fr-popup .fr-input-line input[type="number"]:focus,.fr-popup .fr-input-line textarea:focus{
  border:solid 2px #0098f7;
  padding:3px 11px
}

.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"]{
  height:46px
}

.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{
  position:absolute;
  top:29px;
  left:12px;
  font-size:14px;
  color:grey;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  z-index:3;
  display:block;
  background:#FFF;
  padding:0;
  cursor:text
}

.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{
  color:gray;
  width:auto;
  left:4px;
  padding:0 4px;
  font-size:11px;
  top:9px
}

.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;
  background-clip:padding-box;
  outline:none
}

.fr-popup textarea{
  resize:none
}

.fr-popup .fr-buttons{
  white-space:nowrap;
  line-height:0
}

.fr-popup .fr-buttons .fr-btn{
  margin-left:4px;
  margin-right:4px;
  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-buttons.fr-tabs{
  border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box;
  background-color:#f5f5f5;
  overflow:hidden
}

@media (max-width: 768px){
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll{
    overflow:scroll;
    overflow-y:hidden;
    width:276px
  }
}

.fr-popup .fr-buttons:not(.fr-tabs){
  padding:5px
}

.fr-popup .fr-layer{
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  width:195px;
  box-sizing:border-box;
  margin:20px;
  display:none
}

@media (min-width: 768px){
  .fr-popup .fr-layer{
    width:260px
  }
}

.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:#0098f7;
  padding:10px;
  cursor:pointer;
  text-decoration:none;
  border:none;
  background:none;
  font-size:16px;
  outline:none;
  -webkit-transition:background 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  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:#0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active{
  background:#d6d6d6;
  color:#0098f7
}

.fr-popup .fr-action-buttons button::-moz-focus-inner{
  border:0
}

.fr-popup .fr-checkbox{
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  padding:10px;
  border-radius:100%;
  line-height:1;
  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-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  width:18px;
  height:18px;
  display:inline-block;
  position:relative;
  z-index:1;
  box-sizing:border-box;
  -webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-popup .fr-checkbox input{
  position:absolute;
  z-index:2;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border:0 none;
  cursor:pointer;
  height:18px;
  margin:0;
  padding:0;
  width:18px;
  top:7px;
  left:7px
}

.fr-popup .fr-checkbox input:not(:checked)+span{
  border:solid 2px #999999
}

.fr-popup .fr-checkbox input:not(:checked):active+span{
  background-color:#f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,.fr-popup .fr-checkbox input:not(:checked):hover+span{
  border-color:#515151
}

.fr-popup .fr-checkbox input:checked+span{
  background:#0098f7;
  border:solid 2px #0098f7
}

.fr-popup .fr-checkbox input:checked+span svg{
  display:block
}

.fr-popup .fr-checkbox input:checked:active+span{
  background-color:#EcF5Ff
}

.fr-popup .fr-checkbox input:checked:focus+span,.fr-popup .fr-checkbox input:checked:hover+span{
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.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-text-edit-layer{
  width:250px;
  box-sizing:border-box;
  display:block !important
}

.fr-toolbar{
  color:#222222;
  background:#FFF;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  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;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  text-align:left;
  border:1px solid #CCCCCC;
  text-rendering:optimizelegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.2;
  padding-bottom:0;
  -webkit-transition:padding-bottom 0.5s;
  -moz-transition:padding-bottom 0.5s;
  -ms-transition:padding-bottom 0.5s;
  -o-transition:padding-bottom 0.5s
}

.fr-toolbar::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-toolbar::after{
  height:0
}

.fr-toolbar .fr-newline{
  clear:both;
  display:block;
  content:"";
  margin-left:9px;
  margin-right:9px;
  background:#efefef;
  height:1px;
  -webkit-transition:height 0.5s;
  -moz-transition:height 0.5s;
  -ms-transition:height 0.5s;
  -o-transition:height 0.5s
}

.fr-toolbar.fr-toolbar-open .fr-newline{
  height:0
}

.fr-toolbar .fr-float-right{
  float:right
}

.fr-toolbar .fr-float-left{
  float:left
}

.fr-toolbar .fr-more-toolbar{
  float:left;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box;
  background-color:#f5f5f5;
  -webkit-transition:height 0.5s;
  -moz-transition:height 0.5s;
  -ms-transition:height 0.5s;
  -o-transition:height 0.5s;
  height:0;
  overflow:hidden;
  box-sizing:border-box;
  width:100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded{
  height:48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible{
  overflow:visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{
  margin-left:4px;
  margin-right:4px
}

.fr-toolbar .fr-btn-grp{
  display:inline-block;
  margin:0 17px 0 12px
}

@media (max-width: 768px){
  .fr-toolbar .fr-btn-grp{
    margin:0 7px 0 6px
  }
}

.fr-toolbar .fr-command.fr-btn.fr-open{
  margin-top:10px;
  margin-bottom:-1px;
  border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active){
  background:#f5f5f5
}

.fr-toolbar.fr-rtl{
  text-align:right
}

.fr-toolbar.fr-inline{
  display:none;
  box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
  border:0;
  white-space:nowrap;
  position:absolute;
  margin-top:5px;
  z-index:2147483630
}

.fr-toolbar.fr-inline.fr-above{
  margin-top:-10px;
  border-top:0
}

.fr-toolbar.fr-inline .fr-newline{
  height:0
}

.fr-toolbar.fr-inline .fr-more-toolbar{
  position:absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded{
  position:relative !important
}

.fr-toolbar.fr-top{
  top:0;
  border-bottom:0;
  border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar.fr-bottom{
  bottom:0;
  border-top:0;
  padding-bottom:0;
  border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar.fr-bottom .fr-newline{
  padding-top:0;
  -webkit-transition:padding-top 0.5s;
  -moz-transition:padding-top 0.5s;
  -ms-transition:padding-top 0.5s;
  -o-transition:padding-top 0.5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline{
  padding-top:48px;
  background:#FFF
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open{
  margin-top:-1px;
  margin-bottom:10px;
  border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-toolbar.fr-sticky-on{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-separator{
  background:#ebebeb;
  display:block;
  vertical-align:top;
  float:left
}

.fr-separator+.fr-separator{
  display:none
}

.fr-separator.fr-vs{
  height:32px;
  width:1px;
  margin:8px 4px
}

.fr-separator.fr-hs{
  clear:both;
  width:calc(100% - (2 * 4px));
  margin:0 4px;
  height:1px
}

.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-second-toolbar{
  border:1px solid #CCCCCC;
  border-top:0;
  background:#FFF;
  line-height:1.4;
  border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-second-toolbar::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-second-toolbar:empty{
  min-height:calc(10px);
  position:relative;
  margin-top:calc(-1px);
  z-index:2
}

#fr-logo{
  float:left;
  outline:none
}

#fr-logo>span{
  display:inline-block;
  float:left;
  font-family:sans-serif;
  padding:11px 5px 10px 15px;
  font-size:12px;
  font-weight:500;
  color:#b1b2b7;
  -webkit-transition:color 0.3s;
  -moz-transition:color 0.3s;
  -ms-transition:color 0.3s;
  -o-transition:color 0.3s
}

#fr-logo>svg{
  height:20px;
  width:47px;
  margin:7px 0;
  cursor:pointer
}

#fr-logo>svg *{
  -webkit-transition:fill 0.3s;
  -moz-transition:fill 0.3s;
  -ms-transition:fill 0.3s;
  -o-transition:fill 0.3s
}

#fr-logo:hover>span,#fr-logo:focus>span{
  color:#0098f7
}

#fr-logo:hover>svg .fr-logo,#fr-logo:focus>svg .fr-logo{
  fill:#0098f7
}

.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:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box{
  position:relative
}

.fr-sticky{
  position:-moz-sticky;
  position:-ms-sticky;
  position:-o-sticky;
  position:sticky
}

.fr-sticky-off{
  position:relative
}

.fr-sticky-on{
  position:sticky;
  z-index:10
}

.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
}

.fr-view .fr-highlight-change,.fr-highlight-change>img,.fr-highlight-change>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-video>iframe,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-highlight-change>p,.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted){
  background-color:#f3eec3;
  opacity:0.5
}

.fr-highlight-change.fr-highlight-change>table td,.fr-highlight-change.fr-highlight-change>hr{
  border-color:#f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted>table td,.fr-tracking-deleted.fr-tracking-deleted>hr{
  border-color:#dc3545
}

.fr-tracking-deleted img,.fr-tracking-deleted>.fr-video>video,.fr-tracking-deleted>.fr-video>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{
  opacity:0.5;
  background-color:#dc3545
}

.fr-view .fr-tracking-deleted{
  background-color:#dc3545;
  text-decoration:line-through;
  pointer-events:none;
  -webkit-user-select:none;
          user-select:none;
  opacity:1
}

.fr-highlight-change>.fr-video>iframe,.fr-tracking-deleted>.fr-video>iframe,.fr-highlight-change>.fr-video>video,.fr-tracking-deleted>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{
  padding:10px !important
}

.fr-tracking-deleted img,.fr-highlight-change img{
  border:2px solid #f3eec3
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){
  opacity:0.5;
  background-color:#f3eec3
}

.fr-highlight-change #isPasted>table td{
  opacity:0.5;
  border-color:#f3eec3
}

.fr-track-hide{
  display:none
}

.fr-track-hide-mobile{
  width:0;
  height:0;
  overflow:hidden;
  position:absolute
}

.fr-ios-mobile-disable-select{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none
}

.fr-bottom-extended{
  flex-wrap:wrap;
  display:flex;
  box-sizing:border-box
}

.position-relative{
  position:relative !important
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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{
  padding:10px;
  float:right;
  color:#999999;
  content:attr(data-chars);
  font-size:14px;
  font-family:sans-serif;
  z-index:1;
  border-radius:2px 0 0 0;
  -moz-border-radius:2px 0 0 0;
  -webkit-border-radius:2px 0 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-rtl .fr-counter{
  left:0;
  right:auto;
  border-left:none;
  border-radius:0 2px 0 0;
  -moz-border-radius:0 2px 0 0;
  -webkit-border-radius:0 2px 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-code-view .fr-counter{
  display:none
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  box-sizing:border-box;
  border:none;
  padding:10px;
  margin:0;
  font-family:"Courier New",monospace;
  font-size:14px;
  background:#FFF;
  color:#000;
  outline:none
}

.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-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{
  display:none;
  position:absolute;
  top:0;
  right:0;
  display:none;
  background:#FFF;
  color:#333333;
  -moz-outline:0;
  outline:0;
  border:0;
  line-height:1;
  cursor:pointer;
  text-align:left;
  padding:8px 7px;
  -webkit-transition:background 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:2;
  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:24px;
  width:24px;
  text-align:center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{
  background:#ebebeb
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-layer.fr-color-hex-layer{
  margin:0;
  padding:20px;
  padding-top:0;
  float:left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{
  float:left;
  width:calc(100% - 50px);
  padding:15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{
  float:right;
  width:38px;
  height:40px;
  padding:17px 0 0;
  margin:0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  font-size:13px;
  height:40px;
  width:38px
}

.fr-popup .fr-separator+.fr-colors-tabs{
  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;
  padding:20px;
  padding-bottom:0
}

.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:24px;
  width:24px;
  margin:4px;
  font-size:13px;
  position:absolute;
  bottom:0;
  cursor:default;
  left:0
}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{
  fill:#222222
}

.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 #222222;
  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)
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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:#0098f7;
  height:2px;
  margin-top:-1px;
  -webkit-opacity:0.2;
  -moz-opacity:0.2;
  opacity:0.2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position:absolute;
  z-index:2147483640;
  display:none
}

.fr-drag-helper.fr-visible{
  display:block
}

.fr-dragging{
  -webkit-opacity:0.4;
  -moz-opacity:0.4;
  opacity:0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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{
  width:24px;
  height:24px;
  font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img{
  height:24px;
  width:24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode{
  padding:0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){
  .fr-popup .fr-icon-container.fr-emoticon-container{
    width:368px
  }
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  margin:20px;
  position:relative;
  font-size:14px;
  letter-spacing:1px;
  line-height:140%;
  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:#0098f7
}

.fr-popup .fr-file-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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{
  box-sizing:border-box
}

.fr-popup .fr-file-progress-bar-layer>h3{
  font-size:16px;
  margin:10px 0;
  font-weight:normal
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  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:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  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%
  }
}

@keyframes loading{
  from{
    left:-25%
  }

  to{
    left:100%
  }
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  padding:0 1px
}

.fr-height-auto{
  height:auto !important
}

.fr-file-loader{
  border:4px solid #f3f3f3;
  border-radius:50%;
  border-top:4px solid #53777a;
  display:inline-block !important;
  animation:spin 2s linear infinite;
  width:20px;
  height:20px;
  display:block !important;
  align-items:center
}

.fr-trim-button{
  margin-top:5px;
  height:36px;
  line-height:1;
  color:#0098f7;
  padding:10px;
  cursor:pointer;
  text-decoration:none;
  border:none;
  background:none;
  font-size:16px;
  border-radius:5px;
  background-color:#eff5fa;
  outline:none
}

.fr-trim-button:hover{
  background:#ebebeb
}

@keyframes spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.fr-image-resizer{
  position:absolute;
  border:solid 1px #0098f7;
  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;
  box-sizing:content-box
}

.fr-image-resizer.fr-active{
  display:block
}

.fr-image-resizer .fr-handler{
  display:block;
  position:absolute;
  background:#0098f7;
  border:solid 1px #FFF;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:4;
  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-by-url-padding{
  padding:11.5px 0
}

.fr-popup .fr-upload-progress-layer{
  border-radius:0;
  box-sizing:border-box;
  padding-left:20px;
  padding-top:15px;
  margin:auto !important;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  width:100% !important;
  overscroll-behavior:contain
}

.fr-popup .fr-files-by-url-layer{
  width:calc(100% - 40px) !important
}

.fr-popup .fr-files-embed-layer{
  width:calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer{
  border:dashed 2px #bdbdbd;
  margin:20px;
  position:relative;
  font-size:10px;
  letter-spacing:1px;
  line-height:140%;
  text-align:center;
  width:calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer:hover{
  background:#ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop{
  background:#ebebeb;
  border-color:#0098f7
}

.fr-popup .fr-files-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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-files-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-files-progress-bar-layer{
  width:calc(100% - 40px);
  width:-moz-available;
  width:-webkit-stretch;
  width:-webkit-fill-available;
  width:stretch
}

.fr-popup .fr-files-progress-bar-layer>h3{
  font-size:16px;
  margin:10px 0;
  font-weight:normal
}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  height:10px;
  width:100%;
  margin-top:20px;
  overflow:hidden;
  position:relative
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{
  display:block;
  height:100%;
  width:0%;
  background:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  animation:loading 2s linear infinite
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{
  display:none
}

.fr-popup .fr-files-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-progress-bar-style{
  width:calc(100% - 40px)
}

.fr-progress-bar{
  position:relative;
  background-color:#4CAF50;
  height:8px;
  margin-bottom:8px;
  margin-left:20px;
  margin-right:20px;
  width:100%;
  width:-moz-available;
  width:-webkit-stretch;
  width:-webkit-fill-available;
  width:stretch
}

.fr-uploading{
  -webkit-opacity:0.4;
  -moz-opacity:0.4;
  opacity:0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading{
  from{
    left:-25%
  }

  to{
    left:100%
  }
}

.fr-pull-left{
  float:left
}

.fr-pull-right{
  float:right
}

.fr-icons{
  padding:10px 20px 0;
  display:inline
}

.fr-transform-135{
  transform:rotate(135deg)
}

.fr-icons i{
  margin:4px;
  padding:2px;
  cursor:pointer;
  color:#999588;
  font-size:20px
}

.fr-blue-decorator{
  background:#4a7fba;
  color:white;
  display:grid;
  padding:5px
}

.fr-upload-progress{
  padding:1px
}

.fr-upload-section{
  position:relative;
  width:100%;
  width:-moz-available;
  width:-webkit-stretch;
  width:-webkit-fill-available;
  width:stretch
}

@media screen and (max-width: 399px){
  .fr-upload-section{
    margin-left:7px;
    margin-right:7px
  }

  .fr-files-upload-layer{
    padding-top:7px;
    padding-bottom:7px
  }
}

@media screen and (min-width: 400px) and (max-width: 469px){
  .fr-upload-section{
    margin-left:7px;
    margin-right:7px
  }

  .fr-files-upload-layer{
    padding-top:7px;
    padding-bottom:7px
  }
}

@media screen and (min-width: 470px) and (max-width: 680px){
  .fr-upload-section{
    margin-left:7px;
    margin-right:7px
  }

  .fr-files-upload-layer{
    padding-top:7px;
    padding-bottom:7px
  }
}

@media screen and (min-width: 681px){
  .fr-upload-section{
    margin-left:35px;
    margin-right:35px
  }

  .fr-files-upload-layer{
    padding-top:20px;
    padding-bottom:20px
  }
}

.fr-half-circle{
  width:60px;
  height:25px;
  background-color:white;
  border-top-left-radius:110px;
  border-top-right-radius:110px;
  transform:rotate(180deg);
  border-bottom:0;
  position:relative;
  left:50%;
  z-index:1;
  left:50%;
  margin-top:-1px;
  margin-left:-25px
}

.fr-decorated{
  overflow:hidden;
  text-align:center
}

.fr-decorated>span{
  position:relative;
  display:inline-block
}

.fr-decorated>span:before,.fr-decorated>span:after{
  content:'';
  position:absolute;
  top:50%;
  border-bottom:2px solid #ffffff;
  width:100%;
  margin:0 20px
}

.fr-decorated>span:before{
  right:100%
}

.fr-decorated>span:after{
  left:100%
}

.fr-align-right{
  float:right
}

.fr-checkbox-container{
  display:inline-block;
  position:relative;
  padding-left:20px;
  margin-bottom:12px;
  cursor:pointer;
  font-size:13px;
  -webkit-user-select:none;
  user-select:none
}

.fr-files-checkbox-line{
  display:flex;
  align-items:center;
  font-size:10px
}

.fr-files-checkbox-line label{
  cursor:pointer;
  vertical-align:middle
}

.fr-insert-checkbox input{
  height:13px !important;
  width:13px !important
}

.fr-autoplay-checkbox input{
  height:13px !important;
  width:13px !important
}

button[data-cmd="insertFiles"]{
  padding-left:2px !important;
  padding-top:2.7px !important
}

button[data-cmd="autoplay"] svg{
  position:relative !important;
  top:3.2px !important
}

button[data-cmd="insertAll"]{
  padding-left:4px !important
}

button[data-cmd="insertAll"] svg{
  position:relative !important;
  top:3.2px !important
}

.fr-checkbox-container input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.fr-checkmark{
  position:absolute;
  top:0;
  left:0;
  height:15px;
  width:15px;
  background-color:#eee
}

.fr-file-list-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:7px;
  flex-wrap:wrap;
  position:relative;
  top:-20px;
  border-bottom:1px solid #ddd;
  padding-bottom:7px
}

.fr-file-item-left{
  display:flex;
  flex-wrap:wrap
}

.fr-file-item-icon{
  display:flex;
  align-items:center;
  padding-left:7px
}

.fr-file-item-description{
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  justify-content:center;
  max-width:400px;
  margin-left:5px
}

.fr-cloud-icon{
  height:30px;
  width:32px;
  background-color:white;
  border-radius:50%;
  display:flex;
  justify-content:center;
  position:relative;
  margin:0 auto;
  margin-top:-18px
}

.fr-files-checkbox{
  position:relative;
  display:inline-block;
  width:13px;
  height:13px;
  padding-right:5px;
  border-radius:100%;
  line-height:1;
  box-sizing:content-box;
  vertical-align:middle
}

.fr-files-checkbox svg{
  margin-left:0px;
  margin-top:0px;
  display:none;
  width:10px;
  height:10px
}

.fr-files-checkbox span{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  width:15px;
  height:15px;
  display:inline-block;
  position:relative;
  z-index:1;
  box-sizing:border-box;
  -webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-files-checkbox input{
  position:absolute;
  z-index:2;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border:0 none;
  cursor:pointer;
  height:18px;
  margin:0;
  padding:0;
  width:18px
}

.fr-files-checkbox input:not(:checked)+span{
  border:solid 2px #999999
}

.fr-files-checkbox input:not(:checked):active+span{
  background-color:#f5f5f5
}

.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{
  border-color:#515151
}

.fr-files-checkbox input:checked+span{
  background:#0098f7;
  border:solid 2px #0098f7
}

.fr-files-checkbox input:checked+span svg{
  display:block
}

.fr-files-checkbox input:checked:active+span{
  background-color:#EcF5Ff
}

.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-checkbox-disabled{
  opacity:0.4;
  position:relative;
  display:inline-block;
  width:13px !important;
  height:13px !important;
  padding-right:5px;
  border-radius:100%;
  line-height:1;
  box-sizing:content-box;
  vertical-align:middle
}

.fr-checkbox-disabled svg{
  margin-left:2px;
  margin-top:2px;
  display:none;
  width:10px;
  height:10px
}

.fr-checkbox-disabled span{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  width:15px;
  height:15px;
  display:inline-block;
  position:relative;
  z-index:1;
  box-sizing:border-box;
  -webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-checkbox-disabled input{
  position:absolute;
  z-index:2;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border:0 none;
  cursor:default;
  height:13px !important;
  margin:0;
  padding:0;
  width:13px !important;
  top:7px;
  left:7px
}

.fr-checkbox-disabled input:not(:checked)+span{
  border:solid 2px #999999
}

.fr-checkbox-disabled input:not(:checked):active+span{
  background-color:#f5f5f5
}

.fr-checkbox-disabled input:checked+span{
  background:#0098f7;
  border:solid 2px #0098f7
}

.fr-checkbox-disabled input:checked+span svg{
  display:block
}

.fr-checkbox-disabled input:checked:active+span{
  background-color:#EcF5Ff
}

.fr-file-view{
  position:absolute;
  max-width:60%;
  right:10%;
  z-index:2147483642
}

.fr-file-item-thumbnail-hover{
  transition:transform .2s
}

.fr-file-item-thumbnail-hover:hover{
  transform:scale(1.3)
}

.fr-file-name{
  padding-top:5px;
  font-size:12px;
  font-weight:bold
}

.fr-margin-16{
  margin-bottom:16px
}

.fr-none{
  display:none
}

.fr-display-block{
  display:block
}

.fr-files-manager-tooltip{
  position:relative
}

.padding-top-15{
  padding-top:15px !important;
  padding-bottom:0px !important
}

.fr-files-manager-tooltip .tooltiptext{
  visibility:hidden;
  width:max-content;
  max-width:250px;
  word-break:break-word;
  word-wrap:break-word;
  background-color:black;
  color:#fff;
  text-align:left;
  padding:4px;
  border-radius:2px;
  font-weight:100;
  font-size:10px;
  position:absolute;
  top:80%;
  left:50%;
  z-index:2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext{
  visibility:visible
}

.fr-file-details{
  display:flex;
  flex-wrap:wrap;
  font-size:10px
}

.fr-file-date{
  word-break:break-word;
  word-wrap:break-word;
  max-width:110px;
  color:#444;
  padding-top:2px;
  padding-bottom:2px
}

.fr-file-size{
  color:#444;
  padding-top:2px;
  padding-bottom:2px
}

.dot{
  width:20px;
  height:20px;
  background-image:radial-gradient(circle, grey 1px, transparent 2px);
  background-size:100% 33.33%;
  margin-left:2px;
  margin-right:2px
}

.fr-file-action-icons{
  margin-right:5px;
  margin-left:5px !important;
  color:#999;
  height:25px !important;
  padding:5px !important
}

@media screen and (max-width: 700px){
  .fr-files-manager-tooltip .tooltiptext{
    max-width:250px;
    visibility:hidden;
    word-break:break-word;
    word-wrap:break-word;
    top:90%;
    left:0%;
    font-size:8px
  }
}

@media screen and (max-width: 500px){
  .fr-files-manager-tooltip .tooltiptext{
    max-width:100px;
    visibility:hidden;
    word-break:break-word;
    word-wrap:break-word;
    top:90%;
    left:0%
  }

  .fr-file-item-description{
    width:130px
  }

  .fr-file-item-right{
    width:100%
  }

  .progress-circle{
    font-size:6px
  }
}

@media screen and (max-width: 320px){
  .fr-files-manager-tooltip .tooltiptext{
    max-width:100px;
    visibility:hidden;
    word-break:break-word;
    word-wrap:break-word;
    top:90%;
    left:-50%;
    font-size:8px
  }

  .dot{
    width:20px;
    margin-left:0px;
    margin-right:3px
  }

  .fr-file-item-description{
    width:80px
  }

  .fr-file-details{
    display:flex;
    flex-wrap:wrap;
    font-size:9px
  }

  .fr-file-name{
    font-size:10px
  }

  .fr-file-action-icons{
    padding:0px !important
  }
}

@media screen and (min-width: 501px){
  .progress-circle{
    font-size:9px
  }
}

.fr-file-view-modal{
  display:block;
  position:fixed;
  position:-ms-page;
  z-index:2147483641;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:black;
  background-color:rgba(0,0,0,0.7)
}

.fr-file-view-modal-content{
  display:inline-block;
  text-align:center
}

.fr-file-view-image{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  max-width:80%;
  max-height:70%
}

.fr-file-view-close{
  position:absolute;
  top:15px;
  right:35px;
  color:#f1f1f1;
  font-size:40px;
  font-weight:bold;
  transition:0.3s
}

.fr-file-view-close:hover,.fr-file-view-close:focus{
  color:#bbb;
  text-decoration:none;
  cursor:pointer
}

.fr-file-error{
  color:red;
  font-weight:200;
  font-size:12px;
  padding-bottom:5px
}

.fr-file-error-h5{
  margin:0
}

.fr-file-item-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-right:20px
}

.fr-file-item-action-buttons{
  display:flex;
  align-items:center;
  justify-content:space-around
}

.fr-file-item-autoplay-checkbox{
  align-items:center;
  margin:0px;
  padding:0px;
  margin-right:5px
}

.fr-autoplay-checkbox-label{
  margin:0;
  cursor:default !important
}

.fr-checkbox-container:hover input ~ .fr-checkmark{
  background-color:#ccc
}

.fr-checkbox-container input:checked ~ .fr-checkmark{
  background-color:#2196F3
}

.fr-checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.fr-checkbox-container input:checked ~ .fr-checkmark:after{
  display:block
}

.fr-container .fr-checkmark:after{
  left:5px;
  top:2px;
  width:3px;
  height:7px;
  border:solid white;
  border-width:0 3px 3px 0;
  transform:rotate(45deg)
}

.fr-file-item-details .file-name{
  font-weight:bold;
  display:inline
}

.fr-file-item-details .file-description{
  font-weight:300;
  font-size:11px;
  display:inline
}

.fr-width-10{
  width:10%;
  display:inline-block
}

.fr-width-20{
  width:20%;
  display:inline-block
}

.fr-width-30{
  width:30%;
  display:inline-block
}

.fr-width-40{
  width:40%;
  display:inline-block
}

.fr-width-50{
  width:50%;
  display:inline-block
}

.fr-width-60{
  width:60%;
  display:inline-block
}

.fr-width-100{
  width:100%;
  display:inline-block
}

.fr-width-80{
  width:80%;
  display:inline-block
}

.fr-width-90{
  width:90%;
  display:inline-block
}

.fr-width-85{
  width:85%;
  display:inline-block
}

.fr-width-5{
  width:5%;
  display:inline-block
}

.fr-width-7{
  width:7%;
  display:inline-block
}

.fr-img-icon{
  color:#aaaaaa;
  font-size:16px;
  padding:0px 4px
}

.fr-position-content{
  position:relative;
  top:10px
}

.file-error{
  color:red
}

#myprogressBar{
  width:10%;
  height:5px;
  background-color:#4CAF50;
  position:relative;
  top:-30px
}

.fr-files-manager{
  z-index:2147483641 !important
}

.progress-circle{
  margin:0px;
  margin-left:10px;
  position:relative;
  padding:0;
  width:5em;
  height:5.1em;
  background-color:#f2e9e1;
  border-radius:50%;
  line-height:5em
}

.progress-circle:after{
  border:none;
  position:absolute;
  top:0.35em;
  left:0.35em;
  text-align:center;
  display:block;
  border-radius:50%;
  width:4.3em;
  height:4.3em;
  background-color:white;
  content:" "
}

.progress-circle span{
  position:absolute;
  line-height:5em;
  width:5em;
  text-align:center;
  display:block;
  color:#53777a;
  z-index:2
}

.progress-circle.over50 .left-half-clipper{
  clip:rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar{
  position:absolute;
  clip:rect(0, 5em, 5em, 2.5em);
  background-color:#53777a;
  border-radius:50%;
  width:5em;
  height:5em
}

.progress-circle:not(.over50) .first50-bar{
  display:none
}

.progress-circle.p0 .value-bar{
  display:none
}

.progress-circle.p1 .value-bar{
  transform:rotate(4deg)
}

.progress-circle.p2 .value-bar{
  transform:rotate(7deg)
}

.progress-circle.p3 .value-bar{
  transform:rotate(11deg)
}

.progress-circle.p4 .value-bar{
  transform:rotate(14deg)
}

.progress-circle.p5 .value-bar{
  transform:rotate(18deg)
}

.progress-circle.p6 .value-bar{
  transform:rotate(22deg)
}

.progress-circle.p7 .value-bar{
  transform:rotate(25deg)
}

.progress-circle.p8 .value-bar{
  transform:rotate(29deg)
}

.progress-circle.p9 .value-bar{
  transform:rotate(32deg)
}

.progress-circle.p10 .value-bar{
  transform:rotate(36deg)
}

.progress-circle.p11 .value-bar{
  transform:rotate(40deg)
}

.progress-circle.p12 .value-bar{
  transform:rotate(43deg)
}

.progress-circle.p13 .value-bar{
  transform:rotate(47deg)
}

.progress-circle.p14 .value-bar{
  transform:rotate(50deg)
}

.progress-circle.p15 .value-bar{
  transform:rotate(54deg)
}

.progress-circle.p16 .value-bar{
  transform:rotate(58deg)
}

.progress-circle.p17 .value-bar{
  transform:rotate(61deg)
}

.progress-circle.p18 .value-bar{
  transform:rotate(65deg)
}

.progress-circle.p19 .value-bar{
  transform:rotate(68deg)
}

.progress-circle.p20 .value-bar{
  transform:rotate(72deg)
}

.progress-circle.p21 .value-bar{
  transform:rotate(76deg)
}

.progress-circle.p22 .value-bar{
  transform:rotate(79deg)
}

.progress-circle.p23 .value-bar{
  transform:rotate(83deg)
}

.progress-circle.p24 .value-bar{
  transform:rotate(86deg)
}

.progress-circle.p25 .value-bar{
  transform:rotate(90deg)
}

.progress-circle.p26 .value-bar{
  transform:rotate(94deg)
}

.progress-circle.p27 .value-bar{
  transform:rotate(97deg)
}

.progress-circle.p28 .value-bar{
  transform:rotate(101deg)
}

.progress-circle.p29 .value-bar{
  transform:rotate(104deg)
}

.progress-circle.p30 .value-bar{
  transform:rotate(108deg)
}

.progress-circle.p31 .value-bar{
  transform:rotate(112deg)
}

.progress-circle.p32 .value-bar{
  transform:rotate(115deg)
}

.progress-circle.p33 .value-bar{
  transform:rotate(119deg)
}

.progress-circle.p34 .value-bar{
  transform:rotate(122deg)
}

.progress-circle.p35 .value-bar{
  transform:rotate(126deg)
}

.progress-circle.p36 .value-bar{
  transform:rotate(130deg)
}

.progress-circle.p37 .value-bar{
  transform:rotate(133deg)
}

.progress-circle.p38 .value-bar{
  transform:rotate(137deg)
}

.progress-circle.p39 .value-bar{
  transform:rotate(140deg)
}

.progress-circle.p40 .value-bar{
  transform:rotate(144deg)
}

.progress-circle.p41 .value-bar{
  transform:rotate(148deg)
}

.progress-circle.p42 .value-bar{
  transform:rotate(151deg)
}

.progress-circle.p43 .value-bar{
  transform:rotate(155deg)
}

.progress-circle.p44 .value-bar{
  transform:rotate(158deg)
}

.progress-circle.p45 .value-bar{
  transform:rotate(162deg)
}

.progress-circle.p46 .value-bar{
  transform:rotate(166deg)
}

.progress-circle.p47 .value-bar{
  transform:rotate(169deg)
}

.progress-circle.p48 .value-bar{
  transform:rotate(173deg)
}

.progress-circle.p49 .value-bar{
  transform:rotate(176deg)
}

.progress-circle.p50 .value-bar{
  transform:rotate(180deg)
}

.progress-circle.p51 .value-bar{
  transform:rotate(184deg)
}

.progress-circle.p52 .value-bar{
  transform:rotate(187deg)
}

.progress-circle.p53 .value-bar{
  transform:rotate(191deg)
}

.progress-circle.p54 .value-bar{
  transform:rotate(194deg)
}

.progress-circle.p55 .value-bar{
  transform:rotate(198deg)
}

.progress-circle.p56 .value-bar{
  transform:rotate(202deg)
}

.progress-circle.p57 .value-bar{
  transform:rotate(205deg)
}

.progress-circle.p58 .value-bar{
  transform:rotate(209deg)
}

.progress-circle.p59 .value-bar{
  transform:rotate(212deg)
}

.progress-circle.p60 .value-bar{
  transform:rotate(216deg)
}

.progress-circle.p61 .value-bar{
  transform:rotate(220deg)
}

.progress-circle.p62 .value-bar{
  transform:rotate(223deg)
}

.progress-circle.p63 .value-bar{
  transform:rotate(227deg)
}

.progress-circle.p64 .value-bar{
  transform:rotate(230deg)
}

.progress-circle.p65 .value-bar{
  transform:rotate(234deg)
}

.progress-circle.p66 .value-bar{
  transform:rotate(238deg)
}

.progress-circle.p67 .value-bar{
  transform:rotate(241deg)
}

.progress-circle.p68 .value-bar{
  transform:rotate(245deg)
}

.progress-circle.p69 .value-bar{
  transform:rotate(248deg)
}

.progress-circle.p70 .value-bar{
  transform:rotate(252deg)
}

.progress-circle.p71 .value-bar{
  transform:rotate(256deg)
}

.progress-circle.p72 .value-bar{
  transform:rotate(259deg)
}

.progress-circle.p73 .value-bar{
  transform:rotate(263deg)
}

.progress-circle.p74 .value-bar{
  transform:rotate(266deg)
}

.progress-circle.p75 .value-bar{
  transform:rotate(270deg)
}

.progress-circle.p76 .value-bar{
  transform:rotate(274deg)
}

.progress-circle.p77 .value-bar{
  transform:rotate(277deg)
}

.progress-circle.p78 .value-bar{
  transform:rotate(281deg)
}

.progress-circle.p79 .value-bar{
  transform:rotate(284deg)
}

.progress-circle.p80 .value-bar{
  transform:rotate(288deg)
}

.progress-circle.p81 .value-bar{
  transform:rotate(292deg)
}

.progress-circle.p82 .value-bar{
  transform:rotate(295deg)
}

.progress-circle.p83 .value-bar{
  transform:rotate(299deg)
}

.progress-circle.p84 .value-bar{
  transform:rotate(302deg)
}

.progress-circle.p85 .value-bar{
  transform:rotate(306deg)
}

.progress-circle.p86 .value-bar{
  transform:rotate(310deg)
}

.progress-circle.p87 .value-bar{
  transform:rotate(313deg)
}

.progress-circle.p88 .value-bar{
  transform:rotate(317deg)
}

.progress-circle.p89 .value-bar{
  transform:rotate(320deg)
}

.progress-circle.p90 .value-bar{
  transform:rotate(324deg)
}

.progress-circle.p91 .value-bar{
  transform:rotate(328deg)
}

.progress-circle.p92 .value-bar{
  transform:rotate(331deg)
}

.progress-circle.p93 .value-bar{
  transform:rotate(335deg)
}

.progress-circle.p94 .value-bar{
  transform:rotate(338deg)
}

.progress-circle.p95 .value-bar{
  transform:rotate(342deg)
}

.progress-circle.p96 .value-bar{
  transform:rotate(346deg)
}

.progress-circle.p97 .value-bar{
  transform:rotate(349deg)
}

.progress-circle.p98 .value-bar{
  transform:rotate(353deg)
}

.progress-circle.p99 .value-bar{
  transform:rotate(356deg)
}

.progress-circle.p100 .value-bar{
  transform:rotate(360deg)
}

.left-half-clipper{
  border-radius:50%;
  width:5em;
  height:5em;
  position:absolute;
  clip:rect(0, 5em, 5em, 2.5em)
}

.value-bar{
  position:absolute;
  clip:rect(0, 2.5em, 5em, 0);
  width:5em;
  height:5em;
  border-radius:50%;
  border:0.45em solid #53777a;
  box-sizing:border-box
}

.align-autoplay{
  align-items:flex-end;
  margin-right:7px
}

.fr-hovered-over-file{
  background-color:#F0F0F0
}

.fr-thumbnail-padding{
  padding-right:4px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

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-wrapper{
  background-color:#FFF
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-fullscreen .fr-toolbar{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top{
  top:0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{
  bottom:0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar{
  margin-top:0;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-fullscreen-wrapper{
  z-index:2147483640 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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{
  text-align:left
}

.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:0.5px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  padding:0 1px
}

.fr-image-resizer{
  position:absolute;
  border:solid 1px #0098f7;
  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;
  box-sizing:content-box
}

.fr-image-resizer.fr-active{
  display:block
}

.fr-image-resizer .fr-handler{
  display:block;
  position:absolute;
  background:#0098f7;
  border:solid 1px #FFF;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:4;
  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;
  margin:20px;
  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:#0098f7
}

.fr-popup .fr-image-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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:normal
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  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:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  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:0.4;
  -moz-opacity:0.4;
  opacity:0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading{
  from{
    left:-25%
  }

  to{
    left:100%
  }
}

img.fr-draggable{
  -webkit-user-select:none;
          user-select:none
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-head .fr-modal-head-line::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{
  margin-top:10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{
  opacity:0;
  width:0;
  padding:12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags{
  padding:0 20px;
  display:none;
  text-align:left
}

.fr-modal .fr-modal-head .fr-modal-tags a{
  display:inline-block;
  opacity:0;
  padding:6px 12px;
  margin:8px 0 8px 8px;
  text-decoration:none;
  border-radius:32px;
  -moz-border-radius:32px;
  -webkit-border-radius:32px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor:pointer;
  background-color:#f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus{
  outline:none;
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover{
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active{
  background-color:#d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{
  background-color:#EcF5Ff;
  color:#0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{
  outline:none;
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{
  background-color:#d6d6d6
}

.fr-show-tags .fr-modal-more svg path{
  fill:#0098f7
}

div.fr-modal-body{
  -webkit-transition:background 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s
}

div.fr-modal-body .fr-preloader{
  display:block;
  margin:50px auto
}

div.fr-modal-body div.fr-image-list{
  text-align:center;
  margin:0 20px;
  padding:0
}

div.fr-modal-body div.fr-image-list .fr-list-column{
  float:left;
  width:calc((100% - 20px) / 2)
}

@media (min-width: 768px) and (max-width: 1199px){
  div.fr-modal-body div.fr-image-list .fr-list-column{
    width:calc((100% - 40px) / 3)
  }
}

@media (min-width: 1200px){
  div.fr-modal-body div.fr-image-list .fr-list-column{
    width:calc((100% - 60px) / 4)
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{
  margin-left:20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container{
  position:relative;
  width:100%;
  display:block;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  overflow:hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{
  margin-top:20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div{
  margin-top:20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{
  position:absolute;
  -webkit-opacity:0.5;
  -moz-opacity:0.5;
  opacity:0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition:opacity 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s;
  -o-transition:opacity 0.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:#CCCCCC;
  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:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition:opacity 0.2s ease 0s, filter 0.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:0.75;
  -moz-opacity:0.75;
  opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.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;
  background-clip:padding-box;
  -webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  box-sizing:border-box;
  position:absolute;
  cursor:pointer;
  margin:0;
  line-height:40px;
  text-decoration:none;
  z-index:3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{
  background:#B8312F;
  fill:#FFF;
  padding:8px;
  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;
  fill:#0098f7;
  padding:8px;
  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 div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{
  -webkit-opacity:0.75;
  -moz-opacity:0.75;
  opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.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;
  width:40px;
  height:40px
}

.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
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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 #0098f7;
  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% - (40px / 2));
  top:-20px
}

.fr-line-breaker a.fr-floating-btn svg{
  margin:8px;
  height:24px;
  width:24px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

.fr-wrapper-markdown{
  display:flex
}

.fr-markdown-view{
  width:calc(52% - 1px);
  box-sizing:inherit
}

.fr-markdown-editor{
  width:calc(48% - 1px);
  box-sizing:inherit;
  background-color:#eee
}

.fr-markdown-editor>p{
  margin:0
}

.fr-markdown-view>p{
  margin-top:0
}

.gutter-horizontal{
  display:flex;
  z-index:9;
  background-color:#dadada;
  cursor:col-resize;
  width:2px
}

.e-resize-handler{
  z-index:9;
  width:1px;
  display:flex;
  justify-content:center;
  align-items:center;
  align-self:center;
  position:relative;
  font-size:10px;
  color:#c5c5c5
}

.fr-markdown-view>dl{
  margin-top:0;
  margin-bottom:1rem
}

.fr-markdown-view>dt{
  font-weight:700
}

.fr-markdown-view>dd{
  margin-bottom:.5rem;
  margin-left:0
}

.fr-markdown-view>pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  background-color:#f8f8f8;
  border:1px solid #dfdfdf;
  margin-top:1.5em;
  margin-bottom:1.5em;
  padding:0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view>code{
  background-color:#f8f8f8;
  border-color:#dfdfdf;
  border-style:solid;
  border-width:1px;
  color:#333;
  font-family:Consolas,"Liberation Mono",Courier,monospace;
  font-weight:normal;
  padding:0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view>pre code{
  background-color:transparent;
  border:0;
  padding:0
}

.fr-markdown-view>sup{
  top:-.5em
}

.footnote-a{
  color:#007bff;
  text-decoration:none;
  background-color:transparent
}

.fr-markdown-view>hr{
  margin-top:1rem;
  margin-bottom:1rem;
  border:0;
  border-top:1px solid rgba(0,0,0,0.1)
}

.blockquote{
  margin:0 0 1rem;
  border-left:5px solid #eee;
  padding:10px 20px;
  font-size:1.25rem
}

.fr-markdown-view>table{
  width:100%;
  max-width:100%;
  margin-bottom:20px;
  background-color:transparent;
  border-spacing:0;
  border-collapse:collapse
}

.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{
  padding:8px;
  line-height:1.42857143;
  vertical-align:top;
  border:1px solid #ddd
}

.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{
  border-bottom-width:2px
}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd){
  background-color:#f9f9f9
}

.fr-markdown-view>a{
  color:#337ab7;
  text-decoration:none
}

.fr-markdown-view>h1{
  font-size:2em !important
}

.fr-markdown-view>h2{
  font-size:1.5em !important
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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:10px;
  box-sizing:content-box
}

.fr-quick-insert a.fr-floating-btn svg{
  margin:8px;
  width:24px;
  height:24px
}

.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:20px;
  white-space:nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn{
  text-align:center;
  padding:6px 10px 10px 10px;
  display:inline-block;
  color:#222222;
  background:#FFF;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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 svg{
  fill:#222222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{
  -webkit-opacity:1;
  -moz-opacity:1;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1)
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-buttons.fr-tabs .fr-special-character-category{
  padding:10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{
  font-weight:normal;
  font-size:16px
}

.fr-popup .fr-special-character{
  width:24px;
  height:24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){
  .fr-popup .fr-icon-container.fr-sc-container{
    width:368px
  }
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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 #0098f7
}

.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:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right:1px solid #0098f7
}

.fr-no-selection{
  user-select:none;
  -o-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none
}

.fr-popup .fr-table-size{
  margin:20px
}

.fr-popup .fr-table-size .fr-table-size-info{
  text-align:center;
  font-size:14px
}

.fr-popup .fr-table-size .fr-select-table-size{
  line-height:0;
  padding:5px;
  white-space:nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span{
  display:inline-block;
  padding:0 4px 4px 0;
  background:transparent
}

.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:transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{
  background:rgba(0,152,247,0.3);
  border:solid 1px #0098f7
}

.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{
  display:block;
  padding:20px;
  padding-bottom:0
}

.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
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

#fr-form-container{
  margin:auto;
  position:relative;
  top:10%;
  background-color:#f5f5f5;
  width:60%;
  border-radius:5px;
  z-index:9002;
  overflow:auto;
  background-color:#fefefe
}

.fr-trim-video-name{
  font-family:Arial, Helvetica, sans-serif;
  padding-top:15px
}

.fr-file-loader{
  border:4px solid #f3f3f3;
  border-radius:50%;
  border-top:4px solid #53777a;
  display:inline-block !important;
  animation:spin 2s linear infinite;
  width:20px;
  height:20px;
  display:block !important;
  align-items:center
}

.fr-trim-button{
  margin-top:5px;
  height:36px;
  line-height:1;
  color:#0098f7;
  padding:10px;
  cursor:pointer;
  text-decoration:none;
  border:none;
  background:none;
  font-size:16px;
  border-radius:5px;
  background-color:#eff5fa;
  outline:none
}

.fr-trim-button:hover{
  background:#ebebeb
}

@keyframes spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.fr-slidecontainer{
  width:100%
}

.fr-slider{
  -webkit-appearance:none;
  width:100%;
  height:15px;
  background:#d3d3d3
}

.fr-video-trim-buttons{
  text-align:right;
  padding-bottom:5px;
  padding-right:15px;
  margin-top:10px
}

.fr-slider::-webkit-slider-thumb{
  appearance:none;
  width:15px;
  height:15px;
  border-radius:50%;
  cursor:pointer
}

.fr-slider::-moz-range-thumb{
  width:15px;
  height:15px;
  background:#3498db;
  border-radius:50%;
  cursor:pointer
}

.fr-range-value-start{
  position:absolute
}

.fr-range-value-start>span{
  width:60px;
  height:24px;
  line-height:24px;
  text-align:center;
  background:#03a9f4;
  color:#fff;
  font-size:12px;
  display:block;
  position:absolute;
  left:50%;
  transform:translate(-85%, 0);
  border-radius:6px
}

.fr-range-value-start>span:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  left:86%;
  margin-left:-5px;
  margin-top:-1px
}

.fr-range-value-end{
  position:absolute
}

.fr-range-value-end>span{
  width:60px;
  height:24px;
  line-height:24px;
  text-align:center;
  background:#03a9f4;
  color:#fff;
  font-size:12px;
  display:block;
  position:absolute;
  left:14%;
  transform:translate(-8%, 0);
  border-radius:6px
}

.fr-range-value-end>span:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  left:14%;
  margin-left:-5px;
  margin-top:-1px
}

#startTimeValue{
  top:-153% !important
}

#startTimeValue span:before{
  border-top:10px solid #03a9f4;
  top:100%
}

#endTimeValue{
  top:-153% !important
}

#endTimeValue span:before{
  border-top:10px solid #03a9f4;
  top:100%
}

.fr-range-slider{
  position:relative;
  width:80%;
  height:15px
}

.fr-range-slider>input{
  pointer-events:none;
  position:absolute;
  left:0;
  top:10px;
  width:100%;
  outline:none;
  height:6px;
  border-radius:10px
}

.fr-range-slider>input::-webkit-slider-thumb{
  pointer-events:all;
  position:relative;
  z-index:1;
  appearance:none;
  width:15px;
  height:15px;
  background:#3498db;
  cursor:pointer;
  border-radius:7px;
  margin-top:-3.6px
}

.fr-range-slider>input::-moz-range-thumb{
  pointer-events:all;
  position:relative;
  z-index:10;
  -moz-appearance:none;
  width:9px;
  height:15px;
  border-radius:7px;
  margin-top:-3.6px
}

.fr-range-slider>input::-moz-range-track{
  position:relative;
  z-index:-1;
  background-color:black;
  border:0;
  height:15px;
  border-radius:50%;
  margin-top:-3.6px
}

.fr-range-slider>input:last-of-type::-moz-range-track{
  -moz-appearance:none;
  background:none transparent;
  border:0
}

.fr-range-slider>input[type="range"]::-moz-focus-outer{
  border:0
}

@media screen and (max-width: 430px){
  .range-value span{
    width:40px;
    font-size:10px
  }

  #fr-form-container{
    top:20%
  }
}

#fr-video-edit{
  width:80%;
  text-align:center;
  height:50%;
  margin-bottom:20px;
  padding-top:8px;
  padding-bottom:8px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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:transparent
}

.fr-element .fr-video.fr-active>*{
  z-index:2;
  position:relative
}

.fr-element .fr-video>*{
  box-sizing:content-box;
  max-width:100%;
  border:none
}

.fr-box .fr-video-resizer{
  position:absolute;
  border:solid 1px #0098f7;
  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:#0098f7;
  border:solid 1px #FFF;
  z-index:4;
  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;
  margin:20px;
  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:#0098f7
}

.fr-popup .fr-video-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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:normal
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  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:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  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
}

.fr-autoplay-margin{
  margin-top:0px !important
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{
  box-shadow:10px 10px 5px 0px #cccccc
}

.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{
  border:solid 5px #CCC
}

.fr-view img.fr-bordered{
  box-sizing:content-box
}

.fr-view .fr-img-caption.fr-bordered img{
  box-sizing:border-box
}

.fr-view li img.fr-dii.fr-fil{
  margin-right:20px
}

.fr-view{
  word-wrap:break-word
}

.fr-view span[style~="color:"] a{
  color:inherit
}

.fr-view strong{
  font-weight:700
}

.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{
  border-width:0px
}

.fr-view table{
  border:none;
  border-collapse:collapse;
  empty-cells:show;
  max-width:100%
}

.fr-view table td{
  min-width:5px
}

.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{
  border-style:dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){
  background:whitesmoke
}

.fr-view table td,.fr-view table th{
  border:1px solid #DDD
}

.fr-view table td:empty,.fr-view table th:empty{
  height:20px
}

.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{
  border:1px double red
}

.fr-view table td.fr-thick,.fr-view table th.fr-thick{
  border-width:2px
}

.fr-view table th{
  background:#ececec
}

.fr-view table tfoot td{
  background:#ececec
}

.fr-view hr{
  clear:both;
  user-select:none;
  -o-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  break-after:always;
  page-break-after:always
}

.fr-view .fr-file{
  position:relative
}

.fr-view .fr-file::after{
  position:relative;
  content:"\1F4CE";
  font-weight:normal
}

.fr-view pre{
  white-space:pre-wrap;
  word-wrap:break-word;
  overflow:visible
}

.fr-view[dir="rtl"] blockquote{
  border-left:none;
  border-right:solid 2px #5E35B1;
  margin-right:0;
  padding-right:5px;
  padding-left:0
}

.fr-view[dir="rtl"] blockquote blockquote{
  border-color:#00BCD4
}

.fr-view[dir="rtl"] blockquote blockquote blockquote{
  border-color:#43A047
}

.fr-view blockquote{
  border-left:solid 2px #5E35B1;
  margin-left:0;
  padding-left:5px;
  color:#5E35B1
}

.fr-view blockquote blockquote{
  border-color:#00BCD4;
  color:#00BCD4
}

.fr-view blockquote blockquote blockquote{
  border-color:#43A047;
  color:#43A047
}

.fr-view span.fr-emoticon{
  font-weight:normal;
  font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display:inline;
  line-height:0
}

.fr-view span.fr-emoticon.fr-emoticon-img{
  background-repeat:no-repeat !important;
  font-size:inherit;
  height:1em;
  width:1em;
  min-height:20px;
  min-width:20px;
  display:inline-block;
  margin:-.1em .1em .1em;
  line-height:1;
  vertical-align:middle
}

.fr-view .fr-text-gray{
  color:#AAA !important
}

.fr-view .fr-text-bordered{
  border-top:solid 1px #222;
  border-bottom:solid 1px #222;
  padding:10px 0
}

.fr-view .fr-text-spaced{
  letter-spacing:1px
}

.fr-view .fr-text-uppercase{
  text-transform:uppercase
}

.fr-view .fr-class-highlighted{
  background-color:#ffff00
}

.fr-view .fr-class-code{
  border-color:#cccccc;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  background:#f5f5f5;
  padding:10px;
  font-family:"Courier New", Courier, monospace
}

.fr-view .fr-class-transparency{
  opacity:0.5
}

.fr-view img{
  position:relative;
  max-width:100%
}

.fr-view img.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

.fr-view img.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

.fr-view img.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

.fr-view img.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

.fr-view span.fr-img-caption{
  position:relative;
  max-width:100%
}

.fr-view span.fr-img-caption.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

.fr-view span.fr-img-caption.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

.fr-view .fr-video{
  text-align:center;
  position:relative
}

.fr-view .fr-video.fr-rv{
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden
}

.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{
  position:absolute !important;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.fr-view .fr-video>*{
  box-sizing:content-box;
  max-width:100%;
  border:none
}

.fr-view .fr-video.fr-dvb{
  display:block;
  clear:both
}

.fr-view .fr-video.fr-dvb.fr-fvl{
  text-align:left
}

.fr-view .fr-video.fr-dvb.fr-fvr{
  text-align:right
}

.fr-view .fr-video.fr-dvi{
  display:inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl{
  float:left
}

.fr-view .fr-video.fr-dvi.fr-fvr{
  float:right
}

.fr-view a.fr-strong{
  font-weight:700
}

.fr-view a.fr-green{
  color:green
}

.fr-view .fr-img-caption{
  text-align:center
}

.fr-view .fr-img-caption .fr-img-wrap{
  padding:0;
  margin:auto;
  text-align:center;
  width:100%
}

.fr-view .fr-img-caption .fr-img-wrap a{
  display:block
}

.fr-view .fr-img-caption .fr-img-wrap img{
  display:block;
  margin:auto;
  width:100%
}

.fr-view .fr-img-caption .fr-img-wrap>span{
  margin:auto;
  display:block;
  padding:5px 5px 10px;
  font-size:14px;
  font-weight:initial;
  box-sizing:border-box;
  -webkit-opacity:0.9;
  -moz-opacity:0.9;
  opacity:0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width:100%;
  text-align:center
}

.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{
  font-size:24px
}

.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{
  margin-right:15px
}

a.fr-view.fr-strong{
  font-weight:700
}

a.fr-view.fr-green{
  color:green
}

img.fr-view{
  position:relative;
  max-width:100%
}

img.fr-view.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

img.fr-view.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

img.fr-view.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

img.fr-view.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

span.fr-img-caption.fr-view{
  position:relative;
  max-width:100%
}

span.fr-img-caption.fr-view.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

span.fr-img-caption.fr-view.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_style.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{
  box-shadow:10px 10px 5px 0px #cccccc
}

.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{
  border:solid 5px #CCC
}

.fr-view img.fr-bordered{
  box-sizing:content-box
}

.fr-view .fr-img-caption.fr-bordered img{
  box-sizing:border-box
}

.fr-view li img.fr-dii.fr-fil{
  margin-right:20px
}

.fr-view{
  word-wrap:break-word
}

.fr-view span[style~="color:"] a{
  color:inherit
}

.fr-view strong{
  font-weight:700
}

.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{
  border-width:0px
}

.fr-view table{
  border:none;
  border-collapse:collapse;
  empty-cells:show;
  max-width:100%
}

.fr-view table td{
  min-width:5px
}

.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{
  border-style:dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){
  background:whitesmoke
}

.fr-view table td,.fr-view table th{
  border:1px solid #DDD
}

.fr-view table td:empty,.fr-view table th:empty{
  height:20px
}

.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{
  border:1px double red
}

.fr-view table td.fr-thick,.fr-view table th.fr-thick{
  border-width:2px
}

.fr-view table th{
  background:#ececec
}

.fr-view table tfoot td{
  background:#ececec
}

.fr-view hr{
  clear:both;
  user-select:none;
  -o-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  break-after:always;
  page-break-after:always
}

.fr-view .fr-file{
  position:relative
}

.fr-view .fr-file::after{
  position:relative;
  content:"\1F4CE";
  font-weight:normal
}

.fr-view pre{
  white-space:pre-wrap;
  word-wrap:break-word;
  overflow:visible
}

.fr-view[dir="rtl"] blockquote{
  border-left:none;
  border-right:solid 2px #5E35B1;
  margin-right:0;
  padding-right:5px;
  padding-left:0
}

.fr-view[dir="rtl"] blockquote blockquote{
  border-color:#00BCD4
}

.fr-view[dir="rtl"] blockquote blockquote blockquote{
  border-color:#43A047
}

.fr-view blockquote{
  border-left:solid 2px #5E35B1;
  margin-left:0;
  padding-left:5px;
  color:#5E35B1
}

.fr-view blockquote blockquote{
  border-color:#00BCD4;
  color:#00BCD4
}

.fr-view blockquote blockquote blockquote{
  border-color:#43A047;
  color:#43A047
}

.fr-view span.fr-emoticon{
  font-weight:normal;
  font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display:inline;
  line-height:0
}

.fr-view span.fr-emoticon.fr-emoticon-img{
  background-repeat:no-repeat !important;
  font-size:inherit;
  height:1em;
  width:1em;
  min-height:20px;
  min-width:20px;
  display:inline-block;
  margin:-.1em .1em .1em;
  line-height:1;
  vertical-align:middle
}

.fr-view .fr-text-gray{
  color:#AAA !important
}

.fr-view .fr-text-bordered{
  border-top:solid 1px #222;
  border-bottom:solid 1px #222;
  padding:10px 0
}

.fr-view .fr-text-spaced{
  letter-spacing:1px
}

.fr-view .fr-text-uppercase{
  text-transform:uppercase
}

.fr-view .fr-class-highlighted{
  background-color:#ffff00
}

.fr-view .fr-class-code{
  border-color:#cccccc;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  background:#f5f5f5;
  padding:10px;
  font-family:"Courier New", Courier, monospace
}

.fr-view .fr-class-transparency{
  opacity:0.5
}

.fr-view img{
  position:relative;
  max-width:100%
}

.fr-view img.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

.fr-view img.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

.fr-view img.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

.fr-view img.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

.fr-view span.fr-img-caption{
  position:relative;
  max-width:100%
}

.fr-view span.fr-img-caption.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

.fr-view span.fr-img-caption.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

.fr-view .fr-video{
  text-align:center;
  position:relative
}

.fr-view .fr-video.fr-rv{
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden
}

.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{
  position:absolute !important;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.fr-view .fr-video>*{
  box-sizing:content-box;
  max-width:100%;
  border:none
}

.fr-view .fr-video.fr-dvb{
  display:block;
  clear:both
}

.fr-view .fr-video.fr-dvb.fr-fvl{
  text-align:left
}

.fr-view .fr-video.fr-dvb.fr-fvr{
  text-align:right
}

.fr-view .fr-video.fr-dvi{
  display:inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl{
  float:left
}

.fr-view .fr-video.fr-dvi.fr-fvr{
  float:right
}

.fr-view a.fr-strong{
  font-weight:700
}

.fr-view a.fr-green{
  color:green
}

.fr-view .fr-img-caption{
  text-align:center
}

.fr-view .fr-img-caption .fr-img-wrap{
  padding:0;
  margin:auto;
  text-align:center;
  width:100%
}

.fr-view .fr-img-caption .fr-img-wrap a{
  display:block
}

.fr-view .fr-img-caption .fr-img-wrap img{
  display:block;
  margin:auto;
  width:100%
}

.fr-view .fr-img-caption .fr-img-wrap>span{
  margin:auto;
  display:block;
  padding:5px 5px 10px;
  font-size:14px;
  font-weight:initial;
  box-sizing:border-box;
  -webkit-opacity:0.9;
  -moz-opacity:0.9;
  opacity:0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width:100%;
  text-align:center
}

.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{
  font-size:24px
}

.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{
  margin-right:15px
}

a.fr-view.fr-strong{
  font-weight:700
}

a.fr-view.fr-green{
  color:green
}

img.fr-view{
  position:relative;
  max-width:100%
}

img.fr-view.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

img.fr-view.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

img.fr-view.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

img.fr-view.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

span.fr-img-caption.fr-view{
  position:relative;
  max-width:100%
}

span.fr-img-caption.fr-view.fr-dib{
  margin:5px auto;
  display:block;
  float:none;
  vertical-align:top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil{
  margin-left:0;
  text-align:left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir{
  margin-right:0;
  text-align:right
}

span.fr-img-caption.fr-view.fr-dii{
  display:inline-block;
  float:none;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
  max-width:calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil{
  float:left;
  margin:5px 5px 5px 0;
  max-width:calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir{
  float:right;
  margin:5px 0 5px 5px;
  max-width:calc(100% - 5px)
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins.pkgd.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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{
  padding:10px;
  float:right;
  color:#999999;
  content:attr(data-chars);
  font-size:14px;
  font-family:sans-serif;
  z-index:1;
  border-radius:2px 0 0 0;
  -moz-border-radius:2px 0 0 0;
  -webkit-border-radius:2px 0 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-rtl .fr-counter{
  left:0;
  right:auto;
  border-left:none;
  border-radius:0 2px 0 0;
  -moz-border-radius:0 2px 0 0;
  -webkit-border-radius:0 2px 0 0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-code-view .fr-counter{
  display:none
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  box-sizing:border-box;
  border:none;
  padding:10px;
  margin:0;
  font-family:"Courier New",monospace;
  font-size:14px;
  background:#FFF;
  color:#000;
  outline:none
}

.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-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{
  display:none;
  position:absolute;
  top:0;
  right:0;
  display:none;
  background:#FFF;
  color:#333333;
  -moz-outline:0;
  outline:0;
  border:0;
  line-height:1;
  cursor:pointer;
  text-align:left;
  padding:8px 7px;
  -webkit-transition:background 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:2;
  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:24px;
  width:24px;
  text-align:center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{
  background:#ebebeb
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-layer.fr-color-hex-layer{
  margin:0;
  padding:20px;
  padding-top:0;
  float:left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{
  float:left;
  width:calc(100% - 50px);
  padding:15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{
  float:right;
  width:38px;
  height:40px;
  padding:17px 0 0;
  margin:0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  font-size:13px;
  height:40px;
  width:38px
}

.fr-popup .fr-separator+.fr-colors-tabs{
  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;
  padding:20px;
  padding-bottom:0
}

.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:24px;
  width:24px;
  margin:4px;
  font-size:13px;
  position:absolute;
  bottom:0;
  cursor:default;
  left:0
}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{
  fill:#222222
}

.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 #222222;
  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)
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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:#0098f7;
  height:2px;
  margin-top:-1px;
  -webkit-opacity:0.2;
  -moz-opacity:0.2;
  opacity:0.2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position:absolute;
  z-index:2147483640;
  display:none
}

.fr-drag-helper.fr-visible{
  display:block
}

.fr-dragging{
  -webkit-opacity:0.4;
  -moz-opacity:0.4;
  opacity:0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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{
  width:24px;
  height:24px;
  font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img{
  height:24px;
  width:24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode{
  padding:0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){
  .fr-popup .fr-icon-container.fr-emoticon-container{
    width:368px
  }
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  margin:20px;
  position:relative;
  font-size:14px;
  letter-spacing:1px;
  line-height:140%;
  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:#0098f7
}

.fr-popup .fr-file-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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{
  box-sizing:border-box
}

.fr-popup .fr-file-progress-bar-layer>h3{
  font-size:16px;
  margin:10px 0;
  font-weight:normal
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  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:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  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%
  }
}

@keyframes loading{
  from{
    left:-25%
  }

  to{
    left:100%
  }
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  padding:0 1px
}

.fr-height-auto{
  height:auto !important
}

.fr-file-loader{
  border:4px solid #f3f3f3;
  border-radius:50%;
  border-top:4px solid #53777a;
  display:inline-block !important;
  animation:spin 2s linear infinite;
  width:20px;
  height:20px;
  display:block !important;
  align-items:center
}

.fr-trim-button{
  margin-top:5px;
  height:36px;
  line-height:1;
  color:#0098f7;
  padding:10px;
  cursor:pointer;
  text-decoration:none;
  border:none;
  background:none;
  font-size:16px;
  border-radius:5px;
  background-color:#eff5fa;
  outline:none
}

.fr-trim-button:hover{
  background:#ebebeb
}

@keyframes spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.fr-image-resizer{
  position:absolute;
  border:solid 1px #0098f7;
  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;
  box-sizing:content-box
}

.fr-image-resizer.fr-active{
  display:block
}

.fr-image-resizer .fr-handler{
  display:block;
  position:absolute;
  background:#0098f7;
  border:solid 1px #FFF;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:4;
  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-by-url-padding{
  padding:11.5px 0
}

.fr-popup .fr-upload-progress-layer{
  border-radius:0;
  box-sizing:border-box;
  padding-left:20px;
  padding-top:15px;
  margin:auto !important;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  width:100% !important;
  overscroll-behavior:contain
}

.fr-popup .fr-files-by-url-layer{
  width:calc(100% - 40px) !important
}

.fr-popup .fr-files-embed-layer{
  width:calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer{
  border:dashed 2px #bdbdbd;
  margin:20px;
  position:relative;
  font-size:10px;
  letter-spacing:1px;
  line-height:140%;
  text-align:center;
  width:calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer:hover{
  background:#ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop{
  background:#ebebeb;
  border-color:#0098f7
}

.fr-popup .fr-files-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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-files-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-files-progress-bar-layer{
  width:calc(100% - 40px);
  width:-moz-available;
  width:-webkit-stretch;
  width:-webkit-fill-available;
  width:stretch
}

.fr-popup .fr-files-progress-bar-layer>h3{
  font-size:16px;
  margin:10px 0;
  font-weight:normal
}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  height:10px;
  width:100%;
  margin-top:20px;
  overflow:hidden;
  position:relative
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{
  display:block;
  height:100%;
  width:0%;
  background:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  animation:loading 2s linear infinite
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{
  display:none
}

.fr-popup .fr-files-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-progress-bar-style{
  width:calc(100% - 40px)
}

.fr-progress-bar{
  position:relative;
  background-color:#4CAF50;
  height:8px;
  margin-bottom:8px;
  margin-left:20px;
  margin-right:20px;
  width:100%;
  width:-moz-available;
  width:-webkit-stretch;
  width:-webkit-fill-available;
  width:stretch
}

.fr-uploading{
  -webkit-opacity:0.4;
  -moz-opacity:0.4;
  opacity:0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading{
  from{
    left:-25%
  }

  to{
    left:100%
  }
}

.fr-pull-left{
  float:left
}

.fr-pull-right{
  float:right
}

.fr-icons{
  padding:10px 20px 0;
  display:inline
}

.fr-transform-135{
  transform:rotate(135deg)
}

.fr-icons i{
  margin:4px;
  padding:2px;
  cursor:pointer;
  color:#999588;
  font-size:20px
}

.fr-blue-decorator{
  background:#4a7fba;
  color:white;
  display:grid;
  padding:5px
}

.fr-upload-progress{
  padding:1px
}

.fr-upload-section{
  position:relative;
  width:100%;
  width:-moz-available;
  width:-webkit-stretch;
  width:-webkit-fill-available;
  width:stretch
}

@media screen and (max-width: 399px){
  .fr-upload-section{
    margin-left:7px;
    margin-right:7px
  }

  .fr-files-upload-layer{
    padding-top:7px;
    padding-bottom:7px
  }
}

@media screen and (min-width: 400px) and (max-width: 469px){
  .fr-upload-section{
    margin-left:7px;
    margin-right:7px
  }

  .fr-files-upload-layer{
    padding-top:7px;
    padding-bottom:7px
  }
}

@media screen and (min-width: 470px) and (max-width: 680px){
  .fr-upload-section{
    margin-left:7px;
    margin-right:7px
  }

  .fr-files-upload-layer{
    padding-top:7px;
    padding-bottom:7px
  }
}

@media screen and (min-width: 681px){
  .fr-upload-section{
    margin-left:35px;
    margin-right:35px
  }

  .fr-files-upload-layer{
    padding-top:20px;
    padding-bottom:20px
  }
}

.fr-half-circle{
  width:60px;
  height:25px;
  background-color:white;
  border-top-left-radius:110px;
  border-top-right-radius:110px;
  transform:rotate(180deg);
  border-bottom:0;
  position:relative;
  left:50%;
  z-index:1;
  left:50%;
  margin-top:-1px;
  margin-left:-25px
}

.fr-decorated{
  overflow:hidden;
  text-align:center
}

.fr-decorated>span{
  position:relative;
  display:inline-block
}

.fr-decorated>span:before,.fr-decorated>span:after{
  content:'';
  position:absolute;
  top:50%;
  border-bottom:2px solid #ffffff;
  width:100%;
  margin:0 20px
}

.fr-decorated>span:before{
  right:100%
}

.fr-decorated>span:after{
  left:100%
}

.fr-align-right{
  float:right
}

.fr-checkbox-container{
  display:inline-block;
  position:relative;
  padding-left:20px;
  margin-bottom:12px;
  cursor:pointer;
  font-size:13px;
  -webkit-user-select:none;
  user-select:none
}

.fr-files-checkbox-line{
  display:flex;
  align-items:center;
  font-size:10px
}

.fr-files-checkbox-line label{
  cursor:pointer;
  vertical-align:middle
}

.fr-insert-checkbox input{
  height:13px !important;
  width:13px !important
}

.fr-autoplay-checkbox input{
  height:13px !important;
  width:13px !important
}

button[data-cmd="insertFiles"]{
  padding-left:2px !important;
  padding-top:2.7px !important
}

button[data-cmd="autoplay"] svg{
  position:relative !important;
  top:3.2px !important
}

button[data-cmd="insertAll"]{
  padding-left:4px !important
}

button[data-cmd="insertAll"] svg{
  position:relative !important;
  top:3.2px !important
}

.fr-checkbox-container input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.fr-checkmark{
  position:absolute;
  top:0;
  left:0;
  height:15px;
  width:15px;
  background-color:#eee
}

.fr-file-list-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:7px;
  flex-wrap:wrap;
  position:relative;
  top:-20px;
  border-bottom:1px solid #ddd;
  padding-bottom:7px
}

.fr-file-item-left{
  display:flex;
  flex-wrap:wrap
}

.fr-file-item-icon{
  display:flex;
  align-items:center;
  padding-left:7px
}

.fr-file-item-description{
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  justify-content:center;
  max-width:400px;
  margin-left:5px
}

.fr-cloud-icon{
  height:30px;
  width:32px;
  background-color:white;
  border-radius:50%;
  display:flex;
  justify-content:center;
  position:relative;
  margin:0 auto;
  margin-top:-18px
}

.fr-files-checkbox{
  position:relative;
  display:inline-block;
  width:13px;
  height:13px;
  padding-right:5px;
  border-radius:100%;
  line-height:1;
  box-sizing:content-box;
  vertical-align:middle
}

.fr-files-checkbox svg{
  margin-left:0px;
  margin-top:0px;
  display:none;
  width:10px;
  height:10px
}

.fr-files-checkbox span{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  width:15px;
  height:15px;
  display:inline-block;
  position:relative;
  z-index:1;
  box-sizing:border-box;
  -webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-files-checkbox input{
  position:absolute;
  z-index:2;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border:0 none;
  cursor:pointer;
  height:18px;
  margin:0;
  padding:0;
  width:18px
}

.fr-files-checkbox input:not(:checked)+span{
  border:solid 2px #999999
}

.fr-files-checkbox input:not(:checked):active+span{
  background-color:#f5f5f5
}

.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{
  border-color:#515151
}

.fr-files-checkbox input:checked+span{
  background:#0098f7;
  border:solid 2px #0098f7
}

.fr-files-checkbox input:checked+span svg{
  display:block
}

.fr-files-checkbox input:checked:active+span{
  background-color:#EcF5Ff
}

.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-checkbox-disabled{
  opacity:0.4;
  position:relative;
  display:inline-block;
  width:13px !important;
  height:13px !important;
  padding-right:5px;
  border-radius:100%;
  line-height:1;
  box-sizing:content-box;
  vertical-align:middle
}

.fr-checkbox-disabled svg{
  margin-left:2px;
  margin-top:2px;
  display:none;
  width:10px;
  height:10px
}

.fr-checkbox-disabled span{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  width:15px;
  height:15px;
  display:inline-block;
  position:relative;
  z-index:1;
  box-sizing:border-box;
  -webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-checkbox-disabled input{
  position:absolute;
  z-index:2;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border:0 none;
  cursor:default;
  height:13px !important;
  margin:0;
  padding:0;
  width:13px !important;
  top:7px;
  left:7px
}

.fr-checkbox-disabled input:not(:checked)+span{
  border:solid 2px #999999
}

.fr-checkbox-disabled input:not(:checked):active+span{
  background-color:#f5f5f5
}

.fr-checkbox-disabled input:checked+span{
  background:#0098f7;
  border:solid 2px #0098f7
}

.fr-checkbox-disabled input:checked+span svg{
  display:block
}

.fr-checkbox-disabled input:checked:active+span{
  background-color:#EcF5Ff
}

.fr-file-view{
  position:absolute;
  max-width:60%;
  right:10%;
  z-index:2147483642
}

.fr-file-item-thumbnail-hover{
  transition:transform .2s
}

.fr-file-item-thumbnail-hover:hover{
  transform:scale(1.3)
}

.fr-file-name{
  padding-top:5px;
  font-size:12px;
  font-weight:bold
}

.fr-margin-16{
  margin-bottom:16px
}

.fr-none{
  display:none
}

.fr-display-block{
  display:block
}

.fr-files-manager-tooltip{
  position:relative
}

.padding-top-15{
  padding-top:15px !important;
  padding-bottom:0px !important
}

.fr-files-manager-tooltip .tooltiptext{
  visibility:hidden;
  width:max-content;
  max-width:250px;
  word-break:break-word;
  word-wrap:break-word;
  background-color:black;
  color:#fff;
  text-align:left;
  padding:4px;
  border-radius:2px;
  font-weight:100;
  font-size:10px;
  position:absolute;
  top:80%;
  left:50%;
  z-index:2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext{
  visibility:visible
}

.fr-file-details{
  display:flex;
  flex-wrap:wrap;
  font-size:10px
}

.fr-file-date{
  word-break:break-word;
  word-wrap:break-word;
  max-width:110px;
  color:#444;
  padding-top:2px;
  padding-bottom:2px
}

.fr-file-size{
  color:#444;
  padding-top:2px;
  padding-bottom:2px
}

.dot{
  width:20px;
  height:20px;
  background-image:radial-gradient(circle, grey 1px, transparent 2px);
  background-size:100% 33.33%;
  margin-left:2px;
  margin-right:2px
}

.fr-file-action-icons{
  margin-right:5px;
  margin-left:5px !important;
  color:#999;
  height:25px !important;
  padding:5px !important
}

@media screen and (max-width: 700px){
  .fr-files-manager-tooltip .tooltiptext{
    max-width:250px;
    visibility:hidden;
    word-break:break-word;
    word-wrap:break-word;
    top:90%;
    left:0%;
    font-size:8px
  }
}

@media screen and (max-width: 500px){
  .fr-files-manager-tooltip .tooltiptext{
    max-width:100px;
    visibility:hidden;
    word-break:break-word;
    word-wrap:break-word;
    top:90%;
    left:0%
  }

  .fr-file-item-description{
    width:130px
  }

  .fr-file-item-right{
    width:100%
  }

  .progress-circle{
    font-size:6px
  }
}

@media screen and (max-width: 320px){
  .fr-files-manager-tooltip .tooltiptext{
    max-width:100px;
    visibility:hidden;
    word-break:break-word;
    word-wrap:break-word;
    top:90%;
    left:-50%;
    font-size:8px
  }

  .dot{
    width:20px;
    margin-left:0px;
    margin-right:3px
  }

  .fr-file-item-description{
    width:80px
  }

  .fr-file-details{
    display:flex;
    flex-wrap:wrap;
    font-size:9px
  }

  .fr-file-name{
    font-size:10px
  }

  .fr-file-action-icons{
    padding:0px !important
  }
}

@media screen and (min-width: 501px){
  .progress-circle{
    font-size:9px
  }
}

.fr-file-view-modal{
  display:block;
  position:fixed;
  position:-ms-page;
  z-index:2147483641;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:black;
  background-color:rgba(0,0,0,0.7)
}

.fr-file-view-modal-content{
  display:inline-block;
  text-align:center
}

.fr-file-view-image{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  max-width:80%;
  max-height:70%
}

.fr-file-view-close{
  position:absolute;
  top:15px;
  right:35px;
  color:#f1f1f1;
  font-size:40px;
  font-weight:bold;
  transition:0.3s
}

.fr-file-view-close:hover,.fr-file-view-close:focus{
  color:#bbb;
  text-decoration:none;
  cursor:pointer
}

.fr-file-error{
  color:red;
  font-weight:200;
  font-size:12px;
  padding-bottom:5px
}

.fr-file-error-h5{
  margin:0
}

.fr-file-item-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-right:20px
}

.fr-file-item-action-buttons{
  display:flex;
  align-items:center;
  justify-content:space-around
}

.fr-file-item-autoplay-checkbox{
  align-items:center;
  margin:0px;
  padding:0px;
  margin-right:5px
}

.fr-autoplay-checkbox-label{
  margin:0;
  cursor:default !important
}

.fr-checkbox-container:hover input ~ .fr-checkmark{
  background-color:#ccc
}

.fr-checkbox-container input:checked ~ .fr-checkmark{
  background-color:#2196F3
}

.fr-checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.fr-checkbox-container input:checked ~ .fr-checkmark:after{
  display:block
}

.fr-container .fr-checkmark:after{
  left:5px;
  top:2px;
  width:3px;
  height:7px;
  border:solid white;
  border-width:0 3px 3px 0;
  transform:rotate(45deg)
}

.fr-file-item-details .file-name{
  font-weight:bold;
  display:inline
}

.fr-file-item-details .file-description{
  font-weight:300;
  font-size:11px;
  display:inline
}

.fr-width-10{
  width:10%;
  display:inline-block
}

.fr-width-20{
  width:20%;
  display:inline-block
}

.fr-width-30{
  width:30%;
  display:inline-block
}

.fr-width-40{
  width:40%;
  display:inline-block
}

.fr-width-50{
  width:50%;
  display:inline-block
}

.fr-width-60{
  width:60%;
  display:inline-block
}

.fr-width-100{
  width:100%;
  display:inline-block
}

.fr-width-80{
  width:80%;
  display:inline-block
}

.fr-width-90{
  width:90%;
  display:inline-block
}

.fr-width-85{
  width:85%;
  display:inline-block
}

.fr-width-5{
  width:5%;
  display:inline-block
}

.fr-width-7{
  width:7%;
  display:inline-block
}

.fr-img-icon{
  color:#aaaaaa;
  font-size:16px;
  padding:0px 4px
}

.fr-position-content{
  position:relative;
  top:10px
}

.file-error{
  color:red
}

#myprogressBar{
  width:10%;
  height:5px;
  background-color:#4CAF50;
  position:relative;
  top:-30px
}

.fr-files-manager{
  z-index:2147483641 !important
}

.progress-circle{
  margin:0px;
  margin-left:10px;
  position:relative;
  padding:0;
  width:5em;
  height:5.1em;
  background-color:#f2e9e1;
  border-radius:50%;
  line-height:5em
}

.progress-circle:after{
  border:none;
  position:absolute;
  top:0.35em;
  left:0.35em;
  text-align:center;
  display:block;
  border-radius:50%;
  width:4.3em;
  height:4.3em;
  background-color:white;
  content:" "
}

.progress-circle span{
  position:absolute;
  line-height:5em;
  width:5em;
  text-align:center;
  display:block;
  color:#53777a;
  z-index:2
}

.progress-circle.over50 .left-half-clipper{
  clip:rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar{
  position:absolute;
  clip:rect(0, 5em, 5em, 2.5em);
  background-color:#53777a;
  border-radius:50%;
  width:5em;
  height:5em
}

.progress-circle:not(.over50) .first50-bar{
  display:none
}

.progress-circle.p0 .value-bar{
  display:none
}

.progress-circle.p1 .value-bar{
  transform:rotate(4deg)
}

.progress-circle.p2 .value-bar{
  transform:rotate(7deg)
}

.progress-circle.p3 .value-bar{
  transform:rotate(11deg)
}

.progress-circle.p4 .value-bar{
  transform:rotate(14deg)
}

.progress-circle.p5 .value-bar{
  transform:rotate(18deg)
}

.progress-circle.p6 .value-bar{
  transform:rotate(22deg)
}

.progress-circle.p7 .value-bar{
  transform:rotate(25deg)
}

.progress-circle.p8 .value-bar{
  transform:rotate(29deg)
}

.progress-circle.p9 .value-bar{
  transform:rotate(32deg)
}

.progress-circle.p10 .value-bar{
  transform:rotate(36deg)
}

.progress-circle.p11 .value-bar{
  transform:rotate(40deg)
}

.progress-circle.p12 .value-bar{
  transform:rotate(43deg)
}

.progress-circle.p13 .value-bar{
  transform:rotate(47deg)
}

.progress-circle.p14 .value-bar{
  transform:rotate(50deg)
}

.progress-circle.p15 .value-bar{
  transform:rotate(54deg)
}

.progress-circle.p16 .value-bar{
  transform:rotate(58deg)
}

.progress-circle.p17 .value-bar{
  transform:rotate(61deg)
}

.progress-circle.p18 .value-bar{
  transform:rotate(65deg)
}

.progress-circle.p19 .value-bar{
  transform:rotate(68deg)
}

.progress-circle.p20 .value-bar{
  transform:rotate(72deg)
}

.progress-circle.p21 .value-bar{
  transform:rotate(76deg)
}

.progress-circle.p22 .value-bar{
  transform:rotate(79deg)
}

.progress-circle.p23 .value-bar{
  transform:rotate(83deg)
}

.progress-circle.p24 .value-bar{
  transform:rotate(86deg)
}

.progress-circle.p25 .value-bar{
  transform:rotate(90deg)
}

.progress-circle.p26 .value-bar{
  transform:rotate(94deg)
}

.progress-circle.p27 .value-bar{
  transform:rotate(97deg)
}

.progress-circle.p28 .value-bar{
  transform:rotate(101deg)
}

.progress-circle.p29 .value-bar{
  transform:rotate(104deg)
}

.progress-circle.p30 .value-bar{
  transform:rotate(108deg)
}

.progress-circle.p31 .value-bar{
  transform:rotate(112deg)
}

.progress-circle.p32 .value-bar{
  transform:rotate(115deg)
}

.progress-circle.p33 .value-bar{
  transform:rotate(119deg)
}

.progress-circle.p34 .value-bar{
  transform:rotate(122deg)
}

.progress-circle.p35 .value-bar{
  transform:rotate(126deg)
}

.progress-circle.p36 .value-bar{
  transform:rotate(130deg)
}

.progress-circle.p37 .value-bar{
  transform:rotate(133deg)
}

.progress-circle.p38 .value-bar{
  transform:rotate(137deg)
}

.progress-circle.p39 .value-bar{
  transform:rotate(140deg)
}

.progress-circle.p40 .value-bar{
  transform:rotate(144deg)
}

.progress-circle.p41 .value-bar{
  transform:rotate(148deg)
}

.progress-circle.p42 .value-bar{
  transform:rotate(151deg)
}

.progress-circle.p43 .value-bar{
  transform:rotate(155deg)
}

.progress-circle.p44 .value-bar{
  transform:rotate(158deg)
}

.progress-circle.p45 .value-bar{
  transform:rotate(162deg)
}

.progress-circle.p46 .value-bar{
  transform:rotate(166deg)
}

.progress-circle.p47 .value-bar{
  transform:rotate(169deg)
}

.progress-circle.p48 .value-bar{
  transform:rotate(173deg)
}

.progress-circle.p49 .value-bar{
  transform:rotate(176deg)
}

.progress-circle.p50 .value-bar{
  transform:rotate(180deg)
}

.progress-circle.p51 .value-bar{
  transform:rotate(184deg)
}

.progress-circle.p52 .value-bar{
  transform:rotate(187deg)
}

.progress-circle.p53 .value-bar{
  transform:rotate(191deg)
}

.progress-circle.p54 .value-bar{
  transform:rotate(194deg)
}

.progress-circle.p55 .value-bar{
  transform:rotate(198deg)
}

.progress-circle.p56 .value-bar{
  transform:rotate(202deg)
}

.progress-circle.p57 .value-bar{
  transform:rotate(205deg)
}

.progress-circle.p58 .value-bar{
  transform:rotate(209deg)
}

.progress-circle.p59 .value-bar{
  transform:rotate(212deg)
}

.progress-circle.p60 .value-bar{
  transform:rotate(216deg)
}

.progress-circle.p61 .value-bar{
  transform:rotate(220deg)
}

.progress-circle.p62 .value-bar{
  transform:rotate(223deg)
}

.progress-circle.p63 .value-bar{
  transform:rotate(227deg)
}

.progress-circle.p64 .value-bar{
  transform:rotate(230deg)
}

.progress-circle.p65 .value-bar{
  transform:rotate(234deg)
}

.progress-circle.p66 .value-bar{
  transform:rotate(238deg)
}

.progress-circle.p67 .value-bar{
  transform:rotate(241deg)
}

.progress-circle.p68 .value-bar{
  transform:rotate(245deg)
}

.progress-circle.p69 .value-bar{
  transform:rotate(248deg)
}

.progress-circle.p70 .value-bar{
  transform:rotate(252deg)
}

.progress-circle.p71 .value-bar{
  transform:rotate(256deg)
}

.progress-circle.p72 .value-bar{
  transform:rotate(259deg)
}

.progress-circle.p73 .value-bar{
  transform:rotate(263deg)
}

.progress-circle.p74 .value-bar{
  transform:rotate(266deg)
}

.progress-circle.p75 .value-bar{
  transform:rotate(270deg)
}

.progress-circle.p76 .value-bar{
  transform:rotate(274deg)
}

.progress-circle.p77 .value-bar{
  transform:rotate(277deg)
}

.progress-circle.p78 .value-bar{
  transform:rotate(281deg)
}

.progress-circle.p79 .value-bar{
  transform:rotate(284deg)
}

.progress-circle.p80 .value-bar{
  transform:rotate(288deg)
}

.progress-circle.p81 .value-bar{
  transform:rotate(292deg)
}

.progress-circle.p82 .value-bar{
  transform:rotate(295deg)
}

.progress-circle.p83 .value-bar{
  transform:rotate(299deg)
}

.progress-circle.p84 .value-bar{
  transform:rotate(302deg)
}

.progress-circle.p85 .value-bar{
  transform:rotate(306deg)
}

.progress-circle.p86 .value-bar{
  transform:rotate(310deg)
}

.progress-circle.p87 .value-bar{
  transform:rotate(313deg)
}

.progress-circle.p88 .value-bar{
  transform:rotate(317deg)
}

.progress-circle.p89 .value-bar{
  transform:rotate(320deg)
}

.progress-circle.p90 .value-bar{
  transform:rotate(324deg)
}

.progress-circle.p91 .value-bar{
  transform:rotate(328deg)
}

.progress-circle.p92 .value-bar{
  transform:rotate(331deg)
}

.progress-circle.p93 .value-bar{
  transform:rotate(335deg)
}

.progress-circle.p94 .value-bar{
  transform:rotate(338deg)
}

.progress-circle.p95 .value-bar{
  transform:rotate(342deg)
}

.progress-circle.p96 .value-bar{
  transform:rotate(346deg)
}

.progress-circle.p97 .value-bar{
  transform:rotate(349deg)
}

.progress-circle.p98 .value-bar{
  transform:rotate(353deg)
}

.progress-circle.p99 .value-bar{
  transform:rotate(356deg)
}

.progress-circle.p100 .value-bar{
  transform:rotate(360deg)
}

.left-half-clipper{
  border-radius:50%;
  width:5em;
  height:5em;
  position:absolute;
  clip:rect(0, 5em, 5em, 2.5em)
}

.value-bar{
  position:absolute;
  clip:rect(0, 2.5em, 5em, 0);
  width:5em;
  height:5em;
  border-radius:50%;
  border:0.45em solid #53777a;
  box-sizing:border-box
}

.align-autoplay{
  align-items:flex-end;
  margin-right:7px
}

.fr-hovered-over-file{
  background-color:#F0F0F0
}

.fr-thumbnail-padding{
  padding-right:4px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

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-wrapper{
  background-color:#FFF
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-fullscreen .fr-toolbar{
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top{
  top:0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{
  bottom:0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar{
  margin-top:0;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -moz-background-clip:padding;
  background-clip:padding-box
}

.fr-fullscreen-wrapper{
  z-index:2147483640 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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{
  text-align:left
}

.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:0.5px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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;
  padding:0 1px
}

.fr-image-resizer{
  position:absolute;
  border:solid 1px #0098f7;
  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;
  box-sizing:content-box
}

.fr-image-resizer.fr-active{
  display:block
}

.fr-image-resizer .fr-handler{
  display:block;
  position:absolute;
  background:#0098f7;
  border:solid 1px #FFF;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  z-index:4;
  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;
  margin:20px;
  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:#0098f7
}

.fr-popup .fr-image-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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:normal
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  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:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  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:0.4;
  -moz-opacity:0.4;
  opacity:0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading{
  from{
    left:-25%
  }

  to{
    left:100%
  }
}

img.fr-draggable{
  -webkit-user-select:none;
          user-select:none
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-head .fr-modal-head-line::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{
  margin-top:10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{
  opacity:0;
  width:0;
  padding:12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags{
  padding:0 20px;
  display:none;
  text-align:left
}

.fr-modal .fr-modal-head .fr-modal-tags a{
  display:inline-block;
  opacity:0;
  padding:6px 12px;
  margin:8px 0 8px 8px;
  text-decoration:none;
  border-radius:32px;
  -moz-border-radius:32px;
  -webkit-border-radius:32px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor:pointer;
  background-color:#f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus{
  outline:none;
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover{
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active{
  background-color:#d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{
  background-color:#EcF5Ff;
  color:#0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{
  outline:none;
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{
  background-color:#ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{
  background-color:#d6d6d6
}

.fr-show-tags .fr-modal-more svg path{
  fill:#0098f7
}

div.fr-modal-body{
  -webkit-transition:background 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s
}

div.fr-modal-body .fr-preloader{
  display:block;
  margin:50px auto
}

div.fr-modal-body div.fr-image-list{
  text-align:center;
  margin:0 20px;
  padding:0
}

div.fr-modal-body div.fr-image-list .fr-list-column{
  float:left;
  width:calc((100% - 20px) / 2)
}

@media (min-width: 768px) and (max-width: 1199px){
  div.fr-modal-body div.fr-image-list .fr-list-column{
    width:calc((100% - 40px) / 3)
  }
}

@media (min-width: 1200px){
  div.fr-modal-body div.fr-image-list .fr-list-column{
    width:calc((100% - 60px) / 4)
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{
  margin-left:20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container{
  position:relative;
  width:100%;
  display:block;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  overflow:hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{
  margin-top:20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div{
  margin-top:20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{
  position:absolute;
  -webkit-opacity:0.5;
  -moz-opacity:0.5;
  opacity:0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition:opacity 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s;
  -o-transition:opacity 0.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:#CCCCCC;
  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:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition:opacity 0.2s ease 0s, filter 0.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:0.75;
  -moz-opacity:0.75;
  opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.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;
  background-clip:padding-box;
  -webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition:background 0.2s ease 0s, color 0.2s ease 0s;
  box-sizing:border-box;
  position:absolute;
  cursor:pointer;
  margin:0;
  line-height:40px;
  text-decoration:none;
  z-index:3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{
  background:#B8312F;
  fill:#FFF;
  padding:8px;
  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;
  fill:#0098f7;
  padding:8px;
  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 div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{
  -webkit-opacity:0.75;
  -moz-opacity:0.75;
  opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.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;
  width:40px;
  height:40px
}

.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
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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 #0098f7;
  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% - (40px / 2));
  top:-20px
}

.fr-line-breaker a.fr-floating-btn svg{
  margin:8px;
  height:24px;
  width:24px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

.fr-wrapper-markdown{
  display:flex
}

.fr-markdown-view{
  width:calc(52% - 1px);
  box-sizing:inherit
}

.fr-markdown-editor{
  width:calc(48% - 1px);
  box-sizing:inherit;
  background-color:#eee
}

.fr-markdown-editor>p{
  margin:0
}

.fr-markdown-view>p{
  margin-top:0
}

.gutter-horizontal{
  display:flex;
  z-index:9;
  background-color:#dadada;
  cursor:col-resize;
  width:2px
}

.e-resize-handler{
  z-index:9;
  width:1px;
  display:flex;
  justify-content:center;
  align-items:center;
  align-self:center;
  position:relative;
  font-size:10px;
  color:#c5c5c5
}

.fr-markdown-view>dl{
  margin-top:0;
  margin-bottom:1rem
}

.fr-markdown-view>dt{
  font-weight:700
}

.fr-markdown-view>dd{
  margin-bottom:.5rem;
  margin-left:0
}

.fr-markdown-view>pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  background-color:#f8f8f8;
  border:1px solid #dfdfdf;
  margin-top:1.5em;
  margin-bottom:1.5em;
  padding:0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view>code{
  background-color:#f8f8f8;
  border-color:#dfdfdf;
  border-style:solid;
  border-width:1px;
  color:#333;
  font-family:Consolas,"Liberation Mono",Courier,monospace;
  font-weight:normal;
  padding:0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view>pre code{
  background-color:transparent;
  border:0;
  padding:0
}

.fr-markdown-view>sup{
  top:-.5em
}

.footnote-a{
  color:#007bff;
  text-decoration:none;
  background-color:transparent
}

.fr-markdown-view>hr{
  margin-top:1rem;
  margin-bottom:1rem;
  border:0;
  border-top:1px solid rgba(0,0,0,0.1)
}

.blockquote{
  margin:0 0 1rem;
  border-left:5px solid #eee;
  padding:10px 20px;
  font-size:1.25rem
}

.fr-markdown-view>table{
  width:100%;
  max-width:100%;
  margin-bottom:20px;
  background-color:transparent;
  border-spacing:0;
  border-collapse:collapse
}

.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{
  padding:8px;
  line-height:1.42857143;
  vertical-align:top;
  border:1px solid #ddd
}

.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{
  border-bottom-width:2px
}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd){
  background-color:#f9f9f9
}

.fr-markdown-view>a{
  color:#337ab7;
  text-decoration:none
}

.fr-markdown-view>h1{
  font-size:2em !important
}

.fr-markdown-view>h2{
  font-size:1.5em !important
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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:10px;
  box-sizing:content-box
}

.fr-quick-insert a.fr-floating-btn svg{
  margin:8px;
  width:24px;
  height:24px
}

.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:20px;
  white-space:nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn{
  text-align:center;
  padding:6px 10px 10px 10px;
  display:inline-block;
  color:#222222;
  background:#FFF;
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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 svg{
  fill:#222222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{
  -webkit-opacity:1;
  -moz-opacity:1;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1)
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-buttons.fr-tabs .fr-special-character-category{
  padding:10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{
  font-weight:normal;
  font-size:16px
}

.fr-popup .fr-special-character{
  width:24px;
  height:24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){
  .fr-popup .fr-icon-container.fr-sc-container{
    width:368px
  }
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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 #0098f7
}

.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:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right:1px solid #0098f7
}

.fr-no-selection{
  user-select:none;
  -o-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none
}

.fr-popup .fr-table-size{
  margin:20px
}

.fr-popup .fr-table-size .fr-table-size-info{
  text-align:center;
  font-size:14px
}

.fr-popup .fr-table-size .fr-select-table-size{
  line-height:0;
  padding:5px;
  white-space:nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span{
  display:inline-block;
  padding:0 4px 4px 0;
  background:transparent
}

.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:transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{
  background:rgba(0,152,247,0.3);
  border:solid 1px #0098f7
}

.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{
  display:block;
  padding:20px;
  padding-bottom:0
}

.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
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-hide-by-clipping{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}

#fr-form-container{
  margin:auto;
  position:relative;
  top:10%;
  background-color:#f5f5f5;
  width:60%;
  border-radius:5px;
  z-index:9002;
  overflow:auto;
  background-color:#fefefe
}

.fr-trim-video-name{
  font-family:Arial, Helvetica, sans-serif;
  padding-top:15px
}

.fr-file-loader{
  border:4px solid #f3f3f3;
  border-radius:50%;
  border-top:4px solid #53777a;
  display:inline-block !important;
  animation:spin 2s linear infinite;
  width:20px;
  height:20px;
  display:block !important;
  align-items:center
}

.fr-trim-button{
  margin-top:5px;
  height:36px;
  line-height:1;
  color:#0098f7;
  padding:10px;
  cursor:pointer;
  text-decoration:none;
  border:none;
  background:none;
  font-size:16px;
  border-radius:5px;
  background-color:#eff5fa;
  outline:none
}

.fr-trim-button:hover{
  background:#ebebeb
}

@keyframes spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.fr-slidecontainer{
  width:100%
}

.fr-slider{
  -webkit-appearance:none;
  width:100%;
  height:15px;
  background:#d3d3d3
}

.fr-video-trim-buttons{
  text-align:right;
  padding-bottom:5px;
  padding-right:15px;
  margin-top:10px
}

.fr-slider::-webkit-slider-thumb{
  appearance:none;
  width:15px;
  height:15px;
  border-radius:50%;
  cursor:pointer
}

.fr-slider::-moz-range-thumb{
  width:15px;
  height:15px;
  background:#3498db;
  border-radius:50%;
  cursor:pointer
}

.fr-range-value-start{
  position:absolute
}

.fr-range-value-start>span{
  width:60px;
  height:24px;
  line-height:24px;
  text-align:center;
  background:#03a9f4;
  color:#fff;
  font-size:12px;
  display:block;
  position:absolute;
  left:50%;
  transform:translate(-85%, 0);
  border-radius:6px
}

.fr-range-value-start>span:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  left:86%;
  margin-left:-5px;
  margin-top:-1px
}

.fr-range-value-end{
  position:absolute
}

.fr-range-value-end>span{
  width:60px;
  height:24px;
  line-height:24px;
  text-align:center;
  background:#03a9f4;
  color:#fff;
  font-size:12px;
  display:block;
  position:absolute;
  left:14%;
  transform:translate(-8%, 0);
  border-radius:6px
}

.fr-range-value-end>span:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  left:14%;
  margin-left:-5px;
  margin-top:-1px
}

#startTimeValue{
  top:-153% !important
}

#startTimeValue span:before{
  border-top:10px solid #03a9f4;
  top:100%
}

#endTimeValue{
  top:-153% !important
}

#endTimeValue span:before{
  border-top:10px solid #03a9f4;
  top:100%
}

.fr-range-slider{
  position:relative;
  width:80%;
  height:15px
}

.fr-range-slider>input{
  pointer-events:none;
  position:absolute;
  left:0;
  top:10px;
  width:100%;
  outline:none;
  height:6px;
  border-radius:10px
}

.fr-range-slider>input::-webkit-slider-thumb{
  pointer-events:all;
  position:relative;
  z-index:1;
  appearance:none;
  width:15px;
  height:15px;
  background:#3498db;
  cursor:pointer;
  border-radius:7px;
  margin-top:-3.6px
}

.fr-range-slider>input::-moz-range-thumb{
  pointer-events:all;
  position:relative;
  z-index:10;
  -moz-appearance:none;
  width:9px;
  height:15px;
  border-radius:7px;
  margin-top:-3.6px
}

.fr-range-slider>input::-moz-range-track{
  position:relative;
  z-index:-1;
  background-color:black;
  border:0;
  height:15px;
  border-radius:50%;
  margin-top:-3.6px
}

.fr-range-slider>input:last-of-type::-moz-range-track{
  -moz-appearance:none;
  background:none transparent;
  border:0
}

.fr-range-slider>input[type="range"]::-moz-focus-outer{
  border:0
}

@media screen and (max-width: 430px){
  .range-value span{
    width:40px;
    font-size:10px
  }

  #fr-form-container{
    top:20%
  }
}

#fr-video-edit{
  width:80%;
  text-align:center;
  height:50%;
  margin-bottom:20px;
  padding-top:8px;
  padding-bottom:8px
}

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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:transparent
}

.fr-element .fr-video.fr-active>*{
  z-index:2;
  position:relative
}

.fr-element .fr-video>*{
  box-sizing:content-box;
  max-width:100%;
  border:none
}

.fr-box .fr-video-resizer{
  position:absolute;
  border:solid 1px #0098f7;
  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:#0098f7;
  border:solid 1px #FFF;
  z-index:4;
  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;
  margin:20px;
  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:#0098f7
}

.fr-popup .fr-video-upload-layer .fr-form{
  -webkit-opacity:0;
  -moz-opacity:0;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.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:normal
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{
  display:none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader{
  background:#b3e0fd;
  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:#0098f7;
  -webkit-transition:width 0.2s ease 0s;
  -moz-transition:width 0.2s ease 0s;
  -ms-transition:width 0.2s ease 0s;
  -o-transition:width 0.2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{
  width:30% !important;
  position:absolute;
  top:0;
  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
}

.fr-autoplay-margin{
  margin-top:0px !important
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins/colors.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{
  clear:both;
  display:block;
  content:"";
  height:0
}

.fr-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-layer.fr-color-hex-layer{
  margin:0;
  padding:20px;
  padding-top:0;
  float:left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{
  float:left;
  width:calc(100% - 50px);
  padding:15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{
  float:right;
  width:38px;
  height:40px;
  padding:17px 0 0;
  margin:0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -moz-background-clip:padding;
  background-clip:padding-box;
  font-size:13px;
  height:40px;
  width:38px
}

.fr-popup .fr-separator+.fr-colors-tabs{
  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;
  padding:20px;
  padding-bottom:0
}

.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:24px;
  width:24px;
  margin:4px;
  font-size:13px;
  position:absolute;
  bottom:0;
  cursor:default;
  left:0
}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{
  fill:#222
}

.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)
}