wysiwyg-rails 1.2.7 → 4.0.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (194) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE +1 -1
  3. data/README.md +112 -35
  4. data/app/assets/javascripts/froala_editor.min.js +5 -9
  5. data/app/assets/javascripts/froala_editor.pkgd.min.js +7 -0
  6. data/app/assets/javascripts/languages/ar.js +291 -0
  7. data/app/assets/javascripts/languages/bs.js +278 -0
  8. data/app/assets/javascripts/languages/cs.js +284 -0
  9. data/app/assets/javascripts/languages/da.js +276 -0
  10. data/app/assets/javascripts/languages/de.js +309 -0
  11. data/app/assets/javascripts/languages/el.js +284 -0
  12. data/app/assets/javascripts/languages/en_ca.js +222 -0
  13. data/app/assets/javascripts/languages/en_gb.js +222 -0
  14. data/app/assets/javascripts/languages/es.js +289 -0
  15. data/app/assets/javascripts/languages/et.js +278 -0
  16. data/app/assets/javascripts/languages/fa.js +278 -0
  17. data/app/assets/javascripts/languages/fi.js +278 -0
  18. data/app/assets/javascripts/languages/fr.js +303 -0
  19. data/app/assets/javascripts/languages/he.js +278 -0
  20. data/app/assets/javascripts/languages/hr.js +278 -0
  21. data/app/assets/javascripts/languages/hu.js +284 -0
  22. data/app/assets/javascripts/languages/id.js +278 -0
  23. data/app/assets/javascripts/languages/it.js +294 -0
  24. data/app/assets/javascripts/languages/ja.js +278 -0
  25. data/app/assets/javascripts/languages/ko.js +306 -0
  26. data/app/assets/javascripts/languages/ku.js +271 -0
  27. data/app/assets/javascripts/languages/me.js +278 -0
  28. data/app/assets/javascripts/languages/nb.js +278 -0
  29. data/app/assets/javascripts/languages/nl.js +291 -0
  30. data/app/assets/javascripts/languages/pl.js +295 -0
  31. data/app/assets/javascripts/languages/pt_br.js +278 -0
  32. data/app/assets/javascripts/languages/pt_pt.js +295 -0
  33. data/app/assets/javascripts/languages/ro.js +278 -0
  34. data/app/assets/javascripts/languages/ru.js +291 -0
  35. data/app/assets/javascripts/languages/sk.js +284 -0
  36. data/app/assets/javascripts/languages/sl.js +224 -0
  37. data/app/assets/javascripts/languages/sr.js +278 -0
  38. data/app/assets/javascripts/languages/sv.js +278 -0
  39. data/app/assets/javascripts/languages/th.js +278 -0
  40. data/app/assets/javascripts/languages/tr.js +278 -0
  41. data/app/assets/javascripts/languages/uk.js +278 -0
  42. data/app/assets/javascripts/languages/vi.js +219 -0
  43. data/app/assets/javascripts/languages/zh_cn.js +304 -0
  44. data/app/assets/javascripts/languages/zh_tw.js +278 -0
  45. data/app/assets/javascripts/plugins/align.min.js +7 -0
  46. data/app/assets/javascripts/plugins/char_counter.min.js +5 -4
  47. data/app/assets/javascripts/plugins/code_beautifier.min.js +7 -0
  48. data/app/assets/javascripts/plugins/code_view.min.js +7 -0
  49. data/app/assets/javascripts/plugins/colors.min.js +5 -4
  50. data/app/assets/javascripts/plugins/cryptojs.min.js +7 -0
  51. data/app/assets/javascripts/plugins/draggable.min.js +7 -0
  52. data/app/assets/javascripts/plugins/edit_in_popup.min.js +7 -0
  53. data/app/assets/javascripts/plugins/emoticons.min.js +7 -0
  54. data/app/assets/javascripts/plugins/entities.min.js +5 -4
  55. data/app/assets/javascripts/plugins/file.min.js +7 -0
  56. data/app/assets/javascripts/plugins/files_manager.min.js +7 -0
  57. data/app/assets/javascripts/plugins/font_family.min.js +5 -4
  58. data/app/assets/javascripts/plugins/font_size.min.js +5 -4
  59. data/app/assets/javascripts/plugins/forms.min.js +7 -0
  60. data/app/assets/javascripts/plugins/fullscreen.min.js +5 -4
  61. data/app/assets/javascripts/plugins/help.min.js +7 -0
  62. data/app/assets/javascripts/plugins/image.min.js +7 -0
  63. data/app/assets/javascripts/plugins/image_manager.min.js +7 -0
  64. data/app/assets/javascripts/plugins/inline_class.min.js +7 -0
  65. data/app/assets/javascripts/plugins/inline_style.min.js +7 -0
  66. data/app/assets/javascripts/plugins/line_breaker.min.js +7 -0
  67. data/app/assets/javascripts/plugins/line_height.min.js +7 -0
  68. data/app/assets/javascripts/plugins/link.min.js +7 -0
  69. data/app/assets/javascripts/plugins/lists.min.js +5 -4
  70. data/app/assets/javascripts/plugins/markdown.min.js +7 -0
  71. data/app/assets/javascripts/plugins/paragraph_format.min.js +7 -0
  72. data/app/assets/javascripts/plugins/paragraph_style.min.js +7 -0
  73. data/app/assets/javascripts/plugins/print.min.js +7 -0
  74. data/app/assets/javascripts/plugins/quick_insert.min.js +7 -0
  75. data/app/assets/javascripts/plugins/quote.min.js +7 -0
  76. data/app/assets/javascripts/plugins/save.min.js +7 -0
  77. data/app/assets/javascripts/plugins/special_characters.min.js +7 -0
  78. data/app/assets/javascripts/plugins/table.min.js +7 -0
  79. data/app/assets/javascripts/plugins/track_changes.min.js +7 -0
  80. data/app/assets/javascripts/plugins/trim_video.min.js +7 -0
  81. data/app/assets/javascripts/plugins/url.min.js +7 -0
  82. data/app/assets/javascripts/plugins/video.min.js +5 -4
  83. data/app/assets/javascripts/plugins/word_paste.min.js +7 -0
  84. data/app/assets/javascripts/plugins.pkgd.min.js +7 -0
  85. data/app/assets/javascripts/third_party/embedly.min.js +7 -0
  86. data/app/assets/javascripts/third_party/font_awesome.min.js +7 -0
  87. data/app/assets/javascripts/third_party/image_tui.min.js +7 -0
  88. data/app/assets/javascripts/third_party/showdown.min.js +7 -0
  89. data/app/assets/javascripts/third_party/spell_checker.min.js +7 -0
  90. data/app/assets/stylesheets/froala_editor.css +1431 -0
  91. data/app/assets/stylesheets/froala_editor.min.css +6 -4
  92. data/app/assets/stylesheets/froala_editor.pkgd.css +4808 -0
  93. data/app/assets/stylesheets/froala_editor.pkgd.min.css +7 -0
  94. data/app/assets/stylesheets/froala_style.css +362 -0
  95. data/app/assets/stylesheets/froala_style.min.css +6 -4
  96. data/app/assets/stylesheets/plugins/char_counter.css +49 -0
  97. data/app/assets/stylesheets/plugins/char_counter.min.css +7 -0
  98. data/app/assets/stylesheets/plugins/code_view.css +97 -0
  99. data/app/assets/stylesheets/plugins/code_view.min.css +7 -0
  100. data/app/assets/stylesheets/plugins/colors.css +98 -0
  101. data/app/assets/stylesheets/plugins/colors.min.css +7 -0
  102. data/app/assets/stylesheets/plugins/draggable.css +41 -0
  103. data/app/assets/stylesheets/plugins/draggable.min.css +7 -0
  104. data/app/assets/stylesheets/plugins/emoticons.css +34 -0
  105. data/app/assets/stylesheets/plugins/emoticons.min.css +7 -0
  106. data/app/assets/stylesheets/plugins/file.css +128 -0
  107. data/app/assets/stylesheets/plugins/file.min.css +7 -0
  108. data/app/assets/stylesheets/plugins/files_manager.css +1240 -0
  109. data/app/assets/stylesheets/plugins/files_manager.min.css +7 -0
  110. data/app/assets/stylesheets/plugins/fullscreen.css +79 -0
  111. data/app/assets/stylesheets/plugins/fullscreen.min.css +7 -0
  112. data/app/assets/stylesheets/plugins/help.css +45 -0
  113. data/app/assets/stylesheets/plugins/help.min.css +7 -0
  114. data/app/assets/stylesheets/plugins/image.css +213 -0
  115. data/app/assets/stylesheets/plugins/image.min.css +7 -0
  116. data/app/assets/stylesheets/plugins/image_manager.css +236 -0
  117. data/app/assets/stylesheets/plugins/image_manager.min.css +7 -0
  118. data/app/assets/stylesheets/plugins/line_breaker.css +38 -0
  119. data/app/assets/stylesheets/plugins/line_breaker.min.css +7 -0
  120. data/app/assets/stylesheets/plugins/markdown.css +149 -0
  121. data/app/assets/stylesheets/plugins/markdown.min.css +7 -0
  122. data/app/assets/stylesheets/plugins/quick_insert.css +72 -0
  123. data/app/assets/stylesheets/plugins/quick_insert.min.css +7 -0
  124. data/app/assets/stylesheets/plugins/special_characters.css +33 -0
  125. data/app/assets/stylesheets/plugins/special_characters.min.css +7 -0
  126. data/app/assets/stylesheets/plugins/table.css +111 -0
  127. data/app/assets/stylesheets/plugins/table.min.css +7 -0
  128. data/app/assets/stylesheets/plugins/trim_video.css +247 -0
  129. data/app/assets/stylesheets/plugins/trim_video.min.css +7 -0
  130. data/app/assets/stylesheets/plugins/video.css +201 -0
  131. data/app/assets/stylesheets/plugins/video.min.css +7 -0
  132. data/app/assets/stylesheets/plugins.pkgd.css +3025 -0
  133. data/app/assets/stylesheets/plugins.pkgd.min.css +7 -0
  134. data/app/assets/stylesheets/themes/dark.css +2188 -0
  135. data/app/assets/stylesheets/themes/dark.min.css +6 -4
  136. data/app/assets/stylesheets/themes/gray.css +2188 -0
  137. data/app/assets/stylesheets/themes/gray.min.css +6 -4
  138. data/app/assets/stylesheets/themes/royal.css +2188 -0
  139. data/app/assets/stylesheets/themes/royal.min.css +6 -4
  140. data/app/assets/stylesheets/third_party/embedly.css +60 -0
  141. data/app/assets/stylesheets/third_party/embedly.min.css +7 -0
  142. data/app/assets/stylesheets/third_party/font_awesome.css +33 -0
  143. data/app/assets/stylesheets/third_party/font_awesome.min.css +7 -0
  144. data/app/assets/stylesheets/third_party/image_tui.css +41 -0
  145. data/app/assets/stylesheets/third_party/image_tui.min.css +7 -0
  146. data/app/assets/stylesheets/third_party/spell_checker.css +64 -0
  147. data/app/assets/stylesheets/third_party/spell_checker.min.css +7 -0
  148. data/lib/wysiwyg-rails/engine.rb +11 -0
  149. data/lib/wysiwyg-rails/version.rb +1 -1
  150. metadata +142 -72
  151. data/app/assets/javascripts/froala_editor_ie8.min.js +0 -6
  152. data/app/assets/javascripts/langs/ar.js +0 -94
  153. data/app/assets/javascripts/langs/bs.js +0 -94
  154. data/app/assets/javascripts/langs/cs.js +0 -94
  155. data/app/assets/javascripts/langs/da.js +0 -94
  156. data/app/assets/javascripts/langs/de.js +0 -94
  157. data/app/assets/javascripts/langs/en_ca.js +0 -94
  158. data/app/assets/javascripts/langs/en_gb.js +0 -94
  159. data/app/assets/javascripts/langs/en_us.js +0 -94
  160. data/app/assets/javascripts/langs/es.js +0 -94
  161. data/app/assets/javascripts/langs/et.js +0 -90
  162. data/app/assets/javascripts/langs/fa.js +0 -94
  163. data/app/assets/javascripts/langs/fi.js +0 -94
  164. data/app/assets/javascripts/langs/fr.js +0 -94
  165. data/app/assets/javascripts/langs/he.js +0 -94
  166. data/app/assets/javascripts/langs/hr.js +0 -94
  167. data/app/assets/javascripts/langs/hu.js +0 -94
  168. data/app/assets/javascripts/langs/id.js +0 -94
  169. data/app/assets/javascripts/langs/it.js +0 -94
  170. data/app/assets/javascripts/langs/ja.js +0 -94
  171. data/app/assets/javascripts/langs/ko.js +0 -94
  172. data/app/assets/javascripts/langs/me.js +0 -94
  173. data/app/assets/javascripts/langs/nb.js +0 -94
  174. data/app/assets/javascripts/langs/nl.js +0 -94
  175. data/app/assets/javascripts/langs/pl.js +0 -94
  176. data/app/assets/javascripts/langs/pt_br.js +0 -94
  177. data/app/assets/javascripts/langs/pt_pt.js +0 -94
  178. data/app/assets/javascripts/langs/ro.js +0 -94
  179. data/app/assets/javascripts/langs/ru.js +0 -94
  180. data/app/assets/javascripts/langs/sr.js +0 -94
  181. data/app/assets/javascripts/langs/sv.js +0 -94
  182. data/app/assets/javascripts/langs/th.js +0 -94
  183. data/app/assets/javascripts/langs/tr.js +0 -94
  184. data/app/assets/javascripts/langs/uk.js +0 -94
  185. data/app/assets/javascripts/langs/zh_cn.js +0 -94
  186. data/app/assets/javascripts/langs/zh_tw.js +0 -94
  187. data/app/assets/javascripts/plugins/block_styles.min.js +0 -6
  188. data/app/assets/javascripts/plugins/file_upload.min.js +0 -6
  189. data/app/assets/javascripts/plugins/inline_styles.min.js +0 -6
  190. data/app/assets/javascripts/plugins/media_manager.min.js +0 -6
  191. data/app/assets/javascripts/plugins/tables.min.js +0 -6
  192. data/app/assets/javascripts/plugins/urls.min.js +0 -6
  193. data/app/assets/stylesheets/froala_content.min.css +0 -5
  194. data/app/assets/stylesheets/themes/red.min.css +0 -5
