activeadmin_froala_editor 0.1.3 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +3 -3
  3. data/app/assets/javascripts/activeadmin/froala_editor/froala_editor.min.js +3 -8
  4. data/app/assets/javascripts/activeadmin/froala_editor/froala_editor.pkgd.min.js +3 -18
  5. data/app/assets/javascripts/activeadmin/froala_editor/languages/ar.js +287 -310
  6. data/app/assets/javascripts/activeadmin/froala_editor/languages/bs.js +274 -310
  7. data/app/assets/javascripts/activeadmin/froala_editor/languages/cs.js +280 -310
  8. data/app/assets/javascripts/activeadmin/froala_editor/languages/da.js +272 -310
  9. data/app/assets/javascripts/activeadmin/froala_editor/languages/de.js +305 -310
  10. data/app/assets/javascripts/activeadmin/froala_editor/languages/el.js +284 -0
  11. data/app/assets/javascripts/activeadmin/froala_editor/languages/en_ca.js +218 -254
  12. data/app/assets/javascripts/activeadmin/froala_editor/languages/en_gb.js +218 -254
  13. data/app/assets/javascripts/activeadmin/froala_editor/languages/es.js +266 -310
  14. data/app/assets/javascripts/activeadmin/froala_editor/languages/et.js +274 -310
  15. data/app/assets/javascripts/activeadmin/froala_editor/languages/fa.js +274 -310
  16. data/app/assets/javascripts/activeadmin/froala_editor/languages/fi.js +274 -310
  17. data/app/assets/javascripts/activeadmin/froala_editor/languages/fr.js +295 -310
  18. data/app/assets/javascripts/activeadmin/froala_editor/languages/he.js +274 -310
  19. data/app/assets/javascripts/activeadmin/froala_editor/languages/hr.js +274 -310
  20. data/app/assets/javascripts/activeadmin/froala_editor/languages/hu.js +280 -310
  21. data/app/assets/javascripts/activeadmin/froala_editor/languages/id.js +274 -311
  22. data/app/assets/javascripts/activeadmin/froala_editor/languages/it.js +275 -310
  23. data/app/assets/javascripts/activeadmin/froala_editor/languages/ja.js +274 -310
  24. data/app/assets/javascripts/activeadmin/froala_editor/languages/ko.js +274 -310
  25. data/app/assets/javascripts/activeadmin/froala_editor/languages/ku.js +271 -0
  26. data/app/assets/javascripts/activeadmin/froala_editor/languages/me.js +274 -310
  27. data/app/assets/javascripts/activeadmin/froala_editor/languages/nb.js +274 -310
  28. data/app/assets/javascripts/activeadmin/froala_editor/languages/nl.js +287 -310
  29. data/app/assets/javascripts/activeadmin/froala_editor/languages/pl.js +274 -310
  30. data/app/assets/javascripts/activeadmin/froala_editor/languages/pt_br.js +274 -310
  31. data/app/assets/javascripts/activeadmin/froala_editor/languages/pt_pt.js +274 -310
  32. data/app/assets/javascripts/activeadmin/froala_editor/languages/ro.js +274 -311
  33. data/app/assets/javascripts/activeadmin/froala_editor/languages/ru.js +287 -310
  34. data/app/assets/javascripts/activeadmin/froala_editor/languages/sk.js +280 -310
  35. data/app/assets/javascripts/activeadmin/froala_editor/languages/sl.js +224 -0
  36. data/app/assets/javascripts/activeadmin/froala_editor/languages/sr.js +274 -310
  37. data/app/assets/javascripts/activeadmin/froala_editor/languages/sv.js +274 -310
  38. data/app/assets/javascripts/activeadmin/froala_editor/languages/th.js +274 -310
  39. data/app/assets/javascripts/activeadmin/froala_editor/languages/tr.js +274 -310
  40. data/app/assets/javascripts/activeadmin/froala_editor/languages/uk.js +274 -310
  41. data/app/assets/javascripts/activeadmin/froala_editor/languages/vi.js +215 -250
  42. data/app/assets/javascripts/activeadmin/froala_editor/languages/zh_cn.js +300 -310
  43. data/app/assets/javascripts/activeadmin/froala_editor/languages/zh_tw.js +274 -310
  44. data/app/assets/javascripts/activeadmin/froala_editor/plugins.pkgd.min.js +7 -0
  45. data/app/assets/javascripts/activeadmin/froala_editor/plugins/align.min.js +3 -3
  46. data/app/assets/javascripts/activeadmin/froala_editor/plugins/char_counter.min.js +3 -3
  47. data/app/assets/javascripts/activeadmin/froala_editor/plugins/code_beautifier.min.js +3 -4
  48. data/app/assets/javascripts/activeadmin/froala_editor/plugins/code_view.min.js +3 -3
  49. data/app/assets/javascripts/activeadmin/froala_editor/plugins/colors.min.js +3 -3
  50. data/app/assets/javascripts/activeadmin/froala_editor/plugins/cryptojs.min.js +7 -0
  51. data/app/assets/javascripts/activeadmin/froala_editor/plugins/draggable.min.js +3 -3
  52. data/app/assets/javascripts/activeadmin/froala_editor/plugins/edit_in_popup.min.js +7 -0
  53. data/app/assets/javascripts/activeadmin/froala_editor/plugins/emoticons.min.js +3 -3
  54. data/app/assets/javascripts/activeadmin/froala_editor/plugins/entities.min.js +3 -3
  55. data/app/assets/javascripts/activeadmin/froala_editor/plugins/file.min.js +3 -3
  56. data/app/assets/javascripts/activeadmin/froala_editor/plugins/files_manager.min.js +7 -0
  57. data/app/assets/javascripts/activeadmin/froala_editor/plugins/font_family.min.js +3 -3
  58. data/app/assets/javascripts/activeadmin/froala_editor/plugins/font_size.min.js +3 -3
  59. data/app/assets/javascripts/activeadmin/froala_editor/plugins/forms.min.js +3 -3
  60. data/app/assets/javascripts/activeadmin/froala_editor/plugins/fullscreen.min.js +3 -3
  61. data/app/assets/javascripts/activeadmin/froala_editor/plugins/help.min.js +3 -3
  62. data/app/assets/javascripts/activeadmin/froala_editor/plugins/image.min.js +3 -4
  63. data/app/assets/javascripts/activeadmin/froala_editor/plugins/image_manager.min.js +3 -3
  64. data/app/assets/javascripts/activeadmin/froala_editor/plugins/inline_class.min.js +7 -0
  65. data/app/assets/javascripts/activeadmin/froala_editor/plugins/inline_style.min.js +3 -3
  66. data/app/assets/javascripts/activeadmin/froala_editor/plugins/line_breaker.min.js +3 -3
  67. data/app/assets/javascripts/activeadmin/froala_editor/plugins/line_height.min.js +7 -0
  68. data/app/assets/javascripts/activeadmin/froala_editor/plugins/link.min.js +3 -3
  69. data/app/assets/javascripts/activeadmin/froala_editor/plugins/lists.min.js +3 -3
  70. data/app/assets/javascripts/activeadmin/froala_editor/plugins/paragraph_format.min.js +3 -3
  71. data/app/assets/javascripts/activeadmin/froala_editor/plugins/paragraph_style.min.js +3 -3
  72. data/app/assets/javascripts/activeadmin/froala_editor/plugins/print.min.js +3 -3
  73. data/app/assets/javascripts/activeadmin/froala_editor/plugins/quick_insert.min.js +3 -3
  74. data/app/assets/javascripts/activeadmin/froala_editor/plugins/quote.min.js +3 -3
  75. data/app/assets/javascripts/activeadmin/froala_editor/plugins/save.min.js +3 -3
  76. data/app/assets/javascripts/activeadmin/froala_editor/plugins/special_characters.min.js +3 -3
  77. data/app/assets/javascripts/activeadmin/froala_editor/plugins/table.min.js +3 -4
  78. data/app/assets/javascripts/activeadmin/froala_editor/plugins/url.min.js +3 -3
  79. data/app/assets/javascripts/activeadmin/froala_editor/plugins/video.min.js +3 -4
  80. data/app/assets/javascripts/activeadmin/froala_editor/plugins/word_paste.min.js +3 -3
  81. data/app/assets/javascripts/activeadmin/froala_editor/third_party/embedly.min.js +3 -3
  82. data/app/assets/javascripts/activeadmin/froala_editor/third_party/font_awesome.min.js +7 -0
  83. data/app/assets/javascripts/activeadmin/froala_editor/third_party/image_tui.min.js +7 -0
  84. data/app/assets/javascripts/activeadmin/froala_editor/third_party/spell_checker.min.js +3 -3
  85. data/app/assets/javascripts/activeadmin/froala_editor_input.js +32 -5
  86. data/app/assets/stylesheets/activeadmin/_froala_editor_input.scss +12 -0
  87. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.css +1112 -1000
  88. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.min.css +3 -3
  89. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.pkgd.css +3697 -2209
  90. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.pkgd.min.css +3 -3
  91. data/app/assets/stylesheets/activeadmin/froala_editor/froala_style.css +322 -414
  92. data/app/assets/stylesheets/activeadmin/froala_editor/froala_style.min.css +3 -3
  93. data/app/assets/stylesheets/activeadmin/froala_editor/plugins.pkgd.css +2634 -0
  94. data/app/assets/stylesheets/activeadmin/froala_editor/plugins.pkgd.min.css +7 -0
  95. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/char_counter.css +16 -24
  96. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/char_counter.min.css +3 -3
  97. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/code_view.css +33 -48
  98. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/code_view.min.css +3 -3
  99. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/colors.css +74 -130
  100. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/colors.min.css +3 -3
  101. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/draggable.css +13 -15
  102. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/draggable.min.css +3 -3
  103. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/emoticons.css +17 -25
  104. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/emoticons.min.css +3 -3
  105. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/file.css +89 -107
  106. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/file.min.css +3 -3
  107. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/files_manager.css +1240 -0
  108. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/files_manager.min.css +7 -0
  109. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/fullscreen.css +62 -13
  110. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/fullscreen.min.css +3 -3
  111. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/help.css +27 -34
  112. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/help.min.css +3 -3
  113. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image.css +148 -181
  114. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image.min.css +3 -3
  115. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image_manager.css +208 -237
  116. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image_manager.min.css +3 -3
  117. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/line_breaker.css +18 -17
  118. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/line_breaker.min.css +3 -3
  119. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/quick_insert.css +48 -46
  120. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/quick_insert.min.css +3 -3
  121. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/special_characters.css +17 -35
  122. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/special_characters.min.css +3 -3
  123. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/table.css +63 -103
  124. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/table.min.css +3 -3
  125. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/video.css +151 -181
  126. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/video.min.css +3 -3
  127. data/app/assets/stylesheets/activeadmin/froala_editor/themes/dark.css +1969 -1052
  128. data/app/assets/stylesheets/activeadmin/froala_editor/themes/dark.min.css +3 -3
  129. data/app/assets/stylesheets/activeadmin/froala_editor/themes/gray.css +1968 -1051
  130. data/app/assets/stylesheets/activeadmin/froala_editor/themes/gray.min.css +3 -3
  131. data/app/assets/stylesheets/activeadmin/froala_editor/themes/royal.css +1971 -1054
  132. data/app/assets/stylesheets/activeadmin/froala_editor/themes/royal.min.css +3 -3
  133. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/embedly.css +29 -33
  134. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/embedly.min.css +3 -3
  135. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/font_awesome.css +33 -0
  136. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/font_awesome.min.css +7 -0
  137. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/image_tui.css +41 -0
  138. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/image_tui.min.css +7 -0
  139. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/spell_checker.css +34 -42
  140. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/spell_checker.min.css +3 -3
  141. data/lib/activeadmin/froala_editor/version.rb +1 -1
  142. metadata +154 -17
  143. data/.gitignore +0 -3
  144. data/Gemfile +0 -4
  145. data/activeadmin_froala_editor.gemspec +0 -19
  146. data/app/assets/javascripts/activeadmin/froala_editor/third_party/image_aviary.min.js +0 -7
  147. data/app/assets/stylesheets/activeadmin/_froala_editor_input.sass +0 -46
  148. data/app/assets/stylesheets/activeadmin/froala_editor/themes/red.css +0 -1233
  149. data/app/assets/stylesheets/activeadmin/froala_editor/themes/red.min.css +0 -7
  150. data/screenshot.jpg +0 -0
@@ -1,7 +1,7 @@
1
1
  /*!
2
- * froala_editor v2.7.1 (https://www.froala.com/wysiwyg-editor)
2
+ * froala_editor v3.2.1 (https://www.froala.com/wysiwyg-editor)
3
3
  * License https://froala.com/wysiwyg-editor/terms/
4
- * Copyright 2014-2017 Froala Labs
4
+ * Copyright 2014-2020 Froala Labs
5
5
  */
6
6
 
