/*!

 * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)

 * License https://froala.com/wysiwyg-editor/terms/

 * Copyright 2014-2020 Froala Labs

 */



.clearfix::after {


  clear: both;


  display: block;


  content: "";


  height: 0; }





.hide-by-clipping {


  position: absolute;


  width: 1px;


  height: 1px;


  padding: 0;


  margin: -1px;


  overflow: hidden;


  clip: rect(0, 0, 0, 0);


  border: 0; }





.fr-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%;


  -webkit-box-sizing: border-box;


  -moz-box-sizing: border-box;


  box-sizing: border-box;


  text-align: center; }


  .fr-popup .fr-file-upload-layer:hover {


    background: #ebebeb; }


  .fr-popup .fr-file-upload-layer.fr-drop {


    background: #ebebeb;


    border-color: #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 {


  -webkit-box-sizing: border-box;


  -moz-box-sizing: border-box;


  box-sizing: border-box; }


  .fr-popup .fr-file-progress-bar-layer > h3 {


    font-size: 16px;


    margin: 10px 0;


    font-weight: 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;


      -webkit-animation: loading 2s linear infinite;


      -moz-animation: loading 2s linear infinite;


      -o-animation: loading 2s linear infinite;


      animation: loading 2s linear infinite; }


  .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {


    display: none; }


  .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {


    display: block; }





@keyframes loading {


  from {


    left: -25%; }


  to {


    left: 100%; } }


@-webkit-keyframes loading {


  from {


    left: -25%; }


  to {


    left: 100%; } }


@-moz-keyframes loading {


  from {


    left: -25%; }


  to {


    left: 100%; } }


@-o-keyframes loading {


  from {


    left: -25%; }


  to {


    left: 100%; } }


@keyframes loading {


  from {


    left: -25%; }


  to {


    left: 100%; } }