@@ -0,0 +1,3025 @@
1
+ /*!
2
+ * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2022 Froala Labs
5
+ */
6
+
7
+ .fr-clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0; }
12
+
13
+ .fr-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
+ .fr-clearfix::after {
52
+ clear: both;
53
+ display: block;
54
+ content: "";
55
+ height: 0; }
56
+
57
+ .fr-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
+ .fr-clearfix::after {
144
+ clear: both;
145
+ display: block;
146
+ content: "";
147
+ height: 0; }
148
+
149
+ .fr-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
+ .fr-clearfix::after {
237
+ clear: both;
238
+ display: block;
239
+ content: "";
240
+ height: 0; }
241
+
242
+ .fr-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
+ .fr-clearfix::after {
273
+ clear: both;
274
+ display: block;
275
+ content: "";
276
+ height: 0; }
277
+
278
+ .fr-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
+ .fr-clearfix::after {
302
+ clear: both;
303
+ display: block;
304
+ content: "";
305
+ height: 0; }
306
+
307
+ .fr-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
+ .fr-clearfix::after {
424
+ clear: both;
425
+ display: block;
426
+ content: "";
427
+ height: 0; }
428
+
429
+ .fr-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-stretch;
628
+ /* Mozilla-based browsers will ignore this. */
629
+ width: stretch; }
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-stretch;
685
+ /* Mozilla-based browsers will ignore this. */
686
+ width: stretch; }
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-stretch;
749
+ /* Mozilla-based browsers will ignore this. */
750
+ width: stretch; }
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
+ .fr-clearfix::after {
1659
+ clear: both;
1660
+ display: block;
1661
+ content: "";
1662
+ height: 0; }
1663
+
1664
+ .fr-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-wrapper {
1690
+ background-color: #FFF; }
1691
+ .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
1692
+ border-radius: 0;
1693
+ -moz-border-radius: 0;
1694
+ -webkit-border-radius: 0;
1695
+ -moz-background-clip: padding;
1696
+ -webkit-background-clip: padding-box;
1697
+ background-clip: padding-box; }
1698
+ .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
1699
+ border-radius: 0;
1700
+ -moz-border-radius: 0;
1701
+ -webkit-border-radius: 0;
1702
+ -moz-background-clip: padding;
1703
+ -webkit-background-clip: padding-box;
1704
+ background-clip: padding-box; }
1705
+ .fr-box.fr-fullscreen .fr-toolbar {
1706
+ border-radius: 0;
1707
+ -moz-border-radius: 0;
1708
+ -webkit-border-radius: 0;
1709
+ -moz-background-clip: padding;
1710
+ -webkit-background-clip: padding-box;
1711
+ background-clip: padding-box; }
1712
+ .fr-box.fr-fullscreen .fr-toolbar.fr-top {
1713
+ top: 0 !important; }
1714
+ .fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
1715
+ bottom: 0 !important; }
1716
+ .fr-box.fr-fullscreen .fr-second-toolbar {
1717
+ margin-top: 0;
1718
+ border-radius: 0;
1719
+ -moz-border-radius: 0;
1720
+ -webkit-border-radius: 0;
1721
+ -moz-background-clip: padding;
1722
+ -webkit-background-clip: padding-box;
1723
+ background-clip: padding-box; }
1724
+
1725
+ .fr-fullscreen-wrapper {
1726
+ z-index: 2147483640 !important;
1727
+ width: 100% !important;
1728
+ margin: 0 !important;
1729
+ padding: 0 !important;
1730
+ overflow: visible !important; }
1731
+
1732
+ .fr-clearfix::after {
1733
+ clear: both;
1734
+ display: block;
1735
+ content: "";
1736
+ height: 0; }
1737
+
1738
+ .fr-hide-by-clipping {
1739
+ position: absolute;
1740
+ width: 1px;
1741
+ height: 1px;
1742
+ padding: 0;
1743
+ margin: -1px;
1744
+ overflow: hidden;
1745
+ clip: rect(0, 0, 0, 0);
1746
+ border: 0; }
1747
+
1748
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
1749
+ text-align: left;
1750
+ padding: 20px 20px 10px; }
1751
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
1752
+ border-collapse: collapse;
1753
+ font-size: 14px;
1754
+ line-height: 1.5;
1755
+ width: 100%; }
1756
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
1757
+ margin-top: 20px; }
1758
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
1759
+ border: 0; }
1760
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
1761
+ text-align: left; }
1762
+ .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 {
1763
+ padding: 6px 0 4px; }
1764
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
1765
+ border-bottom: solid 1px #ebebeb; }
1766
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
1767
+ width: 60%;
1768
+ color: #646464; }
1769
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
1770
+ letter-spacing: 0.5px; }
1771
+
1772
+ .fr-clearfix::after {
1773
+ clear: both;
1774
+ display: block;
1775
+ content: "";
1776
+ height: 0; }
1777
+
1778
+ .fr-hide-by-clipping {
1779
+ position: absolute;
1780
+ width: 1px;
1781
+ height: 1px;
1782
+ padding: 0;
1783
+ margin: -1px;
1784
+ overflow: hidden;
1785
+ clip: rect(0, 0, 0, 0);
1786
+ border: 0; }
1787
+
1788
+ .fr-element img {
1789
+ cursor: pointer;
1790
+ padding: 0 1px; }
1791
+
1792
+ .fr-image-resizer {
1793
+ position: absolute;
1794
+ border: solid 1px #0098f7;
1795
+ display: none;
1796
+ user-select: none;
1797
+ -o-user-select: none;
1798
+ -moz-user-select: none;
1799
+ -khtml-user-select: none;
1800
+ -webkit-user-select: none;
1801
+ -ms-user-select: none;
1802
+ -webkit-box-sizing: content-box;
1803
+ -moz-box-sizing: content-box;
1804
+ box-sizing: content-box; }
1805
+ .fr-image-resizer.fr-active {
1806
+ display: block; }
1807
+ .fr-image-resizer .fr-handler {
1808
+ display: block;
1809
+ position: absolute;
1810
+ background: #0098f7;
1811
+ border: solid 1px #FFF;
1812
+ border-radius: 2px;
1813
+ -moz-border-radius: 2px;
1814
+ -webkit-border-radius: 2px;
1815
+ -moz-background-clip: padding;
1816
+ -webkit-background-clip: padding-box;
1817
+ background-clip: padding-box;
1818
+ z-index: 4;
1819
+ -webkit-box-sizing: border-box;
1820
+ -moz-box-sizing: border-box;
1821
+ box-sizing: border-box; }
1822
+ .fr-image-resizer .fr-handler.fr-hnw {
1823
+ cursor: nw-resize; }
1824
+ .fr-image-resizer .fr-handler.fr-hne {
1825
+ cursor: ne-resize; }
1826
+ .fr-image-resizer .fr-handler.fr-hsw {
1827
+ cursor: sw-resize; }
1828
+ .fr-image-resizer .fr-handler.fr-hse {
1829
+ cursor: se-resize; }
1830
+ .fr-image-resizer .fr-handler {
1831
+ width: 12px;
1832
+ height: 12px; }
1833
+ .fr-image-resizer .fr-handler.fr-hnw {
1834
+ left: -6px;
1835
+ top: -6px; }
1836
+ .fr-image-resizer .fr-handler.fr-hne {
1837
+ right: -6px;
1838
+ top: -6px; }
1839
+ .fr-image-resizer .fr-handler.fr-hsw {
1840
+ left: -6px;
1841
+ bottom: -6px; }
1842
+ .fr-image-resizer .fr-handler.fr-hse {
1843
+ right: -6px;
1844
+ bottom: -6px; }
1845
+ @media (min-width: 1200px) {
1846
+ .fr-image-resizer .fr-handler {
1847
+ width: 10px;
1848
+ height: 10px; }
1849
+ .fr-image-resizer .fr-handler.fr-hnw {
1850
+ left: -5px;
1851
+ top: -5px; }
1852
+ .fr-image-resizer .fr-handler.fr-hne {
1853
+ right: -5px;
1854
+ top: -5px; }
1855
+ .fr-image-resizer .fr-handler.fr-hsw {
1856
+ left: -5px;
1857
+ bottom: -5px; }
1858
+ .fr-image-resizer .fr-handler.fr-hse {
1859
+ right: -5px;
1860
+ bottom: -5px; } }
1861
+
1862
+ .fr-image-overlay {
1863
+ position: fixed;
1864
+ top: 0;
1865
+ left: 0;
1866
+ bottom: 0;
1867
+ right: 0;
1868
+ z-index: 2147483640;
1869
+ display: none; }
1870
+
1871
+ .fr-popup .fr-image-upload-layer {
1872
+ border: dashed 2px #bdbdbd;
1873
+ padding: 25px 0;
1874
+ margin: 20px;
1875
+ position: relative;
1876
+ font-size: 14px;
1877
+ letter-spacing: 1px;
1878
+ line-height: 140%;
1879
+ text-align: center; }
1880
+ .fr-popup .fr-image-upload-layer:hover {
1881
+ background: #ebebeb; }
1882
+ .fr-popup .fr-image-upload-layer.fr-drop {
1883
+ background: #ebebeb;
1884
+ border-color: #0098f7; }
1885
+ .fr-popup .fr-image-upload-layer .fr-form {
1886
+ -webkit-opacity: 0;
1887
+ -moz-opacity: 0;
1888
+ opacity: 0;
1889
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1890
+ position: absolute;
1891
+ top: 0;
1892
+ bottom: 0;
1893
+ left: 0;
1894
+ right: 0;
1895
+ z-index: 2147483640;
1896
+ overflow: hidden;
1897
+ margin: 0 !important;
1898
+ padding: 0 !important;
1899
+ width: 100% !important; }
1900
+ .fr-popup .fr-image-upload-layer .fr-form input {
1901
+ cursor: pointer;
1902
+ position: absolute;
1903
+ right: 0;
1904
+ top: 0;
1905
+ bottom: 0;
1906
+ width: 500%;
1907
+ height: 100%;
1908
+ margin: 0;
1909
+ font-size: 400px; }
1910
+ .fr-popup .fr-image-progress-bar-layer > h3 {
1911
+ font-size: 16px;
1912
+ margin: 10px 0;
1913
+ font-weight: normal; }
1914
+ .fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
1915
+ display: none; }
1916
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader {
1917
+ background: #b3e0fd;
1918
+ height: 10px;
1919
+ width: 100%;
1920
+ margin-top: 20px;
1921
+ overflow: hidden;
1922
+ position: relative; }
1923
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
1924
+ display: block;
1925
+ height: 100%;
1926
+ width: 0%;
1927
+ background: #0098f7;
1928
+ -webkit-transition: width 0.2s ease 0s;
1929
+ -moz-transition: width 0.2s ease 0s;
1930
+ -ms-transition: width 0.2s ease 0s;
1931
+ -o-transition: width 0.2s ease 0s; }
1932
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1933
+ width: 30% !important;
1934
+ position: absolute;
1935
+ top: 0;
1936
+ -webkit-animation: loading 2s linear infinite;
1937
+ -moz-animation: loading 2s linear infinite;
1938
+ -o-animation: loading 2s linear infinite;
1939
+ animation: loading 2s linear infinite; }
1940
+ .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
1941
+ display: none; }
1942
+ .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
1943
+ display: block; }
1944
+
1945
+ .fr-image-size-layer .fr-image-group .fr-input-line {
1946
+ width: calc(50% - 5px);
1947
+ display: inline-block; }
1948
+ .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
1949
+ margin-left: 10px; }
1950
+
1951
+ .fr-uploading {
1952
+ -webkit-opacity: 0.4;
1953
+ -moz-opacity: 0.4;
1954
+ opacity: 0.4;
1955
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1956
+
1957
+ @-webkit-keyframes loading {
1958
+ from {
1959
+ left: -25%; }
1960
+ to {
1961
+ left: 100%; } }
1962
+ @-moz-keyframes loading {
1963
+ from {
1964
+ left: -25%; }
1965
+ to {
1966
+ left: 100%; } }
1967
+ @-o-keyframes loading {
1968
+ from {
1969
+ left: -25%; }
1970
+ to {
1971
+ left: 100%; } }
1972
+ @keyframes loading {
1973
+ from {
1974
+ left: -25%; }
1975
+ to {
1976
+ left: 100%; } }
1977
+ img.fr-draggable {
1978
+ user-select: none; }
1979
+
1980
+ .fr-clearfix::after {
1981
+ clear: both;
1982
+ display: block;
1983
+ content: "";
1984
+ height: 0; }
1985
+
1986
+ .fr-hide-by-clipping {
1987
+ position: absolute;
1988
+ width: 1px;
1989
+ height: 1px;
1990
+ padding: 0;
1991
+ margin: -1px;
1992
+ overflow: hidden;
1993
+ clip: rect(0, 0, 0, 0);
1994
+ border: 0; }
1995
+
1996
+ .fr-modal .fr-modal-head .fr-modal-head-line::after {
1997
+ clear: both;
1998
+ display: block;
1999
+ content: "";
2000
+ height: 0; }
2001
+ .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
2002
+ margin-top: 10px; }
2003
+ .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
2004
+ opacity: 0;
2005
+ width: 0;
2006
+ padding: 12px 0; }
2007
+ .fr-modal .fr-modal-head .fr-modal-tags {
2008
+ padding: 0 20px;
2009
+ display: none;
2010
+ text-align: left; }
2011
+ .fr-modal .fr-modal-head .fr-modal-tags a {
2012
+ display: inline-block;
2013
+ opacity: 0;
2014
+ padding: 6px 12px;
2015
+ margin: 8px 0 8px 8px;
2016
+ text-decoration: none;
2017
+ border-radius: 32px;
2018
+ -moz-border-radius: 32px;
2019
+ -webkit-border-radius: 32px;
2020
+ -moz-background-clip: padding;
2021
+ -webkit-background-clip: padding-box;
2022
+ background-clip: padding-box;
2023
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2024
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2025
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2026
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2027
+ cursor: pointer;
2028
+ background-color: #f5f5f5; }
2029
+ .fr-modal .fr-modal-head .fr-modal-tags a:focus {
2030
+ outline: none;
2031
+ background-color: #ebebeb; }
2032
+ .fr-modal .fr-modal-head .fr-modal-tags a:hover {
2033
+ background-color: #ebebeb; }
2034
+ .fr-modal .fr-modal-head .fr-modal-tags a:active {
2035
+ background-color: #d6d6d6; }
2036
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
2037
+ background-color: #EcF5Ff;
2038
+ color: #0098f7; }
2039
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
2040
+ outline: none;
2041
+ background-color: #ebebeb; }
2042
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
2043
+ background-color: #ebebeb; }
2044
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
2045
+ background-color: #d6d6d6; }
2046
+
2047
+ .fr-show-tags .fr-modal-more svg path {
2048
+ fill: #0098f7; }
2049
+
2050
+ div.fr-modal-body {
2051
+ -webkit-transition: background 0.2s ease 0s;
2052
+ -moz-transition: background 0.2s ease 0s;
2053
+ -ms-transition: background 0.2s ease 0s;
2054
+ -o-transition: background 0.2s ease 0s; }
2055
+ div.fr-modal-body .fr-preloader {
2056
+ display: block;
2057
+ margin: 50px auto; }
2058
+ div.fr-modal-body div.fr-image-list {
2059
+ text-align: center;
2060
+ margin: 0 20px;
2061
+ padding: 0; }
2062
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2063
+ float: left;
2064
+ width: calc((100% - 20px) / 2); }
2065
+ @media (min-width: 768px) and (max-width: 1199px) {
2066
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2067
+ width: calc((100% - 40px) / 3); } }
2068
+ @media (min-width: 1200px) {
2069
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2070
+ width: calc((100% - 60px) / 4); } }
2071
+ div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
2072
+ margin-left: 20px; }
2073
+ div.fr-modal-body div.fr-image-list div.fr-image-container {
2074
+ position: relative;
2075
+ width: 100%;
2076
+ display: block;
2077
+ border-radius: 2px;
2078
+ -moz-border-radius: 2px;
2079
+ -webkit-border-radius: 2px;
2080
+ -moz-background-clip: padding;
2081
+ -webkit-background-clip: padding-box;
2082
+ background-clip: padding-box;
2083
+ overflow: hidden; }
2084
+ div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
2085
+ margin-top: 20px; }
2086
+ div.fr-modal-body div.fr-image-list div.fr-image-container + div {
2087
+ margin-top: 20px; }
2088
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
2089
+ position: absolute;
2090
+ -webkit-opacity: 0.5;
2091
+ -moz-opacity: 0.5;
2092
+ opacity: 0.5;
2093
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2094
+ -webkit-transition: opacity 0.2s ease 0s;
2095
+ -moz-transition: opacity 0.2s ease 0s;
2096
+ -ms-transition: opacity 0.2s ease 0s;
2097
+ -o-transition: opacity 0.2s ease 0s;
2098
+ background: #000;
2099
+ content: "";
2100
+ top: 0;
2101
+ left: 0;
2102
+ bottom: 0;
2103
+ right: 0;
2104
+ z-index: 2; }
2105
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
2106
+ content: attr(data-deleting);
2107
+ color: #FFF;
2108
+ top: 0;
2109
+ left: 0;
2110
+ bottom: 0;
2111
+ right: 0;
2112
+ margin: auto;
2113
+ position: absolute;
2114
+ z-index: 3;
2115
+ font-size: 15px;
2116
+ height: 20px; }
2117
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
2118
+ height: 95px;
2119
+ background: #CCCCCC;
2120
+ z-index: 1; }
2121
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
2122
+ position: absolute;
2123
+ margin: auto;
2124
+ top: 0;
2125
+ bottom: 0;
2126
+ left: 0;
2127
+ right: 0;
2128
+ content: attr(data-loading);
2129
+ display: inline-block;
2130
+ height: 20px; }
2131
+ div.fr-modal-body div.fr-image-list div.fr-image-container img {
2132
+ width: 100%;
2133
+ vertical-align: middle;
2134
+ position: relative;
2135
+ z-index: 2;
2136
+ -webkit-opacity: 1;
2137
+ -moz-opacity: 1;
2138
+ opacity: 1;
2139
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2140
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2141
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2142
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2143
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2144
+ -webkit-transform: translateZ(0);
2145
+ -moz-transform: translateZ(0);
2146
+ -ms-transform: translateZ(0);
2147
+ -o-transform: translateZ(0); }
2148
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
2149
+ -webkit-opacity: 0.75;
2150
+ -moz-opacity: 0.75;
2151
+ opacity: 0.75;
2152
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2153
+ 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 {
2154
+ display: inline-block; }
2155
+ 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 {
2156
+ display: none;
2157
+ top: 50%;
2158
+ border-radius: 100%;
2159
+ -moz-border-radius: 100%;
2160
+ -webkit-border-radius: 100%;
2161
+ -moz-background-clip: padding;
2162
+ -webkit-background-clip: padding-box;
2163
+ background-clip: padding-box;
2164
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2165
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2166
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2167
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2168
+ -webkit-box-sizing: border-box;
2169
+ -moz-box-sizing: border-box;
2170
+ box-sizing: border-box;
2171
+ position: absolute;
2172
+ cursor: pointer;
2173
+ margin: 0;
2174
+ line-height: 40px;
2175
+ text-decoration: none;
2176
+ z-index: 3; }
2177
+ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
2178
+ background: #B8312F;
2179
+ fill: #FFF;
2180
+ padding: 8px;
2181
+ left: 50%;
2182
+ -webkit-transform: translateY(-50%) translateX(25%);
2183
+ -moz-transform: translateY(-50%) translateX(25%);
2184
+ -ms-transform: translateY(-50%) translateX(25%);
2185
+ -o-transform: translateY(-50%) translateX(25%); }
2186
+ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
2187
+ background: #FFF;
2188
+ fill: #0098f7;
2189
+ padding: 8px;
2190
+ left: 50%;
2191
+ -webkit-transform: translateY(-50%) translateX(-125%);
2192
+ -moz-transform: translateY(-50%) translateX(-125%);
2193
+ -ms-transform: translateY(-50%) translateX(-125%);
2194
+ -o-transform: translateY(-50%) translateX(-125%); }
2195
+
2196
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
2197
+ -webkit-opacity: 0.75;
2198
+ -moz-opacity: 0.75;
2199
+ opacity: 0.75;
2200
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2201
+ .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 {
2202
+ display: inline-block;
2203
+ width: 40px;
2204
+ height: 40px; }
2205
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
2206
+ background: #bf4644;
2207
+ color: #FFF; }
2208
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
2209
+ background: #ebebeb; }
2210
+
2211
+ .fr-clearfix::after {
2212
+ clear: both;
2213
+ display: block;
2214
+ content: "";
2215
+ height: 0; }
2216
+
2217
+ .fr-hide-by-clipping {
2218
+ position: absolute;
2219
+ width: 1px;
2220
+ height: 1px;
2221
+ padding: 0;
2222
+ margin: -1px;
2223
+ overflow: hidden;
2224
+ clip: rect(0, 0, 0, 0);
2225
+ border: 0; }
2226
+
2227
+ .fr-line-breaker {
2228
+ cursor: text;
2229
+ border-top: 1px solid #0098f7;
2230
+ position: fixed;
2231
+ z-index: 2;
2232
+ display: none; }
2233
+ .fr-line-breaker.fr-visible {
2234
+ display: block; }
2235
+ .fr-line-breaker a.fr-floating-btn {
2236
+ position: absolute;
2237
+ left: calc(50% - (40px / 2));
2238
+ top: -20px; }
2239
+ .fr-line-breaker a.fr-floating-btn svg {
2240
+ margin: 8px;
2241
+ height: 24px;
2242
+ width: 24px; }
2243
+
2244
+ .fr-clearfix::after {
2245
+ clear: both;
2246
+ display: block;
2247
+ content: "";
2248
+ height: 0; }
2249
+
2250
+ .fr-hide-by-clipping {
2251
+ position: absolute;
2252
+ width: 1px;
2253
+ height: 1px;
2254
+ padding: 0;
2255
+ margin: -1px;
2256
+ overflow: hidden;
2257
+ clip: rect(0, 0, 0, 0);
2258
+ border: 0; }
2259
+
2260
+ .fr-wrapper-markdown {
2261
+ display: flex; }
2262
+
2263
+ .fr-markdown-view {
2264
+ width: calc(52% - 1px);
2265
+ box-sizing: inherit; }
2266
+
2267
+ .fr-markdown-editor {
2268
+ width: calc(48% - 1px);
2269
+ box-sizing: inherit;
2270
+ background-color: #eee; }
2271
+
2272
+ .fr-markdown-editor > p {
2273
+ margin: 0; }
2274
+
2275
+ .fr-markdown-view > p {
2276
+ margin-top: 0; }
2277
+
2278
+ .gutter-horizontal {
2279
+ display: flex;
2280
+ z-index: 9;
2281
+ background-color: #dadada;
2282
+ cursor: col-resize;
2283
+ width: 2px; }
2284
+
2285
+ .e-resize-handler {
2286
+ z-index: 9;
2287
+ width: 1px;
2288
+ display: flex;
2289
+ justify-content: center;
2290
+ align-items: center;
2291
+ align-self: center;
2292
+ position: relative;
2293
+ font-size: 10px;
2294
+ color: #c5c5c5; }
2295
+
2296
+ .fr-markdown-view > dl {
2297
+ margin-top: 0;
2298
+ margin-bottom: 1rem; }
2299
+
2300
+ .fr-markdown-view > dt {
2301
+ font-weight: 700; }
2302
+
2303
+ .fr-markdown-view > dd {
2304
+ margin-bottom: .5rem;
2305
+ margin-left: 0; }
2306
+
2307
+ .fr-markdown-view > pre {
2308
+ white-space: pre-wrap;
2309
+ white-space: -moz-pre-wrap;
2310
+ white-space: -pre-wrap;
2311
+ white-space: -o-pre-wrap;
2312
+ word-wrap: break-word;
2313
+ background-color: #f8f8f8;
2314
+ border: 1px solid #dfdfdf;
2315
+ margin-top: 1.5em;
2316
+ margin-bottom: 1.5em;
2317
+ padding: 0.125rem 0.3125rem 0.0625rem; }
2318
+
2319
+ .fr-markdown-view > code {
2320
+ background-color: #f8f8f8;
2321
+ border-color: #dfdfdf;
2322
+ border-style: solid;
2323
+ border-width: 1px;
2324
+ color: #333;
2325
+ font-family: Consolas,"Liberation Mono",Courier,monospace;
2326
+ font-weight: normal;
2327
+ padding: 0.125rem 0.3125rem 0.0625rem; }
2328
+
2329
+ .fr-markdown-view > pre code {
2330
+ background-color: transparent;
2331
+ border: 0;
2332
+ padding: 0; }
2333
+
2334
+ .fr-markdown-view > sup {
2335
+ top: -.5em; }
2336
+
2337
+ .footnote-a {
2338
+ color: #007bff;
2339
+ text-decoration: none;
2340
+ background-color: transparent; }
2341
+
2342
+ .fr-markdown-view > hr {
2343
+ margin-top: 1rem;
2344
+ margin-bottom: 1rem;
2345
+ border: 0;
2346
+ border-top: 1px solid rgba(0, 0, 0, 0.1); }
2347
+
2348
+ .blockquote {
2349
+ margin: 0 0 1rem;
2350
+ border-left: 5px solid #eee;
2351
+ padding: 10px 20px;
2352
+ font-size: 1.25rem; }
2353
+
2354
+ .fr-markdown-view > table {
2355
+ width: 100%;
2356
+ max-width: 100%;
2357
+ margin-bottom: 20px;
2358
+ background-color: transparent;
2359
+ border-spacing: 0;
2360
+ border-collapse: collapse; }
2361
+
2362
+ .fr-markdown-view > table > tbody > tr > td,
2363
+ .fr-markdown-view > table > tbody > tr > th,
2364
+ .fr-markdown-view > table > thead > tr > td,
2365
+ .fr-markdown-view > table > thead > tr > th {
2366
+ padding: 8px;
2367
+ line-height: 1.42857143;
2368
+ vertical-align: top;
2369
+ border: 1px solid #ddd; }
2370
+
2371
+ .fr-markdown-view > table > thead > tr > td,
2372
+ .fr-markdown-view > table > thead > tr > th {
2373
+ border-bottom-width: 2px; }
2374
+
2375
+ .fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
2376
+ background-color: #f9f9f9; }
2377
+
2378
+ .fr-markdown-view > a {
2379
+ color: #337ab7;
2380
+ text-decoration: none; }
2381
+
2382
+ .fr-markdown-view > h1 {
2383
+ font-size: 2em !important; }
2384
+
2385
+ .fr-markdown-view > h2 {
2386
+ font-size: 1.5em !important; }
2387
+
2388
+ .fr-clearfix::after {
2389
+ clear: both;
2390
+ display: block;
2391
+ content: "";
2392
+ height: 0; }
2393
+
2394
+ .fr-hide-by-clipping {
2395
+ position: absolute;
2396
+ width: 1px;
2397
+ height: 1px;
2398
+ padding: 0;
2399
+ margin: -1px;
2400
+ overflow: hidden;
2401
+ clip: rect(0, 0, 0, 0);
2402
+ border: 0; }
2403
+
2404
+ .fr-quick-insert {
2405
+ position: absolute;
2406
+ z-index: 2147483639;
2407
+ white-space: nowrap;
2408
+ padding-right: 10px;
2409
+ -webkit-box-sizing: content-box;
2410
+ -moz-box-sizing: content-box;
2411
+ box-sizing: content-box; }
2412
+ .fr-quick-insert a.fr-floating-btn svg {
2413
+ margin: 8px;
2414
+ width: 24px;
2415
+ height: 24px; }
2416
+ .fr-quick-insert.fr-on a.fr-floating-btn svg {
2417
+ -webkit-transform: rotate(135deg);
2418
+ -moz-transform: rotate(135deg);
2419
+ -ms-transform: rotate(135deg);
2420
+ -o-transform: rotate(135deg); }
2421
+ .fr-quick-insert.fr-hidden {
2422
+ display: none; }
2423
+
2424
+ .fr-qi-helper {
2425
+ position: absolute;
2426
+ z-index: 3;
2427
+ padding-left: 20px;
2428
+ white-space: nowrap; }
2429
+ .fr-qi-helper a.fr-btn.fr-floating-btn {
2430
+ text-align: center;
2431
+ padding: 6px 10px 10px 10px;
2432
+ display: inline-block;
2433
+ color: #222222;
2434
+ background: #FFF;
2435
+ -webkit-opacity: 0;
2436
+ -moz-opacity: 0;
2437
+ opacity: 0;
2438
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2439
+ -webkit-transform: scale(0);
2440
+ -moz-transform: scale(0);
2441
+ -ms-transform: scale(0);
2442
+ -o-transform: scale(0); }
2443
+ .fr-qi-helper a.fr-btn.fr-floating-btn svg {
2444
+ fill: #222222; }
2445
+ .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
2446
+ -webkit-opacity: 1;
2447
+ -moz-opacity: 1;
2448
+ opacity: 1;
2449
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2450
+ -webkit-transform: scale(1);
2451
+ -moz-transform: scale(1);
2452
+ -ms-transform: scale(1);
2453
+ -o-transform: scale(1); }
2454
+
2455
+ .fr-clearfix::after {
2456
+ clear: both;
2457
+ display: block;
2458
+ content: "";
2459
+ height: 0; }
2460
+
2461
+ .fr-hide-by-clipping {
2462
+ position: absolute;
2463
+ width: 1px;
2464
+ height: 1px;
2465
+ padding: 0;
2466
+ margin: -1px;
2467
+ overflow: hidden;
2468
+ clip: rect(0, 0, 0, 0);
2469
+ border: 0; }
2470
+
2471
+ .fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
2472
+ padding: 10px 15px; }
2473
+ .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
2474
+ font-weight: normal;
2475
+ font-size: 16px; }
2476
+ .fr-popup .fr-special-character {
2477
+ width: 24px;
2478
+ height: 24px; }
2479
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
2480
+ .fr-popup .fr-icon-container.fr-sc-container {
2481
+ width: 368px; } }
2482
+
2483
+ .fr-clearfix::after {
2484
+ clear: both;
2485
+ display: block;
2486
+ content: "";
2487
+ height: 0; }
2488
+
2489
+ .fr-hide-by-clipping {
2490
+ position: absolute;
2491
+ width: 1px;
2492
+ height: 1px;
2493
+ padding: 0;
2494
+ margin: -1px;
2495
+ overflow: hidden;
2496
+ clip: rect(0, 0, 0, 0);
2497
+ border: 0; }
2498
+
2499
+ .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
2500
+ border: 1px double #0098f7; }
2501
+ .fr-element table tr {
2502
+ user-select: none;
2503
+ -o-user-select: none;
2504
+ -moz-user-select: none;
2505
+ -khtml-user-select: none;
2506
+ -webkit-user-select: none;
2507
+ -ms-user-select: none; }
2508
+ .fr-element table td, .fr-element table th {
2509
+ user-select: text;
2510
+ -o-user-select: text;
2511
+ -moz-user-select: text;
2512
+ -khtml-user-select: text;
2513
+ -webkit-user-select: text;
2514
+ -ms-user-select: text; }
2515
+ .fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
2516
+ user-select: none;
2517
+ -o-user-select: none;
2518
+ -moz-user-select: none;
2519
+ -khtml-user-select: none;
2520
+ -webkit-user-select: none;
2521
+ -ms-user-select: none; }
2522
+
2523
+ .fr-table-resizer {
2524
+ cursor: col-resize;
2525
+ position: absolute;
2526
+ z-index: 3;
2527
+ display: none; }
2528
+ .fr-table-resizer.fr-moving {
2529
+ z-index: 2; }
2530
+ .fr-table-resizer div {
2531
+ -webkit-opacity: 0;
2532
+ -moz-opacity: 0;
2533
+ opacity: 0;
2534
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2535
+ border-right: 1px solid #0098f7; }
2536
+
2537
+ .fr-no-selection {
2538
+ user-select: none;
2539
+ -o-user-select: none;
2540
+ -moz-user-select: none;
2541
+ -khtml-user-select: none;
2542
+ -webkit-user-select: none;
2543
+ -ms-user-select: none; }
2544
+
2545
+ .fr-popup .fr-table-size {
2546
+ margin: 20px; }
2547
+ .fr-popup .fr-table-size .fr-table-size-info {
2548
+ text-align: center;
2549
+ font-size: 14px; }
2550
+ .fr-popup .fr-table-size .fr-select-table-size {
2551
+ line-height: 0;
2552
+ padding: 5px;
2553
+ white-space: nowrap; }
2554
+ .fr-popup .fr-table-size .fr-select-table-size > span {
2555
+ display: inline-block;
2556
+ padding: 0 4px 4px 0;
2557
+ background: transparent; }
2558
+ .fr-popup .fr-table-size .fr-select-table-size > span > span {
2559
+ display: inline-block;
2560
+ width: 18px;
2561
+ height: 18px;
2562
+ border: 1px solid #DDD; }
2563
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover {
2564
+ background: transparent; }
2565
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
2566
+ background: rgba(0, 152, 247, 0.3);
2567
+ border: solid 1px #0098f7; }
2568
+ .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
2569
+ clear: both;
2570
+ display: block;
2571
+ content: "";
2572
+ height: 0; }
2573
+ .fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
2574
+ display: inline-block !important; }
2575
+ .fr-popup .fr-table-colors {
2576
+ display: block;
2577
+ padding: 20px;
2578
+ padding-bottom: 0; }
2579
+
2580
+ .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
2581
+ width: 12px;
2582
+ height: 12px; }
2583
+
2584
+ .fr-insert-helper {
2585
+ position: absolute;
2586
+ z-index: 9999;
2587
+ white-space: nowrap; }
2588
+
2589
+ .fr-clearfix::after {
2590
+ clear: both;
2591
+ display: block;
2592
+ content: "";
2593
+ height: 0; }
2594
+
2595
+ .fr-hide-by-clipping {
2596
+ position: absolute;
2597
+ width: 1px;
2598
+ height: 1px;
2599
+ padding: 0;
2600
+ margin: -1px;
2601
+ overflow: hidden;
2602
+ clip: rect(0, 0, 0, 0);
2603
+ border: 0; }
2604
+
2605
+ #fr-form-container {
2606
+ margin: auto;
2607
+ position: relative;
2608
+ top: 10%;
2609
+ background-color: #f5f5f5;
2610
+ width: 60%;
2611
+ border-radius: 5px;
2612
+ z-index: 9002;
2613
+ overflow: auto;
2614
+ background-color: #fefefe; }
2615
+
2616
+ .fr-trim-video-name {
2617
+ font-family: Arial, Helvetica, sans-serif;
2618
+ padding-top: 15px; }
2619
+
2620
+ .fr-file-loader {
2621
+ border: 4px solid #f3f3f3;
2622
+ border-radius: 50%;
2623
+ border-top: 4px solid #53777a;
2624
+ display: inline-block !important;
2625
+ -webkit-animation: spin 2s linear infinite;
2626
+ /* Safari */
2627
+ animation: spin 2s linear infinite;
2628
+ width: 20px;
2629
+ height: 20px;
2630
+ display: block !important;
2631
+ align-items: center; }
2632
+
2633
+ .fr-trim-button {
2634
+ margin-top: 5px;
2635
+ height: 36px;
2636
+ line-height: 1;
2637
+ color: #0098f7;
2638
+ padding: 10px;
2639
+ cursor: pointer;
2640
+ text-decoration: none;
2641
+ border: none;
2642
+ background: none;
2643
+ font-size: 16px;
2644
+ border-radius: 5px;
2645
+ background-color: #eff5fa;
2646
+ outline: none; }
2647
+ .fr-trim-button:hover {
2648
+ background: #ebebeb; }
2649
+
2650
+ /* Safari */
2651
+ @-webkit-keyframes spin {
2652
+ 0% {
2653
+ -webkit-transform: rotate(0deg); }
2654
+ 100% {
2655
+ -webkit-transform: rotate(360deg); } }
2656
+ @keyframes spin {
2657
+ 0% {
2658
+ transform: rotate(0deg); }
2659
+ 100% {
2660
+ transform: rotate(360deg); } }
2661
+ .fr-slidecontainer {
2662
+ width: 100%; }
2663
+
2664
+ .fr-slider {
2665
+ -webkit-appearance: none;
2666
+ width: 100%;
2667
+ height: 15px;
2668
+ background: #d3d3d3; }
2669
+
2670
+ .fr-video-trim-buttons {
2671
+ text-align: right;
2672
+ padding-bottom: 5px;
2673
+ padding-right: 15px;
2674
+ margin-top: 10px; }
2675
+
2676
+ .fr-slider::-webkit-slider-thumb {
2677
+ -webkit-appearance: none;
2678
+ appearance: none;
2679
+ width: 15px;
2680
+ height: 15px;
2681
+ border-radius: 50%;
2682
+ cursor: pointer; }
2683
+
2684
+ .fr-slider::-moz-range-thumb {
2685
+ width: 15px;
2686
+ height: 15px;
2687
+ background: #3498db;
2688
+ border-radius: 50%;
2689
+ cursor: pointer; }
2690
+
2691
+ .fr-range-value-start {
2692
+ position: absolute; }
2693
+
2694
+ .fr-range-value-start > span {
2695
+ width: 60px;
2696
+ height: 24px;
2697
+ line-height: 24px;
2698
+ text-align: center;
2699
+ background: #03a9f4;
2700
+ color: #fff;
2701
+ font-size: 12px;
2702
+ display: block;
2703
+ position: absolute;
2704
+ left: 50%;
2705
+ transform: translate(-85%, 0);
2706
+ border-radius: 6px; }
2707
+
2708
+ .fr-range-value-start > span:before {
2709
+ content: "";
2710
+ position: absolute;
2711
+ width: 0;
2712
+ height: 0;
2713
+ border-left: 5px solid transparent;
2714
+ border-right: 5px solid transparent;
2715
+ left: 86%;
2716
+ margin-left: -5px;
2717
+ margin-top: -1px; }
2718
+
2719
+ .fr-range-value-end {
2720
+ position: absolute; }
2721
+
2722
+ .fr-range-value-end > span {
2723
+ width: 60px;
2724
+ height: 24px;
2725
+ line-height: 24px;
2726
+ text-align: center;
2727
+ background: #03a9f4;
2728
+ color: #fff;
2729
+ font-size: 12px;
2730
+ display: block;
2731
+ position: absolute;
2732
+ left: 14%;
2733
+ transform: translate(-8%, 0);
2734
+ border-radius: 6px; }
2735
+
2736
+ .fr-range-value-end > span:before {
2737
+ content: "";
2738
+ position: absolute;
2739
+ width: 0;
2740
+ height: 0;
2741
+ border-left: 5px solid transparent;
2742
+ border-right: 5px solid transparent;
2743
+ left: 14%;
2744
+ margin-left: -5px;
2745
+ margin-top: -1px; }
2746
+
2747
+ #startTimeValue {
2748
+ top: -153% !important; }
2749
+
2750
+ #startTimeValue span:before {
2751
+ border-top: 10px solid #03a9f4;
2752
+ top: 100%; }
2753
+
2754
+ #endTimeValue {
2755
+ top: -153% !important; }
2756
+
2757
+ #endTimeValue span:before {
2758
+ border-top: 10px solid #03a9f4;
2759
+ top: 100%; }
2760
+
2761
+ .fr-range-slider {
2762
+ position: relative;
2763
+ width: 80%;
2764
+ height: 15px; }
2765
+
2766
+ .fr-range-slider > input {
2767
+ pointer-events: none;
2768
+ position: absolute;
2769
+ left: 0;
2770
+ top: 10px;
2771
+ width: 100%;
2772
+ outline: none;
2773
+ height: 6px;
2774
+ border-radius: 10px; }
2775
+
2776
+ .fr-range-slider > input::-webkit-slider-thumb {
2777
+ pointer-events: all;
2778
+ position: relative;
2779
+ z-index: 1;
2780
+ -webkit-appearance: none;
2781
+ appearance: none;
2782
+ width: 15px;
2783
+ height: 15px;
2784
+ background: #3498db;
2785
+ cursor: pointer;
2786
+ border-radius: 7px;
2787
+ margin-top: -3.6px; }
2788
+
2789
+ .fr-range-slider > input::-moz-range-thumb {
2790
+ pointer-events: all;
2791
+ position: relative;
2792
+ z-index: 10;
2793
+ -moz-appearance: none;
2794
+ width: 9px;
2795
+ height: 15px;
2796
+ border-radius: 7px;
2797
+ margin-top: -3.6px; }
2798
+
2799
+ .fr-range-slider > input::-moz-range-track {
2800
+ position: relative;
2801
+ z-index: -1;
2802
+ background-color: black;
2803
+ border: 0;
2804
+ height: 15px;
2805
+ border-radius: 50%;
2806
+ margin-top: -3.6px; }
2807
+
2808
+ .fr-range-slider > input:last-of-type::-moz-range-track {
2809
+ -moz-appearance: none;
2810
+ background: none transparent;
2811
+ border: 0; }
2812
+
2813
+ .fr-range-slider > input[type="range"]::-moz-focus-outer {
2814
+ border: 0; }
2815
+
2816
+ @media screen and (max-width: 430px) {
2817
+ .range-value span {
2818
+ width: 40px;
2819
+ font-size: 10px; }
2820
+
2821
+ #fr-form-container {
2822
+ top: 20%; } }
2823
+ #fr-video-edit {
2824
+ width: 80%;
2825
+ text-align: center;
2826
+ height: 50%;
2827
+ margin-bottom: 20px;
2828
+ padding-top: 8px;
2829
+ padding-bottom: 8px; }
2830
+
2831
+ .fr-clearfix::after {
2832
+ clear: both;
2833
+ display: block;
2834
+ content: "";
2835
+ height: 0; }
2836
+
2837
+ .fr-hide-by-clipping {
2838
+ position: absolute;
2839
+ width: 1px;
2840
+ height: 1px;
2841
+ padding: 0;
2842
+ margin: -1px;
2843
+ overflow: hidden;
2844
+ clip: rect(0, 0, 0, 0);
2845
+ border: 0; }
2846
+
2847
+ .fr-element .fr-video {
2848
+ user-select: none;
2849
+ -o-user-select: none;
2850
+ -moz-user-select: none;
2851
+ -khtml-user-select: none;
2852
+ -webkit-user-select: none;
2853
+ -ms-user-select: none; }
2854
+ .fr-element .fr-video::after {
2855
+ position: absolute;
2856
+ content: '';
2857
+ z-index: 1;
2858
+ top: 0;
2859
+ left: 0;
2860
+ right: 0;
2861
+ bottom: 0;
2862
+ cursor: pointer;
2863
+ display: block;
2864
+ background: rgba(0, 0, 0, 0); }
2865
+ .fr-element .fr-video.fr-active > * {
2866
+ z-index: 2;
2867
+ position: relative; }
2868
+ .fr-element .fr-video > * {
2869
+ -webkit-box-sizing: content-box;
2870
+ -moz-box-sizing: content-box;
2871
+ box-sizing: content-box;
2872
+ max-width: 100%;
2873
+ border: none; }
2874
+
2875
+ .fr-box .fr-video-resizer {
2876
+ position: absolute;
2877
+ border: solid 1px #0098f7;
2878
+ display: none;
2879
+ user-select: none;
2880
+ -o-user-select: none;
2881
+ -moz-user-select: none;
2882
+ -khtml-user-select: none;
2883
+ -webkit-user-select: none;
2884
+ -ms-user-select: none; }
2885
+ .fr-box .fr-video-resizer.fr-active {
2886
+ display: block; }
2887
+ .fr-box .fr-video-resizer .fr-handler {
2888
+ display: block;
2889
+ position: absolute;
2890
+ background: #0098f7;
2891
+ border: solid 1px #FFF;
2892
+ z-index: 4;
2893
+ -webkit-box-sizing: border-box;
2894
+ -moz-box-sizing: border-box;
2895
+ box-sizing: border-box; }
2896
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2897
+ cursor: nw-resize; }
2898
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2899
+ cursor: ne-resize; }
2900
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2901
+ cursor: sw-resize; }
2902
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2903
+ cursor: se-resize; }
2904
+ .fr-box .fr-video-resizer .fr-handler {
2905
+ width: 12px;
2906
+ height: 12px; }
2907
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2908
+ left: -6px;
2909
+ top: -6px; }
2910
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2911
+ right: -6px;
2912
+ top: -6px; }
2913
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2914
+ left: -6px;
2915
+ bottom: -6px; }
2916
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2917
+ right: -6px;
2918
+ bottom: -6px; }
2919
+ @media (min-width: 1200px) {
2920
+ .fr-box .fr-video-resizer .fr-handler {
2921
+ width: 10px;
2922
+ height: 10px; }
2923
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2924
+ left: -5px;
2925
+ top: -5px; }
2926
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2927
+ right: -5px;
2928
+ top: -5px; }
2929
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2930
+ left: -5px;
2931
+ bottom: -5px; }
2932
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2933
+ right: -5px;
2934
+ bottom: -5px; } }
2935
+
2936
+ .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
2937
+ width: calc(50% - 5px);
2938
+ display: inline-block; }
2939
+ .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
2940
+ margin-left: 10px; }
2941
+ .fr-popup .fr-video-upload-layer {
2942
+ border: dashed 2px #bdbdbd;
2943
+ padding: 25px 0;
2944
+ margin: 20px;
2945
+ position: relative;
2946
+ font-size: 14px;
2947
+ letter-spacing: 1px;
2948
+ line-height: 140%;
2949
+ text-align: center; }
2950
+ .fr-popup .fr-video-upload-layer:hover {
2951
+ background: #ebebeb; }
2952
+ .fr-popup .fr-video-upload-layer.fr-drop {
2953
+ background: #ebebeb;
2954
+ border-color: #0098f7; }
2955
+ .fr-popup .fr-video-upload-layer .fr-form {
2956
+ -webkit-opacity: 0;
2957
+ -moz-opacity: 0;
2958
+ opacity: 0;
2959
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2960
+ position: absolute;
2961
+ top: 0;
2962
+ bottom: 0;
2963
+ left: 0;
2964
+ right: 0;
2965
+ z-index: 2147483640;
2966
+ overflow: hidden;
2967
+ margin: 0 !important;
2968
+ padding: 0 !important;
2969
+ width: 100% !important; }
2970
+ .fr-popup .fr-video-upload-layer .fr-form input {
2971
+ cursor: pointer;
2972
+ position: absolute;
2973
+ right: 0;
2974
+ top: 0;
2975
+ bottom: 0;
2976
+ width: 500%;
2977
+ height: 100%;
2978
+ margin: 0;
2979
+ font-size: 400px; }
2980
+ .fr-popup .fr-video-progress-bar-layer > h3 {
2981
+ font-size: 16px;
2982
+ margin: 10px 0;
2983
+ font-weight: normal; }
2984
+ .fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
2985
+ display: none; }
2986
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader {
2987
+ background: #b3e0fd;
2988
+ height: 10px;
2989
+ width: 100%;
2990
+ margin-top: 20px;
2991
+ overflow: hidden;
2992
+ position: relative; }
2993
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
2994
+ display: block;
2995
+ height: 100%;
2996
+ width: 0%;
2997
+ background: #0098f7;
2998
+ -webkit-transition: width 0.2s ease 0s;
2999
+ -moz-transition: width 0.2s ease 0s;
3000
+ -ms-transition: width 0.2s ease 0s;
3001
+ -o-transition: width 0.2s ease 0s; }
3002
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
3003
+ width: 30% !important;
3004
+ position: absolute;
3005
+ top: 0;
3006
+ -webkit-animation: loading 2s linear infinite;
3007
+ -moz-animation: loading 2s linear infinite;
3008
+ -o-animation: loading 2s linear infinite;
3009
+ animation: loading 2s linear infinite; }
3010
+ .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
3011
+ display: none; }
3012
+ .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
3013
+ display: block; }
3014
+
3015
+ .fr-video-overlay {
3016
+ position: fixed;
3017
+ top: 0;
3018
+ left: 0;
3019
+ bottom: 0;
3020
+ right: 0;
3021
+ z-index: 2147483640;
3022
+ display: none; }
3023
+
3024
+ .fr-autoplay-margin {
3025
+ margin-top: 0px !important; }