7
- .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-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.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:#f5f5f5}.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:#e6e6e6}.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;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word}.fr-view[dir=rtl] blockquote{border-left:0;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:400;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 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 img.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-bordered{border:solid 5px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view img.fr-shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-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 span.fr-img-caption.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view span.fr-img-caption.fr-bordered{border:solid 5px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view span.fr-img-caption.fr-shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:0}.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;display:inline-block;margin:auto;text-align:center}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:inline-block;padding:5px 5px 10px;font-size:14px;font-weight:initial;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"alpha(Opacity=0)"}.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;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}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)}img.fr-view.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}img.fr-view.fr-bordered{border:solid 5px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}img.fr-view.fr-shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}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)}span.fr-img-caption.fr-view.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}span.fr-img-caption.fr-view.fr-bordered{border:solid 5px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}span.fr-img-caption.fr-view.fr-shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}
7
+ .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-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;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;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{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.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 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;-webkit-background-clip:padding-box;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>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}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)}
@@ -0,0 +1,2634 @@
1
+ /*!
2
+ * froala_editor v3.2.1 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2020 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0; }
12
+
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0; }
22
+
23
+ .fr-box .fr-counter {
24
+ padding: 10px;
25
+ float: right;
26
+ color: #999999;
27
+ content: attr(data-chars);
28
+ font-size: 14px;
29
+ font-family: sans-serif;
30
+ z-index: 1;
31
+ border-radius: 2px 0 0 0;
32
+ -moz-border-radius: 2px 0 0 0;
33
+ -webkit-border-radius: 2px 0 0 0;
34
+ -moz-background-clip: padding;
35
+ -webkit-background-clip: padding-box;
36
+ background-clip: padding-box; }
37
+ .fr-box.fr-rtl .fr-counter {
38
+ left: 0;
39
+ right: auto;
40
+ border-left: none;
41
+ border-radius: 0 2px 0 0;
42
+ -moz-border-radius: 0 2px 0 0;
43
+ -webkit-border-radius: 0 2px 0 0;
44
+ -moz-background-clip: padding;
45
+ -webkit-background-clip: padding-box;
46
+ background-clip: padding-box; }
47
+
48
+ .fr-box.fr-code-view .fr-counter {
49
+ display: none; }
50
+
51
+ .clearfix::after {
52
+ clear: both;
53
+ display: block;
54
+ content: "";
55
+ height: 0; }
56
+
57
+ .hide-by-clipping {
58
+ position: absolute;
59
+ width: 1px;
60
+ height: 1px;
61
+ padding: 0;
62
+ margin: -1px;
63
+ overflow: hidden;
64
+ clip: rect(0, 0, 0, 0);
65
+ border: 0; }
66
+
67
+ textarea.fr-code {
68
+ display: none;
69
+ width: 100%;
70
+ resize: none;
71
+ -moz-resize: none;
72
+ -webkit-resize: none;
73
+ -webkit-box-sizing: border-box;
74
+ -moz-box-sizing: border-box;
75
+ box-sizing: border-box;
76
+ border: none;
77
+ padding: 10px;
78
+ margin: 0;
79
+ font-family: "Courier New",monospace;
80
+ font-size: 14px;
81
+ background: #FFF;
82
+ color: #000;
83
+ outline: none; }
84
+
85
+ .fr-box.fr-rtl textarea.fr-code {
86
+ direction: rtl; }
87
+
88
+ .fr-box .CodeMirror {
89
+ display: none; }
90
+
91
+ .fr-box.fr-code-view textarea.fr-code {
92
+ display: block; }
93
+ .fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
94
+ display: none; }
95
+ .fr-box.fr-code-view .CodeMirror {
96
+ display: block; }
97
+
98
+ .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
99
+ display: block; }
100
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch {
101
+ display: none;
102
+ position: absolute;
103
+ top: 0;
104
+ right: 0;
105
+ display: none;
106
+ background: #FFF;
107
+ color: #333333;
108
+ -moz-outline: 0;
109
+ outline: 0;
110
+ border: 0;
111
+ line-height: 1;
112
+ cursor: pointer;
113
+ text-align: left;
114
+ padding: 8px 7px;
115
+ -webkit-transition: background 0.2s ease 0s;
116
+ -moz-transition: background 0.2s ease 0s;
117
+ -ms-transition: background 0.2s ease 0s;
118
+ -o-transition: background 0.2s ease 0s;
119
+ border-radius: 0;
120
+ -moz-border-radius: 0;
121
+ -webkit-border-radius: 0;
122
+ -moz-background-clip: padding;
123
+ -webkit-background-clip: padding-box;
124
+ background-clip: padding-box;
125
+ z-index: 2;
126
+ -webkit-box-sizing: border-box;
127
+ -moz-box-sizing: border-box;
128
+ box-sizing: border-box;
129
+ text-decoration: none;
130
+ user-select: none;
131
+ -o-user-select: none;
132
+ -moz-user-select: none;
133
+ -khtml-user-select: none;
134
+ -webkit-user-select: none;
135
+ -ms-user-select: none; }
136
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
137
+ font-size: 24px;
138
+ width: 24px;
139
+ text-align: center; }
140
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
141
+ background: #ebebeb; }
142
+
143
+ .clearfix::after {
144
+ clear: both;
145
+ display: block;
146
+ content: "";
147
+ height: 0; }
148
+
149
+ .hide-by-clipping {
150
+ position: absolute;
151
+ width: 1px;
152
+ height: 1px;
153
+ padding: 0;
154
+ margin: -1px;
155
+ overflow: hidden;
156
+ clip: rect(0, 0, 0, 0);
157
+ border: 0; }
158
+
159
+ .fr-popup .fr-layer.fr-color-hex-layer {
160
+ margin: 0;
161
+ padding: 20px;
162
+ padding-top: 0;
163
+ float: left; }
164
+ .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
165
+ float: left;
166
+ width: calc(100% - 50px);
167
+ padding: 15px 0 0; }
168
+ .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
169
+ float: right;
170
+ width: 38px;
171
+ height: 40px;
172
+ padding: 17px 0 0;
173
+ margin: 0; }
174
+ .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
175
+ border-radius: 2px;
176
+ -moz-border-radius: 2px;
177
+ -webkit-border-radius: 2px;
178
+ -moz-background-clip: padding;
179
+ -webkit-background-clip: padding-box;
180
+ background-clip: padding-box;
181
+ font-size: 13px;
182
+ height: 40px;
183
+ width: 38px; }
184
+ .fr-popup .fr-separator + .fr-colors-tabs {
185
+ margin-left: 2px;
186
+ margin-right: 2px; }
187
+ .fr-popup .fr-color-set {
188
+ line-height: 0;
189
+ display: none; }
190
+ .fr-popup .fr-color-set.fr-selected-set {
191
+ display: block;
192
+ padding: 20px;
193
+ padding-bottom: 0; }
194
+ .fr-popup .fr-color-set > span {
195
+ display: inline-block;
196
+ width: 32px;
197
+ height: 32px;
198
+ position: relative;
199
+ z-index: 1; }
200
+ .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
201
+ text-align: center;
202
+ line-height: 32px;
203
+ height: 24px;
204
+ width: 24px;
205
+ margin: 4px;
206
+ font-size: 13px;
207
+ position: absolute;
208
+ bottom: 0;
209
+ cursor: default;
210
+ left: 0; }
211
+ .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
212
+ fill: #222222; }
213
+ .fr-popup .fr-color-set > span .fr-selected-color {
214
+ color: #FFF;
215
+ font-family: FontAwesome;
216
+ font-size: 13px;
217
+ font-weight: 400;
218
+ line-height: 32px;
219
+ position: absolute;
220
+ top: 0;
221
+ bottom: 0;
222
+ right: 0;
223
+ left: 0;
224
+ text-align: center;
225
+ cursor: default; }
226
+ .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
227
+ outline: 1px solid #222222;
228
+ z-index: 2; }
229
+
230
+ .fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
231
+ -webkit-transform: translate3d(100%, 0, 0);
232
+ -moz-transform: translate3d(100%, 0, 0);
233
+ -ms-transform: translate3d(100%, 0, 0);
234
+ -o-transform: translate3d(100%, 0, 0); }
235
+
236
+ .clearfix::after {
237
+ clear: both;
238
+ display: block;
239
+ content: "";
240
+ height: 0; }
241
+
242
+ .hide-by-clipping {
243
+ position: absolute;
244
+ width: 1px;
245
+ height: 1px;
246
+ padding: 0;
247
+ margin: -1px;
248
+ overflow: hidden;
249
+ clip: rect(0, 0, 0, 0);
250
+ border: 0; }
251
+
252
+ .fr-drag-helper {
253
+ background: #0098f7;
254
+ height: 2px;
255
+ margin-top: -1px;
256
+ -webkit-opacity: 0.2;
257
+ -moz-opacity: 0.2;
258
+ opacity: 0.2;
259
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
260
+ position: absolute;
261
+ z-index: 2147483640;
262
+ display: none; }
263
+ .fr-drag-helper.fr-visible {
264
+ display: block; }
265
+
266
+ .fr-dragging {
267
+ -webkit-opacity: 0.4;
268
+ -moz-opacity: 0.4;
269
+ opacity: 0.4;
270
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
271
+
272
+ .clearfix::after {
273
+ clear: both;
274
+ display: block;
275
+ content: "";
276
+ height: 0; }
277
+
278
+ .hide-by-clipping {
279
+ position: absolute;
280
+ width: 1px;
281
+ height: 1px;
282
+ padding: 0;
283
+ margin: -1px;
284
+ overflow: hidden;
285
+ clip: rect(0, 0, 0, 0);
286
+ border: 0; }
287
+
288
+ .fr-popup .fr-emoticon {
289
+ width: 24px;
290
+ height: 24px;
291
+ font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; }
292
+ .fr-popup .fr-emoticon img {
293
+ height: 24px;
294
+ width: 24px; }
295
+ .fr-popup .fr-command.fr-btn.fr-tabs-unicode {
296
+ padding: 0 0 0 14px; }
297
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
298
+ .fr-popup .fr-icon-container.fr-emoticon-container {
299
+ width: 368px; } }
300
+
301
+ .clearfix::after {
302
+ clear: both;
303
+ display: block;
304
+ content: "";
305
+ height: 0; }
306
+
307
+ .hide-by-clipping {
308
+ position: absolute;
309
+ width: 1px;
310
+ height: 1px;
311
+ padding: 0;
312
+ margin: -1px;
313
+ overflow: hidden;
314
+ clip: rect(0, 0, 0, 0);
315
+ border: 0; }
316
+
317
+ .fr-popup .fr-file-upload-layer {
318
+ border: dashed 2px #bdbdbd;
319
+ padding: 25px 0;
320
+ margin: 20px;
321
+ position: relative;
322
+ font-size: 14px;
323
+ letter-spacing: 1px;
324
+ line-height: 140%;
325
+ -webkit-box-sizing: border-box;
326
+ -moz-box-sizing: border-box;
327
+ box-sizing: border-box;
328
+ text-align: center; }
329
+ .fr-popup .fr-file-upload-layer:hover {
330
+ background: #ebebeb; }
331
+ .fr-popup .fr-file-upload-layer.fr-drop {
332
+ background: #ebebeb;
333
+ border-color: #0098f7; }
334
+ .fr-popup .fr-file-upload-layer .fr-form {
335
+ -webkit-opacity: 0;
336
+ -moz-opacity: 0;
337
+ opacity: 0;
338
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
339
+ position: absolute;
340
+ top: 0;
341
+ bottom: 0;
342
+ left: 0;
343
+ right: 0;
344
+ z-index: 2147483640;
345
+ overflow: hidden;
346
+ margin: 0 !important;
347
+ padding: 0 !important;
348
+ width: 100% !important; }
349
+ .fr-popup .fr-file-upload-layer .fr-form input {
350
+ cursor: pointer;
351
+ position: absolute;
352
+ right: 0;
353
+ top: 0;
354
+ bottom: 0;
355
+ width: 500%;
356
+ height: 100%;
357
+ margin: 0;
358
+ font-size: 400px; }
359
+ .fr-popup .fr-file-progress-bar-layer {
360
+ -webkit-box-sizing: border-box;
361
+ -moz-box-sizing: border-box;
362
+ box-sizing: border-box; }
363
+ .fr-popup .fr-file-progress-bar-layer > h3 {
364
+ font-size: 16px;
365
+ margin: 10px 0;
366
+ font-weight: normal; }
367
+ .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
368
+ display: none; }
369
+ .fr-popup .fr-file-progress-bar-layer > div.fr-loader {
370
+ background: #b3e0fd;
371
+ height: 10px;
372
+ width: 100%;
373
+ margin-top: 20px;
374
+ overflow: hidden;
375
+ position: relative; }
376
+ .fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
377
+ display: block;
378
+ height: 100%;
379
+ width: 0%;
380
+ background: #0098f7;
381
+ -webkit-transition: width 0.2s ease 0s;
382
+ -moz-transition: width 0.2s ease 0s;
383
+ -ms-transition: width 0.2s ease 0s;
384
+ -o-transition: width 0.2s ease 0s; }
385
+ .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
386
+ width: 30% !important;
387
+ position: absolute;
388
+ top: 0;
389
+ -webkit-animation: loading 2s linear infinite;
390
+ -moz-animation: loading 2s linear infinite;
391
+ -o-animation: loading 2s linear infinite;
392
+ animation: loading 2s linear infinite; }
393
+ .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
394
+ display: none; }
395
+ .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
396
+ display: block; }
397
+
398
+ @keyframes loading {
399
+ from {
400
+ left: -25%; }
401
+ to {
402
+ left: 100%; } }
403
+ @-webkit-keyframes loading {
404
+ from {
405
+ left: -25%; }
406
+ to {
407
+ left: 100%; } }
408
+ @-moz-keyframes loading {
409
+ from {
410
+ left: -25%; }
411
+ to {
412
+ left: 100%; } }
413
+ @-o-keyframes loading {
414
+ from {
415
+ left: -25%; }
416
+ to {
417
+ left: 100%; } }
418
+ @keyframes loading {
419
+ from {
420
+ left: -25%; }
421
+ to {
422
+ left: 100%; } }
423
+ .clearfix::after {
424
+ clear: both;
425
+ display: block;
426
+ content: "";
427
+ height: 0; }
428
+
429
+ .hide-by-clipping {
430
+ position: absolute;
431
+ width: 1px;
432
+ height: 1px;
433
+ padding: 0;
434
+ margin: -1px;
435
+ overflow: hidden;
436
+ clip: rect(0, 0, 0, 0);
437
+ border: 0; }
438
+
439
+ .fr-element img {
440
+ cursor: pointer;
441
+ padding: 0 1px; }
442
+
443
+ .fr-height-auto {
444
+ height: auto !important; }
445
+
446
+ .fr-file-loader {
447
+ border: 4px solid #f3f3f3;
448
+ border-radius: 50%;
449
+ border-top: 4px solid #53777a;
450
+ display: inline-block !important;
451
+ -webkit-animation: spin 2s linear infinite;
452
+ /* Safari */
453
+ animation: spin 2s linear infinite;
454
+ width: 20px;
455
+ height: 20px;
456
+ display: block !important;
457
+ align-items: center; }
458
+
459
+ .fr-trim-button {
460
+ margin-top: 5px;
461
+ height: 36px;
462
+ line-height: 1;
463
+ color: #0098f7;
464
+ padding: 10px;
465
+ cursor: pointer;
466
+ text-decoration: none;
467
+ border: none;
468
+ background: none;
469
+ font-size: 16px;
470
+ border-radius: 5px;
471
+ background-color: #eff5fa;
472
+ outline: none; }
473
+ .fr-trim-button:hover {
474
+ background: #ebebeb; }
475
+
476
+ /* Safari */
477
+ @-webkit-keyframes spin {
478
+ 0% {
479
+ -webkit-transform: rotate(0deg); }
480
+ 100% {
481
+ -webkit-transform: rotate(360deg); } }
482
+ @keyframes spin {
483
+ 0% {
484
+ transform: rotate(0deg); }
485
+ 100% {
486
+ transform: rotate(360deg); } }
487
+ .fr-image-resizer {
488
+ position: absolute;
489
+ border: solid 1px #0098f7;
490
+ display: none;
491
+ user-select: none;
492
+ -o-user-select: none;
493
+ -moz-user-select: none;
494
+ -khtml-user-select: none;
495
+ -webkit-user-select: none;
496
+ -ms-user-select: none;
497
+ -webkit-box-sizing: content-box;
498
+ -moz-box-sizing: content-box;
499
+ box-sizing: content-box; }
500
+ .fr-image-resizer.fr-active {
501
+ display: block; }
502
+ .fr-image-resizer .fr-handler {
503
+ display: block;
504
+ position: absolute;
505
+ background: #0098f7;
506
+ border: solid 1px #FFF;
507
+ border-radius: 2px;
508
+ -moz-border-radius: 2px;
509
+ -webkit-border-radius: 2px;
510
+ -moz-background-clip: padding;
511
+ -webkit-background-clip: padding-box;
512
+ background-clip: padding-box;
513
+ z-index: 4;
514
+ -webkit-box-sizing: border-box;
515
+ -moz-box-sizing: border-box;
516
+ box-sizing: border-box; }
517
+ .fr-image-resizer .fr-handler.fr-hnw {
518
+ cursor: nw-resize; }
519
+ .fr-image-resizer .fr-handler.fr-hne {
520
+ cursor: ne-resize; }
521
+ .fr-image-resizer .fr-handler.fr-hsw {
522
+ cursor: sw-resize; }
523
+ .fr-image-resizer .fr-handler.fr-hse {
524
+ cursor: se-resize; }
525
+ .fr-image-resizer .fr-handler {
526
+ width: 12px;
527
+ height: 12px; }
528
+ .fr-image-resizer .fr-handler.fr-hnw {
529
+ left: -6px;
530
+ top: -6px; }
531
+ .fr-image-resizer .fr-handler.fr-hne {
532
+ right: -6px;
533
+ top: -6px; }
534
+ .fr-image-resizer .fr-handler.fr-hsw {
535
+ left: -6px;
536
+ bottom: -6px; }
537
+ .fr-image-resizer .fr-handler.fr-hse {
538
+ right: -6px;
539
+ bottom: -6px; }
540
+ @media (min-width: 1200px) {
541
+ .fr-image-resizer .fr-handler {
542
+ width: 10px;
543
+ height: 10px; }
544
+ .fr-image-resizer .fr-handler.fr-hnw {
545
+ left: -5px;
546
+ top: -5px; }
547
+ .fr-image-resizer .fr-handler.fr-hne {
548
+ right: -5px;
549
+ top: -5px; }
550
+ .fr-image-resizer .fr-handler.fr-hsw {
551
+ left: -5px;
552
+ bottom: -5px; }
553
+ .fr-image-resizer .fr-handler.fr-hse {
554
+ right: -5px;
555
+ bottom: -5px; } }
556
+
557
+ .fr-image-overlay {
558
+ position: fixed;
559
+ top: 0;
560
+ left: 0;
561
+ bottom: 0;
562
+ right: 0;
563
+ z-index: 2147483640;
564
+ display: none; }
565
+
566
+ .fr-by-url-padding {
567
+ padding: 11.5px 0; }
568
+
569
+ .fr-popup .fr-upload-progress-layer {
570
+ border-radius: 0;
571
+ box-sizing: border-box;
572
+ padding-left: 20px;
573
+ padding-top: 15px;
574
+ margin: auto !important;
575
+ max-height: 100%;
576
+ overflow-y: auto;
577
+ overflow-x: hidden;
578
+ width: 100% !important;
579
+ overscroll-behavior: contain; }
580
+ .fr-popup .fr-files-by-url-layer {
581
+ width: calc(100% - 40px) !important; }
582
+ .fr-popup .fr-files-embed-layer {
583
+ width: calc(100% - 40px) !important; }
584
+ .fr-popup .fr-files-upload-layer {
585
+ border: dashed 2px #bdbdbd;
586
+ margin: 20px;
587
+ position: relative;
588
+ font-size: 10px;
589
+ letter-spacing: 1px;
590
+ line-height: 140%;
591
+ text-align: center;
592
+ width: calc(100% - 40px) !important; }
593
+ .fr-popup .fr-files-upload-layer:hover {
594
+ background: #ebebeb; }
595
+ .fr-popup .fr-files-upload-layer.fr-drop {
596
+ background: #ebebeb;
597
+ border-color: #0098f7; }
598
+ .fr-popup .fr-files-upload-layer .fr-form {
599
+ -webkit-opacity: 0;
600
+ -moz-opacity: 0;
601
+ opacity: 0;
602
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
603
+ position: absolute;
604
+ top: 0;
605
+ bottom: 0;
606
+ left: 0;
607
+ right: 0;
608
+ z-index: 2147483640;
609
+ overflow: hidden;
610
+ margin: 0 !important;
611
+ padding: 0 !important;
612
+ width: 100% !important; }
613
+ .fr-popup .fr-files-upload-layer .fr-form input {
614
+ cursor: pointer;
615
+ position: absolute;
616
+ right: 0;
617
+ top: 0;
618
+ bottom: 0;
619
+ width: 500%;
620
+ height: 100%;
621
+ margin: 0;
622
+ font-size: 400px; }
623
+ .fr-popup .fr-files-progress-bar-layer {
624
+ width: calc(100% - 40px);
625
+ width: -moz-available;
626
+ /* WebKit-based browsers will ignore this. */
627
+ width: -webkit-fill-available;
628
+ /* Mozilla-based browsers will ignore this. */
629
+ width: fill-available; }
630
+ .fr-popup .fr-files-progress-bar-layer > h3 {
631
+ font-size: 16px;
632
+ margin: 10px 0;
633
+ font-weight: normal; }
634
+ .fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
635
+ display: none; }
636
+ .fr-popup .fr-files-progress-bar-layer > div.fr-loader {
637
+ background: #b3e0fd;
638
+ height: 10px;
639
+ width: 100%;
640
+ margin-top: 20px;
641
+ overflow: hidden;
642
+ position: relative; }
643
+ .fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
644
+ display: block;
645
+ height: 100%;
646
+ width: 0%;
647
+ background: #0098f7;
648
+ -webkit-transition: width 0.2s ease 0s;
649
+ -moz-transition: width 0.2s ease 0s;
650
+ -ms-transition: width 0.2s ease 0s;
651
+ -o-transition: width 0.2s ease 0s; }
652
+ .fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
653
+ width: 30% !important;
654
+ position: absolute;
655
+ top: 0;
656
+ -webkit-animation: loading 2s linear infinite;
657
+ -moz-animation: loading 2s linear infinite;
658
+ -o-animation: loading 2s linear infinite;
659
+ animation: loading 2s linear infinite; }
660
+ .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
661
+ display: none; }
662
+ .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
663
+ display: block; }
664
+
665
+ .fr-image-size-layer .fr-image-group .fr-input-line {
666
+ width: calc(50% - 5px);
667
+ display: inline-block; }
668
+ .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
669
+ margin-left: 10px; }
670
+
671
+ .fr-progress-bar-style {
672
+ width: calc(100% - 40px); }
673
+
674
+ .fr-progress-bar {
675
+ position: relative;
676
+ background-color: #4CAF50;
677
+ height: 8px;
678
+ margin-bottom: 8px;
679
+ margin-left: 20px;
680
+ margin-right: 20px;
681
+ width: 100%;
682
+ width: -moz-available;
683
+ /* WebKit-based browsers will ignore this. */
684
+ width: -webkit-fill-available;
685
+ /* Mozilla-based browsers will ignore this. */
686
+ width: fill-available; }
687
+
688
+ .fr-uploading {
689
+ -webkit-opacity: 0.4;
690
+ -moz-opacity: 0.4;
691
+ opacity: 0.4;
692
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
693
+
694
+ @-webkit-keyframes loading {
695
+ from {
696
+ left: -25%; }
697
+ to {
698
+ left: 100%; } }
699
+ @-moz-keyframes loading {
700
+ from {
701
+ left: -25%; }
702
+ to {
703
+ left: 100%; } }
704
+ @-o-keyframes loading {
705
+ from {
706
+ left: -25%; }
707
+ to {
708
+ left: 100%; } }
709
+ @keyframes loading {
710
+ from {
711
+ left: -25%; }
712
+ to {
713
+ left: 100%; } }
714
+ .fr-pull-left {
715
+ float: left; }
716
+
717
+ .fr-pull-right {
718
+ float: right; }
719
+
720
+ .fr-icons {
721
+ padding: 10px 20px 0;
722
+ display: inline; }
723
+
724
+ .fr-transform-135 {
725
+ transform: rotate(135deg); }
726
+
727
+ .fr-icons i {
728
+ margin: 4px;
729
+ padding: 2px;
730
+ cursor: pointer;
731
+ color: #999588;
732
+ font-size: 20px; }
733
+
734
+ .fr-blue-decorator {
735
+ background: #4a7fba;
736
+ color: white;
737
+ display: grid;
738
+ padding: 5px; }
739
+
740
+ .fr-upload-progress {
741
+ padding: 1px; }
742
+
743
+ .fr-upload-section {
744
+ position: relative;
745
+ width: 100%;
746
+ width: -moz-available;
747
+ /* WebKit-based browsers will ignore this. */
748
+ width: -webkit-fill-available;
749
+ /* Mozilla-based browsers will ignore this. */
750
+ width: fill-available; }
751
+
752
+ @media screen and (max-width: 399px) {
753
+ .fr-upload-section {
754
+ margin-left: 7px;
755
+ margin-right: 7px; }
756
+
757
+ .fr-files-upload-layer {
758
+ padding-top: 7px;
759
+ padding-bottom: 7px; } }
760
+ @media screen and (min-width: 400px) and (max-width: 469px) {
761
+ .fr-upload-section {
762
+ margin-left: 7px;
763
+ margin-right: 7px; }
764
+
765
+ .fr-files-upload-layer {
766
+ padding-top: 7px;
767
+ padding-bottom: 7px; } }
768
+ @media screen and (min-width: 470px) and (max-width: 680px) {
769
+ .fr-upload-section {
770
+ margin-left: 7px;
771
+ margin-right: 7px; }
772
+
773
+ .fr-files-upload-layer {
774
+ padding-top: 7px;
775
+ padding-bottom: 7px; } }
776
+ @media screen and (min-width: 681px) {
777
+ .fr-upload-section {
778
+ margin-left: 35px;
779
+ margin-right: 35px; }
780
+
781
+ .fr-files-upload-layer {
782
+ padding-top: 20px;
783
+ padding-bottom: 20px; } }
784
+ .half-circle {
785
+ width: 60px;
786
+ height: 25px;
787
+ background-color: white;
788
+ border-top-left-radius: 110px;
789
+ border-top-right-radius: 110px;
790
+ transform: rotate(180deg);
791
+ border-bottom: 0;
792
+ position: relative;
793
+ left: 50%;
794
+ z-index: 1;
795
+ left: 50%;
796
+ margin-top: -1px;
797
+ margin-left: -25px; }
798
+
799
+ /* headlines with lines */
800
+ .decorated {
801
+ overflow: hidden;
802
+ text-align: center; }
803
+
804
+ .decorated > span {
805
+ position: relative;
806
+ display: inline-block; }
807
+
808
+ .decorated > span:before, .decorated > span:after {
809
+ content: '';
810
+ position: absolute;
811
+ top: 50%;
812
+ border-bottom: 2px solid #ffffff;
813
+ width: 100%;
814
+ /* half of limiter*/
815
+ margin: 0 20px; }
816
+
817
+ .decorated > span:before {
818
+ right: 100%; }
819
+
820
+ .decorated > span:after {
821
+ left: 100%; }
822
+
823
+ .fr-align-right {
824
+ float: right; }
825
+
826
+ /* The checkbox-container */
827
+ .checkbox-container {
828
+ display: inline-block;
829
+ position: relative;
830
+ padding-left: 20px;
831
+ margin-bottom: 12px;
832
+ cursor: pointer;
833
+ font-size: 13px;
834
+ -webkit-user-select: none;
835
+ -moz-user-select: none;
836
+ -ms-user-select: none;
837
+ user-select: none; }
838
+
839
+ .fr-files-checkbox-line {
840
+ display: flex;
841
+ align-items: center;
842
+ font-size: 10px; }
843
+ .fr-files-checkbox-line label {
844
+ cursor: pointer;
845
+ vertical-align: middle; }
846
+
847
+ .fr-insert-checkbox input {
848
+ height: 13px !important;
849
+ width: 13px !important; }
850
+
851
+ .fr-autoplay-checkbox input {
852
+ height: 13px !important;
853
+ width: 13px !important; }
854
+
855
+ button[data-cmd="insertFiles"] {
856
+ padding-left: 2px !important;
857
+ padding-top: 2.7px !important; }
858
+ button[data-cmd="autoplay"] svg {
859
+ position: relative !important;
860
+ top: 3.2px !important; }
861
+ button[data-cmd="insertAll"] {
862
+ padding-left: 4px !important; }
863
+ button[data-cmd="insertAll"] svg {
864
+ position: relative !important;
865
+ top: 3.2px !important; }
866
+
867
+ /* Hide the browser's default checkbox */
868
+ .checkbox-container input {
869
+ position: absolute;
870
+ opacity: 0;
871
+ cursor: pointer;
872
+ height: 0;
873
+ width: 0; }
874
+
875
+ /* Create a custom checkbox */
876
+ .checkmark {
877
+ position: absolute;
878
+ top: 0;
879
+ left: 0;
880
+ height: 15px;
881
+ width: 15px;
882
+ background-color: #eee; }
883
+
884
+ .fr-file-list-item {
885
+ display: flex;
886
+ justify-content: space-between;
887
+ align-items: center;
888
+ padding-top: 7px;
889
+ flex-wrap: wrap;
890
+ position: relative;
891
+ top: -20px;
892
+ border-bottom: 1px solid #ddd;
893
+ padding-bottom: 7px; }
894
+
895
+ .fr-file-item-left {
896
+ display: flex;
897
+ flex-wrap: wrap; }
898
+
899
+ .fr-file-item-icon {
900
+ display: flex;
901
+ align-items: center;
902
+ padding-left: 7px; }
903
+
904
+ .fr-file-item-description {
905
+ display: flex;
906
+ flex-wrap: wrap;
907
+ flex-direction: column;
908
+ justify-content: center;
909
+ max-width: 400px;
910
+ margin-left: 5px; }
911
+
912
+ .fr-cloud-icon {
913
+ height: 30px;
914
+ width: 32px;
915
+ background-color: white;
916
+ border-radius: 50%;
917
+ display: flex;
918
+ justify-content: center;
919
+ position: relative;
920
+ margin: 0 auto;
921
+ margin-top: -18px; }
922
+
923
+ .fr-files-checkbox {
924
+ position: relative;
925
+ display: inline-block;
926
+ width: 13px;
927
+ height: 13px;
928
+ padding-right: 5px;
929
+ border-radius: 100%;
930
+ line-height: 1;
931
+ -webkit-box-sizing: content-box;
932
+ -moz-box-sizing: content-box;
933
+ box-sizing: content-box;
934
+ vertical-align: middle; }
935
+ .fr-files-checkbox svg {
936
+ margin-left: 0px;
937
+ margin-top: 0px;
938
+ display: none;
939
+ width: 10px;
940
+ height: 10px; }
941
+ .fr-files-checkbox span {
942
+ border-radius: 2px;
943
+ -moz-border-radius: 2px;
944
+ -webkit-border-radius: 2px;
945
+ -moz-background-clip: padding;
946
+ -webkit-background-clip: padding-box;
947
+ background-clip: padding-box;
948
+ width: 15px;
949
+ height: 15px;
950
+ display: inline-block;
951
+ position: relative;
952
+ z-index: 1;
953
+ -webkit-box-sizing: border-box;
954
+ -moz-box-sizing: border-box;
955
+ box-sizing: border-box;
956
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
957
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
958
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
959
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
960
+ .fr-files-checkbox input {
961
+ position: absolute;
962
+ z-index: 2;
963
+ -webkit-opacity: 0;
964
+ -moz-opacity: 0;
965
+ opacity: 0;
966
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
967
+ border: 0 none;
968
+ cursor: pointer;
969
+ height: 18px;
970
+ margin: 0;
971
+ padding: 0;
972
+ width: 18px; }
973
+ .fr-files-checkbox input:not(:checked) + span {
974
+ border: solid 2px #999999; }
975
+ .fr-files-checkbox input:not(:checked):active + span {
976
+ background-color: #f5f5f5; }
977
+ .fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
978
+ border-color: #515151; }
979
+ .fr-files-checkbox input:checked + span {
980
+ background: #0098f7;
981
+ border: solid 2px #0098f7; }
982
+ .fr-files-checkbox input:checked + span svg {
983
+ display: block; }
984
+ .fr-files-checkbox input:checked:active + span {
985
+ background-color: #EcF5Ff; }
986
+ .fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
987
+ -webkit-opacity: 0.8;
988
+ -moz-opacity: 0.8;
989
+ opacity: 0.8;
990
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
991
+
992
+ .fr-checkbox-disabled {
993
+ opacity: 0.4;
994
+ position: relative;
995
+ display: inline-block;
996
+ width: 13px !important;
997
+ height: 13px !important;
998
+ padding-right: 5px;
999
+ border-radius: 100%;
1000
+ line-height: 1;
1001
+ -webkit-box-sizing: content-box;
1002
+ -moz-box-sizing: content-box;
1003
+ box-sizing: content-box;
1004
+ vertical-align: middle; }
1005
+ .fr-checkbox-disabled svg {
1006
+ margin-left: 2px;
1007
+ margin-top: 2px;
1008
+ display: none;
1009
+ width: 10px;
1010
+ height: 10px; }
1011
+ .fr-checkbox-disabled span {
1012
+ border-radius: 2px;
1013
+ -moz-border-radius: 2px;
1014
+ -webkit-border-radius: 2px;
1015
+ -moz-background-clip: padding;
1016
+ -webkit-background-clip: padding-box;
1017
+ background-clip: padding-box;
1018
+ width: 15px;
1019
+ height: 15px;
1020
+ display: inline-block;
1021
+ position: relative;
1022
+ z-index: 1;
1023
+ -webkit-box-sizing: border-box;
1024
+ -moz-box-sizing: border-box;
1025
+ box-sizing: border-box;
1026
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1027
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1028
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1029
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
1030
+ .fr-checkbox-disabled input {
1031
+ position: absolute;
1032
+ z-index: 2;
1033
+ -webkit-opacity: 0;
1034
+ -moz-opacity: 0;
1035
+ opacity: 0;
1036
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1037
+ border: 0 none;
1038
+ cursor: default;
1039
+ height: 13px !important;
1040
+ margin: 0;
1041
+ padding: 0;
1042
+ width: 13px !important;
1043
+ top: 7px;
1044
+ left: 7px; }
1045
+ .fr-checkbox-disabled input:not(:checked) + span {
1046
+ border: solid 2px #999999; }
1047
+ .fr-checkbox-disabled input:not(:checked):active + span {
1048
+ background-color: #f5f5f5; }
1049
+ .fr-checkbox-disabled input:checked + span {
1050
+ background: #0098f7;
1051
+ border: solid 2px #0098f7; }
1052
+ .fr-checkbox-disabled input:checked + span svg {
1053
+ display: block; }
1054
+ .fr-checkbox-disabled input:checked:active + span {
1055
+ background-color: #EcF5Ff; }
1056
+
1057
+ .fr-file-view {
1058
+ position: absolute;
1059
+ max-width: 60%;
1060
+ right: 10%;
1061
+ z-index: 2147483642; }
1062
+
1063
+ .file-item-thumbnail-hover {
1064
+ transition: transform .2s; }
1065
+
1066
+ .file-item-thumbnail-hover:hover {
1067
+ -ms-transform: scale(1.3);
1068
+ -webkit-transform: scale(1.3);
1069
+ transform: scale(1.3); }
1070
+
1071
+ .fr-file-name {
1072
+ padding-top: 5px;
1073
+ font-size: 12px;
1074
+ font-weight: bold; }
1075
+
1076
+ .fr-margin-16 {
1077
+ margin-bottom: 16px; }
1078
+
1079
+ .fr-none {
1080
+ display: none; }
1081
+
1082
+ .fr-display-block {
1083
+ display: block; }
1084
+
1085
+ .fr-files-manager-tooltip {
1086
+ position: relative; }
1087
+
1088
+ .padding-top-15 {
1089
+ padding-top: 15px !important;
1090
+ padding-bottom: 0px !important; }
1091
+
1092
+ /* Tooltip text */
1093
+ .fr-files-manager-tooltip .tooltiptext {
1094
+ visibility: hidden;
1095
+ width: max-content;
1096
+ max-width: 250px;
1097
+ word-break: break-word;
1098
+ word-wrap: break-word;
1099
+ background-color: black;
1100
+ color: #fff;
1101
+ text-align: left;
1102
+ padding: 4px;
1103
+ border-radius: 2px;
1104
+ /* Position the tooltip text - see examples below! */
1105
+ font-weight: 100;
1106
+ font-size: 10px;
1107
+ position: absolute;
1108
+ top: 80%;
1109
+ left: 50%;
1110
+ z-index: 2147483647; }
1111
+
1112
+ /* Show the tooltip text when you mouse over the tooltip container */
1113
+ .fr-files-manager-tooltip:hover .tooltiptext {
1114
+ visibility: visible; }
1115
+
1116
+ .fr-file-details {
1117
+ display: flex;
1118
+ flex-wrap: wrap;
1119
+ font-size: 10px; }
1120
+
1121
+ .fr-file-date {
1122
+ word-break: break-word;
1123
+ word-wrap: break-word;
1124
+ max-width: 110px;
1125
+ color: #444;
1126
+ padding-top: 2px;
1127
+ padding-bottom: 2px; }
1128
+
1129
+ .fr-file-size {
1130
+ color: #444;
1131
+ padding-top: 2px;
1132
+ padding-bottom: 2px; }
1133
+
1134
+ .dot {
1135
+ width: 20px;
1136
+ height: 20px;
1137
+ background-image: radial-gradient(circle, grey 1px, transparent 2px);
1138
+ background-size: 100% 33.33%;
1139
+ margin-left: 2px;
1140
+ margin-right: 2px; }
1141
+
1142
+ .fr-file-action-icons {
1143
+ margin-right: 5px;
1144
+ margin-left: 5px !important;
1145
+ color: #999;
1146
+ height: 25px !important;
1147
+ padding: 5px !important; }
1148
+
1149
+ @media screen and (max-width: 700px) {
1150
+ .fr-files-manager-tooltip .tooltiptext {
1151
+ max-width: 250px;
1152
+ visibility: hidden;
1153
+ word-break: break-word;
1154
+ word-wrap: break-word;
1155
+ top: 90%;
1156
+ left: 0%;
1157
+ font-size: 8px; } }
1158
+ @media screen and (max-width: 500px) {
1159
+ .fr-files-manager-tooltip .tooltiptext {
1160
+ max-width: 100px;
1161
+ visibility: hidden;
1162
+ word-break: break-word;
1163
+ word-wrap: break-word;
1164
+ top: 90%;
1165
+ left: 0%; }
1166
+
1167
+ .fr-file-item-description {
1168
+ width: 130px; }
1169
+
1170
+ .fr-file-item-right {
1171
+ width: 100%; }
1172
+
1173
+ .progress-circle {
1174
+ font-size: 6px; } }
1175
+ @media screen and (max-width: 320px) {
1176
+ .fr-files-manager-tooltip .tooltiptext {
1177
+ max-width: 100px;
1178
+ visibility: hidden;
1179
+ word-break: break-word;
1180
+ word-wrap: break-word;
1181
+ top: 90%;
1182
+ left: -50%;
1183
+ font-size: 8px; }
1184
+
1185
+ .dot {
1186
+ width: 20px;
1187
+ margin-left: 0px;
1188
+ margin-right: 3px; }
1189
+
1190
+ .fr-file-item-description {
1191
+ width: 80px; }
1192
+
1193
+ .fr-file-details {
1194
+ display: flex;
1195
+ flex-wrap: wrap;
1196
+ font-size: 9px; }
1197
+
1198
+ .fr-file-name {
1199
+ font-size: 10px; }
1200
+
1201
+ .fr-file-action-icons {
1202
+ padding: 0px !important; } }
1203
+ @media screen and (min-width: 501px) {
1204
+ .progress-circle {
1205
+ font-size: 9px; } }
1206
+ .fr-file-view-modal {
1207
+ display: block;
1208
+ position: fixed;
1209
+ position: -ms-page;
1210
+ /* For IE */
1211
+ z-index: 2147483641;
1212
+ left: 0;
1213
+ top: 0;
1214
+ width: 100%;
1215
+ height: 100%;
1216
+ overflow: auto;
1217
+ background-color: black;
1218
+ background-color: rgba(0, 0, 0, 0.7); }
1219
+
1220
+ .fr-file-view-modal-content {
1221
+ display: inline-block;
1222
+ text-align: center; }
1223
+
1224
+ .fr-file-view-image {
1225
+ position: absolute;
1226
+ top: 0;
1227
+ bottom: 0;
1228
+ left: 0;
1229
+ right: 0;
1230
+ margin: auto;
1231
+ max-width: 80%;
1232
+ max-height: 70%; }
1233
+
1234
+ .fr-file-view-close {
1235
+ position: absolute;
1236
+ top: 15px;
1237
+ right: 35px;
1238
+ color: #f1f1f1;
1239
+ font-size: 40px;
1240
+ font-weight: bold;
1241
+ transition: 0.3s; }
1242
+
1243
+ .fr-file-view-close:hover,
1244
+ .fr-file-view-close:focus {
1245
+ color: #bbb;
1246
+ text-decoration: none;
1247
+ cursor: pointer; }
1248
+
1249
+ .fr-file-error {
1250
+ color: red;
1251
+ font-weight: 200;
1252
+ font-size: 12px;
1253
+ padding-bottom: 5px; }
1254
+
1255
+ .fr-file-error-h5 {
1256
+ margin: 0; }
1257
+
1258
+ .fr-file-item-right {
1259
+ display: flex;
1260
+ align-items: center;
1261
+ justify-content: flex-end;
1262
+ margin-right: 20px; }
1263
+
1264
+ .fr-file-item-action-buttons {
1265
+ display: flex;
1266
+ align-items: center;
1267
+ justify-content: space-around; }
1268
+
1269
+ .fr-file-item-autoplay-checkbox {
1270
+ align-items: center;
1271
+ margin: 0px;
1272
+ padding: 0px;
1273
+ margin-right: 5px; }
1274
+
1275
+ .fr-autoplay-checkbox-label {
1276
+ margin: 0;
1277
+ cursor: default !important; }
1278
+
1279
+ /* On mouse-over, add a grey background color */
1280
+ .checkbox-container:hover input ~ .checkmark {
1281
+ background-color: #ccc; }
1282
+
1283
+ /* When the checkbox is checked, add a blue background */
1284
+ .checkbox-container input:checked ~ .checkmark {
1285
+ background-color: #2196F3; }
1286
+
1287
+ /* Create the checkmark/indicator (hidden when not checked) */
1288
+ .checkmark:after {
1289
+ content: "";
1290
+ position: absolute;
1291
+ display: none; }
1292
+
1293
+ /* Show the checkmark when checked */
1294
+ .checkbox-container input:checked ~ .checkmark:after {
1295
+ display: block; }
1296
+
1297
+ /* Style the checkmark/indicator */
1298
+ .checkbox-container .checkmark:after {
1299
+ left: 5px;
1300
+ top: 2px;
1301
+ width: 3px;
1302
+ height: 7px;
1303
+ border: solid white;
1304
+ border-width: 0 3px 3px 0;
1305
+ -webkit-transform: rotate(45deg);
1306
+ -ms-transform: rotate(45deg);
1307
+ transform: rotate(45deg); }
1308
+
1309
+ .file-item-details .file-name {
1310
+ font-weight: bold;
1311
+ display: inline; }
1312
+
1313
+ .file-item-details .file-description {
1314
+ font-weight: 300;
1315
+ font-size: 11px;
1316
+ display: inline; }
1317
+
1318
+ .fr-width-10 {
1319
+ width: 10%;
1320
+ display: inline-block; }
1321
+
1322
+ .fr-width-20 {
1323
+ width: 20%;
1324
+ display: inline-block; }
1325
+
1326
+ .fr-width-30 {
1327
+ width: 30%;
1328
+ display: inline-block; }
1329
+
1330
+ .fr-width-40 {
1331
+ width: 40%;
1332
+ display: inline-block; }
1333
+
1334
+ .fr-width-50 {
1335
+ width: 50%;
1336
+ display: inline-block; }
1337
+
1338
+ .fr-width-60 {
1339
+ width: 60%;
1340
+ display: inline-block; }
1341
+
1342
+ .fr-width-100 {
1343
+ width: 100%;
1344
+ display: inline-block; }
1345
+
1346
+ .fr-width-80 {
1347
+ width: 80%;
1348
+ display: inline-block; }
1349
+
1350
+ .fr-width-90 {
1351
+ width: 90%;
1352
+ display: inline-block; }
1353
+
1354
+ .fr-width-85 {
1355
+ width: 85%;
1356
+ display: inline-block; }
1357
+
1358
+ .fr-width-5 {
1359
+ width: 5%;
1360
+ display: inline-block; }
1361
+
1362
+ .fr-width-7 {
1363
+ width: 7%;
1364
+ display: inline-block; }
1365
+
1366
+ .fr-img-icon {
1367
+ color: #aaaaaa;
1368
+ font-size: 16px;
1369
+ padding: 0px 4px; }
1370
+
1371
+ .fr-position-content {
1372
+ position: relative;
1373
+ top: 10px; }
1374
+
1375
+ .file-error {
1376
+ color: red; }
1377
+
1378
+ #myprogressBar {
1379
+ width: 10%;
1380
+ height: 5px;
1381
+ background-color: #4CAF50;
1382
+ position: relative;
1383
+ top: -30px; }
1384
+
1385
+ .fr-files-manager {
1386
+ z-index: 2147483641 !important; }
1387
+
1388
+ .progress-circle {
1389
+ margin: 0px;
1390
+ margin-left: 10px;
1391
+ position: relative;
1392
+ padding: 0;
1393
+ width: 5em;
1394
+ height: 5.1em;
1395
+ background-color: #f2e9e1;
1396
+ border-radius: 50%;
1397
+ line-height: 5em; }
1398
+ .progress-circle:after {
1399
+ border: none;
1400
+ position: absolute;
1401
+ top: 0.35em;
1402
+ left: 0.35em;
1403
+ text-align: center;
1404
+ display: block;
1405
+ border-radius: 50%;
1406
+ width: 4.3em;
1407
+ height: 4.3em;
1408
+ background-color: white;
1409
+ content: " "; }
1410
+ .progress-circle span {
1411
+ position: absolute;
1412
+ line-height: 5em;
1413
+ width: 5em;
1414
+ text-align: center;
1415
+ display: block;
1416
+ color: #53777a;
1417
+ z-index: 2; }
1418
+ .progress-circle.over50 .left-half-clipper {
1419
+ clip: rect(auto, auto, auto, auto); }
1420
+ .progress-circle.over50 .first50-bar {
1421
+ position: absolute;
1422
+ clip: rect(0, 5em, 5em, 2.5em);
1423
+ background-color: #53777a;
1424
+ border-radius: 50%;
1425
+ width: 5em;
1426
+ height: 5em; }
1427
+ .progress-circle:not(.over50) .first50-bar {
1428
+ display: none; }
1429
+ .progress-circle.p0 .value-bar {
1430
+ display: none; }
1431
+ .progress-circle.p1 .value-bar {
1432
+ transform: rotate(4deg); }
1433
+ .progress-circle.p2 .value-bar {
1434
+ transform: rotate(7deg); }
1435
+ .progress-circle.p3 .value-bar {
1436
+ transform: rotate(11deg); }
1437
+ .progress-circle.p4 .value-bar {
1438
+ transform: rotate(14deg); }
1439
+ .progress-circle.p5 .value-bar {
1440
+ transform: rotate(18deg); }
1441
+ .progress-circle.p6 .value-bar {
1442
+ transform: rotate(22deg); }
1443
+ .progress-circle.p7 .value-bar {
1444
+ transform: rotate(25deg); }
1445
+ .progress-circle.p8 .value-bar {
1446
+ transform: rotate(29deg); }
1447
+ .progress-circle.p9 .value-bar {
1448
+ transform: rotate(32deg); }
1449
+ .progress-circle.p10 .value-bar {
1450
+ transform: rotate(36deg); }
1451
+ .progress-circle.p11 .value-bar {
1452
+ transform: rotate(40deg); }
1453
+ .progress-circle.p12 .value-bar {
1454
+ transform: rotate(43deg); }
1455
+ .progress-circle.p13 .value-bar {
1456
+ transform: rotate(47deg); }
1457
+ .progress-circle.p14 .value-bar {
1458
+ transform: rotate(50deg); }
1459
+ .progress-circle.p15 .value-bar {
1460
+ transform: rotate(54deg); }
1461
+ .progress-circle.p16 .value-bar {
1462
+ transform: rotate(58deg); }
1463
+ .progress-circle.p17 .value-bar {
1464
+ transform: rotate(61deg); }
1465
+ .progress-circle.p18 .value-bar {
1466
+ transform: rotate(65deg); }
1467
+ .progress-circle.p19 .value-bar {
1468
+ transform: rotate(68deg); }
1469
+ .progress-circle.p20 .value-bar {
1470
+ transform: rotate(72deg); }
1471
+ .progress-circle.p21 .value-bar {
1472
+ transform: rotate(76deg); }
1473
+ .progress-circle.p22 .value-bar {
1474
+ transform: rotate(79deg); }
1475
+ .progress-circle.p23 .value-bar {
1476
+ transform: rotate(83deg); }
1477
+ .progress-circle.p24 .value-bar {
1478
+ transform: rotate(86deg); }
1479
+ .progress-circle.p25 .value-bar {
1480
+ transform: rotate(90deg); }
1481
+ .progress-circle.p26 .value-bar {
1482
+ transform: rotate(94deg); }
1483
+ .progress-circle.p27 .value-bar {
1484
+ transform: rotate(97deg); }
1485
+ .progress-circle.p28 .value-bar {
1486
+ transform: rotate(101deg); }
1487
+ .progress-circle.p29 .value-bar {
1488
+ transform: rotate(104deg); }
1489
+ .progress-circle.p30 .value-bar {
1490
+ transform: rotate(108deg); }
1491
+ .progress-circle.p31 .value-bar {
1492
+ transform: rotate(112deg); }
1493
+ .progress-circle.p32 .value-bar {
1494
+ transform: rotate(115deg); }
1495
+ .progress-circle.p33 .value-bar {
1496
+ transform: rotate(119deg); }
1497
+ .progress-circle.p34 .value-bar {
1498
+ transform: rotate(122deg); }
1499
+ .progress-circle.p35 .value-bar {
1500
+ transform: rotate(126deg); }
1501
+ .progress-circle.p36 .value-bar {
1502
+ transform: rotate(130deg); }
1503
+ .progress-circle.p37 .value-bar {
1504
+ transform: rotate(133deg); }
1505
+ .progress-circle.p38 .value-bar {
1506
+ transform: rotate(137deg); }
1507
+ .progress-circle.p39 .value-bar {
1508
+ transform: rotate(140deg); }
1509
+ .progress-circle.p40 .value-bar {
1510
+ transform: rotate(144deg); }
1511
+ .progress-circle.p41 .value-bar {
1512
+ transform: rotate(148deg); }
1513
+ .progress-circle.p42 .value-bar {
1514
+ transform: rotate(151deg); }
1515
+ .progress-circle.p43 .value-bar {
1516
+ transform: rotate(155deg); }
1517
+ .progress-circle.p44 .value-bar {
1518
+ transform: rotate(158deg); }
1519
+ .progress-circle.p45 .value-bar {
1520
+ transform: rotate(162deg); }
1521
+ .progress-circle.p46 .value-bar {
1522
+ transform: rotate(166deg); }
1523
+ .progress-circle.p47 .value-bar {
1524
+ transform: rotate(169deg); }
1525
+ .progress-circle.p48 .value-bar {
1526
+ transform: rotate(173deg); }
1527
+ .progress-circle.p49 .value-bar {
1528
+ transform: rotate(176deg); }
1529
+ .progress-circle.p50 .value-bar {
1530
+ transform: rotate(180deg); }
1531
+ .progress-circle.p51 .value-bar {
1532
+ transform: rotate(184deg); }
1533
+ .progress-circle.p52 .value-bar {
1534
+ transform: rotate(187deg); }
1535
+ .progress-circle.p53 .value-bar {
1536
+ transform: rotate(191deg); }
1537
+ .progress-circle.p54 .value-bar {
1538
+ transform: rotate(194deg); }
1539
+ .progress-circle.p55 .value-bar {
1540
+ transform: rotate(198deg); }
1541
+ .progress-circle.p56 .value-bar {
1542
+ transform: rotate(202deg); }
1543
+ .progress-circle.p57 .value-bar {
1544
+ transform: rotate(205deg); }
1545
+ .progress-circle.p58 .value-bar {
1546
+ transform: rotate(209deg); }
1547
+ .progress-circle.p59 .value-bar {
1548
+ transform: rotate(212deg); }
1549
+ .progress-circle.p60 .value-bar {
1550
+ transform: rotate(216deg); }
1551
+ .progress-circle.p61 .value-bar {
1552
+ transform: rotate(220deg); }
1553
+ .progress-circle.p62 .value-bar {
1554
+ transform: rotate(223deg); }
1555
+ .progress-circle.p63 .value-bar {
1556
+ transform: rotate(227deg); }
1557
+ .progress-circle.p64 .value-bar {
1558
+ transform: rotate(230deg); }
1559
+ .progress-circle.p65 .value-bar {
1560
+ transform: rotate(234deg); }
1561
+ .progress-circle.p66 .value-bar {
1562
+ transform: rotate(238deg); }
1563
+ .progress-circle.p67 .value-bar {
1564
+ transform: rotate(241deg); }
1565
+ .progress-circle.p68 .value-bar {
1566
+ transform: rotate(245deg); }
1567
+ .progress-circle.p69 .value-bar {
1568
+ transform: rotate(248deg); }
1569
+ .progress-circle.p70 .value-bar {
1570
+ transform: rotate(252deg); }
1571
+ .progress-circle.p71 .value-bar {
1572
+ transform: rotate(256deg); }
1573
+ .progress-circle.p72 .value-bar {
1574
+ transform: rotate(259deg); }
1575
+ .progress-circle.p73 .value-bar {
1576
+ transform: rotate(263deg); }
1577
+ .progress-circle.p74 .value-bar {
1578
+ transform: rotate(266deg); }
1579
+ .progress-circle.p75 .value-bar {
1580
+ transform: rotate(270deg); }
1581
+ .progress-circle.p76 .value-bar {
1582
+ transform: rotate(274deg); }
1583
+ .progress-circle.p77 .value-bar {
1584
+ transform: rotate(277deg); }
1585
+ .progress-circle.p78 .value-bar {
1586
+ transform: rotate(281deg); }
1587
+ .progress-circle.p79 .value-bar {
1588
+ transform: rotate(284deg); }
1589
+ .progress-circle.p80 .value-bar {
1590
+ transform: rotate(288deg); }
1591
+ .progress-circle.p81 .value-bar {
1592
+ transform: rotate(292deg); }
1593
+ .progress-circle.p82 .value-bar {
1594
+ transform: rotate(295deg); }
1595
+ .progress-circle.p83 .value-bar {
1596
+ transform: rotate(299deg); }
1597
+ .progress-circle.p84 .value-bar {
1598
+ transform: rotate(302deg); }
1599
+ .progress-circle.p85 .value-bar {
1600
+ transform: rotate(306deg); }
1601
+ .progress-circle.p86 .value-bar {
1602
+ transform: rotate(310deg); }
1603
+ .progress-circle.p87 .value-bar {
1604
+ transform: rotate(313deg); }
1605
+ .progress-circle.p88 .value-bar {
1606
+ transform: rotate(317deg); }
1607
+ .progress-circle.p89 .value-bar {
1608
+ transform: rotate(320deg); }
1609
+ .progress-circle.p90 .value-bar {
1610
+ transform: rotate(324deg); }
1611
+ .progress-circle.p91 .value-bar {
1612
+ transform: rotate(328deg); }
1613
+ .progress-circle.p92 .value-bar {
1614
+ transform: rotate(331deg); }
1615
+ .progress-circle.p93 .value-bar {
1616
+ transform: rotate(335deg); }
1617
+ .progress-circle.p94 .value-bar {
1618
+ transform: rotate(338deg); }
1619
+ .progress-circle.p95 .value-bar {
1620
+ transform: rotate(342deg); }
1621
+ .progress-circle.p96 .value-bar {
1622
+ transform: rotate(346deg); }
1623
+ .progress-circle.p97 .value-bar {
1624
+ transform: rotate(349deg); }
1625
+ .progress-circle.p98 .value-bar {
1626
+ transform: rotate(353deg); }
1627
+ .progress-circle.p99 .value-bar {
1628
+ transform: rotate(356deg); }
1629
+ .progress-circle.p100 .value-bar {
1630
+ transform: rotate(360deg); }
1631
+
1632
+ .left-half-clipper {
1633
+ border-radius: 50%;
1634
+ width: 5em;
1635
+ height: 5em;
1636
+ position: absolute;
1637
+ clip: rect(0, 5em, 5em, 2.5em); }
1638
+
1639
+ .value-bar {
1640
+ position: absolute;
1641
+ clip: rect(0, 2.5em, 5em, 0);
1642
+ width: 5em;
1643
+ height: 5em;
1644
+ border-radius: 50%;
1645
+ border: 0.45em solid #53777a;
1646
+ box-sizing: border-box; }
1647
+
1648
+ .align-autoplay {
1649
+ align-items: flex-end;
1650
+ margin-right: 7px; }
1651
+
1652
+ .fr-hovered-over-file {
1653
+ background-color: #F0F0F0; }
1654
+
1655
+ .thumbnail-padding {
1656
+ padding-right: 4px; }
1657
+
1658
+ .clearfix::after {
1659
+ clear: both;
1660
+ display: block;
1661
+ content: "";
1662
+ height: 0; }
1663
+
1664
+ .hide-by-clipping {
1665
+ position: absolute;
1666
+ width: 1px;
1667
+ height: 1px;
1668
+ padding: 0;
1669
+ margin: -1px;
1670
+ overflow: hidden;
1671
+ clip: rect(0, 0, 0, 0);
1672
+ border: 0; }
1673
+
1674
+ body.fr-fullscreen {
1675
+ overflow: hidden;
1676
+ height: 100%;
1677
+ width: 100%;
1678
+ position: fixed; }
1679
+
1680
+ .fr-box.fr-fullscreen {
1681
+ margin: 0 !important;
1682
+ position: fixed;
1683
+ top: 0;
1684
+ left: 0;
1685
+ bottom: 0;
1686
+ right: 0;
1687
+ z-index: 2147483630 !important;
1688
+ width: auto !important; }
1689
+ .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
1690
+ border-radius: 0;
1691
+ -moz-border-radius: 0;
1692
+ -webkit-border-radius: 0;
1693
+ -moz-background-clip: padding;
1694
+ -webkit-background-clip: padding-box;
1695
+ background-clip: padding-box; }
1696
+ .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
1697
+ border-radius: 0;
1698
+ -moz-border-radius: 0;
1699
+ -webkit-border-radius: 0;
1700
+ -moz-background-clip: padding;
1701
+ -webkit-background-clip: padding-box;
1702
+ background-clip: padding-box; }
1703
+ .fr-box.fr-fullscreen .fr-toolbar {
1704
+ border-radius: 0;
1705
+ -moz-border-radius: 0;
1706
+ -webkit-border-radius: 0;
1707
+ -moz-background-clip: padding;
1708
+ -webkit-background-clip: padding-box;
1709
+ background-clip: padding-box; }
1710
+ .fr-box.fr-fullscreen .fr-toolbar.fr-top {
1711
+ top: 0 !important; }
1712
+ .fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
1713
+ bottom: 0 !important; }
1714
+ .fr-box.fr-fullscreen .second-toolbar {
1715
+ margin-top: 0;
1716
+ border-radius: 0;
1717
+ -moz-border-radius: 0;
1718
+ -webkit-border-radius: 0;
1719
+ -moz-background-clip: padding;
1720
+ -webkit-background-clip: padding-box;
1721
+ background-clip: padding-box; }
1722
+
1723
+ .fr-fullscreen-wrapper {
1724
+ z-index: 2147483640 !important;
1725
+ width: 100% !important;
1726
+ margin: 0 !important;
1727
+ padding: 0 !important;
1728
+ overflow: visible !important; }
1729
+
1730
+ .clearfix::after {
1731
+ clear: both;
1732
+ display: block;
1733
+ content: "";
1734
+ height: 0; }
1735
+
1736
+ .hide-by-clipping {
1737
+ position: absolute;
1738
+ width: 1px;
1739
+ height: 1px;
1740
+ padding: 0;
1741
+ margin: -1px;
1742
+ overflow: hidden;
1743
+ clip: rect(0, 0, 0, 0);
1744
+ border: 0; }
1745
+
1746
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
1747
+ text-align: left;
1748
+ padding: 20px 20px 10px; }
1749
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
1750
+ border-collapse: collapse;
1751
+ font-size: 14px;
1752
+ line-height: 1.5;
1753
+ width: 100%; }
1754
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
1755
+ margin-top: 20px; }
1756
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
1757
+ border: 0; }
1758
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
1759
+ text-align: left; }
1760
+ .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 {
1761
+ padding: 6px 0 4px; }
1762
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
1763
+ border-bottom: solid 1px #ebebeb; }
1764
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
1765
+ width: 60%;
1766
+ color: #646464; }
1767
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
1768
+ letter-spacing: 0.5px; }
1769
+
1770
+ .clearfix::after {
1771
+ clear: both;
1772
+ display: block;
1773
+ content: "";
1774
+ height: 0; }
1775
+
1776
+ .hide-by-clipping {
1777
+ position: absolute;
1778
+ width: 1px;
1779
+ height: 1px;
1780
+ padding: 0;
1781
+ margin: -1px;
1782
+ overflow: hidden;
1783
+ clip: rect(0, 0, 0, 0);
1784
+ border: 0; }
1785
+
1786
+ .fr-element img {
1787
+ cursor: pointer;
1788
+ padding: 0 1px; }
1789
+
1790
+ .fr-image-resizer {
1791
+ position: absolute;
1792
+ border: solid 1px #0098f7;
1793
+ display: none;
1794
+ user-select: none;
1795
+ -o-user-select: none;
1796
+ -moz-user-select: none;
1797
+ -khtml-user-select: none;
1798
+ -webkit-user-select: none;
1799
+ -ms-user-select: none;
1800
+ -webkit-box-sizing: content-box;
1801
+ -moz-box-sizing: content-box;
1802
+ box-sizing: content-box; }
1803
+ .fr-image-resizer.fr-active {
1804
+ display: block; }
1805
+ .fr-image-resizer .fr-handler {
1806
+ display: block;
1807
+ position: absolute;
1808
+ background: #0098f7;
1809
+ border: solid 1px #FFF;
1810
+ border-radius: 2px;
1811
+ -moz-border-radius: 2px;
1812
+ -webkit-border-radius: 2px;
1813
+ -moz-background-clip: padding;
1814
+ -webkit-background-clip: padding-box;
1815
+ background-clip: padding-box;
1816
+ z-index: 4;
1817
+ -webkit-box-sizing: border-box;
1818
+ -moz-box-sizing: border-box;
1819
+ box-sizing: border-box; }
1820
+ .fr-image-resizer .fr-handler.fr-hnw {
1821
+ cursor: nw-resize; }
1822
+ .fr-image-resizer .fr-handler.fr-hne {
1823
+ cursor: ne-resize; }
1824
+ .fr-image-resizer .fr-handler.fr-hsw {
1825
+ cursor: sw-resize; }
1826
+ .fr-image-resizer .fr-handler.fr-hse {
1827
+ cursor: se-resize; }
1828
+ .fr-image-resizer .fr-handler {
1829
+ width: 12px;
1830
+ height: 12px; }
1831
+ .fr-image-resizer .fr-handler.fr-hnw {
1832
+ left: -6px;
1833
+ top: -6px; }
1834
+ .fr-image-resizer .fr-handler.fr-hne {
1835
+ right: -6px;
1836
+ top: -6px; }
1837
+ .fr-image-resizer .fr-handler.fr-hsw {
1838
+ left: -6px;
1839
+ bottom: -6px; }
1840
+ .fr-image-resizer .fr-handler.fr-hse {
1841
+ right: -6px;
1842
+ bottom: -6px; }
1843
+ @media (min-width: 1200px) {
1844
+ .fr-image-resizer .fr-handler {
1845
+ width: 10px;
1846
+ height: 10px; }
1847
+ .fr-image-resizer .fr-handler.fr-hnw {
1848
+ left: -5px;
1849
+ top: -5px; }
1850
+ .fr-image-resizer .fr-handler.fr-hne {
1851
+ right: -5px;
1852
+ top: -5px; }
1853
+ .fr-image-resizer .fr-handler.fr-hsw {
1854
+ left: -5px;
1855
+ bottom: -5px; }
1856
+ .fr-image-resizer .fr-handler.fr-hse {
1857
+ right: -5px;
1858
+ bottom: -5px; } }
1859
+
1860
+ .fr-image-overlay {
1861
+ position: fixed;
1862
+ top: 0;
1863
+ left: 0;
1864
+ bottom: 0;
1865
+ right: 0;
1866
+ z-index: 2147483640;
1867
+ display: none; }
1868
+
1869
+ .fr-popup .fr-image-upload-layer {
1870
+ border: dashed 2px #bdbdbd;
1871
+ padding: 25px 0;
1872
+ margin: 20px;
1873
+ position: relative;
1874
+ font-size: 14px;
1875
+ letter-spacing: 1px;
1876
+ line-height: 140%;
1877
+ text-align: center; }
1878
+ .fr-popup .fr-image-upload-layer:hover {
1879
+ background: #ebebeb; }
1880
+ .fr-popup .fr-image-upload-layer.fr-drop {
1881
+ background: #ebebeb;
1882
+ border-color: #0098f7; }
1883
+ .fr-popup .fr-image-upload-layer .fr-form {
1884
+ -webkit-opacity: 0;
1885
+ -moz-opacity: 0;
1886
+ opacity: 0;
1887
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1888
+ position: absolute;
1889
+ top: 0;
1890
+ bottom: 0;
1891
+ left: 0;
1892
+ right: 0;
1893
+ z-index: 2147483640;
1894
+ overflow: hidden;
1895
+ margin: 0 !important;
1896
+ padding: 0 !important;
1897
+ width: 100% !important; }
1898
+ .fr-popup .fr-image-upload-layer .fr-form input {
1899
+ cursor: pointer;
1900
+ position: absolute;
1901
+ right: 0;
1902
+ top: 0;
1903
+ bottom: 0;
1904
+ width: 500%;
1905
+ height: 100%;
1906
+ margin: 0;
1907
+ font-size: 400px; }
1908
+ .fr-popup .fr-image-progress-bar-layer > h3 {
1909
+ font-size: 16px;
1910
+ margin: 10px 0;
1911
+ font-weight: normal; }
1912
+ .fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
1913
+ display: none; }
1914
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader {
1915
+ background: #b3e0fd;
1916
+ height: 10px;
1917
+ width: 100%;
1918
+ margin-top: 20px;
1919
+ overflow: hidden;
1920
+ position: relative; }
1921
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
1922
+ display: block;
1923
+ height: 100%;
1924
+ width: 0%;
1925
+ background: #0098f7;
1926
+ -webkit-transition: width 0.2s ease 0s;
1927
+ -moz-transition: width 0.2s ease 0s;
1928
+ -ms-transition: width 0.2s ease 0s;
1929
+ -o-transition: width 0.2s ease 0s; }
1930
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1931
+ width: 30% !important;
1932
+ position: absolute;
1933
+ top: 0;
1934
+ -webkit-animation: loading 2s linear infinite;
1935
+ -moz-animation: loading 2s linear infinite;
1936
+ -o-animation: loading 2s linear infinite;
1937
+ animation: loading 2s linear infinite; }
1938
+ .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
1939
+ display: none; }
1940
+ .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
1941
+ display: block; }
1942
+
1943
+ .fr-image-size-layer .fr-image-group .fr-input-line {
1944
+ width: calc(50% - 5px);
1945
+ display: inline-block; }
1946
+ .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
1947
+ margin-left: 10px; }
1948
+
1949
+ .fr-uploading {
1950
+ -webkit-opacity: 0.4;
1951
+ -moz-opacity: 0.4;
1952
+ opacity: 0.4;
1953
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1954
+
1955
+ @-webkit-keyframes loading {
1956
+ from {
1957
+ left: -25%; }
1958
+ to {
1959
+ left: 100%; } }
1960
+ @-moz-keyframes loading {
1961
+ from {
1962
+ left: -25%; }
1963
+ to {
1964
+ left: 100%; } }
1965
+ @-o-keyframes loading {
1966
+ from {
1967
+ left: -25%; }
1968
+ to {
1969
+ left: 100%; } }
1970
+ @keyframes loading {
1971
+ from {
1972
+ left: -25%; }
1973
+ to {
1974
+ left: 100%; } }
1975
+ .clearfix::after {
1976
+ clear: both;
1977
+ display: block;
1978
+ content: "";
1979
+ height: 0; }
1980
+
1981
+ .hide-by-clipping {
1982
+ position: absolute;
1983
+ width: 1px;
1984
+ height: 1px;
1985
+ padding: 0;
1986
+ margin: -1px;
1987
+ overflow: hidden;
1988
+ clip: rect(0, 0, 0, 0);
1989
+ border: 0; }
1990
+
1991
+ .fr-modal .fr-modal-head .fr-modal-head-line::after {
1992
+ clear: both;
1993
+ display: block;
1994
+ content: "";
1995
+ height: 0; }
1996
+ .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
1997
+ margin-top: 10px; }
1998
+ .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
1999
+ opacity: 0;
2000
+ width: 0;
2001
+ padding: 12px 0; }
2002
+ .fr-modal .fr-modal-head .fr-modal-tags {
2003
+ padding: 0 20px;
2004
+ display: none;
2005
+ text-align: left; }
2006
+ .fr-modal .fr-modal-head .fr-modal-tags a {
2007
+ display: inline-block;
2008
+ opacity: 0;
2009
+ padding: 6px 12px;
2010
+ margin: 8px 0 8px 8px;
2011
+ text-decoration: none;
2012
+ border-radius: 32px;
2013
+ -moz-border-radius: 32px;
2014
+ -webkit-border-radius: 32px;
2015
+ -moz-background-clip: padding;
2016
+ -webkit-background-clip: padding-box;
2017
+ background-clip: padding-box;
2018
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2019
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2020
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2021
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2022
+ cursor: pointer;
2023
+ background-color: #f5f5f5; }
2024
+ .fr-modal .fr-modal-head .fr-modal-tags a:focus {
2025
+ outline: none;
2026
+ background-color: #ebebeb; }
2027
+ .fr-modal .fr-modal-head .fr-modal-tags a:hover {
2028
+ background-color: #ebebeb; }
2029
+ .fr-modal .fr-modal-head .fr-modal-tags a:active {
2030
+ background-color: #d6d6d6; }
2031
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
2032
+ background-color: #EcF5Ff;
2033
+ color: #0098f7; }
2034
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
2035
+ outline: none;
2036
+ background-color: #ebebeb; }
2037
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
2038
+ background-color: #ebebeb; }
2039
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
2040
+ background-color: #d6d6d6; }
2041
+
2042
+ .fr-show-tags .fr-modal-more svg path {
2043
+ fill: #0098f7; }
2044
+
2045
+ div.fr-modal-body {
2046
+ -webkit-transition: background 0.2s ease 0s;
2047
+ -moz-transition: background 0.2s ease 0s;
2048
+ -ms-transition: background 0.2s ease 0s;
2049
+ -o-transition: background 0.2s ease 0s; }
2050
+ div.fr-modal-body .fr-preloader {
2051
+ display: block;
2052
+ margin: 50px auto; }
2053
+ div.fr-modal-body div.fr-image-list {
2054
+ text-align: center;
2055
+ margin: 0 20px;
2056
+ padding: 0; }
2057
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2058
+ float: left;
2059
+ width: calc((100% - 20px) / 2); }
2060
+ @media (min-width: 768px) and (max-width: 1199px) {
2061
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2062
+ width: calc((100% - 40px) / 3); } }
2063
+ @media (min-width: 1200px) {
2064
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2065
+ width: calc((100% - 60px) / 4); } }
2066
+ div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
2067
+ margin-left: 20px; }
2068
+ div.fr-modal-body div.fr-image-list div.fr-image-container {
2069
+ position: relative;
2070
+ width: 100%;
2071
+ display: block;
2072
+ border-radius: 2px;
2073
+ -moz-border-radius: 2px;
2074
+ -webkit-border-radius: 2px;
2075
+ -moz-background-clip: padding;
2076
+ -webkit-background-clip: padding-box;
2077
+ background-clip: padding-box;
2078
+ overflow: hidden; }
2079
+ div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
2080
+ margin-top: 20px; }
2081
+ div.fr-modal-body div.fr-image-list div.fr-image-container + div {
2082
+ margin-top: 20px; }
2083
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
2084
+ position: absolute;
2085
+ -webkit-opacity: 0.5;
2086
+ -moz-opacity: 0.5;
2087
+ opacity: 0.5;
2088
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2089
+ -webkit-transition: opacity 0.2s ease 0s;
2090
+ -moz-transition: opacity 0.2s ease 0s;
2091
+ -ms-transition: opacity 0.2s ease 0s;
2092
+ -o-transition: opacity 0.2s ease 0s;
2093
+ background: #000;
2094
+ content: "";
2095
+ top: 0;
2096
+ left: 0;
2097
+ bottom: 0;
2098
+ right: 0;
2099
+ z-index: 2; }
2100
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
2101
+ content: attr(data-deleting);
2102
+ color: #FFF;
2103
+ top: 0;
2104
+ left: 0;
2105
+ bottom: 0;
2106
+ right: 0;
2107
+ margin: auto;
2108
+ position: absolute;
2109
+ z-index: 3;
2110
+ font-size: 15px;
2111
+ height: 20px; }
2112
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
2113
+ height: 95px;
2114
+ background: #CCCCCC;
2115
+ z-index: 1; }
2116
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
2117
+ position: absolute;
2118
+ margin: auto;
2119
+ top: 0;
2120
+ bottom: 0;
2121
+ left: 0;
2122
+ right: 0;
2123
+ content: attr(data-loading);
2124
+ display: inline-block;
2125
+ height: 20px; }
2126
+ div.fr-modal-body div.fr-image-list div.fr-image-container img {
2127
+ width: 100%;
2128
+ vertical-align: middle;
2129
+ position: relative;
2130
+ z-index: 2;
2131
+ -webkit-opacity: 1;
2132
+ -moz-opacity: 1;
2133
+ opacity: 1;
2134
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2135
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2136
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2137
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2138
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2139
+ -webkit-transform: translateZ(0);
2140
+ -moz-transform: translateZ(0);
2141
+ -ms-transform: translateZ(0);
2142
+ -o-transform: translateZ(0); }
2143
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
2144
+ -webkit-opacity: 0.75;
2145
+ -moz-opacity: 0.75;
2146
+ opacity: 0.75;
2147
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2148
+ 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 {
2149
+ display: inline-block; }
2150
+ 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 {
2151
+ display: none;
2152
+ top: 50%;
2153
+ border-radius: 100%;
2154
+ -moz-border-radius: 100%;
2155
+ -webkit-border-radius: 100%;
2156
+ -moz-background-clip: padding;
2157
+ -webkit-background-clip: padding-box;
2158
+ background-clip: padding-box;
2159
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2160
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2161
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2162
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2163
+ -webkit-box-sizing: border-box;
2164
+ -moz-box-sizing: border-box;
2165
+ box-sizing: border-box;
2166
+ position: absolute;
2167
+ cursor: pointer;
2168
+ margin: 0;
2169
+ line-height: 40px;
2170
+ text-decoration: none;
2171
+ z-index: 3; }
2172
+ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
2173
+ background: #B8312F;
2174
+ fill: #FFF;
2175
+ padding: 8px;
2176
+ left: 50%;
2177
+ -webkit-transform: translateY(-50%) translateX(25%);
2178
+ -moz-transform: translateY(-50%) translateX(25%);
2179
+ -ms-transform: translateY(-50%) translateX(25%);
2180
+ -o-transform: translateY(-50%) translateX(25%); }
2181
+ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
2182
+ background: #FFF;
2183
+ fill: #0098f7;
2184
+ padding: 8px;
2185
+ left: 50%;
2186
+ -webkit-transform: translateY(-50%) translateX(-125%);
2187
+ -moz-transform: translateY(-50%) translateX(-125%);
2188
+ -ms-transform: translateY(-50%) translateX(-125%);
2189
+ -o-transform: translateY(-50%) translateX(-125%); }
2190
+
2191
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
2192
+ -webkit-opacity: 0.75;
2193
+ -moz-opacity: 0.75;
2194
+ opacity: 0.75;
2195
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2196
+ .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 {
2197
+ display: inline-block;
2198
+ width: 40px;
2199
+ height: 40px; }
2200
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
2201
+ background: #bf4644;
2202
+ color: #FFF; }
2203
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
2204
+ background: #ebebeb; }
2205
+
2206
+ .clearfix::after {
2207
+ clear: both;
2208
+ display: block;
2209
+ content: "";
2210
+ height: 0; }
2211
+
2212
+ .hide-by-clipping {
2213
+ position: absolute;
2214
+ width: 1px;
2215
+ height: 1px;
2216
+ padding: 0;
2217
+ margin: -1px;
2218
+ overflow: hidden;
2219
+ clip: rect(0, 0, 0, 0);
2220
+ border: 0; }
2221
+
2222
+ .fr-line-breaker {
2223
+ cursor: text;
2224
+ border-top: 1px solid #0098f7;
2225
+ position: fixed;
2226
+ z-index: 2;
2227
+ display: none; }
2228
+ .fr-line-breaker.fr-visible {
2229
+ display: block; }
2230
+ .fr-line-breaker a.fr-floating-btn {
2231
+ position: absolute;
2232
+ left: calc(50% - (40px / 2));
2233
+ top: -20px; }
2234
+ .fr-line-breaker a.fr-floating-btn svg {
2235
+ margin: 8px;
2236
+ height: 24px;
2237
+ width: 24px; }
2238
+
2239
+ .clearfix::after {
2240
+ clear: both;
2241
+ display: block;
2242
+ content: "";
2243
+ height: 0; }
2244
+
2245
+ .hide-by-clipping {
2246
+ position: absolute;
2247
+ width: 1px;
2248
+ height: 1px;
2249
+ padding: 0;
2250
+ margin: -1px;
2251
+ overflow: hidden;
2252
+ clip: rect(0, 0, 0, 0);
2253
+ border: 0; }
2254
+
2255
+ .fr-quick-insert {
2256
+ position: absolute;
2257
+ z-index: 2147483639;
2258
+ white-space: nowrap;
2259
+ padding-right: 10px;
2260
+ -webkit-box-sizing: content-box;
2261
+ -moz-box-sizing: content-box;
2262
+ box-sizing: content-box; }
2263
+ .fr-quick-insert a.fr-floating-btn svg {
2264
+ margin: 8px;
2265
+ width: 24px;
2266
+ height: 24px; }
2267
+ .fr-quick-insert.fr-on a.fr-floating-btn svg {
2268
+ -webkit-transform: rotate(135deg);
2269
+ -moz-transform: rotate(135deg);
2270
+ -ms-transform: rotate(135deg);
2271
+ -o-transform: rotate(135deg); }
2272
+ .fr-quick-insert.fr-hidden {
2273
+ display: none; }
2274
+
2275
+ .fr-qi-helper {
2276
+ position: absolute;
2277
+ z-index: 3;
2278
+ padding-left: 20px;
2279
+ white-space: nowrap; }
2280
+ .fr-qi-helper a.fr-btn.fr-floating-btn {
2281
+ text-align: center;
2282
+ padding: 6px 10px 10px 10px;
2283
+ display: inline-block;
2284
+ color: #222222;
2285
+ background: #FFF;
2286
+ -webkit-opacity: 0;
2287
+ -moz-opacity: 0;
2288
+ opacity: 0;
2289
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2290
+ -webkit-transform: scale(0);
2291
+ -moz-transform: scale(0);
2292
+ -ms-transform: scale(0);
2293
+ -o-transform: scale(0); }
2294
+ .fr-qi-helper a.fr-btn.fr-floating-btn svg {
2295
+ fill: #222222; }
2296
+ .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
2297
+ -webkit-opacity: 1;
2298
+ -moz-opacity: 1;
2299
+ opacity: 1;
2300
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2301
+ -webkit-transform: scale(1);
2302
+ -moz-transform: scale(1);
2303
+ -ms-transform: scale(1);
2304
+ -o-transform: scale(1); }
2305
+
2306
+ .clearfix::after {
2307
+ clear: both;
2308
+ display: block;
2309
+ content: "";
2310
+ height: 0; }
2311
+
2312
+ .hide-by-clipping {
2313
+ position: absolute;
2314
+ width: 1px;
2315
+ height: 1px;
2316
+ padding: 0;
2317
+ margin: -1px;
2318
+ overflow: hidden;
2319
+ clip: rect(0, 0, 0, 0);
2320
+ border: 0; }
2321
+
2322
+ .fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
2323
+ padding: 10px 15px; }
2324
+ .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
2325
+ font-weight: normal;
2326
+ font-size: 16px; }
2327
+ .fr-popup .fr-special-character {
2328
+ width: 24px;
2329
+ height: 24px; }
2330
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
2331
+ .fr-popup .fr-icon-container.fr-sc-container {
2332
+ width: 368px; } }
2333
+
2334
+ .clearfix::after {
2335
+ clear: both;
2336
+ display: block;
2337
+ content: "";
2338
+ height: 0; }
2339
+
2340
+ .hide-by-clipping {
2341
+ position: absolute;
2342
+ width: 1px;
2343
+ height: 1px;
2344
+ padding: 0;
2345
+ margin: -1px;
2346
+ overflow: hidden;
2347
+ clip: rect(0, 0, 0, 0);
2348
+ border: 0; }
2349
+
2350
+ .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
2351
+ border: 1px double #0098f7; }
2352
+ .fr-element table tr {
2353
+ user-select: none;
2354
+ -o-user-select: none;
2355
+ -moz-user-select: none;
2356
+ -khtml-user-select: none;
2357
+ -webkit-user-select: none;
2358
+ -ms-user-select: none; }
2359
+ .fr-element table td, .fr-element table th {
2360
+ user-select: text;
2361
+ -o-user-select: text;
2362
+ -moz-user-select: text;
2363
+ -khtml-user-select: text;
2364
+ -webkit-user-select: text;
2365
+ -ms-user-select: text; }
2366
+ .fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
2367
+ user-select: none;
2368
+ -o-user-select: none;
2369
+ -moz-user-select: none;
2370
+ -khtml-user-select: none;
2371
+ -webkit-user-select: none;
2372
+ -ms-user-select: none; }
2373
+
2374
+ .fr-table-resizer {
2375
+ cursor: col-resize;
2376
+ position: absolute;
2377
+ z-index: 3;
2378
+ display: none; }
2379
+ .fr-table-resizer.fr-moving {
2380
+ z-index: 2; }
2381
+ .fr-table-resizer div {
2382
+ -webkit-opacity: 0;
2383
+ -moz-opacity: 0;
2384
+ opacity: 0;
2385
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2386
+ border-right: 1px solid #0098f7; }
2387
+
2388
+ .fr-no-selection {
2389
+ user-select: none;
2390
+ -o-user-select: none;
2391
+ -moz-user-select: none;
2392
+ -khtml-user-select: none;
2393
+ -webkit-user-select: none;
2394
+ -ms-user-select: none; }
2395
+
2396
+ .fr-popup .fr-table-size {
2397
+ margin: 20px; }
2398
+ .fr-popup .fr-table-size .fr-table-size-info {
2399
+ text-align: center;
2400
+ font-size: 14px; }
2401
+ .fr-popup .fr-table-size .fr-select-table-size {
2402
+ line-height: 0;
2403
+ padding: 5px;
2404
+ white-space: nowrap; }
2405
+ .fr-popup .fr-table-size .fr-select-table-size > span {
2406
+ display: inline-block;
2407
+ padding: 0 4px 4px 0;
2408
+ background: transparent; }
2409
+ .fr-popup .fr-table-size .fr-select-table-size > span > span {
2410
+ display: inline-block;
2411
+ width: 18px;
2412
+ height: 18px;
2413
+ border: 1px solid #DDD; }
2414
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover {
2415
+ background: transparent; }
2416
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
2417
+ background: rgba(0, 152, 247, 0.3);
2418
+ border: solid 1px #0098f7; }
2419
+ .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
2420
+ clear: both;
2421
+ display: block;
2422
+ content: "";
2423
+ height: 0; }
2424
+ .fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
2425
+ display: inline-block !important; }
2426
+ .fr-popup .fr-table-colors {
2427
+ display: block;
2428
+ padding: 20px;
2429
+ padding-bottom: 0; }
2430
+
2431
+ .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
2432
+ width: 12px;
2433
+ height: 12px; }
2434
+
2435
+ .fr-insert-helper {
2436
+ position: absolute;
2437
+ z-index: 9999;
2438
+ white-space: nowrap; }
2439
+
2440
+ .clearfix::after {
2441
+ clear: both;
2442
+ display: block;
2443
+ content: "";
2444
+ height: 0; }
2445
+
2446
+ .hide-by-clipping {
2447
+ position: absolute;
2448
+ width: 1px;
2449
+ height: 1px;
2450
+ padding: 0;
2451
+ margin: -1px;
2452
+ overflow: hidden;
2453
+ clip: rect(0, 0, 0, 0);
2454
+ border: 0; }
2455
+
2456
+ .fr-element .fr-video {
2457
+ user-select: none;
2458
+ -o-user-select: none;
2459
+ -moz-user-select: none;
2460
+ -khtml-user-select: none;
2461
+ -webkit-user-select: none;
2462
+ -ms-user-select: none; }
2463
+ .fr-element .fr-video::after {
2464
+ position: absolute;
2465
+ content: '';
2466
+ z-index: 1;
2467
+ top: 0;
2468
+ left: 0;
2469
+ right: 0;
2470
+ bottom: 0;
2471
+ cursor: pointer;
2472
+ display: block;
2473
+ background: rgba(0, 0, 0, 0); }
2474
+ .fr-element .fr-video.fr-active > * {
2475
+ z-index: 2;
2476
+ position: relative; }
2477
+ .fr-element .fr-video > * {
2478
+ -webkit-box-sizing: content-box;
2479
+ -moz-box-sizing: content-box;
2480
+ box-sizing: content-box;
2481
+ max-width: 100%;
2482
+ border: none; }
2483
+
2484
+ .fr-box .fr-video-resizer {
2485
+ position: absolute;
2486
+ border: solid 1px #0098f7;
2487
+ display: none;
2488
+ user-select: none;
2489
+ -o-user-select: none;
2490
+ -moz-user-select: none;
2491
+ -khtml-user-select: none;
2492
+ -webkit-user-select: none;
2493
+ -ms-user-select: none; }
2494
+ .fr-box .fr-video-resizer.fr-active {
2495
+ display: block; }
2496
+ .fr-box .fr-video-resizer .fr-handler {
2497
+ display: block;
2498
+ position: absolute;
2499
+ background: #0098f7;
2500
+ border: solid 1px #FFF;
2501
+ z-index: 4;
2502
+ -webkit-box-sizing: border-box;
2503
+ -moz-box-sizing: border-box;
2504
+ box-sizing: border-box; }
2505
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2506
+ cursor: nw-resize; }
2507
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2508
+ cursor: ne-resize; }
2509
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2510
+ cursor: sw-resize; }
2511
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2512
+ cursor: se-resize; }
2513
+ .fr-box .fr-video-resizer .fr-handler {
2514
+ width: 12px;
2515
+ height: 12px; }
2516
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2517
+ left: -6px;
2518
+ top: -6px; }
2519
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2520
+ right: -6px;
2521
+ top: -6px; }
2522
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2523
+ left: -6px;
2524
+ bottom: -6px; }
2525
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2526
+ right: -6px;
2527
+ bottom: -6px; }
2528
+ @media (min-width: 1200px) {
2529
+ .fr-box .fr-video-resizer .fr-handler {
2530
+ width: 10px;
2531
+ height: 10px; }
2532
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2533
+ left: -5px;
2534
+ top: -5px; }
2535
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2536
+ right: -5px;
2537
+ top: -5px; }
2538
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2539
+ left: -5px;
2540
+ bottom: -5px; }
2541
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2542
+ right: -5px;
2543
+ bottom: -5px; } }
2544
+
2545
+ .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
2546
+ width: calc(50% - 5px);
2547
+ display: inline-block; }
2548
+ .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
2549
+ margin-left: 10px; }
2550
+ .fr-popup .fr-video-upload-layer {
2551
+ border: dashed 2px #bdbdbd;
2552
+ padding: 25px 0;
2553
+ margin: 20px;
2554
+ position: relative;
2555
+ font-size: 14px;
2556
+ letter-spacing: 1px;
2557
+ line-height: 140%;
2558
+ text-align: center; }
2559
+ .fr-popup .fr-video-upload-layer:hover {
2560
+ background: #ebebeb; }
2561
+ .fr-popup .fr-video-upload-layer.fr-drop {
2562
+ background: #ebebeb;
2563
+ border-color: #0098f7; }
2564
+ .fr-popup .fr-video-upload-layer .fr-form {
2565
+ -webkit-opacity: 0;
2566
+ -moz-opacity: 0;
2567
+ opacity: 0;
2568
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2569
+ position: absolute;
2570
+ top: 0;
2571
+ bottom: 0;
2572
+ left: 0;
2573
+ right: 0;
2574
+ z-index: 2147483640;
2575
+ overflow: hidden;
2576
+ margin: 0 !important;
2577
+ padding: 0 !important;
2578
+ width: 100% !important; }
2579
+ .fr-popup .fr-video-upload-layer .fr-form input {
2580
+ cursor: pointer;
2581
+ position: absolute;
2582
+ right: 0;
2583
+ top: 0;
2584
+ bottom: 0;
2585
+ width: 500%;
2586
+ height: 100%;
2587
+ margin: 0;
2588
+ font-size: 400px; }
2589
+ .fr-popup .fr-video-progress-bar-layer > h3 {
2590
+ font-size: 16px;
2591
+ margin: 10px 0;
2592
+ font-weight: normal; }
2593
+ .fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
2594
+ display: none; }
2595
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader {
2596
+ background: #b3e0fd;
2597
+ height: 10px;
2598
+ width: 100%;
2599
+ margin-top: 20px;
2600
+ overflow: hidden;
2601
+ position: relative; }
2602
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
2603
+ display: block;
2604
+ height: 100%;
2605
+ width: 0%;
2606
+ background: #0098f7;
2607
+ -webkit-transition: width 0.2s ease 0s;
2608
+ -moz-transition: width 0.2s ease 0s;
2609
+ -ms-transition: width 0.2s ease 0s;
2610
+ -o-transition: width 0.2s ease 0s; }
2611
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
2612
+ width: 30% !important;
2613
+ position: absolute;
2614
+ top: 0;
2615
+ -webkit-animation: loading 2s linear infinite;
2616
+ -moz-animation: loading 2s linear infinite;
2617
+ -o-animation: loading 2s linear infinite;
2618
+ animation: loading 2s linear infinite; }
2619
+ .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
2620
+ display: none; }
2621
+ .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
2622
+ display: block; }
2623
+
2624
+ .fr-video-overlay {
2625
+ position: fixed;
2626
+ top: 0;
2627
+ left: 0;
2628
+ bottom: 0;
2629
+ right: 0;
2630
+ z-index: 2147483640;
2631
+ display: none; }
2632
+
2633
+ .fr-autoplay-margin {
2634
+ margin-top: 0px !important